@charset "UTF-8";

.mt-5 {
	margin-top: 5px !important
}

.mt-10 {
	margin-top: 10px
}

.mt-15 {
	margin-top: 15px
}

.mt-20 {
	margin-top: 20px
}

.mt-25 {
	margin-top: 25px
}

.mt-30 {
	margin-top: 30px
}

.mt-35 {
	margin-top: 35px
}

.mt-40 {
	margin-top: 40px
}

.mt-45 {
	margin-top: 45px
}

.mt-50 {
	margin-top: 50px
}

.mt-55 {
	margin-top: 55px
}

.mt-60 {
	margin-top: 60px
}

.mt-65 {
	margin-top: 65px
}

.mt-70 {
	margin-top: 70px
}

.mt-75 {
	margin-top: 75px
}

.mt-80 {
	margin-top: 80px
}

.mt-85 {
	margin-top: 85px
}

.mt-90 {
	margin-top: 90px
}

.mt-95 {
	margin-top: 95px
}

.mt-100 {
	margin-top: 100px
}

.mt-105 {
	margin-top: 105px
}

.mt-110 {
	margin-top: 110px
}

.mt-115 {
	margin-top: 115px
}

.mt-120 {
	margin-top: 120px
}

.mt-125 {
	margin-top: 125px
}

.mt-130 {
	margin-top: 130px
}

.mt-135 {
	margin-top: 135px
}

.mt-140 {
	margin-top: 140px
}

.mt-145 {
	margin-top: 145px
}

.mt-150 {
	margin-top: 150px
}

.mt-155 {
	margin-top: 155px
}

.mt-160 {
	margin-top: 160px
}

.mt-165 {
	margin-top: 165px
}

.mt-170 {
	margin-top: 170px
}

.mt-175 {
	margin-top: 175px
}

.mt-180 {
	margin-top: 180px
}

.mt-185 {
	margin-top: 185px
}

.mt-190 {
	margin-top: 190px
}

.mt-195 {
	margin-top: 195px
}

.mt-200 {
	margin-top: 200px
}

.mb-5 {
	margin-bottom: 5px !important
}

.mb-10 {
	margin-bottom: 10px
}

.mb-15 {
	margin-bottom: 15px
}

.mb-20 {
	margin-bottom: 20px
}

.mb-25 {
	margin-bottom: 25px
}

.mb-30 {
	margin-bottom: 30px
}

.mb-35 {
	margin-bottom: 35px
}

.mb-40 {
	margin-bottom: 40px
}

.mb-45 {
	margin-bottom: 45px
}

.mb-50 {
	margin-bottom: 50px
}

.mb-55 {
	margin-bottom: 55px
}

.mb-60 {
	margin-bottom: 60px
}

.mb-65 {
	margin-bottom: 65px
}

.mb-70 {
	margin-bottom: 70px
}

.mb-75 {
	margin-bottom: 75px
}

.mb-80 {
	margin-bottom: 80px
}

.mb-85 {
	margin-bottom: 85px
}

.mb-90 {
	margin-bottom: 90px
}

.mb-95 {
	margin-bottom: 95px
}

.mb-100 {
	margin-bottom: 100px
}

.mb-105 {
	margin-bottom: 105px
}

.mb-110 {
	margin-bottom: 110px
}

.mb-115 {
	margin-bottom: 115px
}

.mb-120 {
	margin-bottom: 120px
}

.mb-125 {
	margin-bottom: 125px
}

.mb-130 {
	margin-bottom: 130px
}

.mb-135 {
	margin-bottom: 135px
}

.mb-140 {
	margin-bottom: 140px
}

.mb-145 {
	margin-bottom: 145px
}

.mb-150 {
	margin-bottom: 150px
}

.mb-155 {
	margin-bottom: 155px
}

.mb-160 {
	margin-bottom: 160px
}

.mb-165 {
	margin-bottom: 165px
}

.mb-170 {
	margin-bottom: 170px
}

.mb-175 {
	margin-bottom: 175px
}

.mb-180 {
	margin-bottom: 180px
}

.mb-185 {
	margin-bottom: 185px
}

.mb-190 {
	margin-bottom: 190px
}

.mb-195 {
	margin-bottom: 195px
}

.mb-200 {
	margin-bottom: 200px
}

.ml-5 {
	margin-left: 5px
}

.ml-10 {
	margin-left: 10px
}

.ml-15 {
	margin-left: 15px
}

.ml-20 {
	margin-left: 20px
}

.ml-25 {
	margin-left: 25px
}

.ml-30 {
	margin-left: 30px
}

.ml-35 {
	margin-left: 35px
}

.ml-40 {
	margin-left: 40px
}

.ml-45 {
	margin-left: 45px
}

.ml-50 {
	margin-left: 50px
}

.ml-55 {
	margin-left: 55px
}

.ml-60 {
	margin-left: 60px
}

.ml-65 {
	margin-left: 65px
}

.ml-70 {
	margin-left: 70px
}

.ml-75 {
	margin-left: 75px
}

.ml-80 {
	margin-left: 80px
}

.ml-85 {
	margin-left: 85px
}

.ml-90 {
	margin-left: 90px
}

.ml-95 {
	margin-left: 95px
}

.ml-100 {
	margin-left: 100px
}

.ml-105 {
	margin-left: 105px
}

.ml-110 {
	margin-left: 110px
}

.ml-115 {
	margin-left: 115px
}

.ml-120 {
	margin-left: 120px
}

.ml-125 {
	margin-left: 125px
}

.ml-130 {
	margin-left: 130px
}

.ml-135 {
	margin-left: 135px
}

.ml-140 {
	margin-left: 140px
}

.ml-145 {
	margin-left: 145px
}

.ml-150 {
	margin-left: 150px
}

.ml-155 {
	margin-left: 155px
}

.ml-160 {
	margin-left: 160px
}

.ml-165 {
	margin-left: 165px
}

.ml-170 {
	margin-left: 170px
}

.ml-175 {
	margin-left: 175px
}

.ml-180 {
	margin-left: 180px
}

.ml-185 {
	margin-left: 185px
}

.ml-190 {
	margin-left: 190px
}

.ml-195 {
	margin-left: 195px
}

.ml-200 {
	margin-left: 200px
}

.mr-5 {
	margin-right: 5px
}

.mr-10 {
	margin-right: 10px
}

.mr-15 {
	margin-right: 15px
}

.mr-20 {
	margin-right: 20px
}

.mr-25 {
	margin-right: 25px
}

.mr-30 {
	margin-right: 30px
}

.mr-35 {
	margin-right: 35px
}

.mr-40 {
	margin-right: 40px
}

.mr-45 {
	margin-right: 45px
}

.mr-50 {
	margin-right: 50px
}

.mr-55 {
	margin-right: 55px
}

.mr-60 {
	margin-right: 60px
}

.mr-65 {
	margin-right: 65px
}

.mr-70 {
	margin-right: 70px
}

.mr-75 {
	margin-right: 75px
}

.mr-80 {
	margin-right: 80px
}

.mr-85 {
	margin-right: 85px
}

.mr-90 {
	margin-right: 90px
}

.mr-95 {
	margin-right: 95px
}

.mr-100 {
	margin-right: 100px
}

.mr-105 {
	margin-right: 105px
}

.mr-110 {
	margin-right: 110px
}

.mr-115 {
	margin-right: 115px
}

.mr-120 {
	margin-right: 120px
}

.mr-125 {
	margin-right: 125px
}

.mr-130 {
	margin-right: 130px
}

.mr-135 {
	margin-right: 135px
}

.mr-140 {
	margin-right: 140px
}

.mr-145 {
	margin-right: 145px
}

.mr-150 {
	margin-right: 150px
}

.mr-155 {
	margin-right: 155px
}

.mr-160 {
	margin-right: 160px
}

.mr-165 {
	margin-right: 165px
}

.mr-170 {
	margin-right: 170px
}

.mr-175 {
	margin-right: 175px
}

.mr-180 {
	margin-right: 180px
}

.mr-185 {
	margin-right: 185px
}

.mr-190 {
	margin-right: 190px
}

.mr-195 {
	margin-right: 195px
}

.mr-200 {
	margin-right: 200px
}

.pt-5 {
	padding-top: 5px !important
}

.pt-10 {
	padding-top: 10px
}

.pt-15 {
	padding-top: 15px
}

.pt-20 {
	padding-top: 20px
}

.pt-25 {
	padding-top: 25px
}

.pt-30 {
	padding-top: 30px
}

.pt-35 {
	padding-top: 35px
}

.pt-40 {
	padding-top: 40px
}

.pt-45 {
	padding-top: 45px
}

.pt-50 {
	padding-top: 50px
}

.pt-55 {
	padding-top: 55px
}

.pt-60 {
	padding-top: 60px
}

.pt-65 {
	padding-top: 65px
}

.pt-70 {
	padding-top: 70px
}

.pt-75 {
	padding-top: 75px
}

.pt-80 {
	padding-top: 80px
}

.pt-85 {
	padding-top: 85px
}

.pt-90 {
	padding-top: 90px
}

.pt-95 {
	padding-top: 95px
}

.pt-100 {
	padding-top: 100px
}

.pt-105 {
	padding-top: 105px
}

.pt-110 {
	padding-top: 110px
}

.pt-115 {
	padding-top: 115px
}

.pt-120 {
	padding-top: 120px
}

.pt-125 {
	padding-top: 125px
}

.pt-130 {
	padding-top: 130px
}

.pt-135 {
	padding-top: 135px
}

.pt-140 {
	padding-top: 140px
}

.pt-145 {
	padding-top: 145px
}

.pt-150 {
	padding-top: 150px
}

.pt-155 {
	padding-top: 155px
}

.pt-160 {
	padding-top: 160px
}

.pt-165 {
	padding-top: 165px
}

.pt-170 {
	padding-top: 170px
}

.pt-175 {
	padding-top: 175px
}

.pt-180 {
	padding-top: 180px
}

.pt-185 {
	padding-top: 185px
}

.pt-190 {
	padding-top: 190px
}

.pt-195 {
	padding-top: 195px
}

.pt-200 {
	padding-top: 200px
}

.pb-5 {
	padding-bottom: 5px !important
}

.pb-10 {
	padding-bottom: 10px
}

.pb-15 {
	padding-bottom: 15px
}

.pb-20 {
	padding-bottom: 20px
}

.pb-25 {
	padding-bottom: 25px
}

.pb-30 {
	padding-bottom: 30px
}

.pb-35 {
	padding-bottom: 35px
}

.pb-40 {
	padding-bottom: 40px
}

.pb-45 {
	padding-bottom: 45px
}

.pb-50 {
	padding-bottom: 50px
}

.pb-55 {
	padding-bottom: 55px
}

.pb-60 {
	padding-bottom: 60px
}

.pb-65 {
	padding-bottom: 65px
}

.pb-70 {
	padding-bottom: 70px
}

.pb-75 {
	padding-bottom: 75px
}

.pb-80 {
	padding-bottom: 80px
}

.pb-85 {
	padding-bottom: 85px
}

.pb-90 {
	padding-bottom: 90px
}

.pb-95 {
	padding-bottom: 95px
}

.pb-100 {
	padding-bottom: 100px
}

.pb-105 {
	padding-bottom: 105px
}

.pb-110 {
	padding-bottom: 110px
}

.pb-115 {
	padding-bottom: 115px
}

.pb-120 {
	padding-bottom: 120px
}

.pb-125 {
	padding-bottom: 125px
}

.pb-130 {
	padding-bottom: 130px
}

.pb-135 {
	padding-bottom: 135px
}

.pb-140 {
	padding-bottom: 140px
}

.pb-145 {
	padding-bottom: 145px
}

.pb-150 {
	padding-bottom: 150px
}

.pb-155 {
	padding-bottom: 155px
}

.pb-160 {
	padding-bottom: 160px
}

.pb-165 {
	padding-bottom: 165px
}

.pb-170 {
	padding-bottom: 170px
}

.pb-175 {
	padding-bottom: 175px
}

.pb-180 {
	padding-bottom: 180px
}

.pb-185 {
	padding-bottom: 185px
}

.pb-190 {
	padding-bottom: 190px
}

.pb-195 {
	padding-bottom: 195px
}

.pb-200 {
	padding-bottom: 200px
}

.pl-5 {
	padding-left: 5px
}

.pl-10 {
	padding-left: 10px
}

.pl-15 {
	padding-left: 15px
}

.pl-20 {
	padding-left: 20px
}

.pl-25 {
	padding-left: 25px
}

.pl-30 {
	padding-left: 30px
}

.pl-35 {
	padding-left: 35px
}

.pl-40 {
	padding-left: 40px
}

.pl-45 {
	padding-left: 45px
}

.pl-50 {
	padding-left: 50px
}

.pl-55 {
	padding-left: 55px
}

.pl-60 {
	padding-left: 60px
}

.pl-65 {
	padding-left: 65px
}

.pl-70 {
	padding-left: 70px
}

.pl-75 {
	padding-left: 75px
}

.pl-80 {
	padding-left: 80px
}

.pl-85 {
	padding-left: 85px
}

.pl-90 {
	padding-left: 90px
}

.pl-95 {
	padding-left: 95px
}

.pl-100 {
	padding-left: 100px
}

.pl-105 {
	padding-left: 105px
}

.pl-110 {
	padding-left: 110px
}

.pl-115 {
	padding-left: 115px
}

.pl-120 {
	padding-left: 120px
}

.pl-125 {
	padding-left: 125px
}

.pl-130 {
	padding-left: 130px
}

.pl-135 {
	padding-left: 135px
}

.pl-140 {
	padding-left: 140px
}

.pl-145 {
	padding-left: 145px
}

.pl-150 {
	padding-left: 150px
}

.pl-155 {
	padding-left: 155px
}

.pl-160 {
	padding-left: 160px
}

.pl-165 {
	padding-left: 165px
}

.pl-170 {
	padding-left: 170px
}

.pl-175 {
	padding-left: 175px
}

.pl-180 {
	padding-left: 180px
}

.pl-185 {
	padding-left: 185px
}

.pl-190 {
	padding-left: 190px
}

.pl-195 {
	padding-left: 195px
}

.pl-200 {
	padding-left: 200px
}

.pr-5 {
	padding-right: 5px
}

.pr-10 {
	padding-right: 10px
}

.pr-15 {
	padding-right: 15px
}

.pr-20 {
	padding-right: 20px
}

.pr-25 {
	padding-right: 25px
}

.pr-30 {
	padding-right: 30px
}

.pr-35 {
	padding-right: 35px
}

.pr-40 {
	padding-right: 40px
}

.pr-45 {
	padding-right: 45px
}

.pr-50 {
	padding-right: 50px
}

.pr-55 {
	padding-right: 55px
}

.pr-60 {
	padding-right: 60px
}

.pr-65 {
	padding-right: 65px
}

.pr-70 {
	padding-right: 70px
}

.pr-75 {
	padding-right: 75px
}

.pr-80 {
	padding-right: 80px
}

.pr-85 {
	padding-right: 85px
}

.pr-90 {
	padding-right: 90px
}

.pr-95 {
	padding-right: 95px
}

.pr-100 {
	padding-right: 100px
}

.pr-105 {
	padding-right: 105px
}

.pr-110 {
	padding-right: 110px
}

.pr-115 {
	padding-right: 115px
}

.pr-120 {
	padding-right: 120px
}

.pr-125 {
	padding-right: 125px
}

.pr-130 {
	padding-right: 130px
}

.pr-135 {
	padding-right: 135px
}

.pr-140 {
	padding-right: 140px
}

.pr-145 {
	padding-right: 145px
}

.pr-150 {
	padding-right: 150px
}

.pr-155 {
	padding-right: 155px
}

.pr-160 {
	padding-right: 160px
}

.pr-165 {
	padding-right: 165px
}

.pr-170 {
	padding-right: 170px
}

.pr-175 {
	padding-right: 175px
}

.pr-180 {
	padding-right: 180px
}

.pr-185 {
	padding-right: 185px
}

.pr-190 {
	padding-right: 190px
}

.pr-195 {
	padding-right: 195px
}

.pr-200 {
	padding-right: 200px
}

:root {
	--tp-ff-body: "Alumni Sans", sans-serif;
	--tp-ff-heading: "Alumni Sans", sans-serif;
	--tp-ff-p: "Alumni Sans", sans-serif;
	--tp-ff-fontawesome: Font Awesome 5 Pro;
	--tp-fw-sbold: 700;
	--tp-common-white: #fff;
	--tp-common-black: #292930;
	--tp-common-blue: #82cefd;
	--tp-common-pink: #ffadad;
	--tp-common-dpink: #fd346e;
	--tp-common-paste: #1ee2cf;
	--tp-heading-primary: #292930;
	--tp-grey-1: #f7f8fd;
	--tp-grey-2: #f8f8f8;
	--tp-text-body: #484d5d;
	--tp-text-p: #484d5d;
	--tp-theme-1: #5956e9;
	--tp-theme-2: #002e5b;
	--tp-theme-primary: #ffdc60;
	--tp-theme-secondary: #57c9da;
	--tp-border-1: #e8ecf2
}

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

body {
	color: var(--tp-text-body);
	font-display: swap;
	font-family: var(--tp-ff-body);
	font-size: 26px;
	font-weight: 400;
	line-height: 26px;
	overflow-x: hidden
}

a {
	text-decoration: none;
	transition: .3s
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--tp-header-1);
	font-display: swap;
	font-family: var(--tp-ff-heading);
	font-weight: var(--tp-fw-sbold);
	line-height: 1.2;
	margin-top: 0;
	transition: all .3s ease-out 0s
}

h1 {
	font-size: 50px
}

h2 {
	font-size: 42px
}

h3 {
	font-size: 38px
}

h4 {
	font-size: 34px
}

h5 {
	font-size: 30px
}

h6 {
	font-size: 32px
}

ul {
	margin: 0;
	padding: 0
}

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

.z-index {
	z-index: 3
}

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

li {
	list-style: none
}

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

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

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

button:hover {
	cursor: pointer
}

button:focus {
	outline: 0
}

.uppercase {
	text-transform: uppercase
}

.capitalize {
	text-transform: capitalize
}

input {
	outline: none
}

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

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

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

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

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

.w-img img {
	width: 100%
}

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

.fix {
	overflow: hidden
}

.clear {
	clear: both
}

.f-left {
	float: left
}

.f-right {
	float: right
}

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

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

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

.p-relative {
	position: relative
}

.p-absolute {
	position: absolute
}

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

.gx-45 {
	--bs-gutter-x: 45px
}

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

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

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

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

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

.gx-120 {
	--bs-gutter-x: 120px
}

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

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

@media (max-width:767px) {
	.gx-120 {
		--bs-gutter-x: 0px
	}
}

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

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

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

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

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.gx-6 {
		--bs-gutter-x: 40px
	}
}

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

.gx-7 {
	--bs-gutter-x: 70px
}

@media (max-width:767px) {
	.gx-7 {
		--bs-gutter-x: 0px
	}
}

.gx-17 {
	--bs-gutter-x: 17px;
	--bs-gutter-y: 17px
}

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

.gx-50 {
	--bs-gutter-x: 50px
}

@media (max-width:767px) {
	.gx-50 {
		--bs-gutter-x: 0px
	}
}

.radius-20 {
	border-radius: 20px
}

.tp-btn {
	background: var(--tp-theme-1);
	border-radius: 10px;
	color: var(--tp-common-white);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	padding: 0 50px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

.tp-btn i {
	padding-left: 17px
}

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

.tp-btn:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn:after,
.tp-btn:before {
	background: #ffdc60;
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

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

@media (max-width:767px) {
	.tp-btn {
		height: 56px;
		line-height: 56px
	}
}

.tp-btn-sky-similar {
	background: var(--tp-common-blue);
	border-radius: 10px;
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	padding: 0 25px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

.tp-btn-sky-similar i {
	padding-left: 17px
}

.tp-btn-sky-similar:hover {
	background-color: var(--tp-theme-primary);
	color: var(--tp-common-black)
}

.tp-btn-sky-similar:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn-sky-similar:after,
.tp-btn-sky-similar:before {
	background: #fff;
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn-sky-similar:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn-sky-similar:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn-sky-similar:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn-sky-similar:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

.tp-btn-sm-sky {
	background: var(--tp-common-blue);
	border-radius: 10px;
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	padding: 0 50px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

.tp-btn-sm-sky i {
	padding-left: 17px
}

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

.tp-btn-sm-sky:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn-sm-sky:after,
.tp-btn-sm-sky:before {
	background: #ffdc60;
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn-sm-sky:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn-sm-sky:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn-sm-sky:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn-sm-sky:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

.tp-btn-sky {
	background: var(--tp-common-blue);
	border-radius: 10px;
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	padding: 0 25px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

@media (max-width:767px) {
	.tp-btn-sky {
		height: 56px;
		line-height: 56px
	}
}

.tp-btn-sky i {
	padding-left: 17px
}

.tp-btn-sky:hover {
	background-color: var(--tp-theme-primary);
	color: var(--tp-common-black)
}

.tp-btn-sky:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn-sky:after,
.tp-btn-sky:before {
	background: #ffdc60;
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn-sky:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn-sky:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn-sky:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn-sky:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

.tp-btn-black {
	background: var(--tp-theme-1);
	border-radius: 10px;
	color: var(--tp-common-white);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	padding: 0 50px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-btn-black {
		height: 60px;
		line-height: 60px
	}
}

.tp-btn-black i {
	padding-left: 17px
}

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

.tp-btn-black:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn-black:after,
.tp-btn-black:before {
	background: var(--tp-common-black);
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn-black:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn-black:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn-black:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn-black:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

@media (max-width:767px) {
	.tp-btn-black {
		height: 56px;
		line-height: 56px
	}
}

.tp-btn-sm {
	background: var(--tp-theme-1);
	border-radius: 10px;
	color: var(--tp-common-white);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	padding: 0 50px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-btn-sm {
		margin-right: 30px
	}
}

.tp-btn-sm i {
	padding-left: 17px
}

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

.tp-btn-sm:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn-sm:after,
.tp-btn-sm:before {
	background: #ffdc60;
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn-sm:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn-sm:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn-sm:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn-sm:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

.tp-btn-grey {
	background: #ebebf9;
	border-radius: 10px;
	color: var(--tp-theme-1);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	padding: 0 50px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-btn-grey {
		height: 60px;
		line-height: 60px
	}
}

.tp-btn-grey i {
	padding-left: 17px
}

.tp-btn-grey:hover {
	color: var(--tp-common-white)
}

.tp-btn-grey:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn-grey:after,
.tp-btn-grey:before {
	background: var(--tp-theme-1);
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn-grey:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn-grey:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn-grey:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn-grey:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

@media (max-width:767px) {
	.tp-btn-grey {
		height: 56px;
		line-height: 56px
	}
}

.tp-btn-grey-sm {
	background: rgba(89, 86, 233, .1);
	border-radius: 10px;
	color: var(--tp-theme-1);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	padding: 0 35px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	z-index: 1
}

.tp-btn-grey-sm i {
	padding-left: 17px
}

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

.tp-btn-grey-sm:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn-lg-yellow {
	background: var(--tp-theme-primary);
	border: 0;
	border-radius: 10px;
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 70px;
	line-height: 70px;
	outline: none;
	overflow: hidden;
	padding: 0 50px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-btn-lg-yellow {
		padding: 0 35px
	}
}

.tp-btn-lg-yellow i {
	padding-left: 17px
}

.tp-btn-lg-yellow:hover {
	background-color: var(--tp-theme-1);
	color: var(--tp-common-black)
}

.tp-btn-lg-yellow:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn-lg-yellow:after,
.tp-btn-lg-yellow:before {
	background: var(--tp-common-white);
	color: var(--tp-common-black);
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn-lg-yellow:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn-lg-yellow:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn-lg-yellow:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn-lg-yellow:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

@media (max-width:767px) {
	.tp-btn-lg-yellow {
		height: 56px;
		line-height: 56px
	}
}

.tp-btn-yellow {
	background: var(--tp-theme-primary);
	border-radius: 10px;
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	padding: 0 50px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-btn-yellow {
		padding: 0 30px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-btn-yellow {
		padding: 0 35px
	}
}

@media (max-width:767px) {
	.tp-btn-yellow {
		height: 56px;
		left: 0;
		line-height: 56px;
		right: auto
	}
}

.tp-btn-yellow i {
	padding-left: 17px
}

.tp-btn-yellow:hover {
	background-color: var(--tp-theme-secondary);
	color: var(--tp-common-black)
}

.tp-btn-yellow:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn-yellow:after,
.tp-btn-yellow:before {
	background: var(--tp-common-blue);
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn-yellow:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn-yellow:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn-yellow:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn-yellow:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

.tp-btn-border-sm {
	border: 1px solid #f6f6f6;
	border-radius: 10px;
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	padding: 0 50px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-btn-border-sm {
		padding: 0 35px
	}
}

.tp-btn-border-sm i {
	padding-left: 17px
}

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

.tp-btn-border-sm:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

@media (max-width:767px) {
	.tp-btn-border-sm {
		height: 56px;
		line-height: 56px
	}
	
	.tax_name{
	    font-size: 16px;
	}
}

.tp-btn-yellow-sm {
	background: var(--tp-theme-primary);
	border-radius: 10px;
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	padding: 0 50px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-btn-yellow-sm {
		padding: 0 35px
	}
}

.tp-btn-yellow-sm i {
	padding-left: 17px
}

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

.tp-btn-yellow-sm:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn-yellow-sm:after,
.tp-btn-yellow-sm:before {
	background: var(--tp-theme-1);
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn-yellow-sm:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn-yellow-sm:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn-yellow-sm:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn-yellow-sm:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

@media (max-width:767px) {
	.tp-btn-yellow-sm {
		height: 56px;
		line-height: 56px
	}
}

.tp-btn-yellow-semilar {
	background: var(--tp-theme-primary);
	border-radius: 10px;
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	padding: 0 50px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-btn-yellow-semilar {
		padding: 0 30px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-btn-yellow-semilar {
		padding: 0 35px
	}
}

@media (max-width:767px) {
	.tp-btn-yellow-semilar {
		height: 56px;
		left: 0;
		line-height: 56px;
		right: auto
	}
}

.tp-btn-yellow-semilar i {
	padding-left: 17px
}

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

.tp-btn-yellow-semilar:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn-yellow-semilar:after,
.tp-btn-yellow-semilar:before {
	background: var(--tp-theme-secondary);
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn-yellow-semilar:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn-yellow-semilar:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn-yellow-semilar:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn-yellow-semilar:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

@media (max-width:767px) {
	.tp-btn-yellow-semilar {
		height: 56px;
		line-height: 56px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-news-button .tp-btn-yellow-semilar {
		height: 60px;
		line-height: 60px;
		padding: 0 50px
	}
}

.tp-btn-white-border {
	background: var(--tp-common-white);
	border-bottom: 3px solid var(--tp-theme-1);
	border-radius: 10px;
	box-shadow: 0 2px 55px rgba(168, 182, 218, .32);
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	padding: 0 50px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

@media (max-width:767px) {
	.tp-btn-white-border {
		height: 50px;
		line-height: 50px;
		padding: 0 20px
	}
}

.tp-btn-white-border i {
	padding-left: 17px
}

.tp-btn-white-border:hover {
	color: var(--tp-common-white)
}

.tp-btn-white-border:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn-white-border:after,
.tp-btn-white-border:before {
	background: var(--tp-theme-1);
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn-white-border:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn-white-border:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn-white-border:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn-white-border:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

.tp-btn-white {
	background: var(--tp-common-white);
	border-radius: 10px;
	box-shadow: 0 2px 55px rgba(168, 182, 218, .32);
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	padding: 0 50px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

.tp-btn-white i {
	padding-left: 17px
}

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

.tp-btn-white:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn-white:after,
.tp-btn-white:before {
	background: var(--tp-theme-1);
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn-white:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn-white:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn-white:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn-white:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

@media (max-width:767px) {
	.tp-btn-white {
		height: 56px;
		line-height: 56px
	}
}

.tp-btn-white-md {
	background: var(--tp-common-white);
	border-radius: 10px;
	box-shadow: 0 11px 12px #ebe9f3;
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	padding: 0 20px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

.tp-btn-white-md i {
	padding-left: 40px
}

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

.tp-btn-white-md:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn-white-md:after,
.tp-btn-white-md:before {
	background: var(--tp-theme-1);
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn-white-md:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn-white-md:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn-white-md:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn-white-md:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

.tp-btn-white-brand {
	background: var(--tp-common-white);
	border-radius: 10px;
	box-shadow: 0 11px 12px #ebe9f3;
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	padding: 0 50px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

.tp-btn-white-brand i {
	padding-left: 15px
}

.tp-btn-white-brand:hover {
	color: var(--tp-theme-1)
}

.tp-btn-white-brand:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn-white-sm {
	background: var(--tp-common-white);
	border-radius: 10px;
	box-shadow: 0 11px 12px #ebe9f3;
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	padding: 0 50px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

.tp-btn-white-sm i {
	padding-left: 15px
}

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

.tp-btn-white-sm:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn-white-sm:after,
.tp-btn-white-sm:before {
	background: var(--tp-theme-1);
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn-white-sm:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn-white-sm:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn-white-sm:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn-white-sm:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

.tp-btn-white-lg {
	background: var(--tp-common-white);
	border-radius: 10px;
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 26px;
	font-weight: 700;
	height: 90px;
	line-height: 90px;
	overflow: hidden;
	padding-left: 30px;
	padding-right: 50px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-btn-white-lg {
		height: 80px;
		line-height: 80px;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-btn-white-lg {
		margin-bottom: 15px;
		width: 100%
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-btn-white-lg {
		height: 75px;
		line-height: 75px;
		margin-bottom: 15px
	}
}

@media (max-width:767px) {
	.tp-btn-white-lg {
		display: block;
		height: 70px;
		line-height: 70px;
		margin-bottom: 15px;
		padding-left: 10px;
		padding-right: 10px
	}
}

.tp-btn-white-lg i {
	padding-left: 40px
}

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

.tp-btn-white-lg:hover i {
	-webkit-animation: tfLeftToRight .5s forwards;
	animation: tfLeftToRight .5s forwards
}

.tp-btn-white-lg:after,
.tp-btn-white-lg:before {
	background: var(--tp-theme-1);
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn-white-lg:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn-white-lg:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn-white-lg:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn-white-lg:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

.tp-btn-border {
	border: 1px solid #3f3f47;
	border-radius: 10px;
	color: var(--tp-theme-primary);
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	padding: 0 50px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

.tp-btn-border i {
	padding-left: 18px
}

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

.tp-btn-border:after,
.tp-btn-border:before {
	background: var(--tp-theme-1);
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn-border:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn-border:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn-border:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn-border:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

@media (max-width:767px) {
	.tp-btn-border {
		height: 56px;
		line-height: 56px
	}
}

.tp-btn-border-2 {
	border: 1px solid #f6f6f6;
	border-radius: 10px;
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 55px;
	line-height: 55px;
	overflow: hidden;
	padding: 0 70px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	z-index: 1
}

.tp-btn-border-2 i {
	padding-left: 18px
}

.tp-btn-border-2:hover {
	border-color: var(--tp-theme-1);
	color: var(--tp-common-black)
}

.tp-btn-border-2:after,
.tp-btn-border-2:before {
	background: var(--tp-theme-1);
	content: "";
	height: 50%;
	position: absolute;
	transition: .3s cubic-bezier(.785, .135, .15, .86);
	-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
	width: 0;
	z-index: -1
}

.tp-btn-border-2:before {
	left: 0;
	right: auto;
	top: 0
}

.tp-btn-border-2:after {
	bottom: 0;
	left: auto;
	right: 0
}

.tp-btn-border-2:hover:before {
	left: auto;
	right: 0;
	width: 100%
}

.tp-btn-border-2:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

@media (max-width:767px) {
	.tp-btn-border-2 {
		height: 56px;
		line-height: 56px
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .4)
	}

	70% {
		-webkit-box-shadow: 0 0 0 45px hsla(0, 0%, 100%, 0)
	}

	to {
		-webkit-box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0)
	}
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .4)
	}

	70% {
		box-shadow: 0 0 0 45px hsla(0, 0%, 100%, 0)
	}

	to {
		box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0)
	}
}

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

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

	51% {
		opacity: 1
	}
}

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

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

	51% {
		opacity: 1
	}
}

@-webkit-keyframes rotate2 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

@keyframes rotate2 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

@-webkit-keyframes moving {
	0% {
		transform: translatey(0)
	}

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

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

	to {
		transform: translatey(0)
	}
}

@keyframes moving {
	0% {
		transform: translatey(0)
	}

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

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

	to {
		transform: translatey(0)
	}
}

@-webkit-keyframes leftright {
	0% {
		transform: translatex(0)
	}

	50% {
		transform: translateX(100%)
	}

	to {
		transform: translateX(0)
	}
}

@keyframes leftright {
	0% {
		transform: translatex(0)
	}

	50% {
		transform: translateX(100%)
	}

	to {
		transform: translateX(0)
	}
}

@-webkit-keyframes movinglight {
	0% {
		transform: translatey(0)
	}

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

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

	to {
		transform: translatey(0)
	}
}

@keyframes movinglight {
	0% {
		transform: translatey(0)
	}

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

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

	to {
		transform: translatey(0)
	}
}

@-webkit-keyframes movinglight2 {
	0% {
		transform: translatey(0)
	}

	20% {
		transform: translateX(70px)
	}

	50% {
		transform: translatey(70px)
	}

	to {
		transform: translatey(0)
	}
}

@keyframes movinglight2 {
	0% {
		transform: translatey(0)
	}

	20% {
		transform: translateX(70px)
	}

	50% {
		transform: translatey(70px)
	}

	to {
		transform: translatey(0)
	}
}

@-webkit-keyframes movingtop {
	0% {
		transform: translatey(0)
	}

	20% {
		transform: translatey(70px)
	}

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

	to {
		transform: translatey(0)
	}
}

@keyframes movingtop {
	0% {
		transform: translatey(0)
	}

	20% {
		transform: translatey(70px)
	}

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

	to {
		transform: translatey(0)
	}
}

@-webkit-keyframes circle-animation {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

@keyframes circle-animation {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

@-webkit-keyframes circle-animation2 {
	0% {
		transform: scaleX(-1) rotate(1turn)
	}

	to {
		transform: scaleX(-1) rotate(0deg)
	}
}

@keyframes circle-animation2 {
	0% {
		transform: scaleX(-1) rotate(1turn)
	}

	to {
		transform: scaleX(-1) rotate(0deg)
	}
}

@-webkit-keyframes zoom {
	0% {
		transform: scale(.5)
	}

	50% {
		transform: scale(1)
	}

	to {
		transform: scale(.5)
	}
}

@keyframes zoom {
	0% {
		transform: scale(.5)
	}

	50% {
		transform: scale(1)
	}

	to {
		transform: scale(.5)
	}
}

@-webkit-keyframes zoom2 {
	0% {
		transform: scale(.9)
	}

	50% {
		transform: scale(1)
	}

	to {
		transform: scale(.9)
	}
}

@keyframes zoom2 {
	0% {
		transform: scale(.9)
	}

	50% {
		transform: scale(1)
	}

	to {
		transform: scale(.9)
	}
}

@-webkit-keyframes wobble-vertical {
	10% {
		transform: translateY(-10px)
	}

	50% {
		transform: skew(15deg)
	}

	80% {
		transform: rotate(10deg)
	}

	to {
		transform: translate(0)
	}
}

@keyframes wobble-vertical {
	10% {
		transform: translateY(-10px)
	}

	50% {
		transform: skew(15deg)
	}

	80% {
		transform: rotate(10deg)
	}

	to {
		transform: translate(0)
	}
}

@-webkit-keyframes section-highlight {
	0% {
		width: 0
	}

	to {
		width: 100%
	}
}

@keyframes section-highlight {
	0% {
		width: 0
	}

	to {
		width: 100%
	}
}

@-webkit-keyframes widthcalc {
	0% {
		width: 20%
	}

	50% {
		width: 50%
	}

	75% {
		width: 90%
	}

	90% {
		opacity: 75%
	}

	90% {
		opacity: 100%
	}
}

@keyframes widthcalc {
	0% {
		width: 20%
	}

	50% {
		width: 50%
	}

	75% {
		width: 90%
	}

	90% {
		opacity: 75%
	}

	90% {
		opacity: 100%
	}
}

@-webkit-keyframes bounceRight {

	0%,
	20%,
	50%,
	80%,
	to {
		transform: translateX(0)
	}

	40% {
		transform: translateX(-90px)
	}

	60% {
		transform: translateX(-15px)
	}
}

@keyframes bounceRight {

	0%,
	20%,
	50%,
	80%,
	to {
		transform: translateX(0)
	}

	40% {
		transform: translateX(-90px)
	}

	60% {
		transform: translateX(-15px)
	}
}

@-webkit-keyframes icon-bounce {

	0%,
	20%,
	50%,
	80%,
	to {
		transform: translateY(0)
	}

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

	60% {
		transform: translateY(-5px)
	}
}

@keyframes icon-bounce {

	0%,
	20%,
	50%,
	80%,
	to {
		transform: translateY(0)
	}

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

	60% {
		transform: translateY(-5px)
	}
}

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

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

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

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

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

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

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

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

.breadcrumb__pt-310 {
	padding-bottom: 145px;
	padding-top: 300px
}

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

.breadcrumb__title {
	color: var(--tp-theme-primary);
	font-size: 65px;
	font-weight: 700;
	margin-bottom: 40px
}

@media (max-width:767px) {
	.breadcrumb__title {
		font-size: 40px
	}
}

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

.ac-testimonial-space {
	padding-bottom: 130px;
	padding-top: 115px
}

@media (max-width:767px) {
	.ac-testimonial-space {
		padding-bottom: 50px;
		padding-top: 50px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.breadcrumb__area {
		background-position: 100%;
		background-size: cover
	}
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.breadcrumb__area {
		background-position: 0;
		background-size: cover
	}
}

.tp-custom-accordio .accordion-items {
	margin-bottom: 20px
}

.tp-custom-accordio .accordion-buttons {
	background-color: var(--tp-common-white);
	border-radius: 10px 10px 0 0;
	color: #212121;
	font-size: 26px;
	font-weight: 700;
	padding: 40px 45px;
	position: relative;
	text-align: left;
	width: 100%
}

@media (max-width:767px) {
	.tp-custom-accordio .accordion-buttons {
		font-size: 27px;
		padding: 28px 20px
	}
}

.tp-custom-accordio .accordion-buttons:after {
	background-image: none;
	color: #b8bcc8;
	content: "\f063";
	font-display: swap;
	font-family: Font Awesome\ 5 Pro;
	font-size: 14px;
	font-weight: 500;
	height: auto;
	position: absolute;
	right: 45px;
	top: 45px;
	width: auto
}

@media (max-width:767px) {
	.tp-custom-accordio .accordion-buttons:after {
		right: 18px;
		top: 33px
	}
}

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

.tp-custom-accordio .collapsed {
	border-radius: 10px 10px 10px 10px
}

.tp-custom-accordio .accordion-body {
	background-color: var(--tp-common-white);
	border-radius: 0 0 10px 10px;
	box-shadow: 0 25px 32px 0 rgba(0, 0, 0, .06);
	font-size: 22px;
	padding: 20px 45px;
	position: relative;
	z-index: 1
}

@media (max-width:767px) {
	.tp-custom-accordio .accordion-body {
		padding: 20px 25px
	}
}

.tp-custom-accordio .accordion-body:before {
	background-color: var(--tp-grey-1);
	content: "";
	height: 2px;
	left: 45px;
	position: absolute;
	right: 45px;
	top: 0
}

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

.tp-subtitle {
	color: #8a90a2;
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 20px
}

.tp-subtitle:before {
	background-color: var(--tp-theme-primary);
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 12px;
	margin-right: 10px;
	width: 12px
}

.tp-subtitle-before-color {
	color: rgba(41, 41, 48, .6)
}

.tp-subtitle-before-color:before {
	background-color: rgba(41, 41, 48, .6)
}

.tp-title {
	color: var(--tp-common-black);
	font-size: 60px;
	font-weight: 700;
	margin-bottom: 40px
}

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

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

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

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

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

.tp-industri-area h2,
.tp-title-sm {
	font-size: 50px
}

.tp-industri-area h2,
.tp-industri-area h3,
.tp-industri-area h4,
.tp-title-sm {
	color: var(--tp-common-black);
	font-weight: 700;
	letter-spacing: 0
}

.tp-industri-area h4 {
	font-size: 34px
}

.tp-industri-area h5 {
	color: var(--tp-common-black);
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0
}

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

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

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

@media (max-width:767px) {
	.tp-title-sm {
		font-size: 35px
	}
}

.tp-white-text,
.tp-white-text p {
	color: var(--tp-common-white)
}

.tp-yellow-bold strong,
.tp-yellow-text {
	color: var(--tp-theme-primary)
}

.subtitle-secondary-color {
	color: #d2d2d2
}

.tp-section-highlight {
	display: inline-block;
	position: relative;
	z-index: 1
}

.tp-section-highlight svg {
	-webkit-animation: section-highlight 1s ease-in-out .3s forwards;
	animation: section-highlight 1s ease-in-out .3s forwards;
	bottom: 0;
	left: 2px;
	position: absolute;
	width: 0;
	z-index: -1
}

.tp-main-menu ul li {
	display: inline-block;
	margin-right: 35px;
	position: relative
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-main-menu ul li {
		margin-right: 20px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-main-menu ul li {
		margin-right: 32px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-main-menu ul li {
		margin-right: 25px
	}
}

.tp-main-menu ul li a {
	color: #8a90a2;
	display: inline-block;
	font-size: 26px;
	font-weight: 500;
	padding: 37px 0;
	position: relative;
	text-transform: capitalize
}

@media only screen and (min-width:992px) and (max-width:1335px) {
	.tp-main-menu ul li a {
		font-size: 20px
	}

	.tp-logo img {
		width: 250px !important
	}
	
	#menu-main-menu{
	    display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 10px !important;
	}
}

.tp-main-menu ul li a i {
	margin-left: 5px;
	transform: translateY(2px);
	transition: .4s
}

.tp-main-menu ul li a:after {
	background-color: var(--tp-common-pink);
	left: 0;
	opacity: 1;
	visibility: visible
}

.tp-main-menu ul li a:after,
.tp-main-menu ul li a:before {
	border-radius: 33px;
	bottom: 25px;
	content: "";
	height: 4px;
	position: absolute;
	transition: .3s;
	width: 0
}

.tp-main-menu ul li a:before {
	background-color: var(--tp-common-blue);
	opacity: 0;
	right: 0;
	visibility: hidden;
	z-index: 9
}

.tp-main-menu ul li:hover a {
	color: var(--tp-common-black)
}

.tp-main-menu ul li:hover a:after {
	opacity: 1;
	visibility: visible;
	width: 90%
}

.tp-main-menu ul li:hover a:before {
	opacity: 1;
	visibility: visible;
	width: 50%
}

.tp-main-menu ul li:hover a i {
	transform: rotate(-180deg)
}

.tp-main-menu ul li:hover ul.submenu {
	opacity: 1;
	top: 100%;
	visibility: visible
}

.tp-main-menu ul li ul.submenu {
	background-color: var(--tp-common-black);
	opacity: 0;
	padding: 40px;
	position: absolute;
	top: 110%;
	transition: .3s;
	visibility: hidden;
	width: 270px
}

.tp-main-menu ul li ul.submenu li {
	display: block;
	margin: 0 0 10px
}

.tp-main-menu ul li ul.submenu li:last-child {
	margin-bottom: 0
}

.tp-main-menu ul li ul.submenu li a {
	color: var(--tp-common-white);
	display: block;
	font-size: 26px;
	font-weight: 500;
	padding: 0
}

.tp-main-menu ul li ul.submenu li a:after,
.tp-main-menu ul li ul.submenu li a:before {
	display: none
}

.tp-main-menu ul li ul.submenu li a:hover {
	color: var(--tp-theme-primary)
}

.tp-main-menu ul li:hover:after {
	color: var(--tp-common-black);
	transform: rotate(-180deg)
}

.hasdropdown-white {
	padding-bottom: 35px;
	padding-top: 35px
}

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

.hasdropdown-white .hasdropdown:hover:after {
	color: var(--tp-theme-primary)
}

.header-space-three {
	padding-left: 115px;
	padding-right: 115px
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.header-space-three {
		padding-left: 100px;
		padding-right: 100px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.header-space-three {
		padding-left: 50px;
		padding-right: 50px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.header-space-three {
		padding-left: 0;
		padding-right: 0
	}
}

.tp-header-bs-area {
	padding-left: 115px;
	padding-right: 115px
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-header-bs-area {
		padding-left: 40px;
		padding-right: 40px
	}
}

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

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-header-bs-area {
		padding-left: 0;
		padding-right: 0
	}
}

.tp-header-right button {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 -2px 12px #ebe9f3;
	color: #222;
	font-size: 25px;
	height: 57px;
	line-height: 57px;
	margin-left: 30px;
	text-align: center;
	width: 57px
}

.tp-shadow-transparent button {
	box-shadow: none
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.tp-shadow-transparent button {
		box-shadow: 0 -2px 12px #ebe9f3
	}
}

.header-space-two {
	padding-top: 35px
}

.tp-header-button {
	line-height: 0
}

.bar button {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 -2px 12px #ebe9f3;
	color: #222;
	font-size: 25px;
	height: 57px;
	line-height: 57px;
	margin-left: 30px;
	text-align: center;
	width: 57px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.bar button {
		box-shadow: none
	}
}

.tp-header-bg {
	background-color: var(--tp-common-white);
	border-radius: 10px;
	margin-left: 80px;
	margin-right: 80px;
	margin-top: 50px;
	padding: 0 35px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-header-bg {
		margin-left: 0;
		margin-right: 0
	}
}

.tp-menu-bar button {
	background-color: var(--tp-common-white);
	border-radius: 10px;
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 30px;
	font-weight: 400;
	height: 70px;
	line-height: 70px;
	position: relative;
	text-align: center;
	width: 70px;
	z-index: 2
}

.tp-menu-bar button:hover {
	background-color: var(--tp-theme-primary);
	color: var(--tp-common-black)
}

.header-transparent {
	left: 0;
	position: absolute;
	right: 0;
	z-index: 999
}

@media only screen and (min-width:1601px) and (max-width:1800px) {
	.header-transparent {
		padding-left: 40px;
		padding-right: 40px
	}
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.header-transparent {
		padding-left: 50px;
		padding-right: 50px
	}
}

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

@media only screen and (min-width:992px) and (max-width:1199px) {
	.header-transparent {
		padding-left: 0;
		padding-right: 0
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:1400px) and (max-width:1600px) {
	.header-transparent-two {
		margin-left: 30px;
		margin-right: 30px;
		padding-left: 5px;
		padding-right: 5px
	}
}

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

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

.header-sticky .tp-menu-bar button {
	box-shadow: 0 2px 55px rgba(168, 182, 218, .32)
}

.header-sticky .header-space-two {
	padding: 0
}

.header-sticky.tp-header-bg {
	border-radius: 0;
	margin-left: 0;
	margin-top: 0
}

.header-sticky .tp-main-menu ul li a {
	padding: 35px 0
}

.hasdropdown-white.header-sticky {
	background-color: var(--tp-common-black);
	box-shadow: none;
	padding-bottom: 0;
	padding-top: 0
}

.hasdropdown-white.header-sticky .tp-main-menu nav>ul>li>a {
	padding-bottom: 35px;
	padding-top: 35px
}

.tp-md-header-area.header-sticky .bar .tp-menu-bar button {
	box-shadow: 0 2px 55px rgba(168, 182, 218, .32)
}

.tp-green-bg.header-sticky {
	background: var(--tp-theme-1)
}

.tp-green-bg button {
	box-shadow: none
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-menu-white ul li {
		margin-right: 22px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-menu-white ul li {
		margin-right: 26px
	}
}

.tp-menu-white ul li a {
	color: var(--tp-common-white);
	padding: 30px 0
}

.tp-menu-white ul li:hover a {
	color: var(--tp-theme-primary)
}

.tp-menu-white ul li:hover ul.submenu {
	top: 100%
}

.tp-menu-white ul li ul.submenu {
	top: 110%
}

.tp-menu-black ul li {
	margin-right: 55px
}

.tp-menu-black ul li a {
	font-size: 22px
}

@media only screen and (min-width:1601px) and (max-width:1800px) {
	.tp-menu-black ul li {
		margin-right: 40px
	}
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-menu-black ul li {
		margin-right: 30px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-menu-black ul li {
		margin-right: 40px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-menu-black ul li {
		margin-right: 22px
	}
}

.login-color-black a {
	color: var(--tp-common-black);
	transition: .3s
}

.login-color-black a:hover {
	color: var(--tp-theme-1)
}

@media only screen and (min-width:1601px) and (max-width:1800px) {
	.tp-bs-menu ul li {
		margin-right: 43px
	}
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-bs-menu ul li {
		margin-right: 32px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-bs-menu ul li {
		margin-right: 40px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-bs-menu ul li {
		margin-right: 22px
	}
}

.tp-yellow-space {
	margin-left: 200px
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-yellow-space {
		margin-left: 110px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-yellow-space {
		margin-left: 0
	}
}

.tp-header-yellow-button {
	line-height: 0
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-header-yellow-button {
		margin-left: 30px
	}
}

.tp-header-login {
	color: var(--tp-common-white);
	font-size: 26px;
	font-weight: 500
}

.tp-header-login:hover {
	color: var(--tp-theme-primary)
}

.tp-login-primary a {
	color: var(--tp-common-white)
}

.tp-login-primary a:hover {
	color: var(--tp-theme-primary)
}

.tp-menu-space {
	padding-top: 50px
}

.tp-menu-bar span {
	cursor: pointer
}

.tp-menu-color ul li a {
	color: #8a90a2;
	line-height: 0
}

.tp-menu-color ul li:hover a {
	color: var(--tp-common-black)
}

.header-login-color {
	padding-bottom: 0
}

.header-login-color a {
	color: #8a90a2
}

.header-login-color a:hover {
	color: var(--tp-common-black)
}

.tp-header-login-space a {
	padding-right: 60px;
	position: relative
}

@media only screen and (min-width:1601px) and (max-width:1800px) {
	.tp-header-login-space a {
		padding-right: 50px
	}
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-header-login-space a {
		padding-right: 40px
	}
}

.tp-header-login-space a span {
	color: var(--tp-theme-1);
	display: inline-block;
	font-size: 14px;
	font-weight: 400
}

.tp-header-login-space a ul {
	position: absolute
}

.tp-logo img {
	width: 270px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-bp-menu ul li {
		margin-right: 35px
	}
}

.tp-header-left ul {
	margin-right: 65px
}

@media only screen and (min-width:1400px) and (max-width:1600px),
only screen and (min-width:1601px) and (max-width:1800px) {
	.tp-header-left ul {
		margin-right: 50px
	}
}

.tp-header-left ul li {
	display: inline-block;
	margin-left: 60px;
	position: relative
}

@media only screen and (min-width:1400px) and (max-width:1600px),
only screen and (min-width:1601px) and (max-width:1800px) {
	.tp-header-left ul li {
		margin-left: 20px
	}
}

.tp-header-left ul li a {
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 500
}

.tp-header-left ul li a .arrow-down {
	color: var(--tp-theme-1);
	font-size: 22px;
	margin-left: 5px
}

.tp-header-left ul li a .fa-user {
	color: var(--tp-common-black);
	font-size: 22px;
	margin-right: 5px
}

.tp-header-left ul li:hover>a,
.tp-header-left ul li:hover>a i {
	color: var(--tp-theme-1)
}

.tp-header-left ul li:hover>ul {
	opacity: 1;
	top: 232%;
	visibility: visible
}

.tp-header-left ul li ul {
	background-color: var(--tp-common-black);
	margin-right: 0;
	opacity: 0;
	padding: 15px;
	position: absolute;
	right: 0;
	top: 240%;
	transition: .4s;
	visibility: hidden;
	z-index: 5
}

.tp-header-left ul li ul li {
	margin: 0
}

.tp-header-left ul li ul li a {
	color: var(--tp-common-white);
	font-size: 14px
}

.tp-header-left ul li ul li:hover a {
	color: var(--tp-theme-primary)
}

.tpoffcanvas {
	background-color: #000;
	box-shadow: 0 16px -32px 0 rgba(0, 0, 0, .8);
	height: 100vh;
	overflow-y: scroll;
	padding: 100px 120px 50px 100px;
	position: fixed;
	right: -100%;
	top: 0;
	transition: 1s;
	width: 690px;
	z-index: 9999
}

@media (max-width:767px) {
	.tpoffcanvas {
		padding: 30px;
		width: 330px
	}
}

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

.tpoffcanvas.opened {
	right: 0
}

.tpoffcanvas__logo {
	margin-bottom: 60px
}

.tpoffcanvas__logo img {
	height: 100%;
	width: 200px
}

.tpoffcanvas__close-btn {
	color: #fff;
	font-size: 40px;
	position: absolute;
	right: 50px;
	top: 110px;
	transition: .3s
}

@media (max-width:767px) {
	.tpoffcanvas__close-btn {
		font-size: 28px;
		right: 20px;
		top: 44px
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.tpoffcanvas__close-btn {
		right: 36px;
		top: 52px
	}
}

.tpoffcanvas__close-btn:hover {
	color: red;
	transform: rotate(10deg)
}

.tpoffcanvas__content p {
	color: var(--tp-common-white);
	font-size: 26px;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 0;
	padding-bottom: 55px
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.tpoffcanvas__content p br {
		display: none
	}
}

.tpoffcanvas__contact {
	clear: both
}

@media only screen and (min-width:576px) and (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.tpoffcanvas__contact {
		margin-top: 60px
	}
}

.tpoffcanvas__contact span {
	color: #888;
	display: inline-block;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: 2px;
	margin-bottom: 30px;
	text-transform: uppercase
}

.tpoffcanvas__contact ul {
	margin-bottom: 60px
}

.tpoffcanvas__contact ul li {
	color: var(--tp-common-white);
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 27px;
	padding-left: 40px;
	position: relative
}

@media (max-width:767px) {
	.tpoffcanvas__contact ul li {
		font-size: 22px;
		padding-left: 30px
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.tpoffcanvas__contact ul li {
		font-size: 26px
	}
}

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

.tpoffcanvas__contact ul li i {
	color: var(--tp-theme-primary);
	font-size: 22px;
	left: 0;
	position: absolute;
	top: 4px
}

@media (max-width:767px) {
	.tpoffcanvas__contact ul li i {
		font-size: 22px
	}
}

.tpoffcanvas__contact ul li:hover {
	color: var(--tp-theme-primary)
}

.tpoffcanvas__input {
	margin-bottom: 65px
}

.tpoffcanvas__input p {
	color: #888;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase
}

.tpoffcanvas__input input {
	background: hsla(240, 5%, 49%, .3);
	border: transparent;
	border-radius: 10px;
	color: var(--tp-common-white);
	height: 60px;
	padding-left: 20px;
	padding-right: 80px;
	width: 100%
}

.tpoffcanvas__input input::-moz-placeholder {
	color: var(--tp-common-white);
	font-size: 14px;
	font-weight: 400
}

.tpoffcanvas__input input::placeholder {
	color: var(--tp-common-white);
	font-size: 14px;
	font-weight: 400
}

.tpoffcanvas__input button {
	background-color: var(--tp-theme-1);
	border-radius: 10px;
	color: var(--tp-common-white);
	font-size: 22px;
	height: 60px;
	position: absolute;
	right: 0;
	top: 0;
	width: 60px
}

.tpoffcanvas__instagram img {
	border-radius: 10px;
	max-width: 100%
}

.tpoffcanvas__instagram P {
	color: #888;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	margin-bottom: 25px;
	text-transform: uppercase
}

.tpoffcanvas__instagram a {
	margin-right: 10px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-header-yellow-button {
		margin-left: 0
	}
}

.tp-main-menu {
	position: relative
}

.tp-main-menu ul li.has-mega-menu {
	position: static
}

.tp-main-menu ul li.has-mega-menu ul.submenu {
	left: 0;
	width: 800px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-main-menu ul li.has-mega-menu ul.submenu {
		left: -170px
	}
}

.tp-main-menu ul li.has-mega-menu ul.submenu li {
	float: left;
	width: 33.33%
}

.mobile-menu.mean-container {
	overflow: hidden
}

@media (max-width:767px) {
	.mobile-menu.mean-container {
		margin-bottom: 30px
	}
}

.mobile-menu .sidebar-list {
	clear: both
}

.mobile-menu .sidebar-list li {
	color: var(--tp-common-white);
	margin-bottom: 5px;
	padding-left: 20px;
	position: relative
}

.mobile-menu .sidebar-list li:after {
	background-color: transparent;
	border: 1px solid #888;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 6px;
	left: 0;
	position: absolute;
	top: 10px;
	width: 6px
}

.mobile-menu .tp-sidebar-social {
	margin-top: 20px
}

.mobile-menu .tp-sidebar-social a {
	background-color: var(--tp-theme-primary);
	color: #fff;
	display: inline-block;
	font-size: 14px;
	height: 35px;
	line-height: 34px;
	margin-right: 5px;
	text-align: center;
	width: 35px
}

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

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

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

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

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

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

.mean-container .mean-nav ul li a {
	border-top: 1px solid #353535;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.5;
	padding: 15px 0;
	width: 100%
}

.mean-container .mean-nav ul li a:hover {
	color: var(--tp-theme-primary)
}

.mean-container .mean-nav ul li a.mean-expand {
	border: 1px solid #888 !important;
	color: #fff;
	font-weight: 400;
	height: 30px;
	line-height: 14px;
	line-height: 30px;
	margin-top: 10px;
	padding: 0 !important;
	top: 0;
	width: 30px
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: var(--clr-theme-1);
	border-color: #888;
	color: var(--clr-common-white)
}

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

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

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

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

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

.tp-hero-space {
	padding-bottom: 65px;
	padding-top: 220px
}

.shape-circle-yellow {
	background-color: var(--tp-theme-primary);
	border-radius: 100%;
	height: 433px;
	left: -112px;
	position: absolute;
	top: -180px;
	width: 433px;
	z-index: -1
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
	.shape-circle-yellow {
		left: -200px;
		top: -220px
	}
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.shape-circle-yellow {
		height: 370px;
		width: 370px
	}
}

.shape-circle-blue {
	background-color: var(--tp-theme-1);
	border-radius: 100%;
	height: 990px;
	overflow: hidden;
	position: absolute;
	right: -330px;
	top: -130px;
	width: 990px;
	z-index: -1
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.shape-circle-blue {
		right: -500px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.shape-circle-blue {
		height: 690px;
		right: -370px;
		width: 690px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.shape-circle-blue {
		height: 660px;
		right: -408px;
		width: 660px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.shape-circle-blue {
		height: 400px;
		width: 500px
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.shape-circle-blue {
		height: 500px;
		width: 500px
	}
}

@media (max-width:767px) {
	.shape-circle-blue {
		display: none
	}
}

.tp-highlight {
	display: inline-block;
	position: relative
}

.tp-highlight svg {
	-webkit-animation: section-highlight 1s ease-in-out .3s forwards;
	animation: section-highlight 1s ease-in-out .3s forwards;
	bottom: 9px;
	left: 0;
	position: absolute
}

.tp-highlight svg.highlight-space {
	bottom: 20px
}

.tp-highlight svg path {
	transform: translateX(-4px)
}

.tp-highlight i {
	font-style: normal;
	position: relative;
	z-index: 2
}

.bs-hero-social {
	left: -8%;
	position: absolute;
	top: 60%;
	transform: rotate(90deg)
}

@media only screen and (min-width:1601px) and (max-width:1800px) {
	.bs-hero-social {
		left: -12%
	}
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.bs-hero-social {
		left: -16%
	}
}

.shape-one {
	-webkit-animation: moving 9s linear infinite;
	animation: moving 9s linear infinite;
	left: 90px;
	position: absolute;
	top: 50%
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
	.shape-one {
		top: 78%
	}
}

.tp-bp-hero-space {
	padding-bottom: 10px;
	padding-top: 100px
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-bp-hero-space {
		padding-bottom: 70px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-bp-hero-space {
		padding-top: 150px
	}
}

@media (max-width:767px) {
	.tp-bp-hero-space {
		padding-top: 0
	}
}

.tp-bp-hero__img {
	margin-left: 67px;
	max-width: inherit;
	position: relative;
	z-index: 2
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.tp-bp-hero__img {
		margin-left: 0;
		margin-top: 30px
	}

	.tp-bp-hero__img img {
		max-width: 100%
	}
}

@media (max-width:767px) {
	.tp-bp-hero__img {
		margin-left: 0;
		margin-top: 50px
	}

	.tp-bp-hero__img img {
		max-width: 100%
	}
}

.tp-hero-title {
	color: var(--tp-theme-primary);
	font-size: 90px;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 35px
}

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

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

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

@media (max-width:767px) {
	.tp-hero-title {
		font-size: 38px;
		margin-bottom: 18px
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.tp-hero-title {
		font-size: 56px
	}
}

@media (max-width:767px) {
	.tp-hero-xs-title {
		font-size: 43px
	}
}

.tp-hero-text p {
	font-size: 26px;
	font-weight: 400;
	line-height: 30px;
	padding-bottom: 40px
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-text p br {
		display: none
	}
}

@media (max-width:767px) {
	.tp-hero-text p {
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 25px;
		padding-bottom: 0
	}
}

.tp-hero-social a {
	color: var(--tp-common-black);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	padding-right: 50px;
	text-transform: uppercase
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-hero-social a {
		padding-right: 43px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-social a {
		padding-right: 15px
	}
}

@media (max-width:767px) {
	.tp-hero-social a {
		padding-right: 25px
	}
}

.tp-hero-social a i {
	font-size: 14px;
	padding-right: 15px
}

@media (max-width:767px) {
	.tp-hero-social a i {
		padding-right: 0
	}
}

.tp-hero-social-bg-color {
	background-color: var(--tp-common-white);
	display: inline-block;
	padding-left: 90px;
	padding-right: 100px
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-social-bg-color {
		padding-left: 0
	}
}

@media (max-width:767px) {
	.tp-hero-social-bg-color {
		background-color: transparent;
		padding-left: 0;
		padding-right: 0
	}

	.bp-hero-social span {
		display: none
	}

	.bp-hero-social a {
		background-color: var(--tp-common-white);
		border-radius: 4px;
		box-shadow: 0 2px 55px rgba(168, 182, 218, .32);
		color: var(--tp-common-white);
		display: inline-block;
		height: 40px;
		line-height: 40px;
		margin-right: 10px;
		padding-right: 0;
		text-align: center;
		transition: .5s;
		width: 40px
	}

	.bp-hero-social a:hover {
		border-radius: 50%;
		transform: rotate(1turn)
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-hero-button {
		margin-bottom: 60px
	}
}

@media (max-width:767px) {
	.tp-hero-button {
		margin-bottom: 0
	}

	.tp-hero-button .tp-btn,
	.tp-hero-button .tp-btn-grey {
		height: 56px;
		line-height: 56px;
		margin-bottom: 20px
	}
}

.tp-hero-big-img {
	position: relative;
	z-index: 2
}

@media (max-width:767px) {
	.tp-hero-big-img {
		margin-bottom: 50px;
		margin-top: 50px
	}
}

.tp-hero-big-img img {
	transform: translateX(45px)
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-hero-big-img img {
		transform: translateX(-70px)
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-hero-big-img img {
		max-width: 120%;
		transform: translateX(-40px)
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-big-img img {
		margin-top: -80px;
		max-width: 115%;
		transform: translateX(-15px)
	}
}

@media (max-width:767px) {
	.tp-hero-big-img img {
		max-width: 100%;
		transform: translateX(0)
	}
}

.social-icon-1 {
	color: var(--tp-theme-1)
}

@media (max-width:767px) {
	.social-icon-1 {
		margin-bottom: 20px
	}
}

.social-icon-1:hover {
	color: var(--tp-theme-1)
}

.social-icon-2 {
	color: #1da1f2
}

@media (max-width:767px) {
	.social-icon-2 {
		margin-bottom: 20px
	}
}

.social-icon-2:hover {
	color: #1da1f2
}

.social-icon-3 {
	color: red
}

@media (max-width:767px) {
	.social-icon-3 {
		margin-bottom: 20px
	}
}

.social-icon-3:hover {
	color: red
}

.social-icon-4,
.social-icon-4:hover {
	color: #1da1f2
}

.tp-hero-content-box {
	padding-bottom: 86px;
	padding-top: 208px;
	position: relative;
	z-index: 2
}

.tp-hero-content-box .tp-hero-title {
	color: var(--tp-common-black);
	font-size: 62px;
	font-weight: 700;
	letter-spacing: -4px;
	margin-bottom: 48px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-content-box .tp-hero-title {
		font-size: 53px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-hero-content-box .tp-hero-title {
		font-size: 52px;
		letter-spacing: -1.5px
	}
}

@media (max-width:767px) {
	.tp-hero-content-box .tp-hero-title {
		font-size: 30px;
		letter-spacing: -1.5px
	}
}

.tp-hero-content-box .tp-hero-title span {
	color: var(--tp-theme-1)
}

.ct-hero-title {
	color: var(--tp-common-white);
	font-size: 88px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.1;
	margin-bottom: 48px
}

.ct-hero-title span {
	color: var(--tp-theme-primary);
	text-decoration: underline
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.ct-hero-title {
		font-size: 65px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.ct-hero-title {
		font-size: 60px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.ct-hero-title {
		font-size: 67px
	}
}

@media (max-width:767px) {
	.ct-hero-title {
		font-size: 40px;
		margin-bottom: 30px
	}
}

.ce-hero-shape {
	-webkit-animation: rotate2 15s linear infinite;
	animation: rotate2 15s linear infinite;
	left: 45px;
	position: absolute;
	top: 270px
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:1400px) and (max-width:1600px),
only screen and (min-width:992px) and (max-width:1199px) {
	.ce-hero-shape {
		left: 16px;
		top: 173px
	}
}

.ce-hero-shape-two {
	-webkit-animation: moving 9s linear infinite;
	animation: moving 9s linear infinite;
	bottom: 100px;
	left: 45px;
	position: absolute
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:1400px) and (max-width:1600px),
only screen and (min-width:992px) and (max-width:1199px) {
	.ce-hero-shape-two {
		bottom: 165px;
		left: 20px
	}
}

.bp-hero-shape-1 {
	-webkit-animation: moving 9s linear infinite;
	animation: moving 9s linear infinite;
	left: 60px;
	position: absolute;
	top: 265px
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.bp-hero-shape-1 {
		left: 20px;
		top: 38px
	}
}

.bp-hero-shape-2 {
	-webkit-animation: rotate2 15s linear infinite;
	animation: rotate2 15s linear infinite;
	bottom: 140px;
	left: 40px;
	position: absolute
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.bp-hero-shape-2 {
		bottom: 0;
		left: 5px
	}
}

.bp-hero-shape-3 {
	-webkit-animation: rotate2 15s linear infinite;
	animation: rotate2 15s linear infinite;
	position: absolute;
	right: 37%;
	top: 20%
}

.bp-hero-shape-4 {
	-webkit-animation: moving 9s linear infinite;
	animation: moving 9s linear infinite;
	bottom: 110px;
	position: absolute;
	right: 119px;
	z-index: 5
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.bp-hero-shape-4 {
		bottom: -50px;
		right: 119px
	}
}

.tp-hero-bg-circle {
	position: relative;
	z-index: 1
}

.tp-hero-bg-circle:after {
	background-color: #f4f3f9;
	border-radius: 50%;
	content: "";
	height: 1374px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: -160px;
	width: 1374px
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-hero-bg-circle:after {
		height: 1200px;
		top: -73px;
		width: 1200px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-hero-bg-circle:after {
		height: 1100px;
		top: -70px;
		width: 1100px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-bg-circle:after {
		height: 900px;
		left: 0;
		top: 0;
		width: 900px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-hero-bg-circle:after {
		height: 700px;
		left: 0;
		top: 123px;
		width: 700px
	}
}

@media (max-width:767px) {
	.tp-hero-bg-circle:after {
		height: 300px;
		left: 0;
		top: 123px;
		width: 300px
	}
}

.tp-hero-light-shape-one {
	-webkit-animation: jumpTwo 4s linear infinite;
	animation: jumpTwo 4s linear infinite;
	position: absolute;
	right: 11%;
	top: 45%;
	z-index: 2
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-hero-light-shape-one {
		right: 4%
	}
}

.tp-hero-light-shape-two {
	-webkit-animation: movinglight 10s linear infinite;
	animation: movinglight 10s linear infinite;
	left: 12.5%;
	position: absolute;
	top: 47%;
	z-index: 2
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-hero-light-shape-two {
		left: 5.5%
	}
}

.tp-hero-light-shape-three {
	-webkit-animation: jumpTwo 4s linear infinite;
	animation: jumpTwo 4s linear infinite;
	bottom: 120px;
	left: 130px;
	position: absolute
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-hero-light-shape-three {
		left: 10px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-light-shape-three {
		bottom: 50px;
		left: 40px
	}
}

@media (max-width:767px) {
	.tp-hero-light-shape-three {
		bottom: 35px;
		left: 7px
	}
}

.tp-hero-light-shape-four {
	-webkit-animation: movinglight 10s linear infinite;
	animation: movinglight 10s linear infinite;
	bottom: 120px;
	position: absolute;
	right: 130px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-hero-light-shape-four {
		bottom: 90px;
		right: 24px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-light-shape-four {
		bottom: 50px;
		right: 10px
	}
}

@media (max-width:767px) {
	.tp-hero-light-shape-four {
		bottom: 10px;
		right: 7px
	}

	.tp-hero-img img {
		max-width: 100%
	}
}

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

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-hero-shape-three {
		bottom: -25px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-hero-shape-three {
		left: -35px
	}
}

@media (max-width:767px) {
	.tp-hero-shape-three {
		display: none
	}
}

.tp-hero-social-link a {
	margin: 0 10px 30px
}

.tp-hero-social-link .tp-btn-white-brand {
	transition: .4s
}

.tp-hero-social-link .tp-btn-white-brand:hover {
	transform: translateY(-10px)
}

.tp-hero-bd-title {
	color: var(--tp-common-white);
	font-size: 75px;
	font-weight: 700;
	letter-spacing: -1.5px;
	line-height: 1.1;
	padding-bottom: 30px
}

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

@media only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-bd-title {
		font-size: 55px
	}
}

@media (max-width:767px) {
	.tp-hero-bd-title {
		font-size: 40px;
		margin-bottom: 0
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-hero-section-box {
		padding-bottom: 0
	}
}

@media (max-width:767px) {
	.tp-hero-section-box {
		padding-bottom: 0;
		padding-top: 50px
	}
}

.tp-hero-section-box p {
	color: var(--tp-common-white);
	font-size: 26px;
	font-weight: 400;
	line-height: 30px;
	padding-bottom: 35px;
	position: relative;
	z-index: 2
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-hero-section-box p {
		padding-right: 100px
	}
}

@media (max-width:767px) {
	.tp-hero-section-box p {
		font-size: 22px;
		margin-bottom: 0
	}
}

.xs-bottom-space {
	line-height: 1px
}

@media (max-width:767px) {
	.xs-bottom-space {
		margin-bottom: 30px
	}
}

.tp-bp-hero-section-box .tp-hero-title {
	font-size: 80px
}

.tp-bp-hero-section-box p {
	color: var(--tp-common-white)
}

@media (max-width:767px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-bp-hero-section-box p br {
		display: none
	}
}

.tp-hero-three-button-box {
	line-height: 1
}

@media (max-width:767px) {
	.tp-hero-three-button-box {
		flex-wrap: wrap
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-hero-three-button-box {
		margin-bottom: 60px
	}
}

.tp-hero-paly-button a {
	background-color: #82cefd;
	border-radius: 50%;
	color: var(--tp-common-black);
	display: inline-block;
	height: 70px;
	line-height: 70px;
	margin-right: 20px;
	text-align: center;
	width: 70px
}

.tp-hero-paly-button a i {
	font-size: 17px
}

.tp-hero-paly-button a:hover {
	background-color: var(--tp-theme-primary);
	border-color: var(--tp-theme-primary);
	color: var(--tp-common-black)
}

.tp-hero-paly-button span {
	color: #fff;
	font-size: 26px
}

.tp-bp-hero-paly-button a {
	background-color: var(--tp-theme-primary)
}

.tp-bp-hero-paly-button a:hover {
	background-color: var(--tp-common-blue);
	color: var(--tp-common-white);
	transition: .3s
}

.tp-bp-hero-paly-button span {
	color: var(--tp-common-black)
}

.tp-hero-right-img {
	margin-left: 50px;
	max-width: inherit;
	padding-top: 90px;
	position: relative;
	z-index: 2
}

@media only screen and (min-width:1601px) and (max-width:1800px) {
	.tp-hero-right-img {
		margin-left: 220px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-hero-right-img {
		margin-left: 0
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-right-img {
		bottom: -100px;
		margin-left: 0
	}
}

@media (max-width:767px) {
	.tp-hero-right-img {
		margin-left: 0
	}
}

@media (max-width:767px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-right-img img {
		max-width: 100%
	}
}

.tp-hero-circle-three {
	background-color: var(--tp-theme-primary);
	border-radius: 50%;
	bottom: -150px;
	height: 690px;
	position: absolute;
	right: -100px;
	width: 690px;
	z-index: 1
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-circle-three {
		right: -300px
	}
}

@media (max-width:767px) {
	.tp-hero-circle-three {
		height: 300px;
		width: 300px
	}
}

.tp-hero-section-box-four p {
	color: #8a90a2;
	padding-right: 40px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-hero-section-box-four p {
		padding-right: 30px
	}
}

@media (max-width:767px) {
	.tp-hero-section-box-four p {
		margin-bottom: 0;
		padding-right: 0
	}

	.tp-hero-paly-button-four {
		margin-bottom: 30px;
		margin-top: 30px
	}
}

.tp-hero-paly-button-four a {
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 500
}

.tp-hero-paly-button-four a i {
	padding-right: 15px
}

.tp-hero-paly-button-four a:hover {
	color: var(--tp-theme-1)
}

.tp-hero-yellow-shape {
	background-color: var(--tp-theme-primary);
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 475px;
	z-index: -1
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-hero-yellow-shape {
		right: -162px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-hero-yellow-shape {
		right: -200px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-yellow-shape {
		right: -252px
	}
}

.tp-hero-right-img-four {
	margin-left: 144px;
	max-width: inherit;
	position: relative;
	z-index: 2
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-hero-right-img-four {
		padding-top: 0
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-right-img-four img {
		max-width: 133%
	}
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.tp-hero-right-img-four img {
		max-width: 100%
	}
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-hero-right-img-four {
		margin-left: 54px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-hero-right-img-four {
		margin-left: -7px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-right-img-four {
		margin-left: 11px
	}
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.tp-hero-right-img-four {
		margin-left: 0;
		padding-top: 50px
	}
}

@media (max-width:767px) {
	.tp-hero-social {
		padding-bottom: 0
	}
}

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

.tp-hero-section-box-five {
	padding-top: 120px
}

@media (max-width:767px) {
	.tp-hero-section-box-five {
		padding-top: 90px
	}

	.tp-hero-section-box-five__title {
		padding-bottom: 25px
	}
}

.tp-hero-section-box-five__subtitle-wrapper {
	border: 1px solid #f1f3fa;
	border-radius: 10px;
	margin-left: -30px;
	margin-right: 260px;
	padding: 15px 30px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-hero-section-box-five__subtitle-wrapper {
		margin-right: 180px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-section-box-five__subtitle-wrapper {
		margin-left: 0;
		margin-right: 0
	}
}

@media (max-width:767px) {
	.tp-hero-section-box-five__subtitle-wrapper {
		flex-wrap: wrap;
		margin-bottom: 25px;
		margin-left: 0;
		margin-right: 0;
		padding: 15px 10px
	}
}

.tp-hero-section-box-five__subtitle h5 {
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 0
}

@media (max-width:767px) {
	.tp-hero-section-box-five__subtitle h5 {
		font-size: 14px;
		margin-bottom: 10px
	}
}

.tp-hero-section-box-five__subtitle h5 b {
	color: #fd346e;
	font-size: 26px;
	font-weight: 500
}

@media (max-width:767px) {
	.tp-hero-section-box-five__subtitle h5 b {
		font-size: 14px
	}
}

.tp-hero-section-box-five__subtitle h5 span {
	color: #8a90a2;
	font-size: 12px;
	font-weight: 400
}

.tp-hero-section-box-five__subtitle-link a {
	background-color: rgba(255, 220, 96, .2);
	border-radius: 90px;
	color: var(--tp-common-black);
	display: inline-block;
	line-height: 0;
	padding: 9px 20px
}

.tp-hero-section-box-five__subtitle-link a:hover {
	background-color: rgba(137, 206, 251, .2)
}

.tp-hero-section-box-five__title p {
	font-size: 26px;
	font-weight: 400;
	line-height: 30px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-hero-section-box-five__title p {
		margin-bottom: 0
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-section-box-five__title p {
		margin-bottom: 0
	}

	.tp-hero-section-box-five__title p br {
		display: none
	}
}

@media (max-width:767px) {
	.tp-hero-section-box-five__title p {
		font-size: 17px
	}

	.tp-hero-section-box-five__title p br {
		display: none
	}
}

.tp-hero-section-box-five__input {
	margin-right: 130px;
	position: relative
}

@media (max-width:767px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-section-box-five__input {
		margin-right: 0
	}
}

.tp-hero-section-box-five__input input {
	border: 2px solid var(--tp-common-black);
	border-radius: 10px;
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 400;
	height: 80px;
	padding-left: 25px;
	padding-right: 255px;
	width: 100%
}

@media (max-width:767px) {
	.tp-hero-section-box-five__input input {
		margin-bottom: 20px;
		padding-left: 15px;
		padding-right: 15px
	}
}

.tp-hero-section-box-five__input button {
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%)
}

@media (max-width:767px) {
	.tp-hero-section-box-five__input button {
		position: static;
		top: 0;
		transform: translateY(0)
	}
}

.tp-bp-hero-section-box .tp-hero-section-box p {
	color: #8a90a2
}

.tp-hero-bs-title {
	color: var(--tp-common-black);
	font-size: 87px;
	font-weight: 700;
	letter-spacing: -5px;
	padding-bottom: 30px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-hero-bs-title {
		font-size: 65px;
		padding-bottom: 20px
	}
}

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

@media (max-width:767px) {
	.tp-hero-bs-title {
		font-size: 33px;
		letter-spacing: 1px;
		padding-bottom: 15px
	}
}

.tp-hero-right-side-five .tp-yellow-circle-five {
	background-color: var(--tp-theme-primary);
	border-radius: 50%;
	height: 730px;
	margin-left: -33px;
	position: absolute;
	width: 730px;
	z-index: -1
}

@media only screen and (min-width:1601px) and (max-width:1800px) {
	.tp-hero-right-side-five .tp-yellow-circle-five {
		margin-left: -55 px
	}
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-hero-right-side-five .tp-yellow-circle-five {
		height: 630px;
		margin-left: -56px;
		width: 630px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-hero-right-side-five .tp-yellow-circle-five {
		height: 500px;
		margin-left: -20px;
		width: 500px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-right-side-five .tp-yellow-circle-five {
		height: 400px;
		margin-left: -20px;
		margin-top: 90px;
		width: 400px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-hero-right-side-five .tp-yellow-circle-five {
		margin-left: -16px
	}
}

@media (max-width:767px) {
	.tp-hero-right-side-five .tp-yellow-circle-five {
		height: 300px;
		margin-left: 0;
		width: 300px
	}
}

.tp-hero-right-side-five__img {
	margin-left: 10px;
	margin-top: 25px
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-hero-right-side-five__img {
		margin-left: 0;
		margin-top: 70px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-hero-right-side-five__img {
		margin-top: 50px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-right-side-five__img {
		margin-top: 150px
	}
}

@media (max-width:767px),
only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:1400px) and (max-width:1600px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-right-side-five__img img {
		max-width: 100%
	}
}

.tp-hero-border {
	border-bottom: 1px solid #eee
}

@media (max-width:767px),
only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-hero-border {
		border: none
	}
}

.tp-hero-icon-five {
	bottom: -13px;
	position: absolute
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-hero-icon-five {
		bottom: -67px
	}
}

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

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-bp-hero-shape {
		right: -185px;
		top: -31px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-bp-hero-shape {
		right: -345px;
		top: -29px
	}
}

.bp-blur-shape {
	bottom: 0;
	left: 110px;
	position: absolute;
	transition: .4s
}

.tp-hero-area:hover .bp-blur-shape {
	bottom: -70px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-bp-hero-section-box .tp-bs-hero-title {
		font-size: 53px
	}
}

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

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-bp-hero-section-box .tp-bs-hero-title {
		font-size: 40px
	}
}

@media (max-width:767px) {
	.tp-bp-hero-section-box .tp-bs-hero-title {
		font-size: 45px
	}

	.breadcrumb__content ul li+li {
		margin-left: 3px !important;
		padding-left: 15px !important
	}

	.breadcrumb__content li {
		font-size: 16px !important
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.tp-bp-hero-section-box .tp-bs-hero-title {
		font-size: 45px
	}
}

.bs-xl-hero-social {
	margin-top: 70px
}

@media (max-width:767px) {
	.bs-xl-hero-social {
		margin-top: 40px
	}
}

.tp-creative-content .tp-creative-title {
	color: var(--tp-common-white);
	font-size: 46px;
	font-weight: 700;
	line-height: 1.3
}

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

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

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

.tp-creative-content .tp-creative-title b {
	color: var(--tp-theme-primary);
	text-decoration: underline
}

.tp-play-button a {
	border: 2px solid #fff;
	border-radius: 50%;
	color: var(--tp-common-white);
	display: inline-block;
	height: 90px;
	line-height: 90px;
	margin-right: 20px;
	text-align: center;
	width: 90px
}

@media (max-width:767px) {
	.tp-play-button a {
		margin-bottom: 20px
	}
}

.tp-play-button a i {
	font-size: 22px
}

.tp-play-button a:hover {
	background-color: var(--tp-theme-primary);
	border-color: var(--tp-theme-primary);
	color: var(--tp-common-black)
}

.tp-play-button span {
	color: #fff;
	font-size: 26px
}

@media (max-width:767px) {
	.tp-play-button span {
		display: block
	}
}

.tp-creative-item {
	background-color: var(--tp-theme-primary);
	border-radius: 20px;
	padding: 40px 50px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-creative-item {
		padding: 40px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-creative-item {
		padding: 20px 15px
	}
}

@media (max-width:767px) {
	.tp-creative-item {
		padding: 40px 30px
	}
}

.tp-creative-item:hover .tp-creative-icon {
	transform: translate3d(0, -10px, 0)
}

.tp-creative-item:hover .tp-creative-icon i {
	color: rgba(41, 41, 48, .8)
}

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

.counter-text span {
	color: var(--tp-common-black);
	font-size: 45px;
	font-weight: 700;
	line-height: 1
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.counter-text span {
		font-size: 40px
	}
}

.counter-text p {
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 500
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.counter-text p {
		font-size: 15px
	}
}

@media (max-width:767px) {
	.counter-text p {
		font-size: 22px
	}
}

.tp-creative-blue {
	background-color: var(--tp-theme-secondary)
}

.tp-creative-pink {
	background-color: #ffadad
}

.creative-shape-img {
	left: 0;
	position: absolute;
	top: 58%;
	transform: translateY(-50%)
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.creative-shape-img {
		left: -74px;
		top: 31%
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.creative-shape-img {
		left: -100px;
		top: 29%
	}
}

@media (max-width:767px) {
	.creative-shape-img {
		left: -102px;
		top: 29%;
		transform: translateY(-50%) rotate(17deg);
		transform-origin: left bottom
	}
}

.creative-shape-img-2 {
	-webkit-animation: zoom 5s infinite;
	animation: zoom 5s infinite;
	position: absolute;
	right: -200px;
	top: 50%
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.creative-shape-img-2 {
		top: 30%
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.creative-shape-img-2 {
		right: -267px;
		top: 41%
	}
}

.tp-creative-icon {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: transform .3s cubic-bezier(.21, .6, .44, 2.18)
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-creative-icon {
		margin-right: 15px
	}
}

@media (max-width:767px) {
	.tp-creative-icon {
		margin-right: 20px
	}
}

.tp-creative-icon i {
	color: rgba(41, 41, 48, .3);
	font-size: 77px;
	transition: .4s
}

.shape-two {
	left: 0;
	position: absolute;
	top: -100px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.creative-box {
		padding: 0
	}

	.tp-creative-icon {
		margin-right: 20px
	}
}

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

.circle-animation.testimonial {
	border: 1px solid #3f3f47;
	border-radius: 50%;
	height: 900px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 900px
}

.our-work {
	padding: 0 20px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.circle-animation.testimonial {
		height: 700px;
		top: 28%;
		width: 700px
	}
}

@media (max-width:767px) {
	.circle-animation.testimonial {
		height: 330px;
		top: 32%;
		width: 330px
	}

	.shape-two,
	.tp-project-shape-one {
		display: none
	}
}

.tp-country-img img {
	max-width: 100%
}

.tp-cta-bottom-wrapper {
	background-color: #f9fafb;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-top: -115px;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 40px;
	position: relative;
	z-index: 9
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-cta-bottom-wrapper {
		margin-top: -25px
	}
}

@media (max-width:767px) {
	.tp-cta-bottom-wrapper {
		margin-top: 0;
		padding-left: 0;
		padding-right: 0
	}
}

.tp-btn-white-lg {
	transition: .4s
}

.tp-btn-white-lg:hover {
	transform: translateY(-10px)
}

@media (max-width:767px) {
	.tp-cta-img-item {
		padding-top: 50px
	}
}

@media only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-cta-img-item img {
		max-width: 100%
	}
}

@media (max-width:767px) {
	.tp-cta-img-item img {
		max-width: 100%;
		transform: rotateY(180deg)
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-cta-section-title-box {
		padding-left: 0
	}
}

@media (max-width:767px) {
	.tp-cta-section-title-box {
		padding-left: 0
	}
}

.tp-brands-item {
	text-align: center
}

.tp-brands-item img {
	max-width: 100%
}

.tp-brand-title {
	color: var(--tp-common-black);
	font-size: 20px;
	font-weight: 700
}

@media (max-width:767px) {
	.tp-brand-title {
		font-size: 17px
	}
}

.tp-brands-title-two h3 {
	color: var(--tp-common-white);
	font-size: 22px;
	font-weight: 500
}

.tp-brands-title-two span {
	color: var(--tp-theme-primary)
}

.tp-brand-title-four h4 {
	color: #8a90a2;
	font-size: 20px
}

.tp-brand-build-title,
.tp-brand-title-four b {
	color: var(--tp-common-black);
	font-weight: 700
}

.tp-brand-build-title {
	font-size: 20px
}

@media (max-width:767px) {
	.tp-brand-build-title {
		font-size: 26px
	}
}

.bp-blog-shape-1 {
	-webkit-animation: rotate2 15s linear infinite;
	animation: rotate2 15s linear infinite;
	bottom: 72px;
	position: absolute;
	right: 42px
}

.bp-blog-shape-2 {
	-webkit-animation: moving 10s linear infinite;
	animation: moving 10s linear infinite;
	position: absolute;
	right: 62px;
	top: 53px
}

.bp-blog-shape-3 {
	-webkit-animation: rotate2 15s linear infinite;
	animation: rotate2 15s linear infinite;
	bottom: -60px;
	left: -100px;
	position: absolute
}

.tp-service-item {
	background-color: var(--tp-common-white);
	border-radius: 20px;
	padding: 70px 60px;
	position: relative;
	z-index: 2
}

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

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

@media (max-width:767px) {
	.tp-service-item {
		flex-wrap: wrap;
		padding: 35px 20px
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.tp-service-item {
		padding: 49px 30px
	}
}

@media (max-width:767px) {
	.tp-service-item .tp-sv-img {
		margin-bottom: 20px
	}
}

.tp-service-item:hover .tp-sv-img {
	transform: translate3d(0, -10px, 0)
}

.tp-sv-box {
	position: relative
}

.tp-sv-box:before {
	background-image: linear-gradient(-90deg, #5956e9, #ffdc60);
	border-radius: 30px;
	bottom: 0;
	content: "";
	height: 27px;
	left: 0;
	margin: auto;
	opacity: .3;
	position: absolute;
	right: 0;
	transition: .4s;
	width: 84%;
	z-index: 1
}

.tp-sv-box:hover:before {
	bottom: -20px
}

.tp-sv-img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: transform .3s cubic-bezier(.21, .6, .44, 2.18)
}

.tp-sv-img img {
	min-width: 105px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-sv-content {
		padding-left: 30px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-sv-content {
		padding-left: 15px
	}
}

@media (max-width:767px) {
	.tp-sv-content {
		padding-left: 0
	}
}

.tp-sv-content .tp-sv-title {
	color: var(--tp-common-black);
	font-size: 32px;
	font-weight: 500
}

.tp-sv-content .tp-sv-title:hover {
	color: var(--tp-theme-1)
}

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

@media (max-width:767px) {
	.tp-sv-content .tp-sv-title {
		font-size: 25px
	}
}

.tp-sv-content p {
	line-height: 26px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-sv-content p {
		font-size: 15px
	}
}

.tp-service-section-box {
	position: relative;
	z-index: 2
}

.tp-sv-link a {
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 600
}

.tp-sv-link a:hover {
	color: var(--tp-theme-1)
}

.tp-sv-link a:hover i {
	-webkit-animation: tfLeftToRight .4s forwards;
	animation: tfLeftToRight .4s forwards
}

.tp-sv-link a i {
	font-weight: 400;
	padding-right: 10px
}

.tp-sv-shape-img {
	bottom: 0;
	left: 10px;
	position: absolute
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-sv-shape-img {
		bottom: -75px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-sv-shape-img {
		bottom: -70px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-sv-shape-img {
		bottom: -74px
	}
}

@media (max-width:767px) {
	.tp-sv-shape-img {
		bottom: -80px
	}
}

.tp-sv-shape-img-2 {
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 0
}

.tp-sv-item-two {
	border: 1px solid #3f3f47;
	border-radius: 20px;
	padding: 40px 44px 40px 50px;
	position: relative
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-sv-item-two {
		padding: 30px px 30px 42px;
		position: relative
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-sv-item-two {
		padding: 30px 26px 30px 39px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-sv-item-two {
		padding: 60px 25px 60px 50px
	}
}

@media (max-width:767px) {
	.tp-sv-item-two {
		padding: 50px 11px 50px 33px
	}
}

.tp-sv-item-two:hover {
	border-color: #3f3f47
}

.tp-sv-item-two:hover:after {
	height: 100%
}

.tp-sv-item-two:hover .tp-sv-icon-two {
	opacity: 1;
	transform: scale(1);
	visibility: visible
}

.tp-sv-icon-two {
	background-color: #3f3f47;
	border-radius: 20px;
	content: "";
	height: 101%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scale(.9);
	transition: .3s;
	visibility: hidden;
	width: 100%
}

.tp-sv-icon-two i {
	-webkit-text-stroke: 1px #8d8d9c;
	color: transparent;
	font-size: 165px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg)
}

.tp-sv-icon-two a {
	display: block;
	height: 100%;
	width: 100%
}

.tp-sv-content-tow .tp-sv-product-design {
	color: var(--tp-common-white);
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 40px
}

.tp-sv-content-tow p {
	color: #b5b8c1;
	font-size: 26px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 0
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-sv-content-tow p {
		font-size: 22px
	}
}

.tp-sv-blue-color {
	border-bottom: 3px solid #5956e9
}

.tp-sv-sky-color {
	border-bottom: 3px solid #57c9da
}

.tp-sv-pink-color {
	border-bottom: 3px solid #ffadad
}

.service-color-1 {
	background-color: rgba(255, 220, 96, .1)
}

.service-color-2 {
	background-color: rgba(130, 132, 253, .1)
}

.service-color-3 {
	background-color: hsla(0, 100%, 84%, .1)
}

.tp-services-item {
	border-radius: 20px;
	padding: 80px 45px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-services-item {
		padding: 45px 40px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-services-item {
		padding: 40px 45px
	}
}

@media (max-width:767px) {
	.tp-services-item {
		padding: 35px 30px
	}
}

.tp-services-item__icon img {
	min-height: 123px
}

.tp-services-item__content p {
	color: #8a879f;
	font-size: 26px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 0
}

.tp-services-item:hover .tp-services-item__icon {
	-webkit-animation: icon-bounce .8s 1;
	animation: icon-bounce .8s 1
}

.tp-sv-title {
	color: var(--tp-common-black);
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 45px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-sv-title {
		margin-bottom: 25px
	}
}

.tp-sv-title:hover {
	color: var(--tp-theme-1)
}

.tp-service-item-four {
	background-color: var(--tp-common-white);
	border-radius: 20px;
	box-shadow: 0 4px 4px rgba(100, 109, 152, .06);
	padding: 65px 55px 55px;
	position: relative;
	transition: .3s;
	z-index: 2
}

.tp-service-item-four__img {
	background-color: rgba(139, 64, 229, .15);
	border-radius: 6px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	transition: .6s;
	width: 60px
}

.tp-sv-sm-title {
	color: var(--tp-common-black);
	font-size: 24px;
	font-weight: 500;
	line-height: 32px
}

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

.tp-sv-border-effect {
	position: relative
}

.tp-sv-border-effect:after {
	background-color: #1ee2cf;
	border-radius: 20px;
	bottom: 3px;
	content: "";
	height: 40px;
	left: 0;
	position: absolute;
	transition: .4s;
	width: 100%
}

.tp-sv-border-effect:hover .tp-service-item-four__img {
	transform: rotateY(180deg)
}

.tp-sv-border-effect:hover:after {
	bottom: -3px
}

.sv-border-effect-1:after {
	background-color: #8b40e5
}

.sv-border-effect-2:after {
	background-color: #ff885a
}

.sv-border-effect-3:after {
	background-color: #fd346e
}

.sv-border-effect-4:after {
	background-color: #0d88ff
}

.sv-border-effect-5:after {
	background-color: #0cd68a
}

.sv-border-effect-6:after {
	background-color: #fcdc02
}

.sv-color-1 .tp-service-item-four__img {
	background-color: rgba(30, 226, 207, .15)
}

.sv-color-1 .tp-service-item-four__title:hover h3 {
	color: #1ee2cf
}

.sv-color-1 .tp-service-item-four__title:hover .tp-service-item-four__img {
	background-color: rgba(30, 226, 207, .15)
}

.sv-color-2 .tp-service-item-four__img {
	background-color: rgba(139, 64, 229, .15)
}

.sv-color-2 .tp-service-item-four__title:hover h3 {
	color: #8b40e5
}

.sv-color-3 .tp-service-item-four__img {
	background-color: rgba(255, 136, 90, .15)
}

.sv-color-3 .tp-service-item-four__title:hover h3 {
	color: #ff885a
}

.sv-color-4 .tp-service-item-four__img {
	background-color: rgba(253, 52, 110, .15)
}

.sv-color-4 .tp-service-item-four__title:hover h3 {
	color: #fd346e
}

.sv-color-5 .tp-service-item-four__img {
	background-color: rgba(13, 136, 255, .15)
}

.sv-color-5 .tp-service-item-four__title:hover h3 {
	color: #0d88ff
}

.sv-color-6 .tp-service-item-four__img {
	background-color: rgba(12, 214, 138, .15)
}

.sv-color-6 .tp-service-item-four__title:hover h3 {
	color: #0cd68a
}

.sv-color-7 .tp-service-item-four__img {
	background-color: rgba(252, 220, 2, .15)
}

.sv-color-7 .tp-service-item-four__title:hover h3 {
	color: #fcdc02
}

.sv-color-eight {
	background-color: rgba(130, 206, 253, .15);
	border-radius: 20px;
	padding-bottom: 65px;
	padding-top: 65px
}

.sv-color-eight__title h3 {
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 500;
	padding-bottom: 10px
}

.sv-color-eight__title h3:hover {
	color: var(--tp-theme-1)
}

.sv-color-eight__title i {
	color: var(--tp-theme-1);
	font-size: 110px;
	font-weight: 900;
	transform: rotate(45deg);
	transition: .3s
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.sv-color-eight__title i {
		font-size: 100px
	}
}

.sv-color-eight__title i:hover {
	color: var(--tp-theme-secondary)
}

.tp-best-services-title-box {
	margin-bottom: 180px
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.tp-best-services-title-box {
		margin-bottom: 50px
	}
}

.tp-sv-button img {
	-webkit-animation: rotate2 15s linear infinite;
	animation: rotate2 15s linear infinite
}

@media (max-width:767px) {
	.tp-sv-button {
		margin-bottom: 70px
	}
}

.tpservices {
	padding-left: 50px
}

@media (max-width:767px) {
	.tpservices {
		padding-left: 25px
	}
}

.tpservices__icon i {
	color: rgba(0, 0, 0, .3);
	font-size: 66px
}

.tpservices__icon .angle-right-svg {
	color: var(--tp-common-black);
	font-weight: 300
}

.tpservices__content .tp-sv-bs-title {
	color: var(--tp-common-black);
	font-size: 30px;
	font-weight: 500;
	line-height: 1.3
}

@media (max-width:767px) {
	.tpservices__content .tp-sv-bs-title {
		font-size: 20px
	}

	.tpservices__content .tp-sv-bs-title br {
		display: none
	}
}

.tpservices__content .tp-sv-bs-title:hover {
	color: var(--tp-theme-1)
}

.sv-border-top {
	border-top: 2px solid var(--tp-common-black)
}

.sv-border-bottom {
	border-bottom: 2px solid var(--tp-common-black)
}

.tp-sv-space-wrapper {
	margin-left: 110px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-sv-space-wrapper {
		margin-left: 0
	}
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.tp-sv-space-wrapper {
		margin-left: 0
	}
}

@media (max-width:767px) {
	.tp-sv-space-wrapper {
		margin-left: 0
	}
}

.service-space {
	padding: 40px 60px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.service-space {
		margin-left: 0;
		padding: 20px
	}
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.service-space {
		margin-left: 0
	}
}

@media (max-width:767px) {
	.service-space {
		margin-left: 0;
		padding: 20px 5px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-sv-button {
		margin-bottom: 50px
	}
}

.bg-white-wrapper {
	overflow: hidden;
	position: relative;
	transition: .3s;
	z-index: 2
}

.bg-white-wrapper:before {
	background: #fff;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: .5s;
	width: 0;
	z-index: -1
}

.bg-white-wrapper:hover:before {
	-webkit-animation: bounceRight 2s;
	animation: bounceRight 2s;
	width: 100%
}

.bg-white-wrapper:hover .tpservices__icon a {
	color: #000
}

.circle-animation.service {
	border: 1px solid #e8ecf2;
	border-radius: 50%;
	height: 757px;
	left: 8%;
	position: absolute;
	top: 5%;
	width: 757px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.circle-animation.service {
		left: 0;
		top: 9%
	}
}

@media (max-width:767px) {
	.circle-animation.service {
		height: 300px;
		left: 5%;
		top: 5%;
		width: 300px
	}
}

.circle-animation span.tp-circle-1 {
	-webkit-animation: circle-animation 13s linear infinite;
	animation: circle-animation 13s linear infinite
}

.circle-animation span.tp-circle-1,
.circle-animation span.tp-circle-2 {
	background: transparent;
	content: "";
	display: block;
	height: 1px;
	left: 50%;
	position: absolute;
	top: calc(50% - 1px);
	transform-origin: left;
	width: 50%
}

.circle-animation span.tp-circle-2 {
	-webkit-animation: circle-animation2 13s linear infinite;
	animation: circle-animation2 13s linear infinite;
	transform: scaleX(-1)
}

.circle-animation span.tp-circle-1:before {
	background-color: #ffadad;
	border-radius: 50%;
	content: "";
	height: 22px;
	position: absolute;
	right: -12px;
	top: -25px;
	width: 22px
}

.circle-animation span.tp-circle-2:after {
	background-color: var(--tp-theme-1);
	border-radius: 50%;
	bottom: -25px;
	content: "";
	height: 14px;
	position: absolute;
	right: -7px;
	width: 14px
}

.circle-animation.service-two {
	border: 1px solid #e8ecf2;
	border-radius: 50%;
	bottom: -3%;
	height: 488px;
	position: absolute;
	right: 9%;
	width: 488px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.circle-animation.service-two {
		bottom: 0;
		right: 0
	}
}

@media (max-width:767px) {
	.circle-animation.service-two {
		bottom: 12px;
		height: 200px;
		right: 3%;
		width: 200px
	}
}

.circle-animation span.tp-circle-skye {
	-webkit-animation: circle-animation 13s linear infinite;
	animation: circle-animation 13s linear infinite;
	background: transparent;
	content: "";
	display: block;
	height: 1px;
	left: 50%;
	position: absolute;
	top: calc(50% - 1px);
	transform-origin: left;
	width: 50%
}

.circle-animation span.tp-circle-skye:before {
	background-color: #82cefd;
	border-radius: 50%;
	content: "";
	height: 22px;
	position: absolute;
	right: -12px;
	top: -25px;
	width: 22px
}

.tp-service-bs-space {
	margin-left: 130px;
	margin-right: 130px
}

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

.bp-sv-shape-1 {
	-webkit-animation: moving 9s linear infinite;
	animation: moving 9s linear infinite;
	bottom: 18px;
	position: absolute;
	right: -26px
}

@media (max-width:767px),
only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:1400px) and (max-width:1600px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.bp-sv-shape-1 {
		right: 0
	}
}

.bp-sv-shape-2 {
	bottom: -90px;
	left: -100px
}

.bp-sv-shape-2,
.bs-shape-1 {
	-webkit-animation: rotate2 15s linear infinite;
	animation: rotate2 15s linear infinite;
	position: absolute
}

.bs-shape-1 {
	left: 115px;
	top: 70px
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
	.bs-shape-1 {
		top: -50px
	}
}

.bs-shape-2 {
	-webkit-animation: moving 15s linear infinite;
	animation: moving 15s linear infinite;
	position: absolute;
	right: 90px;
	top: 70px
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
	.bs-shape-2 {
		top: 134px
	}
}

.bpservice {
	background-color: transparent;
	padding: 20px
}

.bpservice,
.bpservice__item {
	border-radius: 10px;
	transition: .3s
}

.bpservice__item {
	border: 1px solid transparent;
	padding: 55px 35px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.bpservice__item {
		padding: 35px 15px
	}
}

@media (max-width:767px) {
	.bpservice__item {
		padding: 38px 15px
	}
}

.bpservice__icon a {
	background-color: var(--tp-common-dpink);
	border-radius: 50%;
	display: inline-block;
	height: 84px;
	line-height: 84px;
	margin-bottom: 42px;
	text-align: center;
	width: 84px
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.bpservice__icon a {
		margin-bottom: 25px
	}
}

.bpservice__content .bp-sv-sm-title {
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 32px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.bpservice__content .bp-sv-sm-title {
		font-size: 25px;
		margin-bottom: 25px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.bpservice__content .bp-sv-sm-title {
		font-size: 25px;
		margin-bottom: 25px
	}
}

@media (max-width:767px) {
	.bpservice__content .bp-sv-sm-title {
		font-size: 25px;
		margin-bottom: 25px
	}
}

.bpservice__content P {
	font-size: 22px;
	margin-bottom: 0
}

.bpservice.active,
.bpservice:hover {
	background-color: var(--tp-common-white);
	box-shadow: 0 26px 50px rgba(206, 210, 225, .24)
}

.bpservice.active .bpservice__item,
.bpservice:hover .bpservice__item {
	border: 1px solid #f0f0f7
}

.bpservice.active .bpservice__icon a,
.bpservice:hover .bpservice__icon a {
	-webkit-animation: icon-bounce .8s 1;
	animation: icon-bounce .8s 1
}

.bp-sv-color-1:hover {
	color: var(--tp-common-dpink)
}

.bp-sv-color-2 .bpservice__icon a {
	background-color: var(--tp-common-blue)
}

.bp-sv-color-2:hover {
	color: var(--tp-common-blue)
}

.bp-sv-color-3 .bpservice__icon a {
	background-color: var(--tp-theme-1)
}

.bp-sv-color-3:hover {
	color: var(--tp-theme-1)
}

.sv-1-border {
	border: 1px solid #f3f3f3
}

.svcase__img {
	border-radius: 20px;
	margin-bottom: 30px
}

.svcase__img img {
	border-radius: 20px;
	max-width: 100%;
	transform: scale(1);
	transition: 1s
}

.svcase:hover .svcase__img img {
	transform: scale(1.1)
}

.svcase__content p {
	font-size: 22px;
	line-height: 27px
}

@media (max-width:767px),
only screen and (min-width:992px) and (max-width:1199px) {
	.svcase__content p br {
		display: none
	}
}

.sv-case-sm-title {
	color: var(--tp-common-black);
	font-size: 24px;
	font-weight: 500;
	padding-bottom: 5px
}

@media (max-width:767px),
only screen and (min-width:992px) and (max-width:1199px) {
	.sv-case-sm-title {
		font-size: 21px
	}
}

.sv-case-sm-title:hover {
	color: var(--tp-theme-1)
}

.sv-2-border {
	border: 1px solid #f3f3f3
}

.service-details-space {
	margin-bottom: 200px
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.service-details-space {
		margin-bottom: 80px
	}
}

.service-pt-pb {
	padding-bottom: 100px;
	padding-top: 125px
}

.sd-service-details-paragraph {
	padding-left: 60px
}

.sd-service-details-paragraph a {
	color: var(--tp-common-dpink);
	font-weight: 500
}

.sd-service-details-paragraph a:hover {
	color: var(--tp-theme-1)
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.sd-service-details-paragraph {
		padding-left: 45px
	}
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.sd-service-details-paragraph {
		padding-left: 0
	}
}

.sd-service-details a {
	align-items: center;
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 26px;
	font-weight: 500;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	transition: .3s
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.sd-service-details a {
		margin-bottom: 50px
	}
}

@media (max-width:767px) {
	.sd-service-details a {
		font-size: 22px;
		margin-bottom: 50px
	}
}

.sd-service-details a:hover {
	color: var(--tp-common-dpink)
}

.sd-service-details a i {
	font-size: 14px;
	padding-left: 10px
}

.sd-big-img {
	margin-bottom: 100px
}

.sd-big-img img {
	border-radius: 20px;
	max-width: 100%
}

.sv-four-color {
	background-color: rgba(130, 206, 253, .1)
}

.sv-five-color {
	background-color: rgba(30, 226, 207, .1)
}

.sv-six-color {
	background-color: rgba(253, 52, 110, .1)
}

.tp-feature-list {
	padding-bottom: 15px
}

.tp-feature-list__icon-img {
	background-color: var(--tp-theme-1);
	border-radius: 50%;
	flex: 0 0 auto;
	height: 60px;
	line-height: 60px;
	text-align: center;
	width: 60px
}

@media (max-width:767px) {
	.tp-feature-list__icon-img {
		margin-bottom: 20px
	}
}

.tp-feature-list__content h4 {
	color: var(--tp-common-black);
	font-size: 34px;
	font-weight: 500
}

.tp-feature-list__content p {
	color: #8a90a2;
	font-size: 26px;
	font-weight: 400;
	line-height: 30px
}

@media (max-width:767px) {
	.tp-feature-list__content p {
		font-size: 17px
	}

	.tp-feature-list__content p br {
		display: none
	}
}

.tp-feature-list:hover .fea-color-1 {
	box-shadow: inset 0 0 0 40px rgba(30, 226, 207, .9)
}

.tp-feature-list:hover .fea-color-1 svg {
	color: var(--tp-common-white);
	position: relative;
	z-index: 3
}

.tp-feature-list:hover .fea-color-2 {
	box-shadow: inset 0 0 0 40px rgba(66, 62, 243, .9)
}

.tp-feature-list:hover .fea-color-2 svg {
	color: var(--tp-common-white);
	position: relative;
	z-index: 3
}

.tp-feature-list:hover .fea-color-3 {
	box-shadow: inset 0 0 0 40px rgba(253, 52, 110, .9)
}

.tp-feature-list:hover .fea-color-3 svg {
	color: var(--tp-common-white);
	position: relative;
	z-index: 3
}

@media (max-width:767px) {
	.tp-fea-img {
		margin-bottom: 60px
	}
}

.fea-color-1 {
	background-color: rgba(30, 226, 207, .15);
	transition: .5s
}

.fea-color-1 svg {
	color: var(--tp-common-paste);
	transition: .5s
}

.fea-color-2 {
	background-color: rgba(66, 62, 243, .15);
	transition: .5s
}

.fea-color-2 svg {
	color: var(--tp-theme-1);
	transition: .5s
}

.fea-color-3 {
	background-color: rgba(253, 52, 110, .15);
	transition: .5s
}

.fea-color-3 svg {
	color: #fd346e;
	transition: .5s
}

.tpchosebox {
	background-color: var(--tp-common-white);
	border-radius: 20px;
	box-shadow: 0 26px 50px rgba(203, 206, 225, .24);
	padding: 50px 40px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tpchosebox {
		padding: 50px 34px
	}
}

.tpchosebox:hover .tpchosebox__icon a {
	transform: rotateY(-180deg)
}

.tpchosebox__icon a {
	background-color: rgba(253, 52, 110, .15);
	border-radius: 50%;
	color: var(--tp-common-dpink);
	display: inline-block;
	font-size: 26px;
	height: 60px;
	line-height: 64px;
	text-align: center;
	width: 60px
}

.tpchosebox__content h4 {
	color: var(--tp-theme-2);
	font-weight: 500;
	padding-bottom: 15px
}

.tpchosebox__content h4 a {
	background-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	background-size: 0 1px, 0 1px;
	display: inline;
	transition: background-size .4s linear
}

.tpchosebox__content h4 a:hover {
	background-size: 0 1px, 100% 1px
}

.tpchosebox__content p {
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 0
}

.fea-color-4 a {
	background-color: rgba(30, 226, 207, .15);
	color: var(--tp-common-paste)
}

.fea-color-5 a {
	background-color: rgba(252, 220, 2, .15);
	color: var(--tp-theme-primary)
}

.fea-wrapper-main:last-child {
	margin-bottom: 0
}

.tp-chose-bg {
	left: 0;
	position: absolute;
	z-index: -1
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-chose-bg {
		right: 50px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-chose-bg {
		right: 70px
	}
}

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

@media (max-width:767px) {
	.tp-chose-bg {
		margin-bottom: 70px;
		position: static
	}

	.tp-chose-bg img {
		display: none;
		max-width: 100%
	}
}

.ce-chose-shape {
	-webkit-animation: moving 9s linear infinite;
	animation: moving 9s linear infinite;
	bottom: 130px;
	position: absolute;
	right: 100px
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
	.ce-chose-shape {
		bottom: 70px
	}
}

@media (max-width:767px) {
	.tp-chose-area {
		padding-top: 120px
	}

	.tpchosebox-main {
		margin-bottom: 70px
	}
}

.tp-chose-space {
	transform: translateX(-75px)
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:1400px) and (max-width:1600px) {
	.tp-chose-space {
		transform: translateX(-23px)
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-chose-space {
		transform: translateX(0)
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-chose-space {
		transform: translateX(-12px)
	}
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.tp-chose-space {
		transform: translateX(0)
	}
}

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

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-feature-section-title-box {
		margin-top: 60px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-feature-section-title-box {
		padding-left: 40px
	}
}

@media (max-width:767px) {
	.tp-feature-section-title-box p {
		font-size: 22px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-fea-img {
		margin-bottom: 70px
	}
}

.tp-fea-img img {
	max-width: 100%
}

@media (max-width:767px) {
	.tp-feature-list {
		flex-wrap: wrap;
		margin-bottom: 30px
	}
}

.ac-feature-title {
	color: var(--tp-common-black);
	font-size: 50px;
	font-weight: 700;
	line-height: 1.2
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.ac-feature-title {
		font-size: 42px;
		margin-bottom: 30px
	}
}

@media (max-width:767px) {
	.ac-feature-title {
		font-size: 35px;
		margin-bottom: 30px
	}
}

.ac-feature-right {
	padding-left: 55px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.ac-feature-right {
		padding-left: 35px
	}
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.ac-feature-right {
		padding-left: 0
	}
}

.acfeature {
	margin-top: -17px;
	text-align: center
}

.acfeature__item p {
	font-size: 22px;
	font-weight: 400;
	line-height: 26px
}

.ac-feature-sm-title {
	color: var(--tp-common-black);
	font-size: 24px;
	font-weight: 700;
	transition: .3s
}

.ac-feature-sm-title:hover {
	color: var(--tp-common-dpink)
}

.ac-circle {
	background-color: var(--tp-common-white);
	height: 30px;
	margin-bottom: 20px;
	position: relative;
	width: 30px
}

.ac-circle,
.ac-circle:after {
	border-radius: 50%;
	box-shadow: 0 1px 40px #d4dae8;
	display: inline-block
}

.ac-circle:after {
	background-color: var(--tp-common-dpink);
	content: "";
	height: 15px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 15px
}

.ac-feature-space {
	padding-bottom: 80px
}

.ac-feature-border-top {
	border-top: 1px solid rgba(41, 41, 48, .08)
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.ac-feature-border-top {
		border-top: transparent
	}
}

.ac-cirle-color-2 {
	transition: .3s
}

.ac-cirle-color-2:hover {
	color: var(--tp-common-paste)
}

.ac-cirle-color-2:after {
	background-color: var(--tp-common-paste)
}

.ac-cirle-color-3 {
	transition: .3s
}

.ac-cirle-color-3:hover {
	color: var(--tp-theme-primary)
}

.ac-cirle-color-3:after {
	background-color: var(--tp-theme-primary)
}

.ac-cirle-color-4 {
	transition: .3s
}

.ac-cirle-color-4:hover {
	color: var(--tp-theme-1)
}

.ac-cirle-color-4:after {
	background-color: var(--tp-theme-1)
}

.tp-business-tab button {
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 500
}

.tp-service-tab button {
	color: #8a90a2;
	font-size: 26px;
	font-weight: 500;
	margin-left: 45px;
	padding-bottom: 15px;
	position: relative
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-service-tab button {
		margin-left: 25px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-service-tab button {
		font-size: 22px;
		margin-left: 0;
		margin-right: 40px
	}
}

@media (max-width:767px) {
	.tp-service-tab button {
		margin-bottom: 10px;
		margin-left: 0;
		margin-right: 20px
	}
}

.tp-service-tab button:after {
	background-color: var(--tp-theme-1);
	left: 0
}

.tp-service-tab button:after,
.tp-service-tab button:before {
	border-radius: 33px;
	bottom: 0;
	content: "";
	height: 4px;
	opacity: 0;
	position: absolute;
	transition: .4s;
	visibility: hidden;
	width: 0
}

.tp-service-tab button:before {
	background-color: var(--tp-theme-primary);
	right: 0;
	z-index: 9
}

.tp-project-box {
	background-color: #f7f8fd;
	border-radius: 20px;
	padding: 40px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-project-box {
		padding: 40px 36px
	}
}

@media (max-width:767px) {
	.tp-project-box {
		padding: 20px
	}
}

.tp-project-img {
	border-radius: 20px
}

.tp-project-img img {
	border-radius: 20px;
	transform: scale(1);
	transition: 1s
}

.tp-project-box:hover .tp-project-img img {
	transform: scale(1.1)
}

.tp-project-item-two .project-one {
	border-radius: 20px
}

.tp-project-item-two .project-one img {
	border-radius: 20px;
	transform: scale(1);
	transition: 1s
}

.tp-project-item-two:hover img {
	transform: scale(1.1)
}

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

	.tp-project-content .tp-btn-sm {
		padding: 0 21px
	}
}

.tp-project-content .pro-lg-title {
	color: var(--tp-common-black);
	font-size: 35px;
	font-weight: 500;
	margin-bottom: 25px
}

.tp-project-content .pro-lg-title:hover {
	color: var(--tp-theme-1)
}

@media (max-width:767px) {
	.tp-project-content .pro-lg-title {
		font-size: 21px
	}
}

.tp-project-content p {
	margin-bottom: 40px
}

.tp-project-sm-content p {
	line-height: 30px;
	margin-bottom: 35px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-project-sm-content p {
		font-size: 15px
	}
}

@media (max-width:767px) {
	.tp-project-sm-content p {
		font-size: 22px
	}
}

.pro-sm-title {
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 500;
	letter-spacing: -1px;
	margin-bottom: 30px
}

.pro-sm-title:hover {
	color: var(--tp-theme-1)
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.pro-sm-title {
		font-size: 22px
	}
}

@media (max-width:767px) {
	.pro-sm-title {
		font-size: 20px;
		margin-bottom: 10px
	}
}

.bp-project-shape-1 {
	left: -70px;
	top: -91px
}

.bp-project-shape-1,
.bp-project-shape-2 {
	-webkit-animation: rotate2 15s linear infinite;
	animation: rotate2 15s linear infinite;
	position: absolute
}

.bp-project-shape-2 {
	bottom: 28px;
	right: 33px
}

.tp-project-box-sm {
	background-color: #f7f8fd;
	border-radius: 20px;
	padding: 43px 0
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-project-box-sm {
		padding: 32px 0
	}
}

@media (max-width:767px) {
	.tp-project-box-sm {
		flex-wrap: wrap;
		padding: 20px
	}
}

.tp-project-box-sm:hover .tp-project-sm-img img {
	transform: scale(1.1)
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-service-tab-button {
		margin-bottom: 30px
	}
}

.tp-project-sm-img {
	border-radius: 20px;
	flex: 0 0 auto;
	width: 230px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-project-sm-img {
		margin-right: 25px
	}
}

@media (max-width:767px) {
	.tp-project-sm-img {
		margin: 0 0 20px;
		width: 100%
	}
}

.tp-project-sm-img img {
	border-radius: 20px;
	transform: scale(1);
	transition: 1s;
	width: 100%
}

.tp-service-tab button.active:after,
.tp-service-tab button:hover:after {
	opacity: 1;
	visibility: visible;
	width: 98%
}

.tp-service-tab button.active:before,
.tp-service-tab button:hover:before {
	opacity: 1;
	visibility: visible;
	width: 50%
}

.tp-project-shape {
	bottom: -25px;
	position: absolute;
	right: 0
}

.tp-project-section-box a {
	color: var(--tp-common-dpink);
	font-weight: 500
}

.tp-project-section-box a:hover {
	color: var(--tp-theme-1)
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-project-shape {
		bottom: -51px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-project-shape {
		bottom: -60px
	}
}

@media (max-width:767px) {
	.tp-project-shape {
		bottom: -46px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-project-section-box {
		text-align: center
	}
}

.tp-project-tab-button {
	background-color: #f9fafb;
	display: inline-block;
	padding: 10px 15px
}

.tp-project-tab-button button {
	font-size: 28px;
	font-weight: 500;
	margin-left: -4px;
	padding: 15px 35px;
	position: relative
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-project-tab-button button {
		font-size: 26px;
		padding: 15px
	}
}

@media (max-width:767px) {
	.tp-project-tab-button button {
		font-size: 26px;
		margin: 3px 0;
		padding: 6px 13px
	}
}

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

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

.tp-project-tab-button button.active {
	background-color: var(--tp-common-white);
	box-shadow: 0 15px 30px rgba(57, 81, 105, .05);
	color: var(--tp-common-black)
}

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

.tp-project-tab-button button:hover {
	color: #222
}

.tp-project-tab-button button:before {
	background: #fff;
	content: "";
	height: 100%;
	left: -1px;
	opacity: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 101%;
	z-index: 3
}

.tp-project-tab-button button:after {
	background: #e4e6ea;
	content: "";
	height: 40px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	z-index: 1
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-project-tab-button button:after {
		height: 20px
	}
}

@media (max-width:767px) {
	.tp-project-tab-button button:after {
		display: none
	}
}

.project-shape-img {
	-webkit-animation: zoom 5s infinite;
	animation: zoom 5s infinite;
	left: -85px;
	position: absolute;
	top: 200px
}

.tp-project-shape-one {
	-webkit-animation: jumpTwo 4s linear infinite;
	animation: jumpTwo 4s linear infinite;
	left: 3%;
	position: absolute;
	top: 12%
}

@media (max-width:767px) {
	.tp-project-shape-one {
		left: 0;
		top: 0
	}
}

.tp-project-shape-two {
	-webkit-animation: jumpTwo 3s linear infinite;
	animation: jumpTwo 3s linear infinite;
	position: absolute;
	right: 3%;
	top: 50%;
	transform: translate(-50%)
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:1400px) and (max-width:1600px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-project-shape-two {
		top: 85%
	}
}

@media (max-width:767px) {
	.tp-project-shape-two {
		top: 92%
	}
}

.tp-project-icon-two {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.tp-project-icon-two a {
	-webkit-text-stroke: 2px #292930;
	background-color: var(--tp-theme-primary);
	border-radius: 50%;
	color: transparent;
	display: inline-block;
	font-size: 36px;
	height: 100px;
	line-height: 105px;
	opacity: 0;
	text-align: center;
	transform: rotate(45deg) scale(.7);
	transition: .3s;
	visibility: hidden;
	width: 100px
}

.tp-project-icon-two a:hover {
	-webkit-text-stroke: 2px var(--tp-common-black);
	background-color: var(--tp-common-blue)
}

.tp-project-item-two:hover .tp-project-icon-two a {
	opacity: 1;
	transform: rotate(45deg) scale(1);
	visibility: visible
}

.tp-project-item-three__img img {
	border-radius: 20px;
	max-width: 100%
}

.tp-project-item-three__bg {
	bottom: 25px;
	height: inherit;
	left: 0;
	margin: 0 auto;
	opacity: 0;
	position: absolute;
	right: 0;
	transition: .3s;
	transition-delay: .5s;
	visibility: hidden;
	width: inherit
}

.tp-project-item-three__bg-info {
	background-color: var(--tp-theme-primary);
	border-radius: 10px;
	display: inline-block;
	padding: 45px 75px
}

@media (max-width:767px) {
	.tp-project-item-three__bg-info {
		padding: 21px 20px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-project-item-three__bg-info {
		padding: 25px
	}
}

.tp-project-item-three:hover .tp-project-title {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .2s;
	visibility: visible
}

.tp-project-item-three:hover .tp-project-subtitle {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .4s;
	visibility: visible
}

.tp-project-item-three:hover .tp-project-item-three__bg {
	bottom: 40px;
	opacity: 1;
	transition-delay: 0s;
	visibility: visible
}

.tp-project-title {
	color: var(--tp-common-black);
	transform: translateY(5px);
	transition: all .3s ease-out 0s;
	transition-delay: 0s;
	transition-delay: .2s
}

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

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

@media (max-width:767px) {
	.tp-project-title {
		font-size: 15px
	}
}

.tp-project-title:hover {
	color: var(--tp-theme-1)
}

.tp-project-subtitle {
	color: var(--tp-common-black);
	opacity: 0;
	transform: translateY(5px);
	transition: all .3s ease-out 0s;
	transition-delay: 0s;
	visibility: hidden
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-project-subtitle {
		font-size: 14px
	}
}

@media (max-width:767px) {
	.tp-project-subtitle {
		font-size: 14px
	}
}

.tp-project-subtitle:hover {
	color: var(--tp-theme-1)
}

.project-slider-dots {
	padding-top: 60px
}

.project-slider-dots .swiper-pagination-bullet {
	background-color: var(--tp-theme-1);
	border-radius: 50%;
	display: inline-block;
	height: 11px;
	margin: 0 3px;
	opacity: .5;
	transition: .3s;
	width: 11px
}

.project-slider-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--tp-theme-1);
	border-radius: 30px;
	opacity: 1;
	width: 30px
}

.tp-project-item-four {
	position: relative
}

.tp-project-item-four:after {
	background-color: rgba(41, 41, 48, .32);
	border-radius: 20px;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: .3s;
	width: 100%
}

.tp-project-item-four__img {
	border-radius: 15px
}

.tp-project-item-four__img img {
	border-radius: 15px;
	transform: scale(1);
	transition: 1s
}

.tp-project-item-four__info-four {
	background-color: var(--tp-theme-primary);
	border-radius: 10px;
	left: 50%;
	opacity: 0;
	padding: 45px 70px;
	position: absolute;
	top: 20%;
	transform: translate(-50%, -50%);
	transition: .3s;
	visibility: hidden;
	z-index: 5
}

@media (max-width:767px) {
	.tp-project-item-four__info-four {
		padding: 10px 25px
	}
}

.tp-project-item-four__info-four h4 {
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 500
}

@media (max-width:767px) {
	.tp-project-item-four__info-four h4 {
		font-size: 22px
	}
}

.tp-project-item-four__info-four h4:hover {
	color: var(--tp-theme-1)
}

.tp-project-item-four__info-four span {
	color: var(--tp-common-black);
	font-size: 22px;
	font-weight: 500
}

@media (max-width:767px) {
	.tp-project-item-four__info-four span {
		font-size: 14px
	}
}

.tp-project-item-four__info-four span:hover {
	color: var(--tp-theme-1)
}

.tp-project-item-four__info-sm {
	background-color: var(--tp-theme-primary);
	border-radius: 10px;
	display: inline-block;
	left: 50%;
	opacity: 0;
	padding: 20px 30px;
	position: absolute;
	text-align: center;
	top: 20%;
	transform: translate(-50%, -50%);
	transition: .3s;
	visibility: hidden;
	z-index: 5
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-project-item-four__info-sm {
		padding: 19px 23px
	}
}

@media (max-width:767px) {
	.tp-project-item-four__info-sm {
		padding: 15px 20px
	}
}

.tp-project-item-four__info-sm span {
	color: var(--tp-common-black);
	font-size: 22px;
	font-weight: 500
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-project-item-four__info-sm span {
		font-size: 14px
	}
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.tp-project-item-four__info-sm span {
		font-size: 14px
	}
}

.tp-project-item-four__info-sm span:hover {
	color: var(--tp-theme-1)
}

.tp-project-item-four:hover .tp-project-item-four__info-four {
	opacity: 1;
	top: 50%;
	visibility: visible
}

.tp-project-item-four:hover .tp-project-item-four__img img {
	transform: scale(1.1)
}

.tp-project-item-four:hover .tp-project-item-four__info-sm {
	opacity: 1;
	top: 50%;
	visibility: visible
}

.tp-project-item-four:hover:after {
	opacity: 1
}

.tp-testi-cm-sm-title {
	color: var(--tp-common-black);
	font-size: 23px;
	font-weight: 500
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-testi-cm-sm-title {
		font-size: 26px
	}
}

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

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.tp-testi-cm-sm-title {
		font-size: 22px
	}
}

.tp-testi-cm-sm-title:hover {
	color: var(--tp-theme-1)
}

.tp-radius-button {
	background-color: transparent
}

.tp-radius-button button {
	font-size: 26px;
	padding: 20px 40px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-radius-button button {
		padding: 20px 40px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-radius-button button {
		padding: 20px 25px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-radius-button button {
		padding: 20px 40px
	}
}

.tp-radius-button button.active {
	background-color: var(--tp-common-white);
	box-shadow: 0 15px 30px rgba(57, 81, 105, .05);
	color: var(--tp-common-black)
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.tp-cc-project button {
		font-size: 14px;
		padding: 10px 18px
	}
}

.tp-pj-subtitle {
	color: var(--tp-common-black);
	font-size: 22px;
	font-weight: 500;
	padding-bottom: 5px;
	transition: .3s
}

.tp-pj-subtitle:hover {
	color: var(--tp-theme-1)
}

.tp-pj-title {
	color: var(--tp-common-black);
	font-size: 30px;
	font-weight: 500;
	padding-bottom: 25px;
	transition: .3s
}

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

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

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

@media (max-width:767px) {
	.tp-pj-title {
		font-size: 20px
	}
}

.tp-pj-title:hover {
	color: var(--tp-theme-1)
}

.tp-pj-title:hover svg line {
	stroke: var(--tp-theme-1)
}

.tp-pj-title svg {
	margin-left: 40px;
	transition: .3s
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-pj-title svg {
		width: 4%
	}
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.tp-pj-title svg {
		width: 3%
	}
}

.tpproject__thumb {
	position: relative
}

.tpproject__thumb img {
	border-radius: 20px;
	filter: grayscale(100%);
	transform: scale(1);
	transition: .9s
}

.tpproject__thumb-icon a {
	background-color: var(--tp-common-white);
	border-radius: 50%;
	display: inline-block;
	height: 80px;
	left: 50%;
	line-height: 80px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%) scale(.7);
	transition: .3s;
	visibility: hidden;
	width: 80px
}

.tpproject__thumb-icon a:hover {
	background-color: var(--tp-theme-primary);
	color: var(--tp-common-black)
}

.tpproject__thumb:hover .tpproject__thumb-icon a {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
	visibility: visible
}

.tpproject:hover .tpproject__thumb img {
	filter: grayscale(0);
	transform: scale(1.1)
}

.my-dots {
	margin-top: 50px
}

.my-dots .swiper-pagination-bullet {
	background-color: var(--tp-common-black);
	border-radius: 50%;
	display: inline-block;
	height: 8px;
	margin: 0 3px;
	opacity: .5;
	width: 8px
}

.my-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--tp-common-black);
	border-radius: 30px;
	opacity: 1;
	width: 30px
}

.tp-project-bs-space {
	margin-left: 130px;
	margin-right: 130px
}

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

.bp-project-item .bp-project-img {
	position: relative
}

.bp-project-item .bp-project-img img {
	transform: scale(1);
	transition: .9s
}

.bp-project-item .bp-project-img:after {
	background-color: rgba(41, 41, 48, .4);
	content: "";
	height: 100%;
	left: 0;
	top: 0;
	width: 100%
}

.bp-project-item .bp-project-img:after,
.bp-project-item span {
	opacity: 0;
	position: absolute;
	transition: all .4s ease-in-out;
	visibility: hidden
}

.bp-project-item span {
	left: 50%;
	text-align: center;
	top: 60%;
	transform: translate(-50%, -50%)
}

.bp-project-item span svg {
	color: var(--tp-common-white);
	transition: all .4s ease-in-out
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.bp-project-item span svg {
		width: 60%
	}
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.bp-project-item span svg {
		width: 50%
	}
}

.bp-project-item span:hover svg {
	color: var(--tp-theme-primary)
}

.bp-project-item:hover .bp-project-img img {
	transform: scale(1.02)
}

.bp-project-item:hover .bp-project-img:after,
.bp-project-item:hover span {
	opacity: 1;
	visibility: visible
}

.bp-project-item:hover span {
	top: 50%
}

.tp-project-item-four .tp-hover-wrapper {
	background-color: var(--tp-theme-primary);
	border-radius: 10px;
	display: inline-block;
	padding: 45px 75px
}

.tp-project-item-four .tp-img-reveal-wrapper {
	height: auto;
	width: auto
}

.tp-project-item-four .tp-hover-title {
	color: var(--tp-common-black)
}

.tp-project-item-four .tp-hover-subtitle {
	color: var(--tp-common-black);
	transition: inherit
}

.tp-project-item-four p,
.tp-project-item-three .tp-hover-meta {
	display: none
}

.tp-img-reveal-item {
	text-align: center
}

.port-space {
	margin-bottom: 70px
}

.portfolio-four {
	position: relative
}

.portfolio-four img {
	border-radius: 20px
}

.portfolio-four:after {
	background-color: var(--tp-theme-1);
	border-radius: 20px;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scale(.8);
	transition: .5s;
	visibility: hidden;
	width: 100%
}

.portfolio-four:hover:after {
	transform: scale(1)
}

.portfolio-four:hover .portfolio-icon a,
.portfolio-four:hover:after {
	opacity: 1;
	visibility: visible
}

.portfolio-icon {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.portfolio-icon a {
	color: var(--tp-common-white);
	font-size: 36px;
	line-height: 0;
	opacity: 0;
	transform: rotateX(45deg);
	transition: .3s;
	visibility: hidden
}

.portfolio-icon a:hover {
	color: var(--tp-common-black)
}

.tp-portfolio-content-box {
	background-color: var(--tp-common-black);
	border-radius: 0 10px 10px 0;
	left: -100%;
	padding: 30px 70px 30px 40px;
	position: absolute;
	top: 65px;
	transition: .8s
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-portfolio-content-box {
		padding: 20px 30px;
		top: 30px
	}
}

.tp-portfolio-content-box span {
	color: var(--tp-theme-primary);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase
}

.portfolio-animation-icon {
	bottom: 10px;
	opacity: 0;
	position: absolute;
	right: 50px;
	transition: .4s;
	visibility: hidden
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.portfolio-animation-icon {
		right: 20px
	}
}

.portfolio-animation-icon svg {
	color: var(--tp-common-white);
	transition: .3s
}

.portfolio-animation-icon svg:hover {
	color: var(--tp-theme-1)
}

.tp-project-item-two:hover .tp-portfolio-content-box {
	left: 0
}

.tp-project-item-two:hover .portfolio-animation-icon {
	bottom: 50px;
	opacity: 1;
	visibility: visible
}

.portfolio-animation-title {
	color: var(--tp-common-white);
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -1px
}

.portfolio-animation-title:hover {
	color: var(--tp-theme-primary)
}

.portfolio-thumb {
	border-radius: 20px
}

.portfolio-thumb img {
	transform: scale(1);
	transition: 1s
}

.portfolio-thumb:hover img {
	transform: scale(1.1)
}

.cpprice {
	border: 1px solid #f0f1f6;
	border-radius: 20px;
	padding: 47px 47px 55px
}

.cpprice__meta {
	margin-bottom: 30px
}

.cpprice__meta span {
	color: var(--tp-common-black);
	font-size: 20px;
	font-weight: 400
}

.cpprice__meta span b {
	color: var(--tp-common-black);
	font-size: 50px;
	font-weight: 500
}

.cpprice__list ul li {
	color: #8a90a2;
	font-size: 26px;
	font-weight: 400;
	line-height: 25px;
	margin-bottom: 17px
}

.cpprice__button {
	padding-top: 80px
}

.cp-price-title {
	border-bottom: 1px solid #f0f1f6;
	font-size: 35px;
	margin-bottom: 60px
}

.cp-price-sm-title,
.cp-price-title {
	color: var(--tp-common-black);
	font-weight: 400;
	padding-bottom: 40px
}

.cp-price-sm-title {
	font-size: 22px;
	line-height: 1.5
}

.cpprice.active {
	background-color: var(--tp-common-blue)
}

.cpprice.active .cpprice__list ul li {
	color: var(--tp-common-black)
}

.cpprice.active .cpprice__button .tp-btn-yellow {
	background-color: var(--tp-common-white)
}

.jobitem {
	border: 1px solid #f6f6f6;
	border-radius: 20px;
	padding: 50px 38px;
	transition: .3s
}

.jobitem__brand {
	margin-bottom: 45px
}

.jobitem__details p {
	color: #8a90a2;
	font-size: 22px;
	font-weight: 400;
	padding-bottom: 10px;
	text-transform: capitalize
}

.jobitem__details p i {
	padding-right: 8px
}

.jobitem__details p:last-child {
	padding-bottom: 36px
}

.jobitem:hover {
	box-shadow: 0 16px 11px hsla(0, 0%, 88%, .25)
}

.job-title-sm {
	color: var(--tp-common-black);
	font-size: 30px;
	font-weight: 700;
	line-height: 32px;
	padding-bottom: 25px
}

.job-title-sm a {
	background-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	background-size: 0 1px, 0 1px;
	display: inline;
	transition: background-size .4s linear
}

.job-title-sm a:hover {
	background-size: 0 1px, 100% 1px
}

.bp-about-img {
	margin-left: -210px;
	max-width: inherit;
	position: relative;
	z-index: 2
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:1400px) and (max-width:1600px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.bp-about-img {
		margin-left: 0
	}

	.bp-about-img img {
		max-width: 100%
	}
}

@media (max-width:767px) {
	.bp-about-img {
		margin-bottom: 50px;
		margin-left: 0
	}

	.bp-about-img img {
		max-width: 100%
	}
}

.bp-about-shape {
	left: -8px;
	position: absolute;
	top: -25px
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.bp-about-shape {
		left: -235px;
		top: -75px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.bp-about-shape {
		left: -327px;
		top: -80px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.bp-about-shape {
		left: -417px;
		top: -80px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.bp-about-shape {
		left: -502px;
		top: -68px
	}
}

.bs-section-title-space {
	padding-left: 80px
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.bs-section-title-space {
		padding-left: 0
	}
}

.bs-about-sm-1 {
	-webkit-animation: moving 5s linear infinite;
	animation: moving 5s linear infinite;
	position: absolute;
	right: 110px;
	top: 103px
}

.bs-about-sm-2 {
	-webkit-animation: rotate2 5s linear infinite;
	animation: rotate2 5s linear infinite;
	bottom: 103px;
	position: absolute;
	right: 110px
}

.ac-ab-title {
	color: var(--tp-common-black);
	font-size: 50px;
	font-weight: 700;
	letter-spacing: -2px;
	line-height: 1.3;
	margin-bottom: 45px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.ac-ab-title {
		font-size: 42px
	}
}

@media (max-width:767px) {
	.ac-ab-title {
		font-size: 36px
	}
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.ac-play-button {
		margin-bottom: 40px
	}
}

.ac-play-button a {
	background-color: var(--tp-common-blue);
	border-radius: 50%;
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 22px;
	height: 66px;
	line-height: 66px;
	margin-right: 20px;
	text-align: center;
	width: 66px
}

.ac-play-button a:hover {
	background-color: var(--tp-theme-primary)
}

.ac-play-button span {
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 500
}

.ac-about-right {
	padding-left: 65px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.ac-about-right {
		padding-left: 35px
	}
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.ac-about-right {
		padding-left: 0
	}
}

.ac-border-bottom {
	border-bottom: 1px solid rgba(41, 41, 48, .08)
}

.ac-bottom-space {
	padding-bottom: 100px
}

@media (max-width:767px) {
	.ac-bottom-space {
		padding-bottom: 50px
	}
}

.am-fea-space {
	padding-left: 40px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.am-fea-space {
		padding-left: 0
	}
}

@media only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.am-fea-space {
		padding-left: 0
	}
}

.am-fea-space-2 {
	padding-left: 75px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.am-fea-space-2 {
		padding-left: 15px
	}
}

@media only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.am-fea-space-2 {
		padding-left: 0
	}
}

.actestimonial {
	padding-right: 45px
}

.actestimonial__icon {
	margin-bottom: 40px
}

@media (max-width:767px),
only screen and (min-width:992px) and (max-width:1199px) {
	.actestimonial__icon {
		margin-bottom: 20px
	}
}

.actestimonial__position {
	margin-bottom: 35px
}

@media (max-width:767px),
only screen and (min-width:992px) and (max-width:1199px) {
	.actestimonial__position {
		margin-bottom: 20px
	}
}

.actestimonial__position span {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase
}

.actestimonial__paragraph p {
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 400;
	line-height: 1.6
}

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

@media (max-width:767px) {
	.actestimonial__paragraph p {
		font-size: 22px;
		margin-bottom: 50px
	}
}

.actestimonial__paragraph p span {
	color: var(--tp-common-blue);
	font-size: 23px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.actestimonial__paragraph p span {
		font-size: 20px
	}
}

.ac-client-name {
	color: var(--tp-common-black);
	font-size: 24px;
	font-weight: 700
}

.am-p-space-1 {
	padding-bottom: 25px;
	padding-right: 80px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.am-p-space-1 {
		padding-right: 20px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.am-p-space-1 {
		padding-right: 0
	}
}

.am-p-space-2 {
	padding-bottom: 25px;
	padding-right: 40px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.am-p-space-2 {
		padding-right: 20px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.am-p-space-2 {
		padding-right: 0
	}
}

.am-p-space-3 {
	padding-bottom: 25px;
	padding-right: 10px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.am-p-space-3 {
		padding-right: 10px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.am-p-space-3 {
		padding-right: 0
	}
}

.ac-ab-img {
	border-radius: 15px;
	width: 100%
}

.ac-ab-img img {
	border-radius: 15px;
	max-width: 100%;
	transform: scale(1);
	transition: 1s
}

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

.ac-ab-img:hover img {
	transform: scale(1.1)
}

.amaboutinfo {
	padding-left: 60px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.amaboutinfo {
		padding-left: 30px
	}
}

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

.amaboutinfo__client-info h4 {
	color: var(--tp-common-black);
	font-size: 30px;
	font-weight: 500
}

.amaboutinfo__client-info span {
	color: var(--tp-theme-1);
	display: inline-block;
	font-size: 12px;
	padding-bottom: 25px;
	text-transform: uppercase
}

.amaboutinfo__client-info p {
	color: #8a90a2;
	font-size: 15px;
	font-weight: 400;
	line-height: 25px;
	padding-bottom: 25px;
	padding-right: 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.amaboutinfo__client-info p {
		padding-right: 0
	}
}

.amaboutinfo__experience p {
	color: #8a90a2;
	font-size: 26px;
	font-weight: 400
}

.amaboutinfo__experience p:hover a {
	color: var(--tp-theme-1)
}

.amaboutinfo__experience p b {
	color: var(--tp-common-black)
}

.amaboutsocial__icon {
	overflow: hidden
}

@media (max-width:767px) {
	.amaboutsocial__icon {
		display: inline-block;
		margin-bottom: 0
	}
}

.amaboutsocial__icon>a {
	display: inline-block
}

.amaboutsocial__icon .tp-si.tp-si-color-2 {
	background-color: var(--tp-common-blue)
}

.amaboutsocial__icon .tp-si__text {
	background-color: #4267b2;
	border-radius: 3px 0 0 3px;
	color: var(--tp-common-white);
	display: inline-block;
	font-size: 22px;
	font-weight: 500;
	height: 42px;
	line-height: 42px;
	margin-right: -112px;
	opacity: 0;
	padding-left: 16px;
	padding-right: 28px;
	position: relative;
	transition: .3s;
	visibility: hidden;
	z-index: -1
}

@media (max-width:767px) {
	.amaboutsocial__icon .tp-si__text {
		display: none
	}
}

.amaboutsocial__icon .tp-si__text.tp-si-color-1 {
	background-color: #e40028
}

.amaboutsocial__icon .tp-si__text.tp-si-color-2 {
	background-color: var(--tp-theme-1)
}

.amaboutsocial__icon .tp-si__text.tp-si-color-3 {
	background-color: var(--tp-common-blue)
}

.amaboutsocial__icon .tp-si__text.tp-si-color-4 {
	background-color: #e40028
}

.amaboutsocial__icon .tp-si__text:after {
	background-color: hsla(0, 0%, 100%, .15);
	content: "";
	display: inline-block;
	height: 1px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	z-index: 9
}

.amaboutsocial__icon .tp-si__icon {
	background-color: #4267b2;
	border-radius: 3px;
	color: var(--tp-common-white);
	display: inline-block;
	height: 42px;
	line-height: 42px;
	text-align: center;
	width: 42px
}

@media (max-width:767px) {
	.amaboutsocial__icon .tp-si__icon {
		margin-right: 10px;
		margin-top: 20px
	}
}

.amaboutsocial__icon .tp-si__icon.tp-si-color-1 {
	background-color: #e40028
}

.amaboutsocial__icon .tp-si__icon.tp-si-color-2 {
	background-color: var(--tp-theme-1)
}

.amaboutsocial__icon .tp-si__icon.tp-si-color-3 {
	background-color: var(--tp-common-blue)
}

.amaboutsocial__icon .tp-si__icon.tp-si-color-4 {
	background-color: #e40028
}

.si-btn-link:hover .tp-si__text {
	margin-right: 0;
	opacity: 1;
	visibility: visible
}

.si-btn-link:hover .tp-si__icon {
	border-radius: 0 3px 3px 0
}

.feature-bottom-space {
	padding-bottom: 220px
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.feature-bottom-space {
		padding-bottom: 90px
	}
}

.amfeature {
	padding-top: 50px
}

@media (max-width:767px) {
	.amfeature {
		padding-left: 0
	}
}

.amfeature__item p {
	font-size: 15px;
	line-height: 26px
}

.amfeature__title p {
	font-size: 22px
}

.amfeature__list ul li {
	color: var(--tp-common-black);
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 5px;
	padding-left: 30px;
	position: relative
}

.amfeature__list ul li i {
	color: #726ffc;
	font-weight: 500;
	left: 0;
	position: absolute;
	top: 6px
}

.amskill__title p {
	font-size: 22px;
	line-height: 26px
}

.am-skill-title {
	color: var(--tp-common-black);
	font-size: 30px;
	font-weight: 500;
	padding-bottom: 25px
}

.am-skill-sm-title {
	padding-bottom: 20px
}

.am-contact-title,
.am-skill-sm-title {
	color: var(--tp-common-black);
	font-size: 24px;
	font-weight: 500
}

.am-contact-title {
	background-color: var(--tp-common-white);
	display: inline-block;
	margin-bottom: 0;
	overflow: hidden;
	padding-right: 90px;
	position: relative
}

@media (max-width:767px) {
	.am-contact-title {
		font-size: 23px
	}
}

.am-border-shape {
	background-color: #f4f6fb;
	display: inline-block;
	height: 1px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: -1
}

.contact-form {
	background-color: var(--tp-grey-1);
	border-radius: 20px;
	padding: 80px
}

.contact-form label {
	color: var(--tp-common-black);
	font-size: 22px;
	font-weight: 500
}

.checkbox input {
	border-color: var(--tp-theme-secondary);
	height: 18px;
	margin-bottom: 16px;
	width: 18px
}

.services {
	float: left;
	width: 25%
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.contact-form {
		padding: 30px
	}
}

@media (max-width:767px) {
	.contact-form {
		padding: 10px
	}
}

.contact-form .input input {
	border: none;
	border-radius: 5px;
	height: 65px;
	margin-bottom: 30px;
	padding: 0 20px;
	width: 100%
}

.contact-form .input input::-moz-placeholder {
	color: #8a90a2;
	font-size: 22px;
	font-weight: 500
}

.contact-form .input input::placeholder {
	color: #8a90a2;
	font-size: 22px;
	font-weight: 500
}

.contact-form .textarea textarea {
	border: 0;
	border-radius: 5px;
	height: 180px;
	margin-bottom: 30px;
	outline: 0;
	padding: 30px 20px;
	resize: none;
	width: 100%
}

.contact-form .textarea textarea::-moz-placeholder {
	color: #8a90a2;
	font-size: 22px !important;
	font-weight: 500
}

.contact-form .textarea textarea::placeholder {
	color: #8a90a2;
	font-size: 22px !important;
	font-weight: 500
}

.am-contact-info {
	margin-bottom: 35px
}

.contact-form .form-select {
	border: none;
	border-radius: 5px;
	font-size: 22px;
	height: 65px;
	margin-bottom: 30px;
	padding: 0 20px;
	width: 100%
}

.method {
	float: left;
	margin-right: 20px
}

.method input {
	height: 20px;
	width: 20px
}

.tp-testimonial-item {
	background-color: #3a3a42;
	border-radius: 20px;
	min-height: 400px;
	padding: 60px 45px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-testimonial-item {
		padding: 60px 35px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-testimonial-item {
		padding: 20px 40px
	}
}

@media (max-width:767px) {
	.tp-testimonial-item {
		padding: 25px 20px
	}

	.tp-testimonial-item .tp-testi-meta {
		flex-direction: column;
		margin-bottom: 20px
	}
}

.tp-testi-icon-box {
	flex: 0 0 auto
}

.tp-testi-client-position h3 {
	color: var(--tp-common-white);
	font-size: 26px;
	font-weight: 700
}

.tp-testi-client-position h6 {
	color: var(--tp-common-white);
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 0
}

@media (max-width:767px) {
	.tp-testi-ratting {
		margin-top: 15px
	}
}

.tp-testi-ratting i {
	color: var(--tp-theme-primary)
}

.tp-testi-p-text p {
	color: var(--tp-common-white);
	font-size: 26px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 0
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-testi-p-text p {
		font-size: 22px;
		margin-bottom: 0
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-testi-p-text p {
		font-size: 22px;
		margin-bottom: 0
	}
}

.testimonial-slider-active {
	margin-left: -55px;
	margin-right: -55px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.testimonial-slider-active {
		margin-left: -390px;
		margin-right: -390px
	}
}

@media (max-width:767px) {
	.testimonial-slider-active {
		margin-left: 0;
		margin-right: 0
	}
}

.testimonial-slider-active-2 {
	margin-left: -390px;
	margin-right: -390px
}

@media (max-width:767px) {
	.testimonial-slider-active-2 {
		margin-left: 0;
		margin-right: 0
	}
}

.tp-testi-img img {
	border-radius: 10px
}

.tp-testimonial-slider-section .swiper-slide.swiper-slide-active {
	border: 1px solid #ffdc60;
	border-radius: 20px
}

.tp-testimonial-info img {
	border-radius: 10px;
	border-radius: 50%;
	height: 69px;
	margin-bottom: 25px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 69px
}

.tp-testimonial-info h4 {
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 700
}

.tp-testimonial-info span {
	color: #8a90a2;
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 30px
}

.tp-testimonial-info span i {
	color: var(--tp-theme-primary)
}

.tp-testimonial-info span .fa-stars-1 {
	padding-left: 8px
}

.tp-testimonial-info p {
	color: var(--tp-common-black);
	font-size: 24px;
	font-weight: 400;
	line-height: 1.6;
	margin: 0 auto;
	max-width: 750px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-testimonial-info p {
		font-size: 20px
	}
}

@media (max-width:767px) {
	.tp-testimonial-info p {
		font-size: 26px
	}
}

.testimonial-slider-dots .swiper-pagination-bullet {
	background-color: var(--tp-theme-1);
	border-radius: 50%;
	display: inline-block;
	height: 8px;
	margin: 0 3px;
	opacity: .5;
	transition: .3s;
	width: 8px
}

.testimonial-slider-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--tp-theme-1);
	border-radius: 30px;
	opacity: 1;
	width: 30px
}

.testimonial-shape-1 {
	-webkit-animation: moving 6s linear infinite;
	animation: moving 6s linear infinite;
	left: 120px;
	position: absolute;
	top: 210px
}

.testimonial-shape-2 {
	left: 325px;
	top: 309px
}

.testimonial-shape-2,
.testimonial-shape-3 {
	-webkit-animation: rotate 8s linear infinite;
	animation: rotate 8s linear infinite;
	position: absolute
}

.testimonial-shape-3 {
	left: 70px;
	top: 50%
}

.testimonial-shape-4 {
	bottom: 160px;
	left: 280px
}

.testimonial-shape-4,
.testimonial-shape-5 {
	-webkit-animation: rotate 8s linear infinite;
	animation: rotate 8s linear infinite;
	position: absolute
}

.testimonial-shape-5 {
	bottom: 100px;
	left: 90px
}

.testimonial-shape-6 {
	right: 300px;
	top: 160px
}

.testimonial-shape-6,
.testimonial-shape-7 {
	-webkit-animation: rotate 8s linear infinite;
	animation: rotate 8s linear infinite;
	position: absolute
}

.testimonial-shape-7 {
	right: 80px;
	top: 150px
}

.testimonial-shape-8 {
	right: 315px
}

.testimonial-shape-8,
.testimonial-shape-9 {
	-webkit-animation: rotate 8s linear infinite;
	animation: rotate 8s linear infinite;
	position: absolute;
	top: 50%
}

.testimonial-shape-9 {
	right: 80px
}

.testimonial-shape-10 {
	-webkit-animation: rotate 8s linear infinite;
	animation: rotate 8s linear infinite;
	bottom: 160px;
	position: absolute;
	right: 210px
}

.tp-testimonial-box {
	background-color: var(--tp-common-white);
	border-radius: 20px;
	padding: 75px 63px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-testimonial-box {
		padding: 54px 63px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-testimonial-box {
		padding: 40px 35px
	}
}

@media (max-width:767px) {
	.tp-testimonial-box {
		padding: 40px 20px
	}
}

.tp-testimonial-box__rating span {
	color: var(--tp-theme-primary);
	display: inline-block;
	font-size: 26px;
	margin-bottom: 55px;
	padding-right: 5px
}

@media (max-width:767px) {
	.tp-testimonial-box__rating span {
		font-size: 20px;
		margin-bottom: 35px
	}
}

.tp-testimonial-box__rating p {
	color: var(--tp-common-black);
	font-size: 24px;
	font-weight: 400;
	line-height: 1.7;
	margin-bottom: 75px;
	padding-right: 5px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-testimonial-box__rating p {
		font-size: 23px
	}
}

@media (max-width:767px) {
	.tp-testimonial-box__rating p {
		font-size: 15px;
		margin-bottom: 30px
	}
}

.tp-testimonial-box__testi-title .testi-heading {
	color: var(--tp-common-black);
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 4px
}

@media (max-width:767px) {
	.tp-testimonial-box__testi-title .testi-heading {
		font-size: 17px
	}
}

.tp-testimonial-box__testi-title span {
	color: #8a90a2;
	display: block;
	font-size: 14px;
	font-weight: 500
}

.testi-slider-active-four {
	margin-left: -320px;
	margin-right: -320px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.testi-slider-active-four {
		margin-left: 0;
		margin-right: 0
	}
}

@media (max-width:767px) {
	.testi-slider-active-four {
		margin-left: 0;
		margin-right: 0
	}
}

.testi-slider-opacity {
	opacity: .3
}

.testi-slider-opacity.swiper-slide.swiper-slide-active {
	opacity: 1
}

.testimonial-slider-dots-four .swiper-pagination-bullet {
	background-color: var(--tp-theme-1);
	border-radius: 50%;
	display: inline-block;
	height: 8px;
	margin: 0 3px;
	opacity: .5;
	transition: .3s;
	width: 8px
}

.testimonial-slider-dots-four .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--tp-theme-1);
	border-radius: 30px;
	opacity: 1;
	width: 30px
}

.tp-testimonial-item-four {
	border: 1px solid #f0f1f6;
	border-radius: 20px;
	padding: 50px 46px 60px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-testimonial-item-four {
		padding: 40px 35px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-testimonial-item-four {
		padding: 20px 15px
	}
}

@media (max-width:767px) {
	.tp-testimonial-item-four {
		padding: 30px 20px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-testimonial-item-four__meta {
		margin-bottom: 35px
	}
}

@media (max-width:767px) {
	.tp-testimonial-item-four__meta {
		margin-bottom: 25px
	}
}

.tp-testimonial-item-four__rating span {
	color: var(--tp-theme-primary);
	line-height: 1
}

@media (max-width:767px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-testimonial-item-four .tp-testi-paragraph {
		margin-bottom: 0;
		padding-bottom: 10px
	}
}

.tp-testimonial-item-four .tp-testi-paragraph p {
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 400;
	line-height: 32px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-testimonial-item-four .tp-testi-paragraph p {
		font-size: 22px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-testimonial-item-four .tp-testi-paragraph p {
		font-size: 22px
	}
}

@media (max-width:767px) {
	.tp-testimonial-item-four .tp-testi-paragraph p {
		font-size: 22px
	}
}

.tp-testimonial-item-four__position h4 {
	color: var(--tp-common-black);
	font-size: 22px;
	font-weight: 700
}

.tp-testimonial-item-four__position span {
	color: #8a90a2;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase
}

@media (max-width:767px) {
	.tp-testi-wrapper {
		flex-wrap: wrap
	}

	.tp-testimonial-title-box {
		margin-bottom: 40px
	}
}

.ce-testi-shape {
	-webkit-animation: rotate2 15s linear infinite;
	animation: rotate2 15s linear infinite;
	bottom: 150px;
	left: 45px;
	position: absolute
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.ce-testi-shape {
		bottom: 20px
	}
}

.tp-testimonial-thumb img {
	max-width: 100%
}

.tptestimonial__rating-5 span {
	color: var(--tp-theme-primary);
	display: inline-block;
	margin-bottom: 55px;
	padding-right: 2px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tptestimonial__rating-5 span {
		margin-bottom: 35px
	}
}

@media (max-width:767px) {
	.tptestimonial__rating-5 span {
		margin-bottom: 25px
	}
}

.tptestimonial__rating-5 p {
	color: var(--tp-common-black);
	font-size: 30px;
	font-weight: 400;
	line-height: 1.4;
	padding-bottom: 55px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tptestimonial__rating-5 p {
		font-size: 28px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tptestimonial__rating-5 p {
		font-size: 25px;
		margin-bottom: 25px
	}
}

@media (max-width:767px) {
	.tptestimonial__rating-5 p {
		font-size: 26px;
		padding-bottom: 20px
	}
}

.tptestimonial__meta-5 span {
	color: #8a90a2;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase
}

@media (max-width:767px) {
	.testimonial-pd-slider-section {
		padding-left: 0
	}
}

.tp-pd-testi-title {
	color: var(--tp-common-black);
	font-size: 24px;
	font-weight: 700
}

.project-blue-dots {
	padding-top: 0;
	position: absolute
}

.project-blue-dots .swiper-pagination-bullet {
	background-color: #89cefb
}

@media (max-width:767px) {
	.project-blue-dots {
		padding-top: 20px;
		position: static
	}
}

.project-blue-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--tp-common-blue);
	box-shadow: 0 2px 2px rgba(89, 86, 233, .25)
}

.bp-testi-shape-1 {
	-webkit-animation: moving 9s linear infinite;
	animation: moving 9s linear infinite;
	left: 330px;
	position: absolute;
	top: 150px
}

.bp-testi-shape-2 {
	right: 120px;
	top: 130px
}

.bp-testi-shape-2,
.bs-testi-shape-1 {
	-webkit-animation: rotate2 15s linear infinite;
	animation: rotate2 15s linear infinite;
	position: absolute
}

.bs-testi-shape-1 {
	bottom: 70px;
	left: 40px
}

.ac-testimonial-right img {
	max-width: 100%
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.ac-testimonial-info {
		margin-bottom: 70px
	}
}

.testimonial-html-space {
	padding-left: 45px;
	padding-right: 120px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.testimonial-html-space {
		padding-right: 45px
	}
}

@media (max-width:767px) {
	.testimonial-html-space {
		padding-left: 20px;
		padding-right: 20px
	}
}

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

.basic-pagination ul li {
	display: inline-block
}

.basic-pagination ul li a,
.basic-pagination ul li span {
	border: 2px solid #f1f1f1;
	border-radius: 7px;
	display: inline-block;
	font-size: 26px;
	font-weight: 600;
	height: 50px;
	line-height: 46px;
	text-align: center;
	width: 50px
}

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

.tp-team-item {
	overflow: hidden;
	position: relative
}

.tp-team-item__img img {
	border-radius: 10px
}

.tp-team-item__info {
	background-color: var(--tp-theme-primary);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	bottom: -20px;
	left: 0;
	opacity: 0;
	padding: 25px 50px;
	position: absolute;
	transition: .3s;
	visibility: hidden;
	width: 100%
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-team-item__info {
		padding: 25px
	}
}

.tp-team-item__icon i {
	-webkit-text-stroke: 1px #292930;
	color: transparent;
	font-size: 36px;
	font-weight: 700;
	transform: rotate(45deg);
	transform: translateY(5px);
	transition: all .3s ease-out 0s;
	transition-delay: 0s;
	transition-delay: .2s
}

.tp-team-item:hover .tp-team-item__icon i {
	opacity: 1;
	transform: translateY(0);
	transform: rotate(45deg);
	transition-delay: .2s;
	visibility: visible
}

.tp-team-item:hover .tp-team-title {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .2s;
	visibility: visible
}

.tp-team-item:hover .tp-team-subtitle {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .4s;
	visibility: visible
}

.tp-team-item:hover .tp-team-item__info {
	bottom: 0;
	opacity: 1;
	visibility: visible
}

.tp-team-title {
	color: var(--tp-common-black);
	font-size: 20px;
	font-weight: 500;
	transform: translateY(5px);
	transition: all .3s ease-out 0s;
	transition-delay: 0s;
	transition-delay: .2s
}

.tp-team-title:hover {
	color: var(--tp-theme-1)
}

.tp-team-subtitle {
	color: var(--tp-common-black);
	font-size: 12px;
	font-weight: 500;
	transform: translateY(5px);
	transition: all .3s ease-out 0s;
	transition-delay: 0s;
	transition-delay: .2s
}

.tp-team-overlay {
	position: relative
}

.tp-team-overlay__img img {
	border-radius: 10px
}

.tp-team-overlay:after {
	background-color: var(--tp-theme-secondary);
	border-radius: 10px;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.tp-team-overlay__info {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 5
}

.tp-team-overlay__info .team-title {
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 500
}

.tp-team-overlay__info .team-title:hover {
	color: var(--tp-theme-1);
	transition: .3s
}

.tp-team-overlay__info i {
	-webkit-text-stroke: 2px #292930;
	color: transparent;
	font-size: 85px;
	font-weight: 700;
	transform: rotate(45deg);
	transition: .3s
}

.tp-team-overlay__info i:hover {
	-webkit-text-stroke: 2px var(--tp-theme-1)
}

.tpteam {
	border-radius: 10px;
	overflow: hidden;
	position: relative
}

.tpteam:after {
	background-color: var(--tp-common-blue);
	border-radius: 10px;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: .3s;
	visibility: hidden;
	width: 100%
}

.tpteam__shape-1 {
	left: -60px;
	top: -70px
}

.tpteam__shape-1,
.tpteam__shape-2 {
	position: absolute;
	transition: .6s;
	z-index: 2
}

.tpteam__shape-2 {
	bottom: -70px;
	right: -60px
}

.tpteam__thumb img {
	border-radius: 10px;
	max-width: 100%
}

.tpteam__content {
	left: 50%;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
	visibility: hidden;
	width: 100%;
	z-index: 9
}

.tpteam__content i {
	color: var(--tp-common-black);
	font-size: 15px;
	padding: 0 15px;
	transition: .3s
}

.tpteam__content i:hover {
	color: var(--tp-common-white)
}

.tpteam:hover .tpteam__content,
.tpteam:hover:after {
	opacity: 1;
	visibility: visible
}

.tpteam:hover .tpteam__shape-1 {
	left: 0;
	top: 0
}

.tpteam:hover .tpteam__shape-2 {
	bottom: 0;
	right: 0
}

.tp-team-sm-title {
	font-size: 36px;
	font-weight: 700
}

.tp-team-sm-subtitle,
.tp-team-sm-title {
	color: var(--tp-common-black);
	transition: .3s
}

.tp-team-sm-subtitle {
	font-size: 22px;
	font-weight: 500;
	padding-bottom: 5px
}

.bp-team-shape-1 {
	-webkit-animation: rotate2 15s linear infinite;
	animation: rotate2 15s linear infinite;
	left: 145px;
	position: absolute;
	top: 160px
}

.ac-team-title {
	color: var(--tp-common-black);
	font-size: 50px;
	font-weight: 700;
	letter-spacing: -2px
}

.tp-mission-tab {
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 55px;
    padding: 0 15px;
    display: flex;
    justify-content : space-between;
    overflow-x: auto;
    width: 100%;
    padding: 0 15px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    white-space: nowrap;
}

.tp-mission-tab button {
	border-radius: 10px;
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 500;
	margin: 7px -2px 7px -5px;
/*	padding: 20px 40px;*/
	padding: 5px 27px;
	position: relative;
	text-transform: capitalize
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-mission-tab button {
/*		padding: 20px 40px*/
		padding: 5px 27px;
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-mission-tab button {
		padding: 15px 20px
	}
}

@media (max-width:767px) {
	.tp-mission-tab button {
	/*		padding: 19px 21px*/
		padding: 6px 19px;
	}
}

.tp-mission-tab button:after {
	background-color: #b5b5b5;
	content: "";
	height: 40px;
	position: absolute;
	right: -6px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-mission-tab button:after {
		height: 20px
	}
}

.tp-mission-tab button:before {
	background: var(--tp-common-blue);
	border-radius: 10px;
	content: "";
	height: 100%;
	left: -2px;
	opacity: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 102%;
	z-index: 1
}

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

.tp-mission-tab button span {
	position: relative;
	z-index: 9
}

.tp-mission-tab button.active {
	background-color: var(--tp-common-blue)
}

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

.tp-mission-title {
	color: var(--tp-common-black);
	font-size: 50px;
	font-weight: 700;
	margin-bottom: 40px
}

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

@media (max-width:767px) {
	.tp-mission-title {
		font-size: 28px
	}
}

.tpmission__content p {
	color: #8a90a2;
	font-size: 26px;
	font-weight: 400;
	padding-right: 62px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tpmission__content p br {
		display: none
	}
}

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

	.tpmission__content p br {
		display: none
	}
}

@media (max-width:767px) {
	.tpmission__content p {
		font-size: 15px;
		padding-right: 0
	}

	.tpmission__content p br {
		display: none
	}
}

.tp-mission-img {
	margin-left: 110px
}

.tp-mission-img img {
	max-width: 100%
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-mission-img {
		margin-left: 0
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-mission-img {
		margin-left: 0;
		margin-top: 50px
	}
}

@media (max-width:767px) {
	.tp-mission-img {
		margin-left: 0;
		margin-top: 50px
	}
}

.bp-mission-shape-1 {
	-webkit-animation: rotate2 15s linear infinite;
	animation: rotate2 15s linear infinite;
	left: 44px;
	position: absolute;
	top: 140px
}

.bp-mission-shape-2 {
	-webkit-animation: moving 9s linear infinite;
	animation: moving 9s linear infinite;
	bottom: 50px;
	left: 44px;
	position: absolute
}

@media (max-width:767px),
only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:1400px) and (max-width:1600px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.bp-mission-shape-2 {
		bottom: -50px
	}
}

.bp-mission-shape-3 {
	-webkit-animation: rotate2 15s linear infinite;
	animation: rotate2 15s linear infinite;
	bottom: 0;
	position: absolute;
	right: 13%
}

.jobdetails__subtitle {
	border-bottom: 1px solid #eceff4;
	margin-bottom: 50px;
	padding-bottom: 20px
}

.jobdetails__title span {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 3px;
	padding-bottom: 45px;
	text-transform: uppercase
}

.jobdetails__paragraph p {
	font-size: 22px;
	font-weight: 400;
	line-height: 30px
}

.jobdetails__paragraph p b {
	color: var(--tp-common-black)
}

.jobdetails__img {
	padding-bottom: 60px;
	padding-top: 30px
}

.jobdetails__img img {
	border-radius: 20px;
	max-width: 100%
}

.jobdetails__feature ul li {
	font-size: 22px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 25px;
	padding-left: 30px;
	position: relative
}

.jobdetails__feature ul li span {
	color: var(--tp-common-black);
	font-size: 22px;
	font-weight: 500
}

.jobdetails__feature ul li i {
	font-size: 10px
}

.jobdetails__feature ul li i,
.jobdetails__feature ul li:before {
	background-color: var(--tp-theme-primary);
	border-radius: 50%;
	color: var(--tp-common-black);
	height: 20px;
	left: 0;
	line-height: 20px;
	margin-right: 20px;
	position: absolute;
	text-align: center;
	top: 3px;
	width: 20px
}

.jobdetails__feature ul li:before {
	content: "✓";
	font-size: 12px
}

.jobdetails__feature-2 ul li {
	margin-bottom: 45px
}

.jb-subtitle {
	color: #ff2449;
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase
}

.job-title,
.jobdetails h2 {
	color: var(--tp-common-black);
	font-size: 36px;
	font-weight: 700
}

.jobdetails h2 {
	margin-bottom: 30px
}

.jobdetails h3 {
	color: var(--tp-common-black);
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 30px
}

.bp-chose-1 {
	bottom: 104px;
	left: 144px
}

.bp-chose-1,
.bp-chose-2 {
	-webkit-animation: rotate2 15s linear infinite;
	animation: rotate2 15s linear infinite;
	position: absolute
}

.bp-chose-2 {
	bottom: 87px;
	right: 132px
}

.bp-chose-3 {
	-webkit-animation: moving 9s linear infinite;
	animation: moving 9s linear infinite;
	position: absolute;
	right: 132px;
	top: 135px
}

.ac-chose-bg {
	background-color: var(--tp-grey-1);
	border-radius: 20px;
	padding: 80px 80px 50px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.ac-chose-bg {
		padding: 40px 40px 0
	}
}

@media (max-width:767px) {
	.ac-chose-bg {
		padding: 30px 30px 0
	}
}

.cd-banner-img img {
	border-radius: 20px;
	max-width: 100%
}

.cd-case-title {
	color: var(--tp-common-black);
	font-size: 32px;
	font-weight: 700;
	padding-bottom: 15px
}

.cd-project-info-box {
	padding-left: 80px;
	padding-right: 80px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.cd-project-info-box {
		padding-left: 40px;
		padding-right: 60px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.cd-project-info-box {
		padding-left: 40px;
		padding-right: 20px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.cd-project-info-box {
		padding-left: 20px;
		padding-right: 0
	}
}

@media (max-width:767px) {
	.cd-project-info-box {
		margin-bottom: 30px;
		padding-left: 10px;
		padding-right: 10px
	}
}

.cd-project-info-box p {
	font-size: 24px;
	font-weight: 400;
	line-height: 25px
}

.cd-client-details {
	padding-left: 40px
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.cd-client-details {
		padding-left: 0
	}
}

@media (max-width:767px) {
	.cd-client-details {
		margin-bottom: 20px;
		padding-left: 10px
	}
}

.cd-client-details p {
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 0;
	padding-bottom: 20px
}

.cd-client-details p span {
	color: var(--tp-common-black);
	font-weight: 700
}

.cd-project-wrapper {
	border: 1px solid #ebebeb;
	border-radius: 20px;
	padding: 70px 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.cd-project-wrapper {
		padding: 23px 0
	}
}

@media (max-width:767px) {
	.cd-project-wrapper {
		padding: 10px 0
	}
}

.cd-social-icon {
	padding-left: 70px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.cd-social-icon {
		padding-left: 40px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.cd-social-icon {
		padding-left: 30px
	}
}

@media (max-width:767px) {
	.cd-social-icon {
		padding-left: 10px
	}
}

.cd-social-icon a {
	border: 1px solid #ebebeb;
	border-radius: 50%;
	display: block;
	height: 45px;
	line-height: 45px;
	margin-bottom: 10px;
	text-align: center;
	width: 45px
}

@media (max-width:767px) {
	.cd-social-icon a {
		display: inline-block;
		margin-right: 20px
	}
}

.cd-si-color-1 {
	color: #4267b2
}

.cd-si-color-1:hover {
	background-color: #4267b2;
	border-color: #4267b2;
	color: var(--tp-common-white)
}

.cd-si-color-2 {
	color: #e40028
}

.cd-si-color-2:hover {
	background-color: #e40028;
	border-color: #e40028;
	color: var(--tp-common-white)
}

.cd-si-color-3 {
	color: #1da1f2
}

.cd-si-color-3:hover {
	background-color: #1da1f2;
	border-color: #1da1f2;
	color: var(--tp-common-white)
}

.cd-info-box {
	padding-left: 80px;
	padding-right: 110px
}

.cd-info-box a {
	color: var(--tp-common-dpink);
	font-weight: 500
}

.cd-info-box a:hover {
	color: var(--tp-theme-1)
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.cd-info-box {
		padding-left: 35px;
		padding-right: 100px
	}
}

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

@media only screen and (min-width:992px) and (max-width:1199px) {
	.cd-info-box {
		padding-left: 45px
	}
}

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

.tp-product-title:hover {
	color: var(--tp-theme-1)
}

.tpproduct__img {
	margin-bottom: 45px;
	position: relative
}

.tpproduct__img:after {
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: .3s;
	visibility: hidden;
	width: 100%
}

.tpproduct__meta span {
	color: #777b83;
	font-size: 26px;
	font-weight: 500
}

.tpproduct__meta .product-rating {
	color: #f7931e;
	margin-bottom: 5px
}

.tpproduct:hover .tpproduct__img:after {
	opacity: 1;
	visibility: visible
}

.tpproduct:hover .tpproduct__img .tp-product-icon {
	bottom: 40%;
	opacity: 1;
	visibility: visible
}

.tp-product-icon {
	bottom: 0;
	left: 0;
	opacity: 0;
	padding: 0 10px;
	position: absolute;
	right: 0;
	transition: .5s;
	visibility: hidden;
	z-index: 2
}

.tp-product-icon a {
	background-color: var(--tp-theme-primary);
	border-radius: 50%;
	color: var(--tp-common-black);
	display: inline-block;
	font-weight: 300;
	height: 50px;
	line-height: 50px;
	margin: 0 6px;
	text-align: center;
	width: 50px
}

.tp-product-icon a:hover {
	background-color: var(--tp-theme-1);
	color: var(--tp-common-white)
}

.productdetails {
	padding-left: 35px
}

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

.productdetails__content p {
	color: #777b83;
	font-size: 26px;
	font-weight: 400;
	line-height: 26px;
	padding-bottom: 10px
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.productdetails__content p br {
		display: none
	}
}

.productdetails__ratting i {
	color: var(--tp-theme-primary);
	font-size: 14px
}

.productdetails__ratting span {
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	padding-bottom: 30px
}

.productdetails__ratting h4 {
	color: var(--tp-common-black);
	font-size: 30px;
	font-weight: 700;
	padding-bottom: 25px
}

.productdetails__ratting h4 del {
	color: #b9b9b9;
	font-size: 20px;
	font-weight: 500
}

.productdetails__model {
	padding-bottom: 45px
}

.productdetails__model h5 {
	color: var(--tp-common-black);
	font-size: 22px;
	font-weight: 500;
	padding-bottom: 10px
}

.productdetails__model a {
	background-color: #f7f8fd;
	border-radius: 5px;
	color: #777b83;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	height: 25px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 0 20px;
	text-transform: uppercase
}

.productdetails__model a:hover {
	background-color: var(--tp-theme-primary);
	color: var(--tp-common-black)
}

.pd-title {
	color: var(--tp-common-black);
	font-size: 30px;
	font-weight: 500;
	padding-bottom: 10px
}

.productdetails-tabs {
	padding-bottom: 90px;
	padding-top: 90px
}

.tpshopitem:hover .tpshopitem__thumb img {
	transform: scale(1.2)
}

.tpshopitem:hover .tpshopitem__thumb-icon {
	bottom: 14px;
	opacity: 1;
	visibility: visible
}

.tpshopitem__thumb {
	border: 1px solid #eceff4;
	border-radius: 5px
}

.tpshopitem__thumb img {
	transition: all 1s ease-out 0s;
	width: 100%
}

.tpshopitem__thumb-icon {
	bottom: -50px;
	left: 0;
	margin: 0 auto;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: center;
	transition: all .3s ease-out 0s;
	visibility: hidden
}

.tpshopitem__thumb-icon a {
	background-color: #0e63ff;
	border: 1px solid var(--tp-theme-blue);
	border-radius: 50%;
	color: var(--tp-common-white);
	display: inline-block;
	height: 45px;
	line-height: 45px;
	margin: 0 5px;
	width: 45px
}

.tpshopitem__thumb-icon a:hover {
	background-color: var(--tp-theme-pink);
	border: 1px solid var(--tp-theme-pink)
}

.tpshopitem__content p {
	color: #777b83;
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 6px
}

.tpshopitem__title {
	display: block;
	font-size: 26px;
	font-weight: 500
}

.tpshopitem__title a {
	background-image: linear-gradient(#0e63ff, #0e63ff), linear-gradient(#0e63ff, #0e63ff);
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	background-size: 0 1px, 0 1px;
	display: inline
}

.tpshopitem__title a:hover {
	background-size: 0 1px, 100% 1px;
	color: var(--tp-theme-blue)
}

.tpshopitem__review i {
	color: #f7931e
}

.tpshopitem__product-base {
	background: #fd4766;
	border-radius: 5px;
	color: var(--tp-common-white);
	font-size: 12px;
	font-weight: 700;
	left: 30px;
	line-height: 1;
	padding: 6px 13px;
	position: absolute;
	top: 20px
}

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

.tpfilter {
	justify-content: end
}

.tab-para ul li {
	font-size: 22px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 25px;
	padding-left: 30px;
	position: relative
}

.tab-para ul li span {
	color: var(--tp-common-black);
	font-size: 22px;
	font-weight: 500
}

.tab-para ul li:before {
	background-color: var(--tp-theme-primary);
	border-radius: 50%;
	color: var(--tp-common-black);
	content: "✓";
	font-size: 12px;
	height: 20px;
	left: 0;
	line-height: 20px;
	margin-right: 20px;
	position: absolute;
	text-align: center;
	top: 3px;
	width: 20px
}

.tab-content ul li {
	font-size: 22px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 25px;
	padding-left: 30px;
	position: relative
}

.tab-content ul li span {
	color: var(--tp-common-black);
	font-size: 22px;
	font-weight: 500
}

.tab-content ul li:before {
	background-color: var(--tp-theme-primary);
	border-radius: 50%;
	color: var(--tp-common-black);
	content: "✓";
	font-size: 12px;
	height: 20px;
	left: 0;
	line-height: 20px;
	margin-right: 20px;
	position: absolute;
	text-align: center;
	top: 3px;
	width: 20px
}

@media (max-width:767px) {
	.tpfilter {
		justify-content: start
	}
}

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

.tpfilter .nice-select {
	border: none;
	color: var(--tp-theme-primary);
	padding-left: 5px
}

.productthumb img {
	border-radius: 25px
}

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

	.product {
		margin-left: 0
	}
}

.product__details-content p {
	color: #777b83;
	font-size: 22px;
	font-weight: 400
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.product__details-content p br {
		display: none
	}
}

.product-dtitle {
	font-size: 30px;
	font-weight: 400;
	line-height: 1.3
}

@media (max-width:767px) {
	.product-dtitle {
		font-size: 24px
	}
}

.product-dinfo span {
	color: #141515;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px
}

.product-dprice {
	font-size: 30px;
	font-weight: 400;
	letter-spacing: .02em;
	line-height: 38px
}

.product-model-title {
	font-display: swap;
	font-family: Archivo
}

.product-model-title,
.product-quantity-title {
	color: #0b0b0b;
	font-size: 14px;
	font-weight: 600;
	line-height: 15px
}

.product-quantity-title {
	letter-spacing: .02em
}

.product-quantity input {
	border: none;
	color: var(--tp-theme-primary);
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	width: 40px
}

.product-model-list a {
	background: #f7f8fd;
	border-radius: 2px;
	color: #777b83;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
	margin-right: 15px;
	padding: 0 10px;
	text-transform: uppercase
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.product-model-list a {
		margin-right: 8px
	}
}

@media (max-width:767px) {
	.product-model-list a {
		margin-right: 5px;
		padding: 0 6px
	}
}

.product-model-list a:last-child {
	margin-right: 0
}

.product-model-list a:hover {
	background: var(--tp-theme-blue);
	color: var(--tp-common-white)
}

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

@media (max-width:767px) {
	.tp-product-img img {
		max-width: 100%
	}
}

.tp-product-quantity .cart-minus,
.tp-product-quantity .cart-plus {
	color: #8d8884;
	cursor: pointer
}

.tp-product-quantity .cart-minus:hover,
.tp-product-quantity .cart-plus:hover {
	color: var(--tp-theme-primary)
}

.tp-product-quantity input {
	border: none;
	font-size: 14px;
	font-weight: 700;
	height: 30px;
	text-align: center;
	width: 32px
}

.product-rating {
	margin-right: 20px
}

.product-rating a {
	color: #ffdc60;
	font-size: 22px
}

.product-dinfo {
	display: flex
}

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

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

.pro-details-nav-btn {
	border: none
}

.pro-details-nav-btn li {
	color: var(--tp-text-body);
	font-size: 28px;
	font-weight: 700;
	position: relative
}

.pro-details-nav-btn li button span {
	position: relative;
	z-index: 9
}

.pro-details-nav-btn li button:before {
	background: #fff;
	content: "";
	height: 100%;
	left: -1px;
	opacity: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 102%;
	z-index: 3
}

.pro-details-nav-btn li button.active:before {
	opacity: 1;
	visibility: visible
}

.pro-details-nav-btn li:after {
	background: #dfe3e9;
	content: "";
	height: 40px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1px
}

@media (max-width:767px) {
	.pro-details-nav-btn li:after {
		display: none
	}
}

.pro-details-nav-btn li:last-child:after {
	display: none
}

@media (max-width:767px) {
	.pro-details-nav-btn li {
		font-size: 32px
	}
}

.pro-details-nav-btn li .nav-links {
	border-radius: 5px;
	padding: 20px 45px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.pro-details-nav-btn li .nav-links {
		padding: 10px 20px
	}
}

@media (max-width:767px) {
	.pro-details-nav-btn li .nav-links {
		padding: 5px 15px
	}
}

.pro-details-nav-btn li .nav-links.active {
	background: var(--tp-common-white);
	color: var(--tp-common-black)
}

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

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

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

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

.comment-title p {
	color: #777;
	font-size: 22px
}

.comment-rating span {
	font-weight: 500;
	margin-right: 5px
}

.comment-rating ul li {
	color: #ffdc60;
	display: inline-block
}

.comment-input textarea {
	border: 1px solid #e7e7e7;
	height: 120px;
	margin-bottom: 20px;
	padding: 20px;
	width: 100%
}

.comment-input textarea:focus {
	border: 1px solid var(--tp-theme-primary);
	outline: 0
}

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

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

.comments-avatar {
	flex: 0 0 auto
}

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

.table td {
	padding: 18px
}

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

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

@media (max-width:767px) {
	.tp-comments-title {
		font-size: 26px
	}
}

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

.shop-faq .accordion-header button {
	font-size: 26px;
	padding: 20px 55px 20px 30px
}

@media (max-width:767px) {
	.shop-faq .accordion-header button {
		font-size: 14px
	}
}

.shop-faq .accordion-content p br {
	display: none
}

.shop-faq .accordion-content p {
	padding: 0 75px 20px 30px
}

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

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

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

.tpindustri {
	background-color: var(--tp-common-white);
	border-radius: 10px;
	box-shadow: 0 13px 12px rgba(181, 184, 200, .03);
	display: inline-block;
	margin: 0 10px 20px;
	padding: 25px 35px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tpindustri {
		padding: 20px 25px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tpindustri {
		margin: 0 5px 15px;
		padding: 18px 20px
	}
}

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

.tp-industri-bg {
	background-color: var(--tp-grey-1);
	border-radius: 20px;
	padding-bottom: 120px;
	padding-top: 110px
}

.tp-industri-space {
	padding-left: 90px;
	padding-right: 90px;
	text-align: center
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-industri-space {
		padding-left: 50px;
		padding-right: 50px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-industri-space {
		padding-left: 0;
		padding-right: 0
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-industri-space {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media (max-width:767px) {
	.tp-industri-space {
		padding-left: 0;
		padding-right: 0
	}
}

.tp-industri-title {
	align-items: center;
	color: var(--tp-common-black);
	display: flex;
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 0
}

@media (max-width:767px) {
	.tp-industri-title {
		font-size: 15px
	}
}

.tp-industri-title:before {
	background-color: var(--tp-common-blue);
	border-radius: 50%;
	content: "";
	display: inline-block;
	flex: 0 0 auto;
	height: 20px;
	margin-right: 12px;
	width: 20px
}

.tp-ind-color-1:before {
	background-color: var(--tp-theme-primary)
}

.tp-ind-color-2:before {
	background-color: var(--tp-common-dpink)
}

.tp-ind-color-3:before,
.tp-ind-color-4:before {
	background-color: var(--tp-theme-1)
}

.tp-ind-color-5:before {
	background-color: var(--tp-common-dpink)
}

.tp-ind-color-6:before {
	background-color: var(--tp-common-blue)
}

.tp-ind-color-7:before {
	background-color: var(--tp-theme-primary)
}

.tp-ind-color-8:before {
	background-color: var(--tp-common-paste)
}

.tp-ind-color-9:before {
	background-color: var(--tp-common-dpink)
}

.tp-ind-color-10:before {
	background-color: var(--tp-common-black)
}

.bs-industri-1 {
	-webkit-animation: rotate2 5s linear infinite;
	animation: rotate2 5s linear infinite;
	left: 40px;
	position: absolute;
	top: 50px
}

@media (max-width:767px) {
	.tp-blog-section-box .tp-title {
		font-size: 30px
	}
}

.tp-blog-item {
	background-color: var(--tp-common-white);
	border: 1px solid #f1f3f6;
	border-radius: 20px;
	padding: 40px;
	position: relative;
	z-index: 2
}

@media (max-width:767px) {
	.tp-blog-item {
		padding: 20px
	}
}

.tp-blog-item:hover .tp-blog-img img {
	transform: scale(1.1)
}

.tp-blog-img,
.tp-blog-img img {
	border-radius: 20px
}

.tp-blog-img img {
	transform: scale(1);
	transition: 1s
}

.tp-blog-meta a {
	background-color: rgba(89, 86, 233, .1);
	border-radius: 10px;
	color: var(--tp-theme-1);
	font-size: 14px;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
	text-transform: uppercase
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-blog-meta a {
		font-size: 12px;
		padding: 0 15px
	}
}

@media (max-width:767px) {
	.tp-blog-meta a {
		font-size: 12px;
		padding: 0 17px
	}
}

.tp-blog-meta a:hover {
	background-color: var(--tp-theme-1);
	color: #fff
}

.tp-blog-meta .tp-blog-meta-color {
	background-color: #f1f2ff;
	color: #8a90a2
}

.tp-blog-meta .tp-blog-meta-color:hover {
	background-color: rgba(89, 86, 233, .1);
	color: var(--tp-theme-1)
}

.tp-blog-info .tp-blog-title {
	color: var(--tp-common-black);
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 15px
}

.tp-blog-info .tp-blog-title:hover {
	color: var(--tp-theme-1)
}

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

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

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

.tp-blog-info P {
	font-size: 26px;
	font-weight: 400;
	line-height: 1.7;
	margin-bottom: 0
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-blog-info P {
		font-size: 17px
	}
}

@media (max-width:767px) {
	.tp-blog-info P {
		font-size: 17px
	}
}

.tp-blog-border {
	border-right: 1px solid #e2e7ec
}

@media (max-width:767px) {
	.tp-blog-border {
		border-right: 0
	}
}

.tp-blog-space {
	margin-left: 40px;
	margin-right: 40px
}

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

.tp-blog-space .tp-blog-box:before {
	display: none
}

.tp-blog-space .tp-blog-box .tp-blog-item {
	padding: 0
}

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

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-blog-area {
		padding-bottom: 130px
	}
}

.blog-grey-color {
	background-color: #f7f8fd;
	border: 0
}

.blog-border-shape {
	position: relative
}

.blog-border-shape:after {
	background-color: #e2e7ec;
	content: "";
	height: 530px;
	left: 0;
	margin-left: -15px;
	position: absolute;
	top: 50px;
	width: 1px
}

.tp-blog-box {
	position: relative
}

.tp-blog-box:before {
	background: rgba(231, 235, 242, .85);
	border-radius: 30px;
	bottom: 0;
	content: "";
	display: inline-block;
	filter: blur(45px);
	height: 90px;
	left: 0;
	margin: 0 auto;
	opacity: 0;
	position: absolute;
	right: 0;
	transition: .3s;
	visibility: hidden;
	width: 85%;
	z-index: 1
}

.tp-blog-box:hover:before {
	bottom: -20px;
	opacity: 1;
	visibility: visible
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-blog-item-three {
		margin-bottom: 60px
	}
}

.tp-blog-item-three__img {
	border-radius: 20px
}

.tp-blog-item-three__img img {
	transform: scale(1);
	transition: 1s
}

.tp-blog-item-three:hover img {
	transform: scale(1.1)
}

.tp-blog-item-three__button {
	line-height: 1
}

.tp-blog-item-three__meta a {
	color: var(--tp-theme-1);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase
}

.tp-blog-item-three__meta a:hover {
	color: var(--tp-common-black)
}

.tp-blog-item-three__meta .tp-meta-text {
	color: #8a90a2;
	font-size: 14px;
	font-weight: 500;
	margin-left: 25px;
	padding-left: 25px;
	position: relative;
	text-transform: capitalize
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-blog-item-three__meta .tp-meta-text {
		margin-left: 10px;
		padding-left: 14px
	}
}

.tp-blog-item-three__meta .tp-meta-text i {
	padding-right: 5px
}

.tp-blog-item-three__meta .tp-meta-text:after {
	background-color: #e8ecf2;
	content: "";
	height: 17px;
	left: 0;
	position: absolute;
	top: 0;
	width: 2px
}

.tp-blog-item-three__meta .tp-meta-text span {
	color: var(--tp-common-black);
	font-style: normal
}

.tp-blog-item-three__meta .tp-meta-text span:hover {
	color: var(--tp-theme-1)
}

.tp-blog-item-three__title p {
	color: #8a90a2;
	font-size: 22px;
	font-weight: 400;
	line-height: 27px;
	padding-bottom: 5px;
	padding-right: 23px
}

.tp-bp-title {
	color: var(--tp-common-black);
	font-size: 24px;
	font-weight: 500;
	padding-bottom: 10px
}

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

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

@media (max-width:767px) {
	.tp-bp-title {
		font-size: 20px
	}
}

.tp-bp-title:hover {
	color: var(--tp-theme-1)
}

.tp-blog-border {
	border-right: 1px solid #e2e5ea
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-blog-border {
		border: transparent
	}
}

.tp-blog-item-four__img {
	border-radius: 20px
}

.tp-blog-item-four__img img {
	border-radius: 20px;
	transform: scale(1);
	transition: 1s
}

.tp-blog-item-four:hover .tp-blog-item-four__img img {
	transform: scale(1.1)
}

.tp-blog-item-four__meta a {
	color: var(--tp-theme-1);
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase
}

.tp-blog-item-four__meta a:hover {
	color: var(--tp-common-black)
}

.tp-blog-item-four__meta .tp-meta-text {
	color: #8a90a2;
	font-size: 22px;
	font-weight: 500;
	margin-left: 45px;
	padding-left: 45px;
	position: relative;
	text-transform: capitalize
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-blog-item-four__meta .tp-meta-text {
		margin-left: 25px;
		padding-left: 25px
	}
}

@media (max-width:767px) {
	.tp-blog-item-four__meta .tp-meta-text {
		margin-left: 20px;
		padding-left: 20px
	}
}

.tp-blog-item-four__meta .tp-meta-text i {
	padding-right: 5px
}

.tp-blog-item-four__meta .tp-meta-text:after {
	background-color: #e8ecf2;
	content: "";
	height: 17px;
	left: 0;
	position: absolute;
	top: 0;
	width: 2px
}

.tp-blog-item-four__meta .tp-meta-text span {
	color: var(--tp-common-black);
	font-style: normal
}

.tp-blog-item-four__meta .tp-meta-text span:hover {
	color: var(--tp-theme-1)
}

.tp-blog-item-four__title p {
	color: #8a90a2;
	font-size: 22px;
	font-weight: 400;
	line-height: 27px;
	padding-bottom: 5px;
	padding-right: 23px
}

.tp-blog-user-title {
	color: var(--tp-common-black);
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 30px
}

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

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

.tp-blog-user-title:hover {
	color: var(--tp-theme-1)
}

@media (max-width:767px) {
	.tp-blog-right-side-sm {
		flex-wrap: wrap;
		padding-right: 0
	}
}

.tp-blog-right-side-sm:hover .tp-blog-right-side-sm__img img {
	transform: scale(1.2)
}

.tp-blog-right-side-sm__img {
	border-radius: 20px;
	flex: 0 0 auto
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-blog-right-side-sm__img {
		marign-right: 20px
	}
}

@media (max-width:767px) {
	.tp-blog-right-side-sm__img {
		margin-bottom: 20px;
		width: 100%
	}
}

.tp-blog-right-side-sm__img img {
	transform: scale(1);
	transition: .9s
}

@media (max-width:767px) {
	.tp-blog-right-side-sm__img img {
		margin-right: 20px;
		width: 100%
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-blog-right-side-sm__meta {
		margin-bottom: 10px;
		margin-right: 10px
	}
}

.tp-blog-right-side-sm__meta a {
	color: var(--tp-theme-1);
	font-size: 22px;
	font-size: 13px;
	font-weight: 700;
	padding-right: 40px;
	text-transform: uppercase
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-blog-right-side-sm__meta a {
		padding-right: 20px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-blog-right-side-sm__meta a {
		padding-right: 5px
	}
}

.tp-blog-right-side-sm__meta a:hover {
	color: var(--tp-common-black)
}

.tp-blog-right-side-sm__meta .tp-meta-text {
	color: #8a90a2;
	font-size: 22px;
	font-weight: 500;
	position: relative;
	text-transform: capitalize
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-blog-right-side-sm__meta .tp-meta-text {
		font-size: 13px
	}
}

.tp-blog-right-side-sm__meta .tp-meta-text i {
	padding-right: 5px
}

.tp-blog-right-side-sm__meta .tp-meta-text span {
	color: var(--tp-common-black);
	font-style: normal
}

.tp-blog-right-side-sm__meta .tp-meta-text span:hover {
	color: var(--tp-theme-1)
}

.tp-blog-user-sm-title {
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 500;
	letter-spacing: -1px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-blog-user-sm-title {
		font-size: 23px
	}
}

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

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

.tp-blog-user-sm-title:hover {
	color: var(--tp-theme-1)
}

.circle-animation.blog-animation {
	border: 1px solid #e8ecf2;
	border-radius: 50%;
	bottom: -18%;
	height: 537px;
	left: 21%;
	position: absolute;
	transform: translate(-50%, -50%);
	width: 537px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.circle-animation.blog-animation {
		bottom: -11%;
		height: 400px;
		left: 9%;
		width: 400px
	}
}

@media (max-width:767px) {
	.circle-animation.blog-animation {
		bottom: -10%;
		height: 300px;
		left: 50%;
		width: 300px
	}
}

.circle-animation span.tp-circle-3 {
	-webkit-animation: circle-animation2 13s linear infinite;
	animation: circle-animation2 13s linear infinite
}

.tp-blg-sm-title {
	color: rgba(41, 41, 48, .6);
	font-size: 22px;
	font-weight: 700;
	padding-right: 40px;
	text-transform: uppercase;
	transition: .3s
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-blg-sm-title {
		padding-right: 20px
	}
}

@media (max-width:767px) {
	.tp-blg-sm-title {
		padding-right: 25px
	}
}

.tp-blg-sm-title:hover {
	color: var(--tp-theme-1)
}

.tp-blg-lg-title {
	color: var(--tp-common-black);
	font-size: 26px;
	font-weight: 700;
	transition: .3s
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-blg-lg-title br {
		display: none
	}
}

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

.tp-blg-lg-title a {
	background-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	background-size: 0 1px, 0 1px;
	display: inline;
	transition: background-size .4s linear
}

.tp-blg-lg-title a:hover {
	background-size: 0 1px, 100% 1px
}

.tpblog__item {
	padding-right: 35px;
	position: relative;
	z-index: 5
}

@media (max-width:767px) {
	.tpblog__item {
		flex-wrap: wrap;
		padding-right: 0
	}
}

.tpblog:hover .tpblog__thumb img {
	transform: scale(1.1);
	transition: .9s
}

.tpblog__thumb {
	border-radius: 20px;
	flex: 0 0 auto;
	margin-right: 35px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tpblog__thumb {
		padding-right: 20px
	}
}

@media (max-width:767px) {
	.tpblog__thumb {
		margin-bottom: 20px;
		margin-right: 0;
		width: 100%
	}
}

.tpblog__thumb img {
	transform: scale(1)
}

@media (max-width:767px) {
	.tpblog__thumb img {
		width: 100%
	}
}

.tpblog__meta {
	margin-bottom: 30px
}

@media (max-width:767px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tpblog__meta {
		margin-bottom: 15px
	}
}

.tpblog__meta span {
	color: rgba(41, 41, 48, .6);
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	transition: .3s
}

.tpblog__meta span:hover {
	color: var(--tp-theme-1)
}

.tp-blog-bs-space {
	margin-left: 130px;
	margin-right: 130px
}

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

.bpblog__img img {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	transform: scale(1);
	transition: .9s
}

.bpblog:hover .bpblog__img img {
	transform: scale(1.1)
}

.bpblog__content {
	background-color: var(--tp-common-white);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 35px 20px
}

.bpblog__content span {
	background-color: rgba(137, 206, 251, .2);
	border-radius: 3px;
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 20px;
	font-weight: 500;
	height: 32px;
	margin-bottom: 20px;
	padding: 5px 20px;
	text-transform: uppercase;
	transition: .3s
}

.bpblog__content span:hover {
	background-color: var(--tp-theme-primary);
	color: var(--tp-common-black)
}

.bpblog__content p {
	color: #68666e;
	font-size: 24px;
	font-weight: 400
}

@media (max-width:767px),
only screen and (min-width:992px) and (max-width:1199px) {
	.bpblog__content p {
		font-size: 24px
	}

	.bpblog__content p br {
		display: none
	}
}

.ce-blog-shape {
	-webkit-animation: rotate2 15s linear infinite;
	animation: rotate2 15s linear infinite;
	position: absolute;
	right: 40px;
	top: 161px
}

.bp-blog-title {
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.2
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.bp-blog-title {
		font-size: 30px
	}
}

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

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

@media (max-width:767px) {
	.bp-blog-title {
		font-size: 30px
	}
}

.bp-blog-title:hover {
	color: var(--tp-theme-1)
}

.bs-blog-shape-1 {
	-webkit-animation: moving 5s linear infinite;
	animation: moving 5s linear infinite;
	bottom: 190px;
	left: 75px;
	position: absolute
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:1400px) and (max-width:1600px) {
	.bs-blog-shape-1 {
		bottom: 50px;
		left: 75px
	}
}

.bs-blog-shape-2 {
	-webkit-animation: rotate2 5s linear infinite;
	animation: rotate2 5s linear infinite;
	position: absolute;
	right: 130px;
	top: 136px
}

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

.postbox__thumb {
	margin-bottom: -2px
}

.postbox__thumb .play-btn {
	-webkit-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
	background-color: var(--tp-common-white);
	border-radius: 50%;
	color: var(--tp-theme-1);
	height: 90px;
	left: 50%;
	line-height: 90px;
	position: absolute;
	text-align: center;
	top: calc(50% - 20px);
	transform: translate(-50%, -50%);
	width: 90px;
	z-index: 1
}

.postbox__thumb .play-btn:hover {
	background-color: var(--tp-theme-primary);
	color: var(--tp-common-black)
}

.postbox__thumb img {
	border-radius: 20px;
	margin-bottom: 40px
}

.postbox__audio {
	height: 100%;
	width: 100%
}

.postbox__audio iframe {
	border: none;
	height: 100%;
	width: 100%
}

.postbox__item-single:hover {
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none
}

.postbox__content p img {
	height: auto;
	margin-bottom: 30px;
	max-width: 100%
}

.postbox__content a {
	color: var(--tp-common-dpink);
	font-weight: 500
}

.postbox__content a:hover {
	color: var(--tp-theme-1)
}

.postbox__content-single {
	border: none;
	padding-left: 0;
	padding-right: 0
}

.postbox__title {
	color: var(--tp-common-black);
	font-size: 46px;
	font-weight: 700;
	margin-bottom: 10px
}

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

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

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

@media only screen and (min-width:576px) and (max-width:767px) {
	.postbox__title {
		font-size: 30px
	}
}

@media (max-width:767px) {
	.postbox__title {
		font-size: 25px
	}
}

.postbox__title a:hover {
	color: var(--tp-theme-1)
}

.postbox__meta {
	margin-bottom: 10px
}

.postbox__meta span {
	color: #8a90a2;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	margin-right: 30px;
	text-transform: uppercase
}

.postbox__meta span:last-child {
	margin-right: 0
}

.postbox__meta span i {
	color: var(--tp-common-black);
	font-weight: 500;
	margin-right: 3px
}

.postbox__meta span:hover,
.postbox__meta span:hover i {
	color: var(--tp-theme-1)
}

.postbox__text img {
	max-width: 100%
}

.postbox__text p {
	font-size: 26px
}

.postbox__text p,
.postbox__text ul {
	margin-bottom: 28px
}

.postbox__text ul li {
	list-style-type: circle;
	margin-left: 20px
}

.infoblog ul {
	margin-bottom: 28px
}

.infoblog ul li {
	list-style-type: circle;
	margin-left: 20px
}

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

.postbox__text-single p {
	margin-bottom: 15px
}

.postbox__slider button {
	color: var(--tp-common-white);
	font-size: 30px;
	left: 50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1
}

.postbox__slider button.slick-next {
	left: auto;
	right: 50px
}

@media (max-width:767px) {
	.postbox__slider button.slick-next {
		right: 10px
	}

	.postbox__slider button {
		left: 10px
	}
}

.postbox__comment ul li {
	list-style: none;
	margin-bottom: 30px
}

.postbox__comment ul li.children {
	margin-left: 100px
}

@media (max-width:767px) {
	.postbox__comment ul li.children {
		margin-left: 15px
	}
}

.postbox__comment-form {
	background: var(--tp-common-white);
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .09);
	margin-bottom: 20px;
	padding: 40px 30px
}

.postbox__comment-form-title {
	color: var(--tp-common-black);
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 40px
}

.postbox__comment-input {
	margin-bottom: 20px;
	position: relative
}

.postbox__comment-input span {
	color: var(--tp-common-black);
	display: block;
	font-weight: 600;
	margin-bottom: 12px
}

.postbox__comment-input input,
.postbox__comment-input textarea {
	border: 1px solid #f7f7f7;
	border-radius: 7px;
	color: var(--tp-common-black);
	font-size: 14px;
	height: 55px;
	outline: none;
	padding: 0 20px;
	width: 100%
}

.postbox__comment-input textarea {
	height: 175px;
	padding-bottom: 20px;
	padding-top: 20px;
	resize: none
}

.postbox__comment-title {
	color: var(--tp-common-black);
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 35px
}

.postbox__comment-avater img {
	border-radius: 50%;
	height: 50px;
	width: 50px
}

.postbox__comment-name {
	margin-bottom: 5px
}

.postbox__comment-name h5 {
	color: var(--tp-common-black);
	font-size: 22px;
	font-weight: 500;
	line-height: 1
}

.postbox__comment-name span {
	color: #8a879f;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase
}

@media (max-width:767px) {
	.postbox__comment-text {
		margin-left: 0;
		margin-top: 15px
	}
}

.postbox__comment-text p {
	color: var(--tp-text-11);
	font-size: 22px;
	margin-bottom: 15px
}

@media (max-width:767px) {
	.postbox__comment-text p br {
		display: none
	}
}

.postbox__comment-reply {
	margin-top: 10px
}

.postbox__comment-reply a {
	background: rgba(61, 108, 231, .1);
	border-radius: 4px;
	color: var(--tp-theme-1);
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	height: 22px;
	line-height: 22px;
	padding: 0 10px
}

.postbox__comment-reply a:hover {
	background: var(--tp-theme-1);
	color: var(--tp-common-white)
}

.postbox__comment-agree {
	padding-left: 5px
}

.postbox__comment-agree input {
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
	background: var(--tp-common-white);
	border: 1px solid #b9bac1;
	border-radius: 4px;
	display: block;
	flex: 0 0 auto;
	height: 14px;
	margin: 0;
	outline: none;
	transform: translateY(-1px);
	width: 14px
}

.postbox__comment-agree input:checked {
	background-color: var(--tp-theme-1);
	border-color: transparent;
	position: relative
}

.postbox__comment-agree input:checked:after {
	box-sizing: border-box;
	color: var(--tp-common-white);
	content: "\f00c";
	font-display: swap;
	font-family: var(--tp-ff-fontawesome);
	font-size: 10px;
	left: 50%;
	position: absolute;
	top: 46%;
	transform: translate(-50%, -50%)
}

.postbox__comment-agree input:hover {
	cursor: pointer
}

.postbox__comment-agree label {
	color: var(--tp-text-1);
	line-height: 1;
	padding-left: 8px
}

.postbox__comment-agree label a {
	color: var(--tp-common-black);
	font-weight: 600;
	padding-left: 4px
}

.postbox__comment-agree label a:hover {
	color: var(--tp-theme-1)
}

.postbox__comment-agree label:hover {
	cursor: pointer
}

.postbox__tag span {
	color: var(--tp-common-black);
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 17px;
	margin-right: 30px
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.postbox__social {
		margin-top: 40px
	}
}

.postbox__social span {
	color: var(--tp-common-black);
	font-size: 30px;
	font-weight: 500
}

.postbox__social a {
	font-size: 15px;
	padding-left: 30px
}

.postbox__social a .tp-linkedin {
	color: #0e6ba1
}

.postbox__social a .tp-pinterest {
	color: #d70220
}

.postbox__social a .tp-facebook {
	color: #0e6ba1
}

.postbox__social a .tp-twitter {
	color: #36b6ed
}

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

.postbox__comment-info {
	flex: 0 0 auto
}

.rc__post ul li:not(:last-child) {
	margin-bottom: 15px
}

.rc__post-thumb {
	flex: 0 0 auto
}

.rc__post-thumb img {
	border-radius: 10px;
	flex: 0 0 auto;
	width: 140px
}

.rc__post-title {
	color: var(--tp-common-black);
	font-size: 25px;
	font-weight: 500;
	line-height: 22px;
	margin-bottom: 6px
}

.rc__post-title a:hover {
	color: var(--tp-theme-1)
}

.rc__meta span {
	color: #8a879f;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase
}

.sidebar__wrapper {
	padding-left: 40px
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.sidebar__wrapper {
		padding-left: 0;
		padding-top: 50px
	}
}

.sidebar__widget {
	border: 1px solid #f6f6f6;
	padding: 40px
}

.sidebar__widget-title {
	color: var(--tp-common-black);
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 30px
}

.sidebar__widget:last-child-title {
	border-bottom: 0
}

.sidebar__widget ul li {
	list-style: none
}

.sidebar__widget ul li:last-child {
	padding-bottom: 0
}

.sidebar__widget ul li:last-child a {
	margin-bottom: 0
}

.sidebar__widget ul li:first-child {
	padding-top: 0
}

.sidebar__widget ul li a {
	border: 1px solid #f2f5fa;
	color: #777;
	display: block;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 10px;
	padding: 7px 15px;
	text-transform: capitalize
}

.sidebar__widget ul li span {
	color: var(--tp-common-black);
	float: right;
	font-size: 22px;
	font-weight: 600
}

.sidebar__widget ul li:hover a,
.sidebar__widget ul li:hover span {
	color: var(--tp-theme-1)
}

.sidebar__search {
	position: relative
}

.sidebar__search input {
	background: var(--tp-grey-1);
	border: 2px solid var(--tp-grey-1);
	border-radius: 7px;
	height: 60px;
	line-height: 60px;
	outline: none;
	padding: 3px 80px 0 25px;
	text-transform: capitalize;
	width: 100%
}

.sidebar__search input::-moz-placeholder {
	color: #777
}

.sidebar__search input::placeholder {
	color: #777
}

.sidebar__search button {
	border-radius: 0 7px 7px 0;
	color: #fff;
	color: var(--tp-common-black);
	height: 100%;
	line-height: 60px;
	padding: 0 24px;
	position: absolute;
	right: 0;
	top: 0
}

.sidebar__banner-content {
	background: var(--tp-theme-1);
	bottom: 0;
	position: absolute;
	right: 0;
	z-index: 1
}

.sidebar__banner-content h4 {
	color: var(--tp-common-white);
	font-size: 24px;
	margin-bottom: 0;
	padding: 15px 20px;
	text-transform: uppercase
}

.tagcloud a {
	border: 1px solid #f2f4f6;
	border-radius: 5px;
	color: #757575;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 8px;
	margin-right: 10px;
	padding: 10px 25px;
	text-transform: uppercase
}

.tagcloud a:hover {
	background: var(--tp-theme-primary);
	color: var(--tp-common-black)
}

blockquote {
	background: var(--tp-grey-1);
	margin-bottom: 35px;
	padding: 35px 50px
}

@media (max-width:767px) {
	blockquote {
		padding-left: 15px;
		padding-right: 15px
	}
}

blockquote p {
	color: #57565e;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5
}

blockquote cite {
	color: #070337;
	display: block;
	font-size: 26px;
	font-style: inherit;
	font-weight: 600;
	margin-top: 10px;
	position: relative
}

blockquote cite:before {
	background: var(--tp-theme-1);
	color: var(--tp-theme-1);
	content: "";
	display: inline-block;
	font-size: 28px;
	font-weight: 400;
	height: 2px;
	margin-right: 10px;
	padding-bottom: 0;
	position: relative;
	text-align: center;
	top: -4px;
	width: 40px
}

.blog-post-slider-active {
	margin-bottom: 40px;
	position: relative
}

.blog-post-slider-active .swiper-slide img {
	border-radius: 20px;
	width: 100%
}

.blog-nav-prev {
	left: 0
}

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

.blog-nav-next {
	right: 0
}

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

.tp-news-letter-box {
	background-color: var(--tp-theme-2);
	background-position: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 20px;
	padding-bottom: 30px;
	padding-top: 60px
}

@media (max-width:767px) {
	.tp-news-letter-box {
		background-size: cover
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-news-button .tp-btn-yellow {
		padding: 0 30px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-news-button .tp-btn-yellow {
		height: 50px;
		line-height: 50px;
		padding: 0 25px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-news-wrapper {
		padding-left: 35px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-news-wrapper {
		padding-left: 25px
	}
}

@media (max-width:767px) {
	.tp-news-wrapper {
		padding-left: 15px;
		padding-right: 15px
	}

	.tp-news-sub-wrapper {
		padding-right: 0
	}
}

.tp-news-shape-img {
	bottom: -22px;
	left: -60px;
	position: absolute
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-news-shape-img {
		left: -35px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-news-shape-img {
		left: -25px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-news-shape-img {
		bottom: -55px;
		left: -33px
	}
}

@media (max-width:767px) {
	.tp-news-shape-img {
		left: -16px
	}

	.tp-news-letter-img {
		padding-top: 30px
	}
}

@media only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-news-letter-img img {
		max-width: 100%
	}
}

@media (max-width:767px) {
	.tp-news-letter-img img {
		max-width: 100%;
		padding-top: 25px
	}
}

.tp-newsletter-left-img {
	margin-left: -100px;
	max-width: inherit
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-newsletter-left-img {
		margin-left: -30px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-newsletter-left-img {
		margin-left: -30px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-newsletter-left-img {
		margin-left: -30px
	}
}

@media (max-width:767px) {
	.tp-newsletter-left-img {
		margin-left: 0;
		padding-top: 0
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-newsletter-left-img img {
		max-width: 100%
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-newsletter-left-img img {
		max-width: 100%
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-newsletter-left-img img {
		max-width: 110%
	}
}

@media (max-width:767px) {
	.tp-newsletter-left-img img {
		max-width: 100%
	}

	.tp-news-letter-section-box-two {
		padding-bottom: 100px
	}
}

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

@media (max-width:767px) {
	.tp-news-letter-section-box .tp-title {
		font-size: 30px
	}
}

.news-shape-img {
	-webkit-animation: zoom2 5s infinite;
	animation: zoom2 5s infinite;
	left: 57px;
	position: absolute;
	top: -50px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.news-shape-img {
		left: 0
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.news-shape-img {
		left: -33px
	}
}

@media (max-width:767px) {
	.news-shape-img {
		left: -61px
	}

	.tp-news-button .tp-btn-lg-yellow {
		margin-bottom: 20px
	}
}

.tp-news-letter-bg,
.tp-suscribe-newslatter {
	background-repeat: no-repeat
}

.tp-news-letter-bg {
	background-position: 50%;
	background-size: cover
}

.tp-news-title {
	color: var(--tp-common-white);
	font-size: 45px;
	font-weight: 700
}

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

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-news-title {
		margin-bottom: 30px
	}
}

@media (max-width:767px) {
	.tp-news-title {
		font-size: 29px;
		margin-bottom: 20px
	}
}

.tp-submit-button {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%)
}

@media (max-width:767px) {
	.tp-submit-button {
		position: relative;
		top: 0;
		transform: inherit
	}
}

.tp-news-button input {
	background-color: #6461ff;
	border: 0;
	border-radius: 5px;
	box-shadow: 0, 14px rgba(35, 33, 142, .04);
	color: var(--tp-common-white);
	font-size: 14px;
	font-weight: 400;
	height: 80px;
	padding-left: 30px;
	padding-right: 240px;
	width: 100%
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-news-button input {
		padding-right: 200px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-news-button input {
		height: 60px
	}
}

@media (max-width:767px) {
	.tp-news-button input {
		height: 60px;
		margin-bottom: 20px;
		padding-left: 20px;
		padding-right: 10px
	}
}

.tp-news-button input::-moz-placeholder {
	color: var(--tp-common-white)
}

.tp-news-button input::placeholder {
	color: var(--tp-common-white)
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-news-sub-wrapper {
		margin-bottom: 70px
	}
}

.tp-contact-title {
	align-items: center;
	color: var(--tp-common-black);
	display: flex;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -1px;
	margin-bottom: 50px
}

.tp-contact-title svg {
	flex: 0 0 auto;
	margin-right: 10px
}

.tpcontact__form input {
	border: none;
	border-radius: 10px;
	color: #8a90a2;
	height: 60px;
	margin-bottom: 30px;
	padding-left: 20px;
	width: 100%
}

.tpcontact__form input::-moz-placeholder {
	color: #8a90a2;
	font-size: 22px
}

.tpcontact__form input::placeholder {
	color: #8a90a2;
	font-size: 22px
}

.tpcontact__form textarea {
	border: none;
	border-radius: 10px;
	color: #8a90a2;
	display: inline-block;
	height: 215px;
	margin-bottom: 30px;
	padding: 28px;
	resize: none;
	width: 100%
}

.tpcontact__form textarea:focus {
	outline: none
}

.tpcontact__form textarea::-moz-placeholder {
	color: #8a90a2;
	font-size: 22px
}

.tpcontact__form textarea::placeholder {
	color: #8a90a2;
	font-size: 22px
}

.tpcontact__form-2 {
	padding-left: 80px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tpcontact__form-2 {
		padding-left: 40px
	}
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.tpcontact__form-2 {
		margin-top: 40px;
		padding-left: 0
	}
}

.tpcontact__form-2 input {
	height: 65px;
	padding-right: 20px
}

.tpcontact__form-2 input,
.tpcontact__form-2 textarea {
	background-color: var(--tp-grey-1)
}

.tpcontact__form-3 {
	background-color: transparent
}

.tpcontact__form-3 input,
.tpcontact__form-3 textarea {
	border: 1px solid #eff1f6
}

.tp-border-left {
	border-left: 1px solid rgba(41, 41, 48, .1);
	margin-left: 20px;
	padding-left: 100px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-border-left {
		border-left: transparent;
		margin-left: 0;
		padding-left: 0
	}
}

@media (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
	.tp-border-left {
		border-left: transparent;
		margin-left: 0;
		margin-top: 60px;
		padding-left: 0
	}
}

.tp-contact-thumb img {
	max-width: 100%
}

.tp-contact-info span {
	color: #8a90a2;
	font-size: 22px;
	font-weight: 400;
	line-height: 26px;
	padding-right: 33px
}

.tp-contact-info span:hover {
	color: var(--tp-theme-1)
}

.contact-space-40 {
	margin-left: 40px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.contact-space-40 {
		margin-left: 0
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.contact-space-40 {
		margin-bottom: 70px
	}
}

@media (max-width:767px) {
	.contact-space-40 {
		margin-bottom: 70px;
		margin-left: 0
	}
}

.contact-title {
	font-size: 22px
}

.contact-title,
.tp-contact-big-title {
	color: var(--tp-common-black);
	font-weight: 700
}

.tp-contact-big-title {
	font-size: 65px;
	margin-bottom: 60px
}

.login-space {
	padding-bottom: 130px;
	padding-top: 130px
}

.tp-login-title {
	color: var(--tp-common-black);
	font-size: 35px;
	font-weight: 700;
	padding-bottom: 30px
}

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

.tp-login-thumb img {
	max-width: 100%
}

.tplogin {
	width: 420px
}

.tplogin__form .tp-mail {
	margin-bottom: 15px
}

.tplogin__form .tp-mail label {
	color: var(--tp-common-black);
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 8px
}

.tplogin__form .tp-mail input {
	background-color: var(--tp-grey-1);
	border: 0;
	border-radius: 5px;
	color: #b2b0c1;
	height: 60px;
	padding: 0 20px;
	width: 100%
}

.tplogin__form .tp-mail input::-moz-placeholder {
	color: #b2b0c1;
	font-size: 14px;
	font-weight: 400
}

.tplogin__form .tp-mail input::placeholder {
	color: #b2b0c1;
	font-size: 14px;
	font-weight: 400
}

.tplogin__form .tp-password {
	padding-bottom: 30px
}

.tplogin__form .tp-password label {
	color: var(--tp-common-black);
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 8px
}

.tplogin__form .tp-password input {
	background-color: var(--tp-grey-1);
	border: 0;
	border-radius: 5px;
	color: #b2b0c1;
	height: 60px;
	padding: 0 20px;
	width: 100%
}

.tplogin__form .tp-password input::-moz-placeholder {
	color: #b2b0c1;
	font-size: 14px;
	font-weight: 400
}

.tplogin__form .tp-password input::placeholder {
	color: #b2b0c1;
	font-size: 14px;
	font-weight: 400
}

.tplogin__form .tp-number {
	padding-bottom: 10px
}

.tplogin__form .tp-number label {
	color: var(--tp-common-black);
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 8px
}

.tplogin__form .tp-number input {
	background-color: var(--tp-grey-1);
	border: 0;
	border-radius: 5px;
	color: #b2b0c1;
	height: 60px;
	padding: 0 20px;
	width: 100%
}

.tplogin__form .tp-number input::-moz-placeholder {
	color: #b2b0c1;
	font-size: 14px;
	font-weight: 400
}

.tplogin__form .tp-number input::placeholder {
	color: #b2b0c1;
	font-size: 14px;
	font-weight: 400
}

.tplogin__form .tp-forgot-password {
	margin-bottom: 40px
}

.tplogin__form .tp-forgot-password .checkbox label {
	color: var(--tp-common-black);
	font-size: 14px;
	font-weight: 500
}

.tplogin__form .tp-forgot-password .forgot a {
	color: #007aff;
	font-size: 14px;
	font-weight: 500
}

.tplogin__form .tp-signup {
	margin-top: 20px
}

.tplogin__form .tp-signup .account a {
	color: var(--tp-common-black);
	font-size: 14px;
	font-weight: 500
}

.tplogin__form .tp-signup .signin a {
	color: #007aff;
	font-size: 14px;
	font-weight: 500
}

@media (max-width:767px) {
	.tp-login-wrapper {
		padding-left: 20px;
		padding-right: 20px
	}
}

.tp-404-thumb img {
	max-width: 100%
}

.tp-404-circle {
	position: relative
}

.tp-404-circle:after {
	background-color: var(--tp-common-white);
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 1200px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: -170px;
	width: 1200px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-404-circle:after {
		height: 750px;
		top: 55px;
		width: 750px
	}
}

@media (max-width:767px) {
	.tp-404-circle:after {
		height: 320px;
		top: 155px;
		width: 320px
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.tp-404-circle:after {
		height: 550px;
		top: 96px;
		width: 550px
	}
}

.tp-footer-space {
	padding-top: 230px
}

@media (max-width:767px) {
	.tp-footer-space {
		padding-top: 110px
	}
}

.tp-footer-title {
	color: var(--tp-common-white);
	font-size: 35px;
	font-weight: 500
}

@media (max-width:767px),
only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.tp-footer-title br {
		display: none
	}
}

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

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

@media (max-width:767px) {
	.tp-footer-title {
		font-size: 28px;
		margin-bottom: 30px
	}
}

.tp-copyright-bottom {
	padding-top: 40px
}

@media (max-width:767px) {
	.tp-copyright-text {
		margin-bottom: 10px
	}
}

.tp-copyright-text p {
	color: var(--tp-common-white);
	font-weight: 400
}

@media (max-width:767px) {
	.tp-copyright-text p {
		font-size: 20px
	}
}

.tp-copyright-right span {
	color: var(--tp-common-white);
	font-size: 400;
	font-weight: 400;
	padding-left: 45px
}

.tp-copyright-right span:hover {
	color: var(--tp-theme-primary)
}

.tp-copyright-box {
	border-bottom: 1px solid #383841;
	border-top: 1px solid #383841;
	padding-bottom: 30px;
	padding-top: 30px
}

.tp-copyright-social a {
	border: 1px solid #383841;
	border-radius: 50%;
	color: var(--tp-common-white);
	display: inline-block;
	font-size: 26px;
	font-weight: 400;
	height: 60px;
	line-height: 60px;
	margin-left: 20px;
	text-align: center;
	width: 60px
}

.tp-copyright-social a:hover {
	background-color: var(--tp-theme-1);
	border-color: var(--tp-theme-1);
	color: var(--tp-common-white)
}

@media (max-width:767px) {
	.tp-copyright-social a {
		margin-left: 0;
		margin-right: 10px
	}
}

.footer-widget-info {
	border-bottom: 1px solid #ebecef
}

.footer-widget-info .tp-footer-title {
	color: var(--tp-common-black);
	font-size: 50px;
	font-weight: 700
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.footer-widget-info .tp-footer-title {
		font-size: 44px
	}
}

@media (max-width:767px) {
	.footer-widget-info .tp-footer-title {
		font-size: 29px
	}
}

.footer-widget-info p {
	font-size: 26px;
	font-weight: 400;
	line-height: 29px;
	margin: 0 auto;
	max-width: 625px;
	padding-bottom: 35px
}

@media (max-width:767px) {
	.footer-widget-info p {
		font-size: 14px
	}
}

.footer-widget-info .right-receved {
	color: var(--tp-common-black);
	font-size: 22px;
	font-weight: 400
}

.tp-copyright-social-two a {
	border-color: #edeef1;
	border-radius: 50%;
	color: var(--tp-common-black);
	display: inline-block;
	font-size: 26px;
	font-weight: 400;
	height: 45px;
	line-height: 45px;
	margin-left: 20px;
	text-align: center;
	width: 45px
}

@media (max-width:767px) {
	.tp-copyright-social-two a {
		margin-left: 0;
		margin-top: 20px
	}
}

.tp-cpoyright-menu a {
	color: var(--tp-common-black);
	font-size: 22px;
	font-weight: 400;
	padding: 0 20px
}

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

@media (max-width:767px) {
	.tp-cpoyright-menu a {
		padding: 0 10px
	}
}

.tp-cpoyright-menu a:hover {
	color: var(--tp-theme-1)
}

.tp-footer-widget {
	margin-bottom: 100px;
	position: relative;
	z-index: 2
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-footer-widget {
		margin-bottom: 70px;
		padding-left: 0
	}
}

@media (max-width:767px) {
	.tp-footer-widget {
		margin-bottom: 45px;
		padding-left: 0
	}
}

.tp-footer-widget__logo img {
	width: 180px
}

.tp-footer-widget__text p {
	color: #8a90a2;
	font-size: 15px;
	font-weight: 400;
	line-height: 26px
}

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

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-footer-widget__text p {
		margin-right: 30px
	}
}

.tp-footer-widget__social-link a {
	background-color: #3e3e45;
	border-radius: 50%;
	color: #9e9ea2;
	display: inline-block;
	font-size: 12px;
	height: 44px;
	line-height: 44px;
	margin-right: 10px;
	text-align: center;
	width: 44px
}

.tp-footer-widget__social-link a:hover {
	background-color: var(--tp-theme-1);
	color: var(--tp-common-white)
}

.tp-footer-widget__social-link-2 a {
	background-color: var(--tp-grey-1)
}

.tp-footer-widget .footer-title {
	color: var(--tp-common-white);
	font-size: 30px;
	font-weight: 500
}

.tp-footer-widget__list ul li {
	margin-bottom: 15px
}

.tp-footer-widget__list ul li a {
	color: #8a90a2;
	font-size: 24px;
	font-weight: 400
}

.tp-footer-widget__list ul li:hover a {
	color: var(--tp-theme-primary)
}

.tp-footer-widget__input {
	position: relative
}

.tp-footer-widget__input input {
	background-color: #313138;
	border: 0;
	border-radius: 10px;
	color: #96a1b6;
	height: 60px;
	padding-left: 20px;
	padding-right: 75px;
	width: 100%
}

.tp-footer-widget__input input::-moz-placeholder {
	color: #96a1b6
}

.tp-footer-widget__input input::placeholder {
	color: #96a1b6
}

.tp-footer-widget__input button {
	background-color: var(--tp-theme-1);
	border-radius: 10px;
	color: var(--tp-common-white);
	height: 60px;
	line-height: 60px;
	position: absolute;
	right: 0;
	top: 0;
	width: 60px
}

.tp-footer-widget__tp-insta-img {
	position: relative
}

.tp-footer-widget__tp-insta-img img {
	border-radius: 10px
}

.tp-footer-widget__tp-insta-img:after {
	background-color: rgba(66, 62, 243, .8);
	border-radius: 10px;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: .3s;
	visibility: hidden;
	width: 100%
}

.tp-footer-widget__tp-insta-img-icon {
	color: var(--tp-common-white);
	font-size: 25px;
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
	visibility: hidden;
	z-index: 2
}

.tp-footer-widget__tp-insta-img:hover .tp-footer-widget__tp-insta-img-icon,
.tp-footer-widget__tp-insta-img:hover:after {
	opacity: 1;
	visibility: visible
}

.tp-input-white input {
	background-color: var(--tp-grey-1)
}

.tp-input-white button {
	background-color: var(--tp-common-blue);
	color: var(--tp-common-black)
}

.tp-copyright-left p {
	color: var(--tp-common-white);
	font-size: 15px;
	font-weight: 400
}

.tp-copyright-logo img {
	width: 250px
}

.tp-copyright-right a {
	color: var(--tp-common-white);
	font-size: 22px;
	font-weight: 400;
	margin-left: 60px
}

.tp-copyright-right a:hover {
	color: var(--tp-theme-primary)
}

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

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-copyright-right a {
		margin-left: 15px
	}
}

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

.tp-copyright-color a {
	color: var(--tp-common-black)
}

.copyright-border {
	border-top: 1px solid #3e3e45
}

.circle-animation.footer-animation {
	border: 1px solid #383841;
	border-radius: 50%;
	height: 124px;
	left: 4%;
	position: absolute;
	top: 23%;
	width: 124px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.circle-animation.footer-animation {
		left: 0;
		top: 7%
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.circle-animation.footer-animation {
		left: 0;
		top: 7%
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.circle-animation.footer-animation {
		left: 0;
		top: 7%
	}
}

.circle-animation span.tp-circle-3 {
	-webkit-animation: circle-animation2 10s linear infinite;
	animation: circle-animation2 10s linear infinite;
	background: transparent;
	content: "";
	display: block;
	height: 1px;
	left: 50%;
	position: absolute;
	top: calc(50% - 1px);
	transform: scaleX(-1);
	transform-origin: left;
	width: 50%
}

.circle-animation span.tp-circle-3:after {
	background-color: #ffadad;
	border-radius: 50%;
	bottom: -25px;
	content: "";
	height: 16px;
	position: absolute;
	right: -7px;
	width: 16px
}

.tp-footer-border-shape {
	border: 2px solid #383841;
	height: 700px;
	left: -483px;
	position: absolute;
	top: -228px;
	transform: rotate(30deg);
	width: 700px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.tp-footer-border-shape {
		height: 500px;
		left: -353px;
		top: -228px;
		width: 500px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.tp-footer-border-shape {
		height: 500px;
		left: -353px;
		top: -228px;
		width: 500px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-footer-border-shape {
		height: 500px;
		left: -353px;
		top: -228px;
		width: 500px
	}
}

.tp-footer-shape-one {
	bottom: 70px;
	left: 0;
	position: absolute
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-footer-shape-one {
		bottom: 90px;
		left: -60px
	}
}

@media (max-width:767px) {
	.tp-footer-shape-one {
		display: none
	}
}

.tp-footer-shape-two {
	-webkit-animation: jumpTwo 3s linear infinite;
	animation: jumpTwo 3s linear infinite;
	bottom: 140px;
	position: absolute;
	right: 40px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.tp-footer-shape-two {
		bottom: 200px
	}
}

@media (max-width:767px) {
	.tp-footer-shape-two {
		display: none
	}
}

.footer-clip-shape {
	left: 0;
	position: absolute;
	right: 0;
	top: -2px;
	z-index: 2
}

.footer-clip-shape svg {
	width: 100%
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	.footer-clip-shape {
		line-height: 1;
		top: -17px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.footer-clip-shape {
		line-height: 1;
		top: -22px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.footer-clip-shape {
		line-height: 1;
		top: -25px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.footer-clip-shape {
		line-height: 1;
		top: -30px
	}
}

@media (max-width:767px) {
	.footer-clip-shape {
		line-height: 1;
		top: -42px
	}
}

.bp-footer-widget-color {
	border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.bp-cpoyright-menu a,
.bp-footer-widget-color .right-receved,
.bp-footer-widget-color p {
	color: hsla(0, 0%, 100%, .8)
}

.bp-copyright-social a {
	border: 1px solid #36363c;
	color: hsla(0, 0%, 100%, .5)
}

.bp-foooter-shape-1 {
	-webkit-animation: moving 12s linear infinite;
	animation: moving 12s linear infinite;
	position: absolute;
	right: 140px;
	top: 100px
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:1400px) and (max-width:1600px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
	.bp-foooter-shape-1 {
		right: 72px;
		top: 47px
	}
}

.bp-foooter-shape-2 {
	bottom: 106px;
	left: 50px;
	position: absolute
}

.bs-footer-shape-1 {
	-webkit-animation: rotate2 8s linear infinite;
	animation: rotate2 8s linear infinite;
	left: 120px;
	position: absolute;
	top: 40%
}

.bs-footer-shape-2 {
	-webkit-animation: moving 10s linear infinite;
	animation: moving 10s linear infinite;
	position: absolute;
	right: 120px;
	top: 40%
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.tp-cpoyright-menu {
		margin-bottom: 0
	}
}

.tp-backto-top {
	border: 1px solid #eff2f6;
	height: 142px;
	margin: 0 auto;
	right: 0;
	width: 142px;
	z-index: 3
}

.tp-backto-top,
.tp-backto-top:after {
	border-radius: 50%;
	left: 0;
	position: absolute
}

.tp-backto-top:after {
	background-color: var(--tp-theme-primary);
	content: "";
	display: inline-block;
	height: 100%;
	text-align: center;
	top: 0;
	transform: scale(.8);
	width: 100%
}

.tp-backto-top svg {
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: -25px;
	z-index: 9
}

.tp-clip-height-one {
	background: #292930;
	height: 95px
}

.tp-clip-height-two {
	background: #292930;
	height: 130px;
	overflow: hidden;
	position: relative;
	z-index: 222
}

@media (max-width:767px) {
	.tp-clip-height-two {
		height: 0
	}
}

.scroll-top {
	background: var(--tp-theme-1);
	border: none;
	border-radius: 6px;
	bottom: -10%;
	color: var(--tp-common-white);
	cursor: pointer;
	font-size: 22px;
	height: 50px;
	line-height: 50px;
	position: fixed;
	right: 50px;
	text-align: center;
	transition: 1s ease;
	width: 50px;
	z-index: 99
}

@media (max-width:767px) {
	.scroll-top {
		right: 30px
	}
}

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

.scroll-top:after {
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .25) 0, transparent 80%);
	content: "";
	height: 10px;
	left: 5%;
	opacity: 1;
	position: absolute;
	top: 100%;
	width: 90%;
	z-index: -1
}

.breadcrumb__content ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.breadcrumb__content li {
	color: var(--tp-common-blue);
	display: inline-block;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.1em;
	margin: 0;
	padding: 0;
	position: relative;
	text-transform: uppercase
}

.breadcrumb__content ul li+li {
	margin-left: 15px;
	padding-left: 30px
}

.breadcrumb__content ul li:before {
	content: "/";
	display: block;
	left: 0;
	position: absolute;
	top: 0
}

.accept li {
	float: left;
	margin-right: 20px
}

.payment-img img {
	max-width: 100%
}

.grecaptcha-badge {
	display: none !important
}


.sidebar__wrapper {
    position: -webkit-sticky; 
    position: sticky;
    top: 0;
    z-index: 10; 
}


.tax_name{
    margin-bottom: 0px !important;
    font-weight: 500;
}

p.text-center.pt-2{
    font-weight: 500;
}

/* Style the scrollbar */
.tp-mission-tab::-webkit-scrollbar {
    width: 8px;  /* Vertical scrollbar width */
    height: 12px; /* Horizontal scrollbar height */
}

/* Style the scrollbar track (background) */
.tp-mission-tab::-webkit-scrollbar-track {
    background: #f1f1f1; /* Light background */
    border-radius: 10px;
}

/* Style the scrollbar thumb (the draggable part) */
.tp-mission-tab::-webkit-scrollbar-thumb {
    background: var(--tp-common-blue); /* Using theme variable */
    border-radius: 10px;
}

/* Hover effect */
.tp-mission-tab::-webkit-scrollbar-thumb:hover {
    background: #777; /* Slightly darker on hover */
}

/* Firefox Scrollbar */
.tp-mission-tab {
    scrollbar-width: thin; /* Keeps scrollbar thin */
    scrollbar-color: var(--tp-common-blue) #f1f1f1; /* Thumb color | Track color */
    overflow: auto !important; /* Always visible */
}