.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]),
.wp-block-post-comments-form textarea,
table,
td,
th {
	border: 1px solid var(--th-border-color)
}

iframe,
img {
	border: none
}

a,
ins {
	text-decoration: none
}

.font-body,
.footer-links li,
.header-links li,
.main-menu a,
.tagcloud a,
.th-btn,
.wp-block-tag-cloud a,
body,
label,
p,
pre {
	font-family: var(--body-font)
}

.background-image,
.bg-fluid,
[data-bg-src] {
	background-repeat: no-repeat;
	background-position: center center
}

.img-box1.about-1 .img2,
.service-3-item__content {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal
}

@use "sass:math";

:root {
	--theme-color: #452829;
	--theme-color2: #314E52;
	--title-color: #011C1A;
	--body-color: #868686;
	--smoke-color: #FFF6EE;
	--smoke-color2: #F5F5F5;
	--black-color: #000000;
	--black-color2: #121212;
	--gray-color: #bdbdbd;
	--white-color: #ffffff;
	--light-color: #bdbdbd;
	--yellow-color: #FFB539;
	--success-color: #28a745;
	--error-color: #dc3545;
	--th-border-color: #E0E0E0;
	--dark-color: #021526;
	--title-font: "Playfair Display", serif;
	--body-font: "Roboto", sans-serif;
	--icon-font: "Font Awesome 6 Pro";
	--main-container: 1320px;
	--container-gutters: 30px;
	--section-space: 80px;
	--section-space-mobile: 80px;
	--section-title-space: 60px;
	--ripple-ani-duration: 5s
}

body,
html {
	scroll-behavior: auto !important
}

body {
	font-size: 16px;
	font-weight: 400;
	color: var(--body-color);
	line-height: 26px;
	overflow-x: hidden;

	-webkit-font-smoothing: antialiased
}

.bg-black2 p {
	color: #a5a8a8
}

.checklist.style2 li i,
.footer-layout1.style-2 .copyright-wrap .copyright-text a,
.line-btn,
.link-btn,
.th-btn.btn-bg-theme-2,
.th-btn.style3:hover,
a:hover,
th {
	color: #452829
}

.page-img img,
.service-card:hover::before,
.th-btn.btn-fw,
iframe {
	width: 100%
}

.slick-slide:focus,
a:active,
a:focus,
button:focus,
input,
input:active,
input:focus,
input:hover,
textarea,
textarea:active,
textarea:focus,
textarea:hover {
	outline: 0
}

embed,
img:not([draggable]),
object,
video {
	max-width: 100%;
	height: auto
}

ul {
	list-style-type: disc
}

ol {
	list-style-type: decimal
}

table {
	margin: 0 0 1.5em;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

.fw-bold,
th {
	font-weight: 700
}

td,
th {
	padding: 9px 12px
}

a {
	color: #452829;
	outline: 0;
	-webkit-transition: .4s;
	transition: .4s
}

a:active,
a:focus,
a:hover,
a:visited {
	text-decoration: none;
	outline: 0
}

.contact-icon-wrap .info-box_icon img,
.info-box_icon i,
.service-card .box-icon img,
button {
	-webkit-transition: .4s;
	transition: .4s
}

img {
	max-width: 100%
}

pre {
	background: #f5f5f5;
	color: #666;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre-wrap;
	word-wrap: break-word
}

.blog-meta a:last-child:before,
.blog-meta span:last-child:before,
.breadcumb-menu li:last-child:after,
.col-xl-4:last-child .process-box.style-2:before,
.counter-card-wrap .divider:last-of-type,
.dropdown-menu li:after,
.footer-border-right:last-child:before,
.footer-default .footer-top .th-widget-contact .info-box:last-child::before,
.footer-links li:last-child:after,
.form-messages,
.process-bottom-item:last-child:before,
.sub-title.style-3:after,
.sub-title.style-3:before,
.th-btn.btn-fw:after,
.th-btn.btn-fw:before,
p:empty,
span.ajax-loader:empty {
	display: none
}

p {
	margin: 0 0 18px;
	color: #150f0f;
	line-height: 1.75
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
span a {
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	line-height: inherit
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--title-font);
	color: #000;
	text-transform: none;
	font-weight: 700;
	margin: 0 0 15px
}

.link-btn,
.th-btn {
	font-weight: 500;
	text-transform: capitalize
}

.h1,
h1 {
	font-size: 84px;
	line-height: 1.119
}

.h2,
h2 {
	font-size: 54px;
	line-height: 1.185
}

.h3,
h3 {
	font-size: 48px;
	line-height: 1.417
}

.h4,
h4 {
	font-size: 36px;
	line-height: 1.27
}

.h5,
h5 {
	font-size: 30px;
	line-height: 1.333
}

.h6,
h6 {
	font-size: 24px;
	line-height: 1.416
}

@media (max-width:1399px) {

	.h1,
	h1 {
		font-size: 70px
	}

	:root {
		--main-container: 1250px
	}
}

@media (min-width:1560px) {

	.th-container2,
	.th-container3 {
		padding-left: 0;
		padding-right: 0
	}

	.th-container2 {
		--main-container: 1768px;
		margin-left: 292px;
		margin-right: 0
	}

	.th-container2 .container,
	.th-container3 .container {
		--main-container: 1220px
	}

	.th-container3 {
		width: 100%;
		max-width: 1560px;
		margin-left: 0;
		margin-right: auto
	}
}

@media (min-width:1200px) {
	.th-container-right {
		margin-right: -279px;
		padding-right: 0;
		position: relative
	}
}

@media (min-width:1922px) {

	.th-container2,
	.th-container3 {
		margin-right: auto
	}
}

@media only screen and (min-width:1300px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: calc(var(--main-container) + var(--container-gutters));
		padding-left: calc(var(--container-gutters)/ 2);
		padding-right: calc(var(--container-gutters)/ 2)
	}

	.container-lg.px-0,
	.container-md.px-0,
	.container-sm.px-0,
	.container-xl.px-0,
	.container-xxl.px-0,
	.container.px-0 {
		max-width: var(--main-container)
	}

	.th-container {
		--main-container: 1780px
	}
}

@media only screen and (max-width:1600px) {
	.container-fluid.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important
	}

	.container-fluid.px-0 .row {
		margin-left: 0 !important;
		margin-right: 0 !important
	}
}

.container-gallery {
	max-width: 1840px
}

.slick-track>[class*=col] {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x)/ 2);
	padding-left: calc(var(--bs-gutter-x)/ 2);
	margin-top: var(--bs-gutter-y)
}

.g-0,
.gx-0 {
	--bs-gutter-x: 0
}

.gy-30 {
	--bs-gutter-y: 30px
}

.g-0 {
	--bs-gutter-y: 0
}

.gy-40 {
	--bs-gutter-y: 40px
}

.gy-50 {
	--bs-gutter-y: 50px
}

.gy-60 {
	--bs-gutter-y: 60px
}

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

.gy-10 {
	--bs-gutter-y: 10px
}

@media (min-width:1299px) {
	.gx-60 {
		--bs-gutter-x: 60px
	}

	.gy-60 {
		--bs-gutter-y: 60px
	}
}

@media (min-width:1399px) {
	.gx-30 {
		--bs-gutter-x: 30px
	}

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

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

.form-control,
.form-select,
input,
select,
textarea {
	height: 50px;
	padding: 0 45px 0 25px;
	border: 1px solid var(--th-border-color);
	color: var(--body-color);
	border-radius: 27px;
	font-size: 14px;
	width: 100%;
	font-family: var(--body-font);
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	background-color: var(--white-color)
}

.th-mobile-menu ul li a,
label {
	color: var(--title-color);
	font-size: 16px
}

.form-control:focus,
.form-select:focus,
input:focus,
select:focus,
textarea:focus {
	outline: 0;
	box-shadow: none;
	border-color: var(--th-border-color);
	background-color: var(--smoke-color2)
}

.badge,
.blog-box .th-btn::before,
.footer-default .th-widget-about .th-social a:hover,
.footer-layout2 .th-social a:hover,
.footer-wrapper .th-social a:hover,
.header-layout3 .icon-btn:hover,
.icon-btn.style2,
.icon-btn:hover,
.line-btn:hover::before,
.slider-arrow,
.style-2.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.tagcloud a:hover,
.th-btn.style2:hover:after,
.th-btn.style2:hover:before,
.th-menu-toggle:hover,
.widget .search-form button,
.wp-block-tag-cloud a:hover,
[data-overlay=theme]:before {
	background-color: #000;
	color:#fff

}

.form-control::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder,
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: var(--body-color)
}

.form-control::-moz-placeholder,
.form-select::-moz-placeholder,
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
	color: var(--body-color)
}

.form-control:-ms-input-placeholder,
.form-select:-ms-input-placeholder,
input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: var(--body-color)
}

.form-control::-ms-input-placeholder,
.form-select::-ms-input-placeholder,
input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: var(--body-color)
}

.form-control::placeholder,
.form-select::placeholder,
input::placeholder,
select::placeholder,
textarea::placeholder {
	color: var(--body-color)
}

textarea,
textarea.form-control {
	min-height: 150px;
	padding-top: 16px;
	padding-bottom: 17px;
	border-radius: 20px
}

textarea.form-control.style2,
textarea.style2 {
	min-height: 100px
}

.form-group {
	margin-bottom: var(--bs-gutter-x);
	position: relative
}

.form-group.style-border input,
.form-group.style-border textarea {
	background-color: var(--white-color);
	border: 1px solid var(--th-border-color)
}

.form-group.style-white input,
.form-group.style-white textarea {
	background-color: var(--white-color);
	border: 1px solid var(--smoke-color)
}

.form-group>i {
	display: inline-block;
	position: absolute;
	right: 25px;
	top: 19px;
	font-size: 16px;
	color: #452829
}

.form-group>i.fa-envelope {
	padding-top: 1px
}

.form-group>i.fa-comment,
.hero-style3 .client-group-wrap .client-group-wrap__content {
	margin-top: -2px
}

.form-group>i.fa-chevron-down {
	width: 17px;
	background-color: var(--smoke-color2)
}

.form-group.has-label>i {
	top: 50px
}

[class*=col-].form-group>i {
	right: calc((var(--bs-gutter-x)/ 2) + 25px)
}

.form-rounded-10 .form-control,
.form-rounded-10 .form-select {
	border-radius: 10px !important
}

.form-rounded-10 .th-btn {
	border-radius: 10px
}

label {
	margin-bottom: .5em;
	margin-top: -.3em;
	display: block
}

.was-validated input:invalid,
input.is-invalid,
select.is-invalid,
textarea.is-invalid {
	border: 1px solid var(--error-color) !important;
	background-position: right calc(.375em + .8875rem) center;
	background-image: none
}

.was-validated input:invalid:focus,
input.is-invalid:focus,
select.is-invalid:focus,
textarea.is-invalid:focus {
	outline: 0;
	box-shadow: none
}

textarea.is-invalid {
	background-position: top calc(.375em + .5875rem) right calc(.375em + .8875rem)
}

.blog-details .blog-content>p:last-child,
.check-list li:last-child,
.checklist li:not(:last-child),
.footer-widget.widget_archive li:last-child a,
.footer-widget.widget_categories li:last-child a,
.footer-widget.widget_meta li:last-child a,
.footer-widget.widget_nav_menu li:last-child a,
.footer-widget.widget_pages li:last-child a,
.form-messages.mb-0 *,
.info-box:last-child,
.row.no-gutters>.form-group,
.th-comment-form .blog-inner-title {
	margin-bottom: 0
}

.form-messages.success {
	color: var(--success-color);
	display: block
}

.form-messages.error {
	color: var(--error-color);
	display: block
}

.form-messages pre {
	padding: 0;
	background-color: #fff0;
	color: inherit
}

.swiper-wrapper.row {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.header-button,
.link-btn {
	-webkit-box-align: center
}

.th-slider.has-shadow {
	padding-left: 12px;
	padding-right: 12px;
	margin: -25px -12px
}

.th-slider.has-shadow .swiper-wrapper {
	padding: 25px 0
}

.swiper-fade .swiper-slide {
	-webkit-transition: .6s ease-in-out;
	transition: .6s ease-in-out
}

.swiper-fade .swiper-slide-prev,
.testi-block.style-2:hover .box-img2::before {
	opacity: 0
}

.swiper-pagination-bullets {
	position: relative;
	z-index: 3;
	text-align: center;
	margin: 50px 0 -7px;
	line-height: 10px;
	height: 10px
}

.swiper-pagination-bullets .swiper-pagination-bullet {
	display: inline-block;
	--swiper-pagination-bullet-size: 10px;
	--swiper-pagination-bullet-horizontal-gap: 8px;
	margin: 5px 7px;
	opacity: 1;
	position: relative;
	cursor: pointer
}

.swiper-pagination-bullets .swiper-pagination-bullet:before {
	content: '';
	position: absolute;
	inset: -5px;
	border: 1px solid #fff0;
	-webkit-transform: scale(.2);
	-ms-transform: scale(.2);
	transform: scale(.2);
	border-radius: inherit;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.style-2.swiper-pagination-bullets .swiper-pagination-bullet {
	display: inline-block;
	--swiper-pagination-bullet-size: 4px;
	--swiper-pagination-bullet-horizontal-gap: 0px;
	margin: 0;
	opacity: 1;
	background-color: #452829;
	position: relative;
	cursor: pointer;
	width: 20%;
	border-radius: 0;
	background-color: var(--th-border-color)
}

.style-2.swiper-pagination-bullets .swiper-pagination-bullet::before {
	inset: 0;
	border: 2px solid #452829
}

.arrow-wrap,
.dropdown-link,
.footer-border-right,
.hero-1 .hero-img,
.hero-1-scroll-icon-bg-shape .hero-1-scroll-icon-wrap .shape-thumb,
.hero-style3 .hero-title .line,
.process-thumb .img-box1,
.slider-area,
.testi-3-slider-wrapper,
.testi-card,
.testi-card-slide {
	position: relative
}

.slider-arrow {
	display: inline-block;
	padding: 0;
	color: var(--white-color);
	position: absolute;
	top: 50%;
	border: none;
	left: var(--pos-x, -120px);
	width: var(--icon-size, 56px);
	height: var(--icon-size, 56px);
	line-height: var(--icon-size, 56px);
	font-size: var(--icon-font-size, 18px);
	margin-top: calc(var(--icon-size, 56px)/ -2);
	z-index: 3;
	border-radius: 99px
}

.slider-arrow.default {
	position: relative;
	--pos-x: 0;
	margin-top: 0
}

.slider-arrow.slider-next {
	right: var(--pos-x, -120px);
	left: auto
}

.slider-arrow:hover {
	background-color: #452829;
	color: var(--white-color)
}

.arrow-margin .slider-arrow {
	top: calc(50% - 30px)
}

.arrow-wrap .slider-arrow {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(.4);
	-ms-transform: scale(.4);
	transform: scale(.4)
}

.arrow-wrap:hover .slider-arrow,
.default.show-all {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.icon-box .slider-arrow:not(:last-child) {
	margin-right: 8px
}

.slick-3d-active {
	margin-left: -12%;
	margin-right: -12%
}

.slick-3d-active .slick-list {
	padding-left: 30% !important;
	padding-right: 30% !important
}

.slick-3d-active .slick-track {
	max-width: 100% !important;
	-webkit-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
	-webkit-perspective: 100px;
	perspective: 100px
}

.slick-3d-active .slick-slide {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	width: 100% !important;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: transform 1s, opacity 1s, -webkit-transform 1s
}

.blog-meta,
.dropdown-menu li a,
.slick-3d-active .slick-3d-next,
.slick-3d-active .slick-3d-next2,
.slick-3d-active .slick-3d-prev,
.slick-3d-active .slick-3d-prev2 {
	display: block
}

.slick-3d-active .slick-current {
	opacity: 1;
	position: relative;
	display: block;
	z-index: 2
}

.slick-3d-active .slick-3d-next {
	opacity: 1;
	-webkit-transform: translate3d(50%, 0, -21px);
	transform: translate3d(50%, 0, -21px);
	z-index: 1;
	-webkit-perspective: 1000px;
	perspective: 1000px
}

.slick-3d-active .slick-3d-next2 {
	opacity: 1;
	-webkit-transform: translate3d(40%, 0, -23px);
	transform: translate3d(40%, 0, -23px);
	z-index: 0;
	-webkit-perspective: 1000px;
	perspective: 1000px
}

.slick-3d-active .slick-3d-prev {
	opacity: 1;
	-webkit-transform: translate3d(-50%, 0, -21px);
	transform: translate3d(-50%, 0, -21px)
}

.blog-content .wp-block-search .wp-block-search__input,
.slick-3d-active .slick-3d-prev .testi-card,
.th-btn.style4:hover {
	box-shadow: none
}

.slick-3d-active .slick-3d-prev2 {
	opacity: 1;
	-webkit-transform: translate3d(-40%, 0, -23px);
	transform: translate3d(-40%, 0, -23px)
}

.th-menu-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: rgb(0 0 0 / .6);
	z-index: 999999;
	width: 100%;
	height: 100%;
	-webkit-transition: .8s;
	transition: .8s;
	opacity: 0;
	visibility: hidden
}

.th-menu-wrapper .mobile-logo {
	padding-bottom: 0px;
	padding-top: 4px;
	display: block;
	text-align: center;
	/* background-color: #000 */
}

.th-menu-wrapper .mobile-logo svg {
	max-width: 185px
}

.th-menu-wrapper .th-menu-toggle {
	border: none;
	position: absolute;
	right: -16.5px;
	top: 25px;
	padding: 0;
	width: 33px;
	height: 33px;
	line-height: 35px;
	font-size: 18px;
	z-index: 1;
	color: var(--white-color);
	background-color: #452829;
	border-radius: 50%
}

.th-menu-wrapper .th-menu-toggle:hover {
	background-color: var(--title-color);
	color: var(--white-color)
}

.th-menu-wrapper .th-menu-area {
	width: 60%;
	max-width: 60%;
	background-color: #fff;
	border-right: 3px solid #452829;
	height: 100%;
	position: relative;
	left: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 1s;
	transition: 1s;
	z-index: 1
}

.th-menu-wrapper.th-body-visible {
	opacity: 1;
	visibility: visible
}

.th-menu-wrapper.th-body-visible .th-menu-area {
	left: 0;
	opacity: 1;
	visibility: visible
}

.th-mobile-menu {
	padding-bottom: 40px;
	margin-top: 33px;
	text-align: left
}

.main-menu ul,
.th-mobile-menu ul {
	margin: 0;
	padding: 0
}

.th-mobile-menu ul li {
	border-bottom: 1px solid #fdedf1;
	list-style-type: none
}

.th-mobile-menu ul li li:first-child {
	border-top: 1px solid #fdedf1
}
.th-header{
	border-top: 1px solid #fdedf1
}
.th-mobile-menu ul li a {
	display: block;
	position: relative;
	padding: 6px 0 6px 18px;
	line-height: 1.4;
	text-transform: capitalize
}

.th-mobile-menu ul li a:before {
	content: '\f105';
	font-family: var(--icon-font);
	position: absolute;
	left: 0;
	top: 12px;
	margin-right: 10px;
	display: inline-block
}

.blog-box .blog-meta a>i,
.blog-box .blog-meta span>i,
.blog-card .blog-meta a>i,
.blog-card .blog-meta span>i,
.blog-card:hover i,
.blog-grid .blog-meta a>i,
.blog-grid .blog-meta span>i,
.blog-meta a:hover,
.blog-title a:hover,
.box-title a:hover,
.box-title2 a:hover,
.breadcumb-menu li:first-child a:hover,
.breadcumb-menu li:first-child span:hover,
.breadcumb-menu li:first-child:hover,
.copyright-text a,
.copyright-wrap .copyright-text a,
.footer-links a:hover,
.footer-widget .recent-post .recent-post-meta a:hover i,
.footer-widget .recent-post .recent-post-meta i,
.header-top a:hover,
.info-box_link:hover,
.line-btn:hover,
.link-btn.style-2,
.link-btn:hover,
.main-menu a:hover,
.main-menu>ul>li>a:hover,
.scroll-top svg,
.scroll-top:after,
.service-card:hover .link-btn:hover,
.social-links a:hover,
.sub-title,
.testi-grid_text span,
.text-inherit:hover,
.th-btn.style5:hover,
.th-btn.style6:hover,
.th-mobile-menu ul li.th-active>a {
	color: #452829
}

.th-mobile-menu ul li.th-active>a:before {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.pl-20,
.th-mobile-menu ul li ul li {
	padding-left: 20px
}

.th-mobile-menu ul li ul li:last-child,
.th-mobile-menu>ul>li:last-child {
	border-bottom: none
}

.th-mobile-menu ul .menu-item-has-children>a .th-mean-expand {
	position: absolute;
	right: 0;
	top: 50%;
	font-weight: 400;
	font-size: 12px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin-top: -12.5px;
	display: inline-block;
	text-align: center;
	background-color: var(--smoke-color);
	color: var(--title-color);
	box-shadow: 0 0 20px -8px rgb(173 136 88 / .5);
	border-radius: 50%
}

.th-mobile-menu ul .menu-item-has-children>a .th-mean-expand:before {
	content: '\f067';
	font-family: var(--icon-font)
}

.th-mobile-menu ul .menu-item-has-children>a:after {
	content: "\f067";
	font-family: var(--icon-font);
	width: 22px;
	height: 22px;
	line-height: 22px;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	border-radius: 50px;
	background-color: var(--smoke-color);
	float: right;
	margin-top: 1px
}

.th-mobile-menu ul .menu-item-has-children.th-active>a .th-mean-expand:before {
	content: '\f068'
}

.th-mobile-menu ul .menu-item-has-children.th-active>a:after {
	content: "\f068"
}

.th-mobile-menu>ul {
	padding: 0 40px
}

.th-menu-toggle {
	width: 55px;
	height: 55px;
	padding: 0;
	font-size: 20px;
	border: 1px solid #fff0;
	border: none;
	background-color: #452829;
	color: var(--white-color);
	display: inline-block;
	border-radius: 5px;
	margin: 10px 0;
}

.th-menu-toggle.style-text,
.th-menu-toggle.style-text-white {
	width: auto;
	height: auto;
	background-color: #fff0;
	color: var(--title-color);
	font-size: 20px
}

.badge,
.blog-card.style-2:hover .blog-content .blog-meta a,
.blog-card.style-2:hover .blog-content .box-title,
.breadcumb-menu li:first-child,
.breadcumb-menu li:first-child a,
.breadcumb-menu li:first-child span,
.breadcumb-menu li:last-child,
.contact-form.style-2 .form-control:focus,
.contact-form.style-2 .form-group>i,
.contact-form.style-2 .form-select:focus,
.contact-form.style-2 input:focus,
.contact-form.style-2 select:focus,
.contact-form.style-2 textarea:focus,
.copyright-text a:hover,
.copyright-wrap .copyright-text a:hover,
.header-default .main-menu ul li.menu-item-has-children>a::after,
.header-layout2 .main-menu ul li.menu-item-has-children>a::after,
.icon-btn.style2,
.icon-btn:hover,
.link-btn.style-2:hover,
.menu-expand:hover,
.menu-style1 ul li.menu-item-has-children>a:after,
.service-card:hover .box-content .box-text,
.service-card:hover .box-content .box-title,
.service-card:hover .link-btn,
.testi-block.style-3 .testi-block-top .content .box-title,
.th-btn,
.th-btn.style2:hover,
.th-btn.style3,
.th-btn.style4,
.th-menu-toggle.style-text-white,
.title-area2 .subtitle,
.title-area2 .title,
.widget_archive a:hover~span,
.widget_categories a:hover~span,
.widget_meta a:hover~span,
.widget_nav_menu a:hover~span,
.widget_pages a:hover~span,
.wp-block-categories a:hover~span {
	color: var(--white-color)
}

.mr-10,
.th-menu-toggle.style-text i,
.th-menu-toggle.style-text-white i {
	margin-right: 10px
}

@media (max-width:400px) {
	.th-menu-wrapper .th-menu-area {
		width: 100%;
		max-width: 270px
	}

	.th-mobile-menu>ul {
		padding: 0 20px
	}
}

.th-btn:after,
.th-btn:before {
	content: "";
	position: absolute;
	height: 100%;
	top: 0;
	width: 0%;
	background-color: var(--white-color);
	z-index: -1
}

.th-btn {
	position: relative;
	z-index: 2;
	overflow: hidden;
	vertical-align: middle;
	display: inline-block;
	border: none;
	text-align: center;
	background-color: #000;
	font-size: 14px;
	line-height: 1;
	padding: 21px;
	min-width: 190px;
	border-radius: 30px;
	-webkit-transition: 1s cubic-bezier(.05, .83, .43, .96);
	transition: 1s cubic-bezier(.05, .83, .43, .96)
}

.th-btn.style4:before,
.th-btn:before {
	left: 0;
	-webkit-transition: .4s ease-out;
	transition: .4s ease-out
}

.th-btn.style4:after,
.th-btn:after {
	right: 0;
	-webkit-transition: .4s ease-out;
	transition: .4s ease-out
}

.th-btn i {
	font-size: .95em;
	margin-left: 6px
}

.th-btn.active,
.th-btn:hover {
	color: var(--title-color);
	box-shadow: none
}

.th-btn.active::before,
.th-btn:hover::before {
	width: 51%;
	border-radius: 0
}

.th-btn.active::after,
.th-btn.style4:hover::after,
.th-btn.style4:hover::before,
.th-btn:hover::after {
	width: 50%;
	border-radius: 0
}

.sub-title.style-3 .left::after,
.sub-title.style-3 .right::after {
	width: 8px;
	background-color: var(--theme-color3);
	position: absolute
}

.th-btn.style4:after,
.th-btn.style4:before {
	height: 100%;
	width: 0%;
	background-color: #452829;
	z-index: -1;
	top: 0;
	position: absolute;
	content: ""
}

.brand-area-1,
.icon-btn.style2:hover,
.service-card::before,
.sub-title.style-theme2::after,
.sub-title.style-theme2:before,
.th-btn.style2,
.theme-bg2 {
	background-color: #452829
}

.th-btn.style3 {
	background-color: #fff0;
	border: 1px solid var(--white-color);
	padding: 20px 42px
}

.blog-card:hover,
.icon-btn:hover,
.process-box.style-2.theme-3 .box-icon::before,
.testi-grid-thumb .swiper-slide-thumb-active .box-img,
.th-social.color-theme a,
.widget .search-form input:focus {
	border-color: #452829
}

.th-btn.style4 {
	box-shadow: none;
	-webkit-transition: 1s cubic-bezier(.05, .83, .43, .96);
	transition: 1s cubic-bezier(.05, .83, .43, .96)
}

.blog-single .blog-img .slider-arrow:hover,
.footer-layout1 .th-widget-about .th-social a:hover,
.form-submit input[type=submit],
.testi-card-slide .icon-box .slider-arrow:hover,
.th-btn.style5,
.th-social a:hover {
	background-color: #452829;
	color: var(--white-color)
}

.blog-box,
.blog-card,
.blog-card.style-2,
.th-btn.style5:hover:after,
.th-btn.style5:hover:before,
.th-btn.style6:hover:after,
.th-btn.style6:hover:before,
.widget .form-group>i,
[data-overlay=white]:before {
	background-color: var(--white-color)
}

.call-btn,
.footer-layout1,
.footer-wrapper,
.form-submit input[type=submit]:hover,
.header-button .icon-btn:hover .badge,
.header-default,
.header-default .sticky-wrapper.sticky,
.header-icons .icon-btn:hover .badge,
.header-layout2 .sticky-wrapper.sticky,
.th-btn.btn-fw:hover,
.th-btn.style6,
.widget .search-form button:hover,
[data-overlay=title]:before {
	background-color: #452829
}

.th-btn.btn-sm {
	padding: 16px 25px;
	min-width: 152px
}

.icon-btn {
	display: inline-block;
	width: var(--btn-size, 56px);
	height: var(--btn-size, 56px);
	line-height: var(--btn-size, 54px);
	font-size: var(--btn-font-size, 18px);
	color: var(--title-color);
	text-align: center;
	border-radius: 0;
	border: 1px solid var(--th-border-color);
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	position: relative;
	background-color: #fff0
}

.line-btn,
.link-btn {
	font-size: 14px;
	line-height: .8;
	position: relative
}

.icon-btn.style2 {
	border: none;
	border-radius: 99px
}

.th-btn.btn-bg-theme-3 {
	background: var(--theme-color3);
	box-shadow: var(--theme-color3) 0 3px 8px -2px
}

.th-btn.btn-bg-theme-2 {
	background: #452829;
	box-shadow: #452829 0 3px 8px -2px
}

.link-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 20px;
	margin-bottom: -2px;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 7px
}

.link-btn i {
	margin-left: 1px;
	font-size: 15px;
	-webkit-transition: auto;
	transition: auto;
	margin-bottom: -2px
}

.link-btn:hover::before {
	width: 0%
}

.line-btn {
	font-weight: 600;
	display: inline-block;
	padding-bottom: 4px;
	margin-bottom: -1px;
	text-transform: uppercase
}

.sec-title,
.sub-title {
	text-transform: capitalize
}

.line-btn i {
	margin-left: 5px;
	font-size: .9rem
}

.line-btn:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: var(--title-color);
	-webkit-transition: .4s;
	transition: .4s
}

.scroll-top,
.scroll-top:after {
	height: 50px;
	width: 50px;
	display: block;
	cursor: pointer
}

.line-btn:hover::before {
	width: 45px
}

.sub-title.style-3 .left,
.sub-title.style-3 .right {
	height: 2px;
	width: 60px;
	background-color: var(--theme-color3)
}

.scroll-top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	border-radius: 50px;
	z-index: 10000;
	opacity: 1;
	visibility: hidden;
	-webkit-transform: translateY(45px);
	-ms-transform: translateY(45px);
	transform: translateY(45px);
	-webkit-transition: .3s linear;
	transition: .3s linear
}

.scroll-top:after {
	content: "\f062";
	font-family: var(--icon-font);
	position: absolute;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	left: 0;
	top: 0;
	z-index: 1;
	border: 2px solid #452829;
	box-shadow: none;
	border-radius: 50%
}

.counter-sec1,
.shape-mockup-wrap,
.th-header .menu-area,
.title-area,
[data-overlay] {
	z-index: 2;
	position: relative
}

.scroll-top svg {
	border-radius: 50%;
	background: var(--white-color)
}

.scroll-top svg path {
	fill: none
}

.scroll-top .progress-circle path {
	stroke: #452829;
	stroke-width: 20px;
	box-sizing: border-box;
	-webkit-transition: .4s linear;
	transition: .4s linear
}

.scroll-top.show {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.sec-title {
	margin-bottom: calc(var(--section-title-space) - 11px);
	margin-top: -.2em
}

.sub-title {
	font-family: var(--title-font);
	margin-bottom: 25px;
	position: relative;
	margin-top: -.4em;
	padding-top: 0;
	letter-spacing: normal;
	font-size: 20px;
	font-weight: 500;
	display: block
}

.badge,
.th-social a {
	display: inline-block;
	text-align: center
}

.sub-title:has(img) {
	margin-top: 0
}

.copyright-wrap.bg-title .copyright-text a:hover,
.header-links a:hover,
.menu-style1>ul>li>a:hover,
.sub-title.style-theme2 {
	color: #452829
}

.sub-title.h4 {
	font-size: 30px;
	font-weight: 600;
	line-height: 1;
	margin-top: -.14em
}

.sub-title img {
	margin: -11px 10px 0 0
}

.sub-title i {
	font-size: 32px;
	margin-right: 10px
}

.sub-title.style-3 {
	position: relative;
	color: var(--theme-color3)
}

.sub-title.style-3 .left {
	display: block;
	margin-right: 8px;
	position: relative
}

.sub-title.style-3 .left::after {
	content: "";
	height: 8px;
	top: -3px;
	right: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.sub-title.style-3 .right {
	display: block;
	margin-left: 8px;
	position: relative
}

.sub-title.style-3 .right::after {
	content: "";
	height: 8px;
	top: -3px;
	left: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.box-title {
	font-size: 20px;
	line-height: 1.417;
	font-weight: 600;
	margin-top: -.32em
}

.blog-title a,
.box-title a,
.box-title2 a,
.text-inherit,
.wp-block-archives a:not(:hover) {
	color: inherit
}

.box-subtitle {
	margin-bottom: 8px
}

.box-title2 {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 700;
	margin-top: -.35em
}

.title-area .sec-title {
	margin-bottom: 20px;
	font-size: 30px
}

.title-area.mb-0 .sec-title {
	margin-bottom: -.24em
}

.title-area .th-btn {
	margin-top: 20px;
	margin-bottom: 10px
}

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

hr.title-line {
	margin-top: 0;
	background-color: var(--th-border-color);
	opacity: 1
}

.error-content,
.sec-btn,
.testi-grid {
	text-align: center
}

.sec-btn,
.title-line {
	margin-bottom: var(--section-title-space)
}

.title-area2 {
	padding: 50px 100px
}

.title-area2 .subtitle {
	text-transform: uppercase;
	margin-top: -.4em;
	margin-bottom: 5px;
	display: block
}

.title-area2 .title {
	max-width: 430px;
	margin-bottom: -.26em
}

.shape-mockup {
	position: absolute;
	z-index: -1;
	pointer-events: none
}

.shape-mockup.z-index-3 {
	z-index: 3;
	pointer-events: none
}

.shape-mockup.z-index-1 {
	z-index: 1;
	pointer-events: none
}

.shape-mockup .svg-img {
	height: 110px;
	width: 110px
}

.z-index-step1 {
	position: relative;
	z-index: 4 !important
}

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

.z-index-3 {
	z-index: 3
}

.breadcumb-wrapper::before,
.widget[data-overlay]:before,
.z-index-n1 {
	z-index: -1
}

.contact-icon-wrap .info-contnt,
.counter-card .media-body,
.hero-title .title3 img,
.media-body,
.process-bottom-item__content,
.testi-block-top .content,
.testi-block.style-2 .content-wrapper {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.badge {
	position: absolute;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: .25em .45em;
	font-size: .7em;
	border-radius: 50%;
	top: 8px;
	right: 8px;
	font-weight: 400;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.th-social a {
	width: var(--icon-size, 46px);
	height: var(--icon-size, 46px);
	line-height: var(--icon-size, 46px);
	background-color: #fff0;
	color: var(--body-color);
	font-size: 16px;
	margin-right: 5px;
	border-radius: 10px;
	border: 1px solid var(--th-border-color)
}

.blog-meta a:last-child,
.blog-meta span:last-child,
.icon-group a:last-child,
.th-social a:last-child {
	margin-right: 0
}

.th-social.color-theme a {
	color: var(--body-color)
}

.bg-mask {
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat
}

.blog-audio img,
.blog-img img,
.blog-video img,
.box-icon img,
.sticky-wrapper {
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.box-text {
	margin-bottom: 2.5em
}

.btn-group {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 30px
}

.blog-box,
.call-btn,
.checklist li,
.contact-icon-wrap,
.counter-card,
.counter-card-wrap,
.footer-layout1 .th-widget-about .bottom-info,
.footer-logo-wrap,
.header-button,
.hero-title .title2,
.img-box1.about-1 .img2,
.info-box,
.service-3-item,
.service-3-item__content,
.service-card.style-2 .link-btn,
.social-box,
.testi-block .box-review,
.testi-block-top,
.testi-block.style-2,
.testi-box-area,
.testi-card_profile,
.widget .search-form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox
}

.btn-group.style2 {
	gap: 20px 70px
}

.th-bg-img,
.th-hero-bg {
	position: absolute;
	inset: 0
}

.th-bg-img img,
.th-hero-bg img {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.smoke-color2-bg {
	background-color: var(--smoke-color2)
}

.font-icon {
	font-family: var(--icon-font)
}

.font-title,
.hero-title,
.logo-icon-wrap__text,
.testi-grid_text,
.widget_title {
	font-family: var(--title-font)
}

.fw-extralight {
	font-weight: 100
}

.fw-light {
	font-weight: 300
}

.fw-normal {
	font-weight: 400
}

.fw-medium {
	font-weight: 500
}

.fw-semibold,
.wp-block-comment-author-name {
	font-weight: 600
}

.fw-extrabold {
	font-weight: 800
}

.fs-md,
.header-icons .icon-btn {
	font-size: 18px
}

.fs-16 {
	font-size: 16px !important
}

.fs-xs,
.header-links .social-links a {
	font-size: 14px
}

.bg-theme {
	background-color: #452829!important
}

.bg-theme2 {
	background-color: #452829 !important
}

.bg-smoke {
	background-color: var(--smoke-color) !important
}

.bg-smoke2 {
	background-color: var(--smoke-color2) !important
}

.bg-white {
	background-color: var(--white-color) !important
}

.bg-black {
	background-color: var(--black-color) !important
}

.bg-black2 {
	background-color: var(--black-color2) !important
}

.bg-title {
	background-color: var(--title-color) !important
}

.background-image,
[data-bg-src] {
	background-size: cover
}

.bg-theme--3 {
	background-color: #242c2e
}

.bg-footer-color {
	background-color: #011c1a
}

.bg-fluid {
	background-size: 100% 100%
}

.bg-auto {
	background-size: auto auto
}

.bg-bottom-right,
.bg-repeat,
.bg-top-center,
.bg-top-left,
.bg-top-right {
	background-size: auto
}

.bg-top-center {
	background-position: top center
}

.bg-repeat {
	background-repeat: repeat
}

.bg-bottom-right {
	background-position: bottom right
}

.bg-top-right {
	background-position: top right
}

.bg-top-left {
	background-position: top left
}

.dropdown-menu a:hover,
.text-theme {
	color: #452829!important
}

.footer-layout2 a:hover,
.footer-layout2 a:hover:before,
.text-theme2 {
	color: #452829 !important
}

.dropdown-menu a,
.text-title {
	color: var(--title-color) !important
}

.text-body {
	color: var(--body-color) !important
}

.text-white {
	color: var(--white-color) !important
}

.text-light {
	color: var(--light-color) !important
}

.text-yellow {
	color: var(--yellow-color) !important
}

.text-success {
	color: var(--success-color) !important
}

.text-error {
	color: var(--error-color) !important
}

.text-reset:hover,
a.text-theme:hover {
	text-decoration: underline
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

.position-center {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

[data-overlay] [class*=col-],
[data-overlay] [class^=col-] {
	z-index: 1
}

[data-overlay]:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

[data-overlay=smoke]:before {
	background-color: var(--smoke-color)
}

[data-overlay=black]:before {
	background-color: var(--black-color)
}

[data-overlay=overlay1]:before {
	background-color: #080e1c
}

[data-opacity="1"]:before {
	opacity: .1
}

[data-opacity="2"]:before {
	opacity: .2
}

[data-opacity="3"]:before {
	opacity: .3
}

[data-opacity="4"]:before {
	opacity: .4
}

[data-opacity="5"]:before {
	opacity: .5
}

[data-opacity="6"]:before {
	opacity: .6
}

[data-opacity="7"]:before {
	opacity: .7
}

[data-opacity="8"]:before {
	opacity: .8
}

[data-opacity="9"]:before {
	opacity: .9
}

.service-card.style-2:hover .link-btn i,
.team-card:hover .team-img:after,
.testi-grid-thumb .swiper-slide-thumb-active,
[data-opacity="10"]:before {
	opacity: 1
}

.play-btn:after,
.play-btn:before,
.ripple-animation {
	-webkit-animation-duration: var(--ripple-ani-duration);
	animation-duration: var(--ripple-ani-duration);
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: ripple;
	animation-name: ripple
}

@-webkit-keyframes ripple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}

	30% {
		opacity: .4
	}

	100% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
		opacity: 0
	}
}

@keyframes ripple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}

	30% {
		opacity: .4
	}

	100% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
		opacity: 0
	}
}

@-webkit-keyframes ripple2 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}

	30% {
		opacity: .4
	}

	100% {
		-webkit-transform: scale(2.8);
		transform: scale(2.8);
		opacity: 0
	}
}

@keyframes ripple2 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}

	30% {
		opacity: .4
	}

	100% {
		-webkit-transform: scale(2.8);
		transform: scale(2.8);
		opacity: 0
	}
}

.fancy-animation {
	-webkit-animation: 8s ease-in-out infinite morph;
	animation: 8s ease-in-out infinite morph
}

@-webkit-keyframes morph {

	0%,
	100% {
		border-radius: 60% 40% 30% 70%/60% 30% 70% 40%
	}

	50% {
		border-radius: 30% 60% 70% 40%/50% 60% 30%
	}
}

@keyframes morph {

	0%,
	100% {
		border-radius: 60% 40% 30% 70%/60% 30% 70% 40%
	}

	50% {
		border-radius: 30% 60% 70% 40%/50% 60% 30%
	}
}

@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		-webkit-transform: translateX(calc(-100% - var(--gap)));
		transform: translateX(calc(-100% - var(--gap)))
	}
}

@keyframes scroll {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		-webkit-transform: translateX(calc(-100% - var(--gap)));
		transform: translateX(calc(-100% - var(--gap)))
	}
}

.movingX {
	-webkit-animation: 8s linear infinite movingX;
	animation: 8s linear infinite movingX
}

@-webkit-keyframes movingX {

	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	50% {
		-webkit-transform: translateX(50px);
		transform: translateX(50px)
	}
}

@keyframes movingX {

	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	50% {
		-webkit-transform: translateX(50px);
		transform: translateX(50px)
	}
}

.movingCar {
	-webkit-animation: 25s linear infinite movingCar;
	animation: 25s linear infinite movingCar
}

@-webkit-keyframes movingCar {
	0% {
		-webkit-transform: translateX(0) rotateY(0);
		transform: translateX(0) rotateY(0)
	}

	50% {
		-webkit-transform: translateX(calc(100vw*-1 + 108%));
		transform: translateX(calc(100vw*-1 + 108%))
	}

	51% {
		-webkit-transform: translateX(calc(100vw*-1 + 108%)) rotateY(180deg);
		transform: translateX(calc(100vw*-1 + 108%)) rotateY(180deg)
	}

	100% {
		-webkit-transform: translateX(0) rotateY(180deg);
		transform: translateX(0) rotateY(180deg)
	}
}

@keyframes movingCar {
	0% {
		-webkit-transform: translateX(0) rotateY(0);
		transform: translateX(0) rotateY(0)
	}

	50% {
		-webkit-transform: translateX(calc(100vw*-1 + 108%));
		transform: translateX(calc(100vw*-1 + 108%))
	}

	51% {
		-webkit-transform: translateX(calc(100vw*-1 + 108%)) rotateY(180deg);
		transform: translateX(calc(100vw*-1 + 108%)) rotateY(180deg)
	}

	100% {
		-webkit-transform: translateX(0) rotateY(180deg);
		transform: translateX(0) rotateY(180deg)
	}
}

.moving {
	-webkit-animation: 8s linear infinite moving;
	animation: 8s linear infinite moving
}

@-webkit-keyframes moving {

	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	50% {
		-webkit-transform: translateX(-50px);
		transform: translateX(-50px)
	}
}

@keyframes moving {

	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	50% {
		-webkit-transform: translateX(-50px);
		transform: translateX(-50px)
	}
}

.jump {
	-webkit-animation: 7s linear infinite jumpAni;
	animation: 7s linear infinite jumpAni
}

@-webkit-keyframes jumpAni {

	0%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
}

@keyframes jumpAni {

	0%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
}

.jump-reverse {
	-webkit-animation: 7s linear infinite jumpReverseAni;
	animation: 7s linear infinite jumpReverseAni
}

@-webkit-keyframes jumpReverseAni {

	0%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}
}

@keyframes jumpReverseAni {

	0%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}
}

.process-box.style-2:hover .box-icon::before,
.spin {
	-webkit-animation: 10s linear infinite spin;
	animation: 10s linear infinite spin
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

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

@keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

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

.bg-color-ani,
.color-animate {
	-webkit-animation: 6s linear infinite bgColor;
	animation: 6s linear infinite bgColor
}

@-webkit-keyframes bgColor {

	0%,
	100% {
		background-color: #f2ba4c
	}

	25% {
		background-color: #81f24c
	}

	50% {
		background-color: #41f27d
	}

	75% {
		background-color: #0500ff
	}
}

@keyframes bgColor {

	0%,
	100% {
		background-color: #f2ba4c
	}

	25% {
		background-color: #81f24c
	}

	50% {
		background-color: #41f27d
	}

	75% {
		background-color: #0500ff
	}
}

.zoom1 {
	-webkit-animation: 5s ease-in-out infinite zoom1;
	animation: 5s ease-in-out infinite zoom1
}

@-webkit-keyframes zoom1 {

	0%,
	100% {
		scale: .3
	}

	50% {
		scale: 1
	}
}

@-webkit-keyframes animate-positive {
	0% {
		width: 0
	}
}

@keyframes animate-positive {
	0% {
		width: 0
	}
}

.fadein,
.rollinleft,
.rollinright,
.scalein,
.slidebottomright,
.slideindown,
.slideinleft,
.slideinright,
.slideinup,
.slidetopleft {
	opacity: 0;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
	-webkit-animation-name: var(--animation-name);
	animation-name: var(--animation-name)
}

.swiper-slide-active .fadein {
	--animation-name: fadein
}

.swiper-slide-active .scalein {
	--animation-name: scalein
}

.swiper-slide-active .slidetopleft {
	--animation-name: slidetopleft
}

.swiper-slide-active .slidebottomright {
	--animation-name: slidebottomright
}

.swiper-slide-active .slideinleft {
	--animation-name: slideinleft
}

.swiper-slide-active .slideinright {
	--animation-name: slideinright
}

.swiper-slide-active .slideinup {
	--animation-name: slideinup
}

.swiper-slide-active .slideindown {
	--animation-name: slideindown
}

.swiper-slide-active .rollinleft {
	--animation-name: rollinleft
}

.swiper-slide-active .rollinright {
	--animation-name: rollinright
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadein {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes slideinup {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px);
		transform: translateY(100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slideinup {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px);
		transform: translateY(100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes slideinright {
	0% {
		opacity: 0;
		-webkit-transform: translateX(180px);
		transform: translateX(180px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes slideinright {
	0% {
		opacity: 0;
		-webkit-transform: translateX(180px);
		transform: translateX(180px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes slideindown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slideindown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes slideinleft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes slideinleft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes slidebottomright {
	0% {
		opacity: 0;
		-webkit-transform: translateX(120px) translateY(120px);
		transform: translateX(120px) translateY(120px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0) translateY(0);
		transform: translateX(0) translateY(0)
	}
}

@keyframes slidebottomright {
	0% {
		opacity: 0;
		-webkit-transform: translateX(120px) translateY(120px);
		transform: translateX(120px) translateY(120px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0) translateY(0);
		transform: translateX(0) translateY(0)
	}
}

@-webkit-keyframes slidetopleft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px) translateY(-100px);
		transform: translateX(-100px) translateY(-100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0) translateY(0);
		transform: translateX(0) translateY(0)
	}
}

@keyframes slidetopleft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px) translateY(-100px);
		transform: translateX(-100px) translateY(-100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0) translateY(0);
		transform: translateX(0) translateY(0)
	}
}

.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.wp-block-categories ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a,
.wp-block-categories a {
	display: block;
	background-color: var(--white-color);
	margin: 0 0 14px;
	padding: 16px 10px 16px 30px;
	font-size: 15px;
	line-height: 1.313;
	color: var(--body-color);
	border-radius: 50px;
	-webkit-transition: .4s;
	transition: .4s
}

.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.wp-block-categories li {
	display: block;
	position: relative
}

.widget_archive li>span,
.widget_categories li>span,
.widget_meta li>span,
.widget_nav_menu li>span,
.widget_pages li>span,
.wp-block-categories li>span {
	color: var(--title-color);
	position: absolute;
	right: 30px;
	top: 13px;
	-webkit-transition: .4s;
	transition: .4s;
	pointer-events: none;
	min-width: 20px;
	text-align: right
}

.widget_archive .menu>li:last-child>a,
.widget_archive>ul>li:last-child>a,
.widget_categories .menu>li:last-child>a,
.widget_categories>ul>li:last-child>a,
.widget_meta .menu>li:last-child>a,
.widget_meta>ul>li:last-child>a,
.widget_nav_menu .menu>li:last-child>a,
.widget_nav_menu>ul>li:last-child>a,
.widget_pages .menu>li:last-child>a,
.widget_pages>ul>li:last-child>a,
.wp-block-categories .menu>li:last-child>a,
.wp-block-categories>ul>li:last-child>a {
	border-bottom: none;
	margin-bottom: 0
}

.widget_archive a:hover,
.widget_categories a:hover,
.widget_meta a:hover,
.widget_nav_menu a:hover,
.widget_pages a:hover,
.wp-block-categories a:hover {
	color: var(--white-color);
	background-color: #452829
}

.ml-10,
.widget_archive .children,
.widget_archive .sub-menu,
.widget_categories .children,
.widget_categories .sub-menu,
.widget_meta .children,
.widget_meta .sub-menu,
.widget_nav_menu .children,
.widget_nav_menu .sub-menu,
.widget_pages .children,
.widget_pages .sub-menu,
.wp-block-categories .children,
.wp-block-categories .sub-menu {
	margin-left: 10px
}

.wp-block-categories {
	list-style: none;
	padding: 0
}

.wp-block-categories>li:last-child>a {
	margin-bottom: none
}

.pr-20,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a {
	padding-right: 20px
}

.wp-block-archives {
	list-style: none;
	margin: 0 0 20px;
	padding: 0
}

.th-blog ul.wp-block-archives li {
	margin: 5px 0
}

.widget {
	padding: var(--widget-padding-y, 40px) var(--widget-padding-x, 40px);
	background-color: var(--smoke-color2);
	margin-bottom: 40px;
	position: relative;
	border-radius: 24px
}

.widget .th-social a {
	box-shadow: 0 2px 14px rgb(4 6 66 / .1)
}

.widget .form-control,
.widget .form-select,
.widget input,
.widget select,
.widget textarea {
	background-color: var(--white-color);
	border-radius: 30px
}

.widget textarea {
	min-height: 120px
}

.widget_title {
	position: relative;
	font-size: 22px;
	font-weight: 500;
	line-height: 1em;
	margin: -.12em 0 28px
}

.th-comment-form .row,
.widget-form {
	--bs-gutter-x: 20px
}

.widget .search-form {
	position: relative;
	display: flex
}

.widget .search-form input {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-radius: 30px;
	padding-right: 65px;
	border: 1px solid #fff0;
	box-shadow: 0 13px 25px rgb(0 0 0 / .04)
}

.widget .search-form button {
	border: none;
	font-size: 16px;
	font-size: 500;
	color: var(--white-color);
	display: inline-block;
	padding: 0;
	width: 56px;
	height: 100%;
	text-align: center;
	border-radius: 30px;
	position: absolute;
	top: 0;
	right: 0
}

.tagcloud a,
.wp-block-tag-cloud a {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
	line-height: 1;
	padding: 11px 15px;
	margin-right: 2px;
	margin-bottom: 10px;
	color: var(--body-color);
	background-color: var(--white-color);
	border-radius: 99px;
	box-shadow: 0 4px 20px rgb(0 0 0 / .05);
	border: 1px solid var(--th-border-color)
}

.tagcloud a:hover,
.wp-block-tag-cloud a:hover {
	color: var(--white-color) !important;
	border-color: #452829
}

.tagcloud,
.wp-block-tag-cloud {
	margin-right: -10px;
	margin-bottom: -10px
}

.error-title,
.footer-widget,
.hero-style2 .sub-title,
.hero-style3 .sub-title,
.mb-20,
.mb-40,
.testi-block.style-2 .content-wrapper .box-text {
	margin-bottom: 20px
}

.footer-widget,
.footer-widget .widget {
	padding: 0;
	border: none;
	background-color: #fff0;
	box-shadow: none
}

.footer-widget .form-group>i {
	color: #452829;
	top: 18px
}

.footer-widget .sidebar-gallery .gallery-thumb {
	border-radius: 5px
}

.footer-widget .widget_title {
	max-width: 270px;
	color: var(--white-color);
	text-transform: capitalize;
	margin: -.12em 0 15px;
	padding: 0 0 15px;
	position: relative
}

.footer-widget .widget_title img {
	margin: -7px 10px 0 0
}

.footer-widget.widget_archive ul,
.footer-widget.widget_categories ul,
.footer-widget.widget_meta ul,
.footer-widget.widget_nav_menu ul,
.footer-widget.widget_pages ul {
	margin-top: -4px
}

.footer-widget.widget_archive .menu,
.footer-widget.widget_archive>ul,
.footer-widget.widget_categories .menu,
.footer-widget.widget_categories>ul,
.footer-widget.widget_meta .menu,
.footer-widget.widget_meta>ul,
.footer-widget.widget_nav_menu .menu,
.footer-widget.widget_nav_menu>ul,
.footer-widget.widget_pages .menu,
.footer-widget.widget_pages>ul {
	margin-bottom: -4px
}

.footer-widget.widget_archive a,
.footer-widget.widget_categories a,
.footer-widget.widget_meta a,
.footer-widget.widget_nav_menu a,
.footer-widget.widget_pages a {
	font-size: 16px;
	font-weight: 400;
	padding: 0;
	margin-bottom: 18px;
	font-family: var(--body-font);
	color: #fff;
	display: block;
	max-width: 100%;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	background-color: #fff0;
	position: relative;
	border: 0
}

.footer-widget.widget_archive a:hover,
.footer-widget.widget_categories a:hover,
.footer-widget.widget_meta a:hover,
.footer-widget.widget_nav_menu a:hover,
.footer-widget.widget_pages a:hover {
	background-color: #fff0;
	color: #fff
}

.footer-widget.widget_archive li>span,
.footer-widget.widget_categories li>span,
.footer-widget.widget_meta li>span,
.footer-widget.widget_nav_menu li>span,
.footer-widget.widget_pages li>span {
	width: auto;
	height: auto;
	position: relative;
	background-color: #fff0;
	color: var(--body-color);
	line-height: 1
}

.footer-widget .recent-post {
	max-width: 300px;
	margin-top: -.4em;
	margin-bottom: 20px
}

.footer-widget .recent-post .media-img {
	max-width: 74px
}

.footer-widget .recent-post .media-img:after {
	line-height: 74px
}

.footer-widget .recent-post .post-title {
	color: var(--white-color);
	font-weight: 500
}

.footer-widget .recent-post:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0
}

.footer-widget .recent-post .recent-post-meta a {
	font-weight: 400;
	line-height: 1.2
}

.footer-widget .sidebar-gallery {
	gap: 11px;
	max-width: 250px
}

.footer-widget .th-widget-about .about-text {
	color: #fff
}

.footer-top .info-box_link,
.footer-top .info-box_text {
	color: #99a4a3
}

.about-logo,
.mb-15,
.service-card .box-content .box-title {
	margin-bottom: 15px
}

.th-widget-about .about-logo {
	margin-bottom: 40px
}

.th-widget-about .about-text {
	margin-bottom: 30px;
	margin-top: -.9em
}

.footer-text {
	margin-top: -.5em;
	margin-bottom: 25px
}

.social-box {
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.social-box .social-title {
	font-size: 20px;
	color: var(--white-color);
	font-weight: 600;
	margin-right: 20px;
	margin-bottom: 0
}

.icon-group a {
	color: var(--white-color);
	font-size: 18px;
	margin-right: 17px
}

.th-header {
	position: relative;
	z-index: 41
}

.th-header .icon-btn {
	border-radius: 99px
}

.sticky-wrapper.sticky {
	/* position: fixed; */
	top: 0;
	right: 0;
	left: 0;
	background-color: var(--white-color);
	-webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / .07));
	filter: drop-shadow(0 0 10px rgb(0 0 0 / .07));
	-webkit-animation: .4s ease-in-out stickyAni;
	animation: .4s ease-in-out stickyAni
}

.sticky-wrapper.sticky .header-logo {
	padding: 18px 22px 18px 0
}

@-webkit-keyframes stickyAni {
	0% {
		-webkit-transform: translate3d(0, -40px, 0) scaleY(.8);
		transform: translate3d(0, -40px, 0) scaleY(.8);
		opacity: .7
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0) scaleY(1);
		transform: translate3d(0, 0, 0) scaleY(1);
		opacity: 1
	}
}

@keyframes stickyAni {
	0% {
		-webkit-transform: translate3d(0, -40px, 0) scaleY(.8);
		transform: translate3d(0, -40px, 0) scaleY(.8);
		opacity: .7
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0) scaleY(1);
		transform: translate3d(0, 0, 0) scaleY(1);
		opacity: 1
	}
}

.main-menu a {
	/* display: block; */
	position: relative;
	font-weight: 500;
	font-size: 16px;
	color: var(--title-color);
	text-transform: capitalize
}

.dropdown-link>a,
.footer-links a,
.header-links a,
.header-links li,
.header-links p,
.header-links span,
.social-links a {
	color: var(--body-color)
}

.main-menu>ul>li {
	/* margin: 0 6px; */
	padding: 12px 25px;
}

.main-menu>ul>li>a {
	padding: 0 0;
	/* text-transform: uppercase; */
	font-weight: 600;
	text-decoration: none;
	font-size: 16px;
}

.main-menu ul li {
	list-style-type: none;
	display: inline-block;
	position: relative
}

.main-menu ul li.menu-item-has-children>a:after {
	content: "\f078";
	display: inline-block;
	position: relative;
	font-family: var(--icon-font);
	margin-left: 4px;
	font-weight: 600;
	top: 0;
	font-size: .9em;
	color: var(--title-color);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.main-menu ul li.menu-item-has-children>a:hover:after {
	content: "\f077";
	color: #452829;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.main-menu ul li:last-child,
.social-links a:last-child {
	margin-right: 0 !important
}

.main-menu ul li:first-child {
	margin-left: 0 !important
}

.main-menu ul li:hover>ul.sub-menu {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	z-index: 9
}

.main-menu ul.sub-menu {
	position: absolute;
	text-align: left;
	top: 100%;
	background-color: var(--white-color);
	visibility: hidden;
	min-width: 230px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	opacity: 0;
	z-index: -1;
	box-shadow: 0 4px 15px rgb(1 15 28 / .06);
	border-radius: 0;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-transition: .4s;
	transition: .4s;
	padding: 10px 20px 18px 18px;
	left: -27px
}

.main-menu ul.sub-menu a {
	font-size: 16px;
	line-height: 30px;
	text-decoration: none;
}

.main-menu ul.sub-menu li {
	display: block;
	margin: 0;
	padding: 0 9px
}

.main-menu ul.sub-menu li.menu-item-has-children>a:after {
	content: "\2b";
	float: right;
	top: 1px;
	display: inline-block
}

.main-menu ul.sub-menu li.menu-item-has-children>a:hover:after {
	content: "\f068";
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.main-menu ul.sub-menu li a {
	position: relative;
	padding-left: 0;
	text-transform: capitalize;
	border-bottom: 1px solid #282828;
}

.main-menu ul.sub-menu li a:before {
	content: "\f24e";
	position: absolute;
	top: 6px;
	left: 10px;
	font-family: var(--icon-font);
	width: 11px;
	height: 11px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	font-size: 1em;
	line-height: 1;
	color: #452829;
	font-weight: 900;
	opacity: 0;
	visibility: visible;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.main-menu ul.sub-menu li a:hover {
	padding-left: 23px
}

.main-menu ul.sub-menu li a:hover:before {
	visibility: visible;
	opacity: 1;
	left: 0
}

.main-menu ul.sub-menu li ul.sub-menu {
	left: 100%;
	right: auto;
	top: 0;
	margin: 0 0 0 20px
}

.main-menu ul.sub-menu li ul.sub-menu li ul {
	left: 100%;
	right: auto
}

.menu-style1>ul>li {
	margin: 0 14px
}

.menu-style1>ul>li>a {
	padding: 17px 0;
	color: var(--white-color)
}

.header-button {
	height: 100%;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0
}

.header-button .icon-btn .badge,
.header-icons .icon-btn .badge {
	font-size: 12px;
	top: 0;
	right: 0
}

.social-links .social-title {
	font-weight: 500;
	font-size: 14px;
	display: inline-block;
	margin: 0 12px 0 0;
	color: var(--body-color)
}

.social-links a {
	font-size: 16px;
	display: inline-block;
	margin: 0 15px 0 0
}

.header-logo {
	padding-top: 15px;
	padding-bottom: 15px
}

.header-links ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

.header-links li {
	display: inline-block;
	position: relative;
	font-size: 14px;
	font-weight: 400
}

.header-links li:not(:last-child) {
	margin: 0 26px 0 0
}

.header-links li:not(:last-child):after {
	content: '';
	height: 14px;
	width: 1px;
	background-color: var(--white-color);
	position: absolute;
	top: 0;
	right: -18px;
	margin-top: 7px
}

.header-links li>i {
	margin-right: 6px;
	color: var(--white-color2)
}

.header-links b,
.header-links strong {
	font-weight: 600;
	margin-right: 6px
}

.copyright-text,
.header-notice,
.th-comments-wrap.th-comment-form {
	margin: 0
}

.header-top {
	padding: 6px 0;
	background-color: #452829;
	--body-color: #fff
}

.header-layout1 {
	background: var(--white-color);
	position: relative;
	z-index: 11
}

.header-layout1 .header-top {
	position: relative;
	padding: 11px 0 11px 291px;
	--body-color: #fff;
	background-color: #452829
}

.header-layout1 .header-logo {
	z-index: 2;
	padding: 18px 60px 17px 0
}

@media (max-width:1500px) {
	.slider-arrow {
		--arrow-horizontal: -20px;
		--pos-x: -70px
	}

	.main-menu>ul>li {
		/* margin: 0 10px */
	}

	.header-button {
		gap: 12px
	}

	.header-button .th-btn.style4 {
		padding: 21px 30px
	}

	.header-layout1 .header-logo {
		padding: 1px 22px 1px 0
	}
}

.header-layout1 .header-logo .logo-bg {
	position: absolute;
	top: unset;
	bottom: 0;
	background-color: #fff;
	z-index: -1;
	width: 300px;
	left: 0;
	height: 155px
}

.header-default .main-menu>ul>li>a,
.header-layout2 .main-menu>ul>li>a {
	padding: 22px 0;
	color: var(--white-color)
}

.header-default .icon-btn,
.header-layout2 .icon-btn {
	border-radius: 99px;
	color: var(--white-color)
}

.header-layout2 {
	background-color: var(--title-color);
	border-bottom: 1px solid #fffFFF14
}

.header-layout2 .sticky-wrapper.sticky .header-logo {
	padding: 15px 0
}

.header-layout2 .menu-area {
	padding: 6px 0
}

.header-layout2.breadcumb-header {
	position: absolute;
	left: 0;
	right: 0;
	background: #fff0
}

.dropdown-link>a img,
.mr-5 {
	margin-right: 5px
}

.dropdown-toggle::after {
	content: "\f078";
	border: none;
	font-family: var(--icon-font);
	vertical-align: middle;
	font-weight: 400;
	margin-left: 6px;
	margin-top: -1px
}

.dropdown-menu {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	min-width: auto;
	top: calc(100% + 6px) !important;
	left: 50% !important;
	-webkit-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
	padding: 8px 20px !important;
	text-align: center;
	border-color: var(--th-border-color)
}

.dropdown-menu li {
	padding-right: 0;
	margin-right: 0
}

.info-box_icon,
.menu-expand i,
.mr-15 {
	margin-right: 15px
}

.dropdown-menu:before {
	content: "";
	position: absolute;
	left: 50%;
	top: -7px;
	width: 14px;
	height: 14px;
	margin-left: -7px;
	background-color: var(--white-color);
	z-index: -1;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: 1px solid var(--th-border-color);
	border-left: 1px solid var(--th-border-color)
}

.header-icons {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	display: flex;
	gap: 15px
}

.menu-expand {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--white-color);
	background-color: #452829;
	padding: 17px 25px;
	width: 100%
}

.copyright-wrap,
.counter-sec2,
.footer-widget .newsletter-widget .icon-btn,
.hero-1-scroll-icon-bg-shape .hero-1-scroll-icon-wrap .shape-thumb .icon-btn:hover,
.service-card.style-2:hover .box-icon,
.service-card:hover .box-icon,
.testi-3-slider-wrapper .slider-arrow:hover {
	background: #452829
}

.call-btn {
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 13px;
	padding: 0 20px;
	height: 60px
}

.call-btn .box-icon {
	color: #452829;
	font-size: 36px
}

.call-btn .box-title {
	font-size: 18px;
	margin-bottom: 0;
	color: var(--white-color)
}

.footer-layout1 .th-widget-about .about-bottom-title,
.th-widget-contact .footer-info-title {
	font-size: 20px;
	line-height: 1;
	color: var(--white-color)
}

.call-btn .box-subtitle {
	color: var(--white-color);
	margin-bottom: 5px
}

.header-layout3 .menu-area {
	position: relative;
	z-index: 2;
	background-color: #452829
}

.header-layout3 .header-top {
	--body-color: #54595F;
	background-color: #fbf8f5;
	border-bottom: 1px solid var(--th-border-color)
}

.header-layout3 .header-top .header-links li:not(:last-child):after {
	width: 1px;
	opacity: .45
}

.header-layout3 .th-menu-toggle {
	background-color: #452829;
	border-radius: 0;
	height: 60px;
	width: 60px
}

.header-layout3 .icon-btn {
	border: none;
	background-color: var(--smoke-color2)
}

.footer-wrapper {
	--border-color: rgba(255, 255, 255, 0.3);
	--body-color: #788094;
	position: relative;
	z-index: 2;
	overflow: hidden
}

.footer-wrapper .th-social a {
	background-color: #1f2432;
	color: #452829
}

.footer-wrapper .social-links a {
	margin: 0 30px 0 0
}

.widget-area {
	padding-top: 100px;
	padding-bottom: 0
}

.sticky-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%
}

.footer-links ul {
	padding: 0;
	margin: 0
}

.footer-links li {
	display: inline-block;
	padding-right: 15px;
	margin-right: 10px;
	position: relative
}

.footer-links li:after {
	content: "";
	height: 20px;
	width: 1px;
	background-color: var(--body-color);
	position: absolute;
	top: 50%;
	right: 0;
	margin: -10px 0
}

.breadcumb-menu li:last-child,
.footer-links li:last-child {
	margin-right: 0;
	padding-right: 0
}

.footer-links a {
	font-family: inherit
}

.copyright-wrap {
	padding: 27px 0
}

.copyright-wrap .copyright-text {
	color: var(--white-color);
	line-height: 1.4
}

.footer-1-top {
	z-index: 1;
	top: 10%
}

.footer-logo-wrap:before,
.footer-top-shape {
	z-index: -1;
	left: 0;
	width: 100%;
	position: absolute
}

.footer-layout1 .widget-area {
	padding-top: 120px;
	padding-bottom: 70px
}

.footer-default .th-widget-about .th-social a,
.footer-layout1 .th-widget-about .th-social a {
	background-color: #fff;
	border: 0;
	border-radius: 50%;
	--icon-size: 40px;
	font-size: 18px
}

.footer-layout1 .footer-shape-1 {
	top: 24%;
	left: 3%
}

.footer-layout1 .footer-shape-2 {
	right: 6%;
	bottom: 18%
}

.footer-layout1 .footer-bottom-shape {
	height: 120px;
	width: 100%;
	background: #452829;
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0
}

.footer-layout1 .copyright-wrap {
	padding: 27px 0;
	background-color: #452829
}

.footer-border-right:before {
	position: absolute;
	background: #ffffff1f;
	height: 100%;
	width: 1px;
	top: 0;
	content: "";
	right: -20px
}

.footer-logo-wrap {
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 24px 40px;
	border-radius: 50px;
	position: relative;
	gap: 25px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 1px solid #ffffff40
}

.footer-logo-wrap:before {
	content: "";
	top: 0;
	height: 100%;
	background-color: var(--white-color);
	border-radius: 50px;
	opacity: .16
}

.footer-top-social {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.footer-top-social .th-social a {
	border-radius: 100%;
	border-color: 1px solid var(--white-color)
}

.footer-top-social .th-social a:hover {
	color: var(--black-color);
	background-color: #452829
}

.footer-default .footer-top .th-widget-contact {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	max-width: 100%;
	border-bottom: 1px solid #ffffff1f;
	padding-bottom: 58px;
	margin-bottom: 80px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px
}

.footer-default .footer-top .th-widget-contact .info-box {
	max-width: 246px;
	position: relative
}

.footer-default .footer-top .th-widget-contact .info-box::before {
	position: absolute;
	right: -56%;
	top: 12px;
	height: 75px;
	width: 1px;
	background: #ffffff1f;
	content: ''
}

.footer-default {
	background-position: top center;
	background-color: #452829;
}

.footer-default .widget-area {
	padding-top: 0;
	padding-bottom: 0
}

.widget.footer-widget .newsletter-form input {
	height: 46px;
	background: #fff0;
	margin-bottom: 30px
}

.footer-default .copyright-wrap {
	background: #fff0;
	padding: 0;
	margin-bottom: 10px
}

.footer-default .copyright-wrap .copyright-text {
	padding: 24px 0;
	background: #ffffff1f;
	border-radius: 50px
}

.footer-wrapper.footer-layout1 {
	overflow: initial;
	background-color: #0a1660
}

.footer-top-shape {
	right: 0;
	top: -115px;
	height: 116px
}

.footer-layout1 .th-social a {
	border-radius: 50%;
	background: #fff0
}

.footer-layout1 .th-social a:hover {
	background-color: #452829;
	color: var(--title-color)
}

.footer-layout1 .th-widget-about .about-bottom-title {
	margin-bottom: 8px
}

.footer-layout1 .th-widget-about .bottom-info {
	display: flex;
	gap: 11px;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
}

.footer-layout1 .th-widget-about .bottom-info .icon {
	color: #452829;
	font-size: 13px
}

.footer-layout1 .th-widget-about .bottom-info p {
	color: var(--white-color);
	padding-right: 10px;
	margin-bottom: 0
}

.footer-layout2 {
	--body-color: #B5B5B5;
	--th-border-color: rgba(1, 125, 3, 0.5);
	background-color: #002d00
}

.footer-layout2 a:before {
	-webkit-transition: .3s;
	transition: .3s
}

.footer-layout2 .th-social a {
	background-color: #123c12;
	color: var(--white-color) !important;
	border-radius: 10px
}

.footer-layout2 .copyright-wrap {
	background-size: auto;
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #fff0;
	padding-top: 45px;
	margin-top: -10px
}

.footer-layout2 .newsletter-wrap,
.footer-top-newsletter .newsletter-wrap {
	padding: 80px 0;
	background-color: #fff0;
	border-radius: 0;
	border-bottom: 1px solid var(--th-border-color);
	gap: 20px
}

.footer-layout2 .newsletter-content,
.footer-top-newsletter .newsletter-content {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 30px
}

.th-widget-contact {
	max-width: 280px
}

.info-box {
	display: flex;
	margin-bottom: 22px
}

.info-box_icon {
	width: 56px;
	height: 56px;
	min-width: 56px;
	line-height: 56px;
	font-size: 22px;
	background-color: rgb(255 255 255 / .08);
	color: #fff;
	border-radius: 30px;
	text-align: center;
	border: 0
}

.info-box_text {
	display: block;
	color: #474444;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center
}

.info-box_link {
	display: inline-block;
	color: #474444
}

.footer-layout1.style-2 {
	background-color: #070707
}

.footer-layout1.style-2 .subscribe-box {
	padding: 80px 0;
	border-bottom: 1px solid #484b4d
}

.footer-layout1.style-2 .th-widget-contact .footer-info-title {
	font-weight: 600;
	margin-bottom: 12px;
	margin-top: -.12em
}

.footer-layout1.style-2 .copyright-wrap,
.footer-layout1.style-2 .footer-widget .widget_title::after {
	background-color: var(--theme-color3)
}

.footer-layout1.style-2 .bottom-info .icon,
.footer-layout1.style-2 .footer-widget .info-box_icon,
.footer-layout1.style-2 .footer-widget.widget_nav_menu a::before,
.footer-layout1.style-2 .footer-widget.widget_nav_menu a:hover {
	color: var(--theme-color3)
}

.footer-layout1.style-2 .th-social a:hover {
	background: var(--title-color);
	color: var(--white-color)
}

.breadcumb-menu {
	max-width: 100%;
	padding: 0;
	margin: 25px 0 -.5em;
	list-style-type: none;
	position: relative
}

.breadcumb-menu li {
	display: inline-block;
	margin-right: 3px;
	padding-right: 3px;
	list-style: none;
	position: relative
}

.breadcumb-menu li:after {
	content: "\f054";
	position: relative;
	margin-left: 6px;
	font-weight: 500;
	font-size: 15px;
	color: inherit;
	font-family: var(--icon-font)
}

.breadcumb-menu a,
.breadcumb-menu li,
.breadcumb-menu span {
	white-space: normal;
	color: inherit;
	word-break: break-word;
	font-weight: 500;
	font-size: 16px;
	color: var(--white-color)
}

.breadcumb-title {
	margin: -.2em 0 -.18em;
	line-height: 1.1;
	font-size: 64px;
	font-weight: 600;
	color: var(--white-color)
}

@media (min-width:1300px) {
	.row {
		--bs-gutter-x: 24px
	}

	.header-layout1 .container {
		--main-container: 1920;
		padding: 0 30px
	}

	.header-default .container,
	.header-layout2 .container {
		--main-container: 1920;
		padding: 0 60px
	}

	.breadcumb-title {
		font-size: 38px;
		line-height: 1.11
	}

	.blog-author,
	.blog-single,
	.page-single,
	.search-active-wrap,
	.search-wrap,
	.th-comment-form,
	.th-comments-wrap {
		margin-right: 16px
	}
}

.breadcumb-wrapper {
	--space: 50px;
	padding: calc(var(--space) + 5px) 0 var(--space);
	text-align: center;
	position: relative;
	z-index: 2
}

@media (max-width:1299px) {

	.arrow-wrap .slider-arrow,
	.footer-border-right:before {
		display: none
	}

	.default.show-all {
		display: initial
	}

	.menu-style1>ul>li {
		margin: 0 10px
	}

	.header-layout1 .header-top {
		padding-left: 0;
		z-index: 5
	}

	.header-layout1 .header-logo {
		padding: 22px 96px 22px 0
	}

	.menu-expand {
		font-size: 15px
	}

	.footer-default .footer-top .th-widget-contact .info-box::before {
		right: -40%
	}

	.breadcumb-wrapper {
		--space: 140px;
		padding: calc(var(--space) + 80px) 0 var(--space)
	}

	.breadcumb-wrapper .breadcrumb-left {
		width: 50px;
		top: 28%
	}
}

@media (max-width:1199px) {

	.h1,
	h1 {
		font-size: 55px
	}

	.h2,
	h2 {
		font-size: 36px
	}

	.h3,
	h3 {
		font-size: 30px
	}

	.h4,
	h4 {
		font-size: 24px
	}

	.h5,
	h5 {
		font-size: 20px
	}

	.h6,
	h6 {
		font-size: 16px
	}

	.title-area.text-center.text-xl-start .sub-title {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.sub-title {
		margin-bottom: 20px;
		margin-top: 10px;
		
	}

	.breadcumb-title,
	.shadow-title {
		font-size: 64px
	}

	.sec-title,
	.title-area {
		--section-title-space: 60px
	}

	.sec-title.mb-45,
	.title-area.mb-45 {
		margin-bottom: 36px
	}

	.sec-title.mb-50,
	.title-area.mb-50 {
		margin-bottom: 40px
	}

	.sec-btn,
	.title-line {
		--section-title-space: 55px
	}

	.title-area2 .title {
		max-width: 300px
	}

	.footer-widget.widget_archive a,
	.footer-widget.widget_categories a,
	.footer-widget.widget_meta a,
	.footer-widget.widget_nav_menu a,
	.footer-widget.widget_pages a {
		margin-bottom: 16px
	}

	.header-layout1 .header-logo .logo-bg {
		width: 240px
	}

	.footer-layout1 .widget-area {
		padding-top: 100px;
		padding-bottom: 50px
	}

	.footer-default .footer-top .th-widget-contact {
		padding-bottom: 50px;
		margin-bottom: 50px
	}

	.footer-default .footer-top .th-widget-contact .info-box::before {
		display: none
	}

	.footer-default .widget-area {
		padding-bottom: 50px
	}

	.breadcumb-wrapper {
		--space: 120px;
		padding: calc(var(--space) + 90px) 0 var(--space)
	}

	.breadcumb-menu {
		margin: 15px 0 -.5em
	}

	.breadcumb-menu a,
	.breadcumb-menu li,
	.breadcumb-menu span {
		font-size: 18px
	}
}

@media (max-width:991px) {
	.gy-50 {
		--bs-gutter-y: 40px
	}

	
	.slider-arrow {
		--icon-size: 40px;
		line-height: 38px;
		margin-right: 40px;
		font-size: 14px
	}

	.slider-arrow.slider-next {
		margin-right: 0;
		margin-left: 40px
	}

	.slick-dots {
		margin: 40px 0 0
	}

	.icon-box .slider-arrow {
		margin-right: 0
	}

	.sub-title i {
		font-size: 24px
	}

	.shadow-title {
		font-size: 60px
	}

	.sec-btn,
	.sec-title,
	.title-area,
	.title-line {
		--section-title-space: 50px
	}

	.sec-title.mb-45,
	.title-area.mb-45 {
		margin-bottom: 35px
	}

	.sub-title.h4 {
		font-size: 22px
	}

	.footer-wrapper .widget-area {
		padding-top: var(--section-space-mobile);
		padding-bottom: 0
	}

	.copyright-text {
		text-align: center
	}

	.footer-layout1 .widget-area {
		padding-top: 80px;
		padding-bottom: 30px
	}

	.footer-default .widget-area {
		padding: 0
	}

	.footer-layout2 .newsletter-wrap,
	.footer-top-newsletter .newsletter-wrap {
		padding: 60px 0
	}

	.footer-layout2 .newsletter-content .email-icon,
	.footer-top-newsletter .newsletter-content .email-icon {
		display: none
	}

	.breadcumb-title {
		font-size: 48px
	}

	.breadcumb-wrapper {
		--space: 110px;
		padding: calc(var(--space) + 90px) 0 var(--space)
	}
}

.blog-meta a,
.blog-meta span {
	display: inline-block;
	font-size: 14px;
	color: var(--body-color);
	font-family: var(--body-font);
	margin-right: 26px;
	position: relative
}

.blog-meta a::before,
.blog-meta span::before {
	content: "";
	position: absolute;
	right: -15px;
	height: 16px;
	width: 1px;
	background: #e0e0e0;
	top: 6px
}

.blog-meta a i,
.blog-meta span i {
	margin-right: 5px;
	color: #452829
}

.blog-meta .author img {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	margin-right: 6px
}

.blog-audio,
.blog-img,
.blog-video {
	line-height: 1px
}

.mb-30,
.page-single,
.th-blog,
.th-comments-wrap {
	margin-bottom: 30px
}

.blog-inner-title {
	margin-top: -.25em;
	margin-bottom: 25px;
	font-size: 30px;
	font-weight: 600
}

.blog-inner-title i {
	color: #452829;
	margin-right: 4px
}

.blog-single {
	position: relative;
	margin-bottom: 40px;
	border-radius: 24px;
	overflow: hidden;
	border: 1px solid var(--th-border-color);
	padding: 10px
}

.blog-single .blog-title {
	margin-bottom: 23px;
	font-size: 20px;
	line-height: 1.25;
	font-weight: 700
}

.blog-single .blog-text {
	margin-bottom: 22px
}

.blog-single .blog-meta {
	margin: -.35em 0 10px
}

.blog-single .blog-content {
	margin: 0 0 -.48em;
	position: relative
}

.blog-single .blog-content .blog-single {
	padding: 20px
}

.blog-single .blog-audio {
	line-height: 1
}

.blog-single .blog-audio,
.blog-single .blog-img,
.blog-single .blog-video {
	position: relative;
	overflow: hidden;
	background-color: var(--smoke-color);
	border-radius: 16px;
	margin-bottom: 20px
}

.blog-single .blog-img .slider-arrow {
	--pos-x: 30px;
	--icon-size: 44px;
	border: none;
	background-color: var(--white-color);
	color: #452829;
	box-shadow: none;
	visibility: visible;
	opacity: 1
}

.blog-single .blog-img .play-btn {
	--icon-size: 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: calc(var(--icon-size)/ -2) 0 0 calc(var(--icon-size)/ -2)
}

.blog-single .line-btn {
	display: block;
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content;
	margin-bottom: -1px
}

.blog-author .media-body {
	padding: 40px;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center
}

.blog-details .blog-single {
	background-color: #fff0;
	padding-bottom: 35px
}

.th-comment-form {
	margin-bottom: 30px;
	padding: var(--blog-space-y, 40px) var(--blog-space-x, 40px);
	position: relative
}

.th-comment-form.blog-comment-wrap {
	padding: 60px;
	background: var(--smoke-color2)
}

.contact-from-1-wrap .info-box .info-contnt,
.th-comment-form .form-title {
	margin-top: -.35em
}

.th-comment-form .form-title a#cancel-comment-reply-link {
	font-size: .7em;
	text-decoration: underline
}

.blog-comment-area,
.contact-form .sec-title,
.mb-25,
.th-comment-form .form-text {
	margin-bottom: 25px
}

.th-comment-form,
.th-comments-wrap {
	margin-top: var(--blog-space-y, 40px);
	padding: 40px;
	box-shadow: none;
	border-radius: 30px;
	border: 1px solid var(--th-border-color)
}

.th-comment-form:has(#wp-temp-form-div),
.th-comments-wrap:has(#wp-temp-form-div) {
	padding: 0;
	box-shadow: none;
	display: none
}

.th-comments-wrap .description p:last-child {
	margin-bottom: -.5em
}

.th-comments-wrap .comment-respond {
	margin: 30px 0
}

ul.comment-list .th-comment-item:last-child>.th-post-comment {
	border-bottom: none;
	padding-bottom: 0
}

ul.comment-list .children .th-comment-item>.th-post-comment {
	padding-bottom: 40px;
	border-bottom: 1px solid var(--th-border-color)
}

ul.comment-list:has(>.th-comment-item~.th-comment-item):first-child>.th-post-comment {
	padding-bottom: 40px;
	border-bottom: 1px solid var(--th-border-color)
}

ul.comment-list .th-comment-item:has(.children) .th-post-comment {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--th-border-color)
}

.comment-respond .must-log-in {
	margin-bottom: 0;
	margin-top: 8px
}

.th-hero-wrapper {
	position: relative;
	z-index: 2;
	overflow: hidden
}

.hero-1-scroll-icon-bg-shape {
	position: absolute;
	bottom: 0;
	right: 40px
}

.hero-1-scroll-icon-bg-shape .hero-1-scroll-icon-wrap .shape-thumb .icon-btn {
	position: absolute;
	height: 40px;
	width: 40px;
	line-height: 42px;
	border-radius: 50%;
	background: #452829;
	border: 0;
	color: var(--white-color);
	bottom: 1px;
	z-index: 5;
	left: 31px
}

.th-hero-wrapper.hero-1 .swiper-pagination-bullets {
	position: absolute;
	top: 44%;
	left: auto;
	right: 62px;
	width: auto;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	height: 16px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.th-hero-wrapper.hero-1 .swiper-pagination-bullets::before {
	border: 1px solid var(--white-color)
}

.th-hero-wrapper.hero-1 .swiper-pagination-bullets .swiper-pagination-bullet {
	display: block;
	margin: 20px 0;
	--swiper-pagination-bullet-size: 10px;
	border: 1px solid #fff0;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	background: var(--white-color)
}

.th-hero-wrapper.hero-1 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #000;
	border-color: #fff;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.hero-img-shape-1 {
	z-index: 2;
	top: 40%;
	right: 39.3%
}

@media (max-width:1850px) {
	.hero-img-shape-1 {
		right: 38%
	}
}

@media (max-width:1600px) {
	.footer-wrapper .footer-shape-1 {
		top: 24%;
		left: 1%
	}

	.hero-img-shape-1 {
		right: 37%
	}
	.mobile-toggle{
		display: none;
	}
}

.hero-title {
	font-size: 50px;
	font-weight: 600;
	line-height: 1.11;
	margin-top: -.2em;
	color: var(--white-color)
}

@media (max-width:1399px) {
	.slider-arrow {
		--arrow-horizontal: 40px;
		--pos-x: -17px
	}

	.header-button .th-btn {
		display: none
	}

	.blog-single .blog-title {
		font-size: 28px;
		line-height: 1.4
	}

	.share-links {
		--blog-space-x: 20px
	}

	.th-comment-form,
	.th-comments-wrap {
		padding: 40px 30px
	}

	.hero-title {
		font-size: 77px
	}

	.hero-style2 {
		padding: 230px 0
	}
}

.hero-title .title1 {
	display: block;
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content;
	position: relative
}

.contact-icon-wrap,
.hero-title .title2 {
	display: flex;
	gap: 30px
}

.hero-1 .hero-img .img-main {
	position: relative;
	max-width: 450px;
	margin-left: auto;
	background: var(--white-color);
	padding: 1px;
	border-radius: 0 100px;
	margin-right: 18px
}

.hero-1 .hero-img .img-main::before {
	content: "";
	position: absolute;
	top: -18px;
	left: 18px;
	height: 100%;
	width: 100%;
	border-radius: 0 100px;
	border: 3px solid #452829;
	z-index: -1
}

.hero-1 .hero-img .img-main img {
	z-index: 2;
	border-radius: 0 100px
}

.hero-style1 {
	position: relative;
	z-index: 6;
	padding: 118px 0 105px
}

.hero-style1 .hero-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	gap: 30px
}

.hero-style1 .btn-group,
.mt-40 {
	margin-top: 40px
}

@media (max-width:1500px) {
	.th-hero-wrapper.hero-1 .swiper-pagination-bullets {
		right: 10px
	}

	.hero-style1 {
		padding: 60px 0 105px
	}

	.hero-style2 .hero-title {
		font-size: 80px
	}
	.mobile-toggle{
		display: none;
	}
}

@media (max-width:1299px) {

	.hero-2-logo-shape,
	.hero-img-shape-1,
	.th-hero-wrapper.hero-1 .swiper-pagination-bullets {
		display: none
	}

	.hero-1 .hero-title {
		font-size: 70px
	}
}

@media (max-width:1199px) {

	.blog-meta a,
	.blog-meta span {
		margin-right: 15px
	}

	.blog-meta a:not(:last-child),
	.blog-meta span:not(:last-child) {
		padding-right: 15px
	}

	.blog-single {
		--blog-space-x: 20px;
		--blog-space-y: 20px
	}

	.th-comment-form.blog-comment-wrap {
		padding: 40px
	}

	.th-comments-wrap .children {
		margin-left: 40px
	}

	.th-hero-wrapper.hero-1 .swiper-pagination-bullets {
		display: none
	}

	.hero-1 .hero-title {
		font-size: 60px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 0
	}

	.hero-style1 {
		padding: 118px 0 105px
	}

	.hero-style1 .title-img {
		right: 3%
	}
}

@media (max-width:991px) {

	.blog-single,
	.share-links {
		--blog-space-x: 40px
	}
	.text-end{
		display: none;
	}



.header-container {
    position: relative;
}

.mobile-toggle {
    position: absolute;
    right: 0;  /* push to right */
    top: 40%;  /* vertically center */
    transform: translateY(-50%);
    background: #4b2e2e;
    color: #fff;
    border: none;
    width: 59px !important;
    height: 50px !important;
    border-radius: 6px;
}




	.blog-single {
		--blog-space-y: 40px
	}

	.th-comment-form.blog-comment-wrap {
		padding: 40px 30px
	}

	.th-comment-form,
	.th-comments-wrap {
		padding: 40px
	}

	.hero-style1,
	.hero-style1 .title1,
	.hero-style1 .title2 {
		margin-left: auto;
		margin-right: auto
	}

	.hero-1 .hero-title {
		font-size: 54px;
		gap: 19px;
		-webkit-box-orient: initial;
		-webkit-box-direction: initial;
		-webkit-flex-direction: initial;
		-ms-flex-direction: initial;
		flex-direction: initial;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.hero-1 .hero-img {
		margin-top: 35px
	}

	.hero-1 .hero-img .img-main {
		margin: auto
	}

	.hero-style1 .sub-title {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.hero-style1 {
		padding: 100px 0;
		text-align: center
	}

	.hero-style1 .title-img {
		max-width: 40px;
		right: 5%
	}

	.hero-2 {
		background-image: none !important
	}
}

@media (max-width:330px) {
	.hero-title {
		font-size: 29px
	}
}

.hero-2 {
	overflow: hidden
}

.hero-2-top-shape {
	top: 12%;
	left: 42%
}

.hero-2-logo-shape {
	bottom: 17%;
	right: 42%;
	z-index: 3
}

.hero-2-right-main {
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 500px 0 0 500px;
	background: #d9d9d9;
	padding-left: 20px
}

@media (max-width:1700px) {
	.title-area2 {
		padding: 50px
	}

	.hero-2-right-main {
		width: 50%
	}
}

.hero-2-right-main img {
	height: 100%;
	object-fit: cover;
	object-position: left;
	border-radius: 500px 0 0 500px
}

.hero-style2 {
	position: relative;
	z-index: 6;
	padding: 230px 0
}

.hero-style2 .client-group-wrap {
	position: inherit;
	left: 0;
	margin: 0;
	bottom: 0;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.hero-style2 .btn-group {
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	gap: 25px
}

.hero-style2 .btn-group .client-group-wrap__content {
	margin: 0;
	position: i
}

@media (max-width:1199px) {
	.hero-style2 {
		padding: 180px 0
	}
}

@media (max-width:991px) {
	.hero-2-right-main {
		display: none
	}

	.hero-style2 {
		padding: 115px 0;
		text-align: center
	}
}

.hero-style2 .hero-title {
	margin-bottom: 38px;
	font-weight: 800;
	color: var(--title-color);
	max-width: 690px
}

@media (max-width:1199px) {
	.hero-style2 .hero-title {
		font-size: 66px;
		max-width: 566px
	}
}

@media (max-width:991px) {
	.hero-style2 .hero-title {
		margin-left: auto;
		margin-right: auto;
		font-size: 52px
	}

	.hero-style3 .hero-title {
		text-align: center
	}
}

.hero-style3 {
	padding: 180px 0
}

@media (max-width:1399px) {
	.hero-style3 {
		padding: 160px 0
	}
	.mobile-toggle{
		display: none;
	}
}

.hero-style3 .hero-title {
	margin-bottom: 21px
}

@media (max-width:1299px) {
	.hero-2-right-main {
		width: 44%
	}
	.mobile-toggle{
		display: none;
	}

	.hero-style3 {
		padding: 130px 0
	}

	.hero-style3 .hero-title {
		font-size: 70px
	}
}

@media (max-width:1199px) {
	.hero-style3 {
		padding: 100px 0
	}

	.hero-style3 .hero-title {
		font-size: 58px
	}
}

@media (max-width:767px) {
	#service-sec {
    padding-top: 0 !important; 
    margin-top: 0 !important;  
}

#service-sec .sec-title {
    margin-top: 15px !important; 
}

	.about-1-wrapper {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

	.breadcumb-title,
	.h1,
	h1 {
		font-size: 40px
	}

	.h2,
	h2 {
		font-size: 32px
	}

	.h3,
	h3 {
		font-size: 26px
	}

	.h4,
	h4 {
		font-size: 22px
	}

	.h5,
	h5 {
		font-size: 18px
	}

	.h6,
	h6 {
		font-size: 16px
	}

	.title-area2 {
		text-align: center
	}

	.title-area2 .title {
		max-width: 100%
	}

	.btn-group.style2 {
		gap: 20px 30px
	}

	.btn-group {
		gap: 20px
	}

	.footer-widget .widget_title {
		margin: -.12em 0 25px;
		padding: 0 0 11px
	}

	.th-widget-about .about-text {
		margin-bottom: 20px
	}

	.social-box.mb-30 {
		margin-bottom: 25px
	}

	.header-layout1 .header-logo,
	.sticky-wrapper.sticky .header-logo {
		padding: 0
	}

	.header-links li:not(:last-child) {
		margin: 0
	}

	.header-links li:not(:last-child):after {
		display: none
	}

	.footer-default .widget-area {
		padding-bottom: 5px
	}

	.footer-default .copyright-wrap {
		margin-bottom: 30px
	}

	.footer-default .copyright-wrap .copyright-text {
		border-radius: 15px
	}

	.footer-top-shape {
		top: -60px;
		height: 60px
	}

	.breadcumb-wrapper {
		--space: 100px
	}

	.blog-author {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.blog-author .auhtor-img img {
		width: 100%
	}

	.blog-details .blog-single,
	.blog-single {
		--blog-space-x: 20px;
		--blog-space-y: 20px
	}

	.share-links,
	.th-comment-form {
		--blog-space-x: 20px
	}

	.blog-single {
		border-radius: 10px
	}

	.blog-single .blog-audio,
	.blog-single .blog-img,
	.blog-single .blog-video {
		border-radius: 10px 10px 0 0
	}

	.blog-single .blog-title {
		font-size: 24px;
		line-height: 1.3
	}

	.blog-single .blog-text {
		margin-bottom: 22px
	}

	.blog-single .blog-bottom {
		padding-top: 15px
	}

	.th-comment-form.blog-comment-wrap {
		padding: 40px 20px
	}

	.th-comment-form,
	.th-comments-wrap {
		border-radius: 10px;
		padding: 40px 20px
	}

	.th-comments-wrap .comment-top,
	.th-comments-wrap .th-post-comment {
		display: block
	}

	.th-comments-wrap .star-rating {
		position: relative;
		top: 0;
		right: 0
	}

	.th-comments-wrap .comment-avater {
		margin-right: 0;
		margin-bottom: 20px
	}

	.th-comments-wrap .children {
		margin-left: 30px
	}

	.hero-style1,
	.hero-style3 {
		padding: 80px 0
	}

	.hero-style1 .client-group-wrap {
		margin-top: 5px
	}

	.hero-style1 .client-group-wrap__content {
		margin-top: 0
	}

	.hero-1 .hero-title {
		font-size: 38px
	}

	.hero-style2 .btn-group {
		gap: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.hero-style2 {
		padding: 100px 0
	}

	.hero-style2 .hero-title {
		font-size: 45px;
		margin-bottom: 25px
	}

	.hero-style3 .hero-title {
		font-size: 45px
	}
}

@media (max-width:575px) {

	.breadcumb-title,
	.h1,
	h1 {
		font-size: 34px
	}

	.h2,
	h2 {
		font-size: 28px
	}

	.shadow-title {
		font-size: 52px
	}

	.col-md-6:last-child .newsletter-widget {
		margin-bottom: 27px
	}

	.header-logo img {
		max-width: 80%
	}
	.text-end{
		display: none;
	}

	.call-btn {
		padding: 0 15px
	}

	.call-btn .box-title {
		font-size: 16px
	}

	.copyright-wrap {
		background-color: #452829;
		padding: 25px 0 20px
	}

	.blog-meta a:not(:last-child):after,
	.blog-meta span:not(:last-child):after,
	.footer-layout1 .footer-bottom-shape,
	.footer-layout1 .footer-shape-2 {
		display: none
	}

	.footer-logo-wrap {
		padding: 24px 30px;
		border-radius: 50px
	}

	.breadcumb-wrapper {
		--space: 90px;
		padding: calc(var(--space) + 85px) 0 var(--space)
	}

	.breadcumb-wrapper .breadcrumb-right {
		bottom: 15%;
		left: 50%;
		width: 39px
	}

	.blog-meta a,
	.blog-meta span {
		margin-right: 20px
	}

	.blog-meta a:not(:last-child),
	.blog-meta span:not(:last-child) {
		padding-right: 0
	}

	.blog-author .media-body {
		padding: 35px 20px 30px
	}

	.share-links-title {
		margin: 0 15px 5px 0
	}

	.hero-style1 .title-img {
		right: 3%
	}

	.hero-img {
		margin-right: 15px
	}

	.hero-1 .hero-title {
		font-size: 38px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 6px
	}

	.hero-style1 .sub-title {
		font-size: 16px;
		margin-bottom: 15px
	}

	.hero-style2 .hero-title,
	.hero-style3 .hero-title {
		font-size: 40px
	}
}

@media (max-width:450px) {

	.sub-title.style-3 .left,
	.sub-title.style-3 .right {
		display: none
	}

	.hero-style3 .hero-title {
		font-size: 35px
	}
}

.hero-style3 .hero-text {
	max-width: 630px;
	color: #a5a8a8;
	margin-bottom: 41px
}

.hero-style3 .client-group-wrap {
	position: static;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 50px
}

.hero-style3 .hero-title .line::after {
	content: '';
	height: 55px;
	width: 98%;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQMAAAAWCAYAAADEvflXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQ6SURBVHgB7ZlNbtRMEIar2lE+xLeIOQG+AXMDwhaEBAskxDkAiV12SCDEKUBILIAFsIUbDCfA3MAsQPzMdNPVdrWr204CYZg4k3qkaGz3JHF11/tWtQ2gKIqiKIqiKIqiKIqiKIqyDwhr4sXetRL+O1Py+dYWVHzsEMvC/yS/YPtxxiCchxEcuAr2wQGWiFDClHCuPmgYAQfjDl3jLH4efNlA8l1rbXK+WIjx79+a63svGziEfK2Ohd+8V2V1jJoBJ8N2sSwtFmUi1k6kaNwOuvaaFyN9tuOIVfxDTgga06T12S3OXeNvJFl46+BTeqNeDAZHkyMXgCQRw0QgI8wNEK0rybjCMcIFgH7MgT2HiDvJfE4JDGu3auGWPt7ygP9Z55ecg4byJLvsr/V5k+eVNFOZRzFvTpEpBTN48+jWx+7UL4AXdre47eTSRPZi5cmU4lw6P+7aRZDiu37vWQ0bwIv7Nyv6HDNHtFh2Zph0LtytpJ1JN7/hMBVQP9fhLDFHa91n7xDxfMwYxwxxXyPsEryPy/i4bBSeMaZqY+sNiu7bGNxxwfT7ItDF1gvXi1SKkrucKEIvvkG+HEFwfO+SPI5wj3nXmXWc6ZphP4ax2xSxtVrITCesG3du4di4hmM0btn8WBbNSTCVYAZxYjfQBTm2QTXukoKTIXY3sbNJhFuH74yZoxTqSJUxzvhksO34hleZvqPsRcnGIudbGkonulZwndh4G0VGErdHwkSOaiD/Ij7OqWicmWlGw+SubsQspVFy3hxHjGt7ZvA35NsWmWC8XRmIWUx+e95WKL8I4VMuAH0kiUbonnXt8Drz86SwzmMmkhhIL67cPEhYoTJ//VlPZS2pOA3MMokRw3EeozRIyl0qSgu0NefsKrrwYzEDuej7CLuK7TWJOtu2SEFzy5yLeVO2KMrBSHFFYcXqjFVXmatcVP54PmXTkFCMSWfrYxyYY6sTjq8JJunjW6Kb/65hrNQMSORb/5+Z0aLwXrq96dBCVbm4qVqPCbtdnLa9VlErq0KKasvnIRUcrsbSNLzI5txpcBVewnI+ZcMgxuKLD6Mzw4jbk84Mr9559m6lZvD6wY0Zmu3HJPC4l+72eoXFWsWtTB0qaNtnz1ay0xgYBm02g6B8ISNxWfOJWvbCLuopmwXBhsGxsVlcvv3k0ol4ZqAoU4I74FiBHW1xzQVpFuDsHMLWFj9w9V18+TafslGoGSjKipFmUTiciVZ9JrsKMoq4p5+AUagZKMoaOcwoQkfhH27S1oOfU1y5+3wOa0DNQFEmAhtFATjjrUdiEuGhu3lPJvEvOgk1A0WZOIeahOgk6K0AHBE1A0U5oUiT8G/uLvpXopUX9Kx7NVr/aRehZqAoG8brB7dmS+OqwsIudxG+o6gPMwg1A0U5BQwMAtwudRDg4NWVO0/3QFGU0wsZxNuHN3f5/BdXQmzhnURb9AAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	position: absolute;
	bottom: -43px;
	left: 18px;
	-webkit-animation: 3s linear infinite roundFill;
	animation: 3s linear infinite roundFill;
	z-index: -1
}

@-webkit-keyframes roundFill {
	0% {
		width: 0
	}

	60% {
		width: 100%;
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes roundFill {
	0% {
		width: 0
	}

	60% {
		width: 100%;
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.hero-img .logo-icon-hero-3 {
	z-index: 2;
	top: 51%;
	left: -89px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media (max-width:991px) {
	.hero-style3 .hero-text {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-bottom: 32px
	}


	.hero-style3 {
		padding: 90px 0 35px
	}

	.hero-style3 .btn-group {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}

	.hero-style3 .client-group-wrap {
		margin-top: 36px
	}

	.hero-img .img-main {
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 90px
	}

	.hero-img .logo-icon-hero-3 {
		left: -7px
	}
	    .header-layout1 .header-logo {
        /* padding: 15px 22px 15px 0; */
    }
}

@media (max-width:767px) {
	.hero-img .img-main {
		padding-bottom: 80px
	}

	.hero-img .logo-icon-hero-3 {
		left: -40px
	}
}

.hero-img .img-main {
	position: relative;
	border-radius: 24px;
	max-width: 524px
}

.hero-img .img-main .hero_3_1-shape {
	position: absolute;
	left: -2px;
	z-index: 1;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.hero-img .img-main img,
.process-thumb .video-container,
.process-thumb img,
.testi-3-thumb img {
	border-radius: 24px
}

.logo-icon-wrap .logo-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	margin-top: -3px;
	margin-bottom: 0;
	border: 1px solid #768382;
	border-radius: 50%;
	height: 70px;
	width: 70px;
	line-height: 56px
}

.logo-icon-wrap .logo-icon img {
	width: 49px
}

.logo-icon-wrap__text {
	display: inline-block;
	min-height: 120px;
	min-width: 120px;
	border-radius: 50%;
	z-index: 1;
	font-size: 13px;
	font-weight: 500;
	color: var(--white-color);
	text-align: center;
	background: #314E525E;
	border: 2px solid #768382;
	-webkit-backdrop-filter: blur(8.1px);
	backdrop-filter: blur(8.1px);
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
	animation: 10s infinite alternate-reverse spin
}

.logo-icon-wrap__text span {
	--rotate-letter: 18deg;
	min-height: 62px;
	position: absolute;
	min-width: 62px;
	left: 13px;
	top: -4px;
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transform: rotate(var(--rotate-letter));
	-ms-transform: rotate(var(--rotate-letter));
	transform: rotate(var(--rotate-letter))
}

.logo-icon-wrap__text span.char2 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 2));
	-ms-transform: rotate(calc(var(--rotate-letter) * 2));
	transform: rotate(calc(var(--rotate-letter) * 2))
}

.logo-icon-wrap__text span.char3 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 3));
	-ms-transform: rotate(calc(var(--rotate-letter) * 3));
	transform: rotate(calc(var(--rotate-letter) * 3))
}

.logo-icon-wrap__text span.char4 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 4));
	-ms-transform: rotate(calc(var(--rotate-letter) * 4));
	transform: rotate(calc(var(--rotate-letter) * 4))
}

.logo-icon-wrap__text span.char5 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 5));
	-ms-transform: rotate(calc(var(--rotate-letter) * 5));
	transform: rotate(calc(var(--rotate-letter) * 5))
}

.logo-icon-wrap__text span.char6 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 6));
	-ms-transform: rotate(calc(var(--rotate-letter) * 6));
	transform: rotate(calc(var(--rotate-letter) * 6))
}

.logo-icon-wrap__text span.char7 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 7));
	-ms-transform: rotate(calc(var(--rotate-letter) * 7));
	transform: rotate(calc(var(--rotate-letter) * 7))
}

.logo-icon-wrap__text span.char8 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 8));
	-ms-transform: rotate(calc(var(--rotate-letter) * 8));
	transform: rotate(calc(var(--rotate-letter) * 8))
}

.logo-icon-wrap__text span.char9 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 9));
	-ms-transform: rotate(calc(var(--rotate-letter) * 9));
	transform: rotate(calc(var(--rotate-letter) * 9))
}

.logo-icon-wrap__text span.char10 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 10));
	-ms-transform: rotate(calc(var(--rotate-letter) * 10));
	transform: rotate(calc(var(--rotate-letter) * 10))
}

.logo-icon-wrap__text span.char11 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 11));
	-ms-transform: rotate(calc(var(--rotate-letter) * 11));
	transform: rotate(calc(var(--rotate-letter) * 11))
}

.logo-icon-wrap__text span.char12 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 12));
	-ms-transform: rotate(calc(var(--rotate-letter) * 12));
	transform: rotate(calc(var(--rotate-letter) * 12))
}

.logo-icon-wrap__text span.char13 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 13));
	-ms-transform: rotate(calc(var(--rotate-letter) * 13));
	transform: rotate(calc(var(--rotate-letter) * 13))
}

.logo-icon-wrap__text span.char14 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 14));
	-ms-transform: rotate(calc(var(--rotate-letter) * 14));
	transform: rotate(calc(var(--rotate-letter) * 14))
}

.logo-icon-wrap__text span.char15 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 15));
	-ms-transform: rotate(calc(var(--rotate-letter) * 15));
	transform: rotate(calc(var(--rotate-letter) * 15))
}

.logo-icon-wrap__text span.char16 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 16));
	-ms-transform: rotate(calc(var(--rotate-letter) * 16));
	transform: rotate(calc(var(--rotate-letter) * 16))
}

.logo-icon-wrap__text span.char17 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 17));
	-ms-transform: rotate(calc(var(--rotate-letter) * 17));
	transform: rotate(calc(var(--rotate-letter) * 17))
}

.logo-icon-wrap__text span.char18 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 18));
	-ms-transform: rotate(calc(var(--rotate-letter) * 18));
	transform: rotate(calc(var(--rotate-letter) * 18))
}

.logo-icon-wrap__text span.char19 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 19));
	-ms-transform: rotate(calc(var(--rotate-letter) * 19));
	transform: rotate(calc(var(--rotate-letter) * 19))
}

.logo-icon-wrap__text span.char20 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 20));
	-ms-transform: rotate(calc(var(--rotate-letter) * 20));
	transform: rotate(calc(var(--rotate-letter) * 20))
}

.logo-icon-wrap__text span.char21 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 21));
	-ms-transform: rotate(calc(var(--rotate-letter) * 21));
	transform: rotate(calc(var(--rotate-letter) * 21))
}

.logo-icon-wrap__text span.char22 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 22));
	-ms-transform: rotate(calc(var(--rotate-letter) * 22));
	transform: rotate(calc(var(--rotate-letter) * 22))
}

.logo-icon-wrap__text span.char23 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 23));
	-ms-transform: rotate(calc(var(--rotate-letter) * 23));
	transform: rotate(calc(var(--rotate-letter) * 23))
}

.logo-icon-wrap__text span.char24 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 24));
	-ms-transform: rotate(calc(var(--rotate-letter) * 24));
	transform: rotate(calc(var(--rotate-letter) * 24))
}

.logo-icon-wrap__text span.char25 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 25));
	-ms-transform: rotate(calc(var(--rotate-letter) * 25));
	transform: rotate(calc(var(--rotate-letter) * 25))
}

.logo-icon-wrap__text span.char26 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 26));
	-ms-transform: rotate(calc(var(--rotate-letter) * 26));
	transform: rotate(calc(var(--rotate-letter) * 26))
}

.logo-icon-wrap__text span.char27 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 27));
	-ms-transform: rotate(calc(var(--rotate-letter) * 27));
	transform: rotate(calc(var(--rotate-letter) * 27))
}

.logo-icon-wrap__text span.char28 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 28));
	-ms-transform: rotate(calc(var(--rotate-letter) * 28));
	transform: rotate(calc(var(--rotate-letter) * 28))
}

.logo-icon-wrap__text span.char29 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 29));
	-ms-transform: rotate(calc(var(--rotate-letter) * 29));
	transform: rotate(calc(var(--rotate-letter) * 29))
}

.logo-icon-wrap__text span.char30 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 30));
	-ms-transform: rotate(calc(var(--rotate-letter) * 30));
	transform: rotate(calc(var(--rotate-letter) * 30))
}

.logo-icon-wrap__text span.char31 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 31));
	-ms-transform: rotate(calc(var(--rotate-letter) * 31));
	transform: rotate(calc(var(--rotate-letter) * 31))
}

.logo-icon-wrap__text span.char32 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 32));
	-ms-transform: rotate(calc(var(--rotate-letter) * 32));
	transform: rotate(calc(var(--rotate-letter) * 32))
}

.logo-icon-wrap__text span.char33 {
	-webkit-transform: rotate(calc(var(--rotate-letter) * 33));
	-ms-transform: rotate(calc(var(--rotate-letter) * 33));
	transform: rotate(calc(var(--rotate-letter) * 33))
}

.error-img {
	text-align: center;
	margin-bottom: 45px
}

.error-text {
	margin-bottom: 35px;
	max-width: 470px;
	margin-left: auto;
	margin-right: auto
}

@media (max-width:991px) {
	.error-title {
		margin-bottom: 15px
	}

	.error-img {
		margin-bottom: 30px
	}

	.error-text {
		margin-bottom: 25px
	}

	.contact-form {
		padding: 40px
	}
}

.contact-form {
	border-radius: 16px;
	background-color: #452829;
	padding: 40px;
	text-align: center
}

@media (max-width:575px) {
	.hero-img .logo-icon-hero-3 {
		left: -10px
	}

	.contact-form {
		padding: 40px 20px
	}

	.img-box1.about-1 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.blog-grid .blog-img,
.rounded-20 {
	border-radius: 20px;
	overflow: hidden
}

.form-text {
	font-size: 16px
}

.contact-map {
	line-height: 0;
	width: 100%;
	margin: 0 auto;
	border-radius: 30px;
	padding: 30px;
	border: 1px solid var(--th-border-color)
}

.contact-map iframe {
	width: 100%;
	height: 600px;
	border-radius: 24px
}

.contact-form select,
.form-control,
.form-select,
input,
textarea {
	height: 56px
}

.contact-from-1-wrap .contact-form select,
.contact-from-1-wrap .form-control,
.contact-from-1-wrap .form-select,
.contact-from-1-wrap textarea,
input {
	height: 56px;
	border: 0
}

.contact-form textarea.form-control,
textarea {
	height: 180px
}

.contact-from-1-wrap {
	background: var(--smoke-color2);
	padding: 40px;
	border-radius: 24px
}

.contact-from-1-wrap .info-box {
	max-width: 340px;
	margin-bottom: 28px
}

.contact-from-1-wrap .info-box_icon {
	background: #452829;
	color: var(--white-color)
}

.contact-from-1-wrap .info-box .info-contnt .footer-info-title {
	font-size: 22px;
	margin-bottom: 8px;
	color: #452829
}

.contact-icon-wrap .info-box:hover .info-box_icon img,
.info-box:hover .info-box_icon i,
.process-box.style-2:hover .box-icon img {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg)
}

.contact-2-video-btn,
.testi_3_logo-icon {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%)
}

.contact-img {
	margin-top: 30px;
	border-radius: 24px
}

.contact-img img,
.faq-img-box2 .img img {
	border-radius: 24px;
	width: 100%
}

.contact_1-man {
	bottom: 3px;
	right: 30px;
	z-index: 2;
	width: 413px
}

@media (max-width:1399px) {
	.contact_1-man {
		bottom: 22px
	}

	.testi-grid-area .slider-arrow {
		--pos-x: 50px
	}

	.blog-1-shape-left,
	.blog-1-shape-right {
		display: none
	}
}

@media (max-width:1299px) {
	.hero-style3 .hero-text {
		max-width: 470px
	}

	.hero-style3 .hero-title .line::after {
		left: 8px;
		-webkit-animation: 3s linear infinite roundFill;
		animation: 3s linear infinite roundFill;
		z-index: -1;
		background-size: 220px
	}

	.contact_1-man {
		bottom: 44px;
		width: 320px
	}
}

@media (max-width:1199px) {
	.contact-map iframe {
		height: 400px
	}

	.contact_1-man {
		bottom: 0;
		width: 462px;
		right: 69px
	}
}

@media (max-width:991px) {
	.contact-map {
		padding: 20px;
		border-radius: 26px
	}

	.contact-map iframe {
		height: 350px;
		border-radius: 20px
	}

	.contact_1-man {
		right: 21px
	}

	.contact_2-right {
		display: none
	}
}

@media (max-width:767px) {
	.error-title {
		margin-bottom: 10px
	}

	.contact-img {
		margin-top: 40px
	}

	.contact_1-man {
		width: 215px
	}
}

@media (max-width:460px) {
	.contact_1-man {
		width: 180px
	}
}

@media (max-width:435px) {
	.contact_1-man {
		width: 160px;
		right: 6px
	}
}

@media (max-width:410px) {
	.contact_1-man {
		width: 145px;
		right: 6px
	}
}

@media (max-width:390px) {
	.hero-1 .hero-title {
		font-size: 36px;
		line-height: 1.2
	}

	.client-group-wrap {
		gap: 10px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.contact_1-man {
		width: 125px
	}
}

@media (max-width:375px) {

	.h1,
	h1 {
		font-size: 32px
	}

	.shadow-title {
		font-size: 40px
	}

	.title-area2 {
		padding: 40px 20px
	}

	.col-md-6:last-child .newsletter-widget {
		margin-bottom: 15px
	}

	.header-logo img {
		max-width: 80%;
		margin: 10px 0;
	}
	.mobile-toggle {
        background: #4b2e2e;
    color: #fff;
    border: none;
    width: 40px !important;
    height: 36px !important;
    border-radius: 6px;
	display: block;
	margin-bottom: 10px !important;
}


   .about-1-wrapper {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

	.footer-layout1.style-2 .subscribe-box {
		padding: 50px 0
	}

	.hero-style2 {
		padding: 90px 0
	}

	.hero-style2 .hero-title {
		font-size: 32px;
		margin-bottom: 15px
	}

	.hero-style3 .hero-title {
		font-size: 32px;
		line-height: 1
	}

	.hero-img .logo-icon-hero-3 {
		left: -1px
	}

	.contact-from-1-wrap {
		padding: 10px
	}

	.contact_1-man {
		width: 142px
	}
}

@media (max-width:335px) {
	.contact_1-man {
		width: 128px
	}
}

.contact_2-right {
	z-index: 1;
	right: 0;
	top: 0;
	bottom: 0
}

.contact-2-video-btn {
	position: absolute;
	z-index: 2;
	right: 350px;
	top: 50%;
	transform: translateY(-50%)
}

.contact-form.style-2 {
	border: 1px solid var(--smoke-color2);
	max-width: 576px;
	background: #f5f5F517;
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px)
}

.team-card,
.testi-block,
.testi-block.style-2 {
	border-bottom: 6px solid #452829
}

.contact-form.style-2 .form-control,
.contact-form.style-2 .form-select,
.contact-form.style-2 input,
.contact-form.style-2 select,
.contact-form.style-2 textarea {
	background: #fff0;
	color: var(--white-color)
}

.blog-box .box-title a,
.blog-card .box-title a,
.blog-grid .box-title a {
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 0 2px
}

.contact-form.style-3 {
	background: var(--black-color2)
}

.contact-form.style-3 .form-control,
.contact-form.style-3 .form-select,
.contact-form.style-3 input,
.contact-form.style-3 select,
.contact-form.style-3 textarea {
	background-color: var(--black-color2);
	color: var(--white-color)
}

.contact-form.style-4 {
	background: var(--smoke-color2);
	padding: 60px;
	text-align: start
}

.contact-form.style-4 .form-title {
	font-size: 30px;
	margin-top: -.35em
}

.contact-form.style-4 textarea,
.contact-form.style-4 textarea.form-control {
	height: 150px
}

.contact-icon-box-wrap.style-3 .info-box {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.contact-icon-box-wrap.style-3 .info-contnt {
	margin-top: -.32em
}

.contact-icon-box-wrap.style-3 .footer-info-title {
	margin-bottom: 10px;
	font-size: 22px;
	color: var(--white-color)
}

.contact-icon-wrap .info-box {
	width: 24%
}

.contact-icon-wrap .info-box_icon {
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #452829;
	border-radius: 50%
}

.contact-icon-wrap .footer-info-title {
	font-size: 22px;
	font-weight: 500
}

.contact-icon-wrap .info-box:last-child {
	width: 27%
}

.contact-icon-box-wrap.style-3 .info-box_icon {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	font-size: 25px;
	background: #12121287
}

.img-box1.about-1 {
	position: relative;
	z-index: 5;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 24px
}

.img-box1.about-1 .logo-shape {
	top: 40%;
	z-index: 2;
	left: 36%
}

.img-box1.about-1 .img1 {
	position: relative;
	z-index: 1
}

.img-box1.about-1 .img1:before {
	content: "";
	position: absolute;
	height: 98%;
	width: 100%;
	left: -24px;
	top: -24px;
	border: 1px solid #452829;
	border-radius: 90px 0 100px 100px;
	z-index: -1
}

.img-box1.about-1 .img1 img {
	border-radius: 90px 0 100px 100px
}

.img-box1.about-1 .img2 {
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 24px
}

.img-box1.about-1 .img2 img {
	border-radius: 100px 100px 100px 0
}

.img-box1.about-1 .img2 .img2-bottom img {
	border-radius: 0 100px 100px
}

.team-1-card-wrap {
	margin-right: -51%;
	position: relative
}

.team-1-card-wrap .swiper-slide {
	height: unset
}

.team-1-card-wrap .slider-arrow {
	background: var(--white-color);
	color: var(--title-color2)
}

.team-1-card-wrap .slider-arrow:hover {
	background: #452829;
	color: var(--white-color)
}

.team-1-card-wrap .slider-arrow.slider-prev {
	left: -28px
}

.team-1-card-wrap .slider-arrow.slider-next {
	left: auto;
	right: 14%
}

@media (max-width:1850px) {
	.team-1-card-wrap .slider-arrow.slider-next {
		right: 17%
	}
}

@media (max-width:1770px) {
	.team-1-card-wrap .slider-arrow.slider-next {
		right: 20%
	}
}

@media (max-width:1870px) {
	.team-1-card-wrap .slider-arrow.slider-next {
		right: 23%
	}
}

@media (max-width:1630px) {
	.team-1-card-wrap .slider-arrow.slider-next {
		right: 25%
	}
}

@media (max-width:1560px) {
	.team-1-card-wrap .slider-arrow.slider-next {
		right: 28%
	}
}

@media (max-width:1470px) {
	.team-1-card-wrap .slider-arrow.slider-next {
		right: 30%
	}
}

@media (max-width:1370px) {
	.team-1-card-wrap .slider-arrow.slider-next {
		right: 32%
	}
}

.team-card {
	position: relative;
	overflow: hidden;
	background-color: #452829;
	border-radius: 24px;
	-webkit-transition: .4s;
	transition: .4s
}

.team-card .team-img,
.team-card .team-img img {
	border-radius: 24px 24px 34px 34px;
	-webkit-transition: .4s
}

.team-card .team-img {
	overflow: hidden;
	position: relative;
	transition: .4s;
	height: 288px
}

.team-card .team-img img {
	width: 100%;
	transition: .4s;
	object-fit: cover;
	object-position: top
}

.team-card .box-title {
	margin-bottom: 2px;
	font-size: 20px;
	color: var(--white-color);
	-webkit-transition: .4s;
	transition: .4s
}

.team-card .team-desig {
	display: block;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: -.3em;
	color: var(--white-color)
}

.team-card .team-content {
	padding: 24px 24px 17px;
	text-align: center;
	border-radius: 0 0 24px 24px;
	-webkit-transition: .4s;
	transition: .4s;
	position: static;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #452829
}

.team-card .team-content-hover-wrap {
	position: absolute;
	inset: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .4s;
	transition: .4s
}

.team-card .team-content-hover {
	text-align: center;
	width: 100%;
	height: 100%;
	-webkit-transition: .4s;
	transition: .4s;
	position: relative
}

.team-card .team-content-hover::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #452829;
	opacity: .7;
	-webkit-transition: .4s;
	transition: .4s;
	z-index: 1;
	border-radius: 24px 24px 18px 18px
}

.team-card .team-content-hover .hover-inner {
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.team-card .team-content-hover .box-title a:hover {
	color: var(--white-color);
	text-shadow: -.3px -.3px 0 #fff, .3px .3px 0 #fff
}

.team-card .team-content-hover .team-img,
.team-card .team-content-hover .team-img img,
.team-card:hover:before,
.testi-box-shape img,
.testi-shape1 {
	height: 100%
}

.team-card .team-content-hover .team-social .th-social a {
	width: 0;
	height: 0;
	background: #fff0;
	border: 0;
	color: var(--white-color);
	line-height: 1;
	padding: 0 12px
}

.team-card .team-content-hover .team-social .th-social a::hover {
	color: #452829
}

.team-card .team-content-hover .team-social .th-social {
	margin-top: 8px
}

.team-card:hover .team-img,
.team-card:hover .team-img img {
	border-radius: 24px 24px 0 0
}

.team-card:hover .team-content {
	bottom: -100%
}

.team-card:hover .team-content-hover-wrap {
	opacity: 1;
	visibility: visible;
	top: 0;
	left: 0
}

.testi-img-box {
	position: relative;
	margin-left: -308px;
	z-index: 1
}

@media (max-width:1500px) {
	.testi-img-box {
		margin-left: -250px
	}
}

@media (max-width:1299px) {
	.contact-2-video-btn {
		right: 280px
	}

	.contact-form.style-2 {
		background: #0d09093D;
		-webkit-backdrop-filter: blur(20px);
		backdrop-filter: blur(20px)
	}

	.testi-img-box {
		margin-left: -305px
	}
}

@media (max-width:1199px) {
	.contact-2-video-btn {
		right: 180px
	}

	.contact-icon-wrap {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.contact-icon-wrap .info-box,
	.contact-icon-wrap .info-box:last-child {
		width: 48%
	}

	.team-1-card-wrap {
		margin-right: -30%
	}

	.team-1-card-wrap .slider-arrow {
		display: none
	}

	.testi-img-box {
		margin-left: 0
	}
}

.testi-block {
	border-radius: 24px 50px 24px 24px;
	box-shadow: 0 4px 20px rgb(0 0 0 / .06);
	-webkit-transition: .4s;
	transition: .4s;
	padding: 40px;
	background-color: var(--white-color);
	position: relative
}

.service-card:hover,
.testi-block:hover {
	-webkit-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px)
}

.blog-card.style-2:hover,
.testi-block.inner:hover .testi-icon-1-top,
.testi-block:hover .testi-icon-1-top {
	background: #452829
}

.brand-3-sec .brand-box img,
.service-card.style-2 .box-icon img,
.testi-block:hover .testi-icon-1-top img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1)
}

.testi-block .testi-icon-1-top {
	width: 111px;
	height: 91px;
	top: 0;
	right: 0;
	text-align: center;
	line-height: 91px;
	background: var(--smoke-color2);
	border-radius: 0 50px;
	-webkit-transition: .4s;
	transition: .4s;
	position: absolute;
	z-index: 2
}

.testi-block .testi-icon-1-top img {
	-webkit-transition: inherit;
	transition: inherit
}

@media (max-width:420px) {
	.testi-block .testi-icon-1-top {
		display: none
	}
}

.testi-block-top {
	display: flex;
	gap: 15px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 25px
}

.testi-block-top .box-img,
.testi-block-top .box-img img {
	border-radius: 50%;
	height: 80px;
	width: 80px
}

.testi-block-top .content .box-desig {
	margin: 0 0 11px;
	line-height: 1
}

.testi-block-top .content .box-title {
	line-height: 1;
	margin-bottom: 11px
}

.testi-block .box-review {
	color: var(--yellow-color);
	margin-bottom: -.3em;
	display: flex;
	gap: 6px;
	font-size: 13px
}

.testi-block.style-2 {
	padding: 30px 30px 24px;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 24px;
	box-shadow: 0 4px 23px rgb(0 0 0 / .06);
	-webkit-transition: .4s;
	transition: .4s;
	gap: 25px
}

.testi-block.style-2 .content-wrapper .testi-block-top {
	margin: 0;
	display: block
}

.testi-block.style-2 .testi-icon-2-bottom {
	width: 111px;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height: 91px;
	background: var(--smoke-color2);
	border-radius: 50px 0 20px;
	-webkit-transition: .4s;
	transition: .4s;
	z-index: -1
}

.testi-block.style-2 .box-img2 {
	height: 200px;
	position: relative
}

.testi-block.style-2 .box-img2:before {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	background: #452829;
	top: 0;
	content: "";
	z-index: 1;
	opacity: .7;
	border-radius: 20px;
	-webkit-transition: .4s;
	transition: .4s
}

.testi-block.style-2 .box-img2 img {
	height: 100%;
	width: 100%;
	border-radius: 20px;
	object-fit: cover
}

.testi-block.style-3 {
	background: #fff0;
	border: 0;
	border-radius: 0;
	padding: 0
}

.mb-35,
.testi-block.style-3 .box-text {
	margin-bottom: 35px
}

.testi_3_logo-icon {
	position: absolute;
	right: -58px;
	z-index: 3;
	top: 49.5%;
	transform: translateY(-50%)
}

@media (max-width:1299px) {
	.testi_3_logo-icon {
		right: 2px
	}
}

@media (max-width:991px) {
	.contact-2-video-btn {
		right: 50%;
		top: 80%;
		-webkit-transform: translateX(55%);
		-ms-transform: translateX(55%);
		transform: translateX(55%)
	}

	.contact-form.style-2 {
		margin: auto auto 200px
	}

	.contact-icon-wrap {
		gap: 15px
	}

	.team-1-card-wrap {
		margin-right: 0
	}

	.testi-block .box-title {
		font-size: 22px
	}

	.testi-block-top .content .box-title {
		font-size: 20px
	}

	.testi_3_logo-icon {
		right: -58px
	}
}

@media (max-width:650px) {
	.testi_3_logo-icon {
		right: 2px
	}
}

.testi-3-slider-wrapper .icon-box {
	position: absolute;
	right: 0;
	bottom: 50px
}

.testi-3-slider-wrapper .slider-arrow {
	background: #1e1e1e;
	border: 1px solid #3e3d3d
}

.testi-3-thumb {
	max-width: 552px;
	border-radius: 24px;
	position: relative
}

.testi-3-thumb .testi_3_left_img-shape {
	position: absolute;
	right: -2px;
	z-index: 1;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.testi-block.inner:hover {
	-webkit-transform: inherit;
	-ms-transform: inherit;
	transform: inherit;
	border-color: #452829
}

.testi-block.inner .testi-icon-1-top {
	background: #ced4d4
}

.testi-card-area {
	padding-top: var(--section-space);
	padding-bottom: var(--section-space);
	max-width: 720px;
	margin-left: auto
}

.testi-card-slide .icon-box {
	position: absolute;
	bottom: 18px;
	right: 20px
}

.testi-card-slide .icon-box .slider-arrow {
	--icon-size: 46px;
	border: none;
	background-color: var(--white-color);
	color: #452829
}

.testi-card_profile {
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 3;
	gap: 20px
}

.testi-card_avater {
	width: 80px;
	min-width: 80px;
	border-radius: 15px
}

.testi-card_avater img {
	border-radius: inherit
}

.testi-card_name {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 8px
}

.testi-card_desig {
	margin-bottom: 0;
	display: block;
	color: #452829
}

.testi-card_text {
	font-size: 24px;
	font-weight: 500;
	margin: -.5em 0 25px;
	font-style: italic
}

@media (max-width:767px) {

	.contact-icon-wrap .info-box,
	.contact-icon-wrap .info-box:last-child {
		width: 100%
	}

	.img-box1.about-1 {
		margin-left: 25px
	}

	.team-card .team-content {
		padding: 20px
	}

	.testi-block {
		padding: 25px
	}

	.testi-block.style-2 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.testi-block.style-2 .box-img2 {
		width: 100%;
		height: auto
	}

	.testi-card_text {
		font-size: 22px
	}

	.testi-box_quote {
		display: none
	}
}

.testi-shape1 img {
	height: 100%;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	object-position: center right
}

@media (max-width:1750px) {
	.testi-shape1 img {
		margin-left: -25%
	}
}

@media (max-width:1299px) {
	.testi-shape1 img {
		margin-left: -45%
	}

	.testi-grid-area .slider-arrow {
		display: block;
		--pos-x: 40px
	}

	.checklist.list-three-column ul {
		grid-template-columns: repeat(1, 1fr)
	}
}

.testi-box-area {
	display: flex;
	background-color: var(--smoke-color2);
	border-radius: 30px;
	overflow: hidden;
	background-size: auto;
	background-position: bottom right
}

.testi-box-img {
	-webkit-box-flex: 370px;
	-webkit-flex: 370px;
	-ms-flex: 370px;
	flex: 370px
}

.testi-box-img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.testi-box-shape {
	-webkit-box-flex: 60px;
	-webkit-flex: 60px;
	-ms-flex: 60px;
	flex: 60px;
	margin-left: -10px;
	margin-right: -10px;
	position: relative;
	z-index: 3
}

.testi-box-slide {
	-webkit-box-flex: 806px;
	-webkit-flex: 806px;
	-ms-flex: 806px;
	flex: 806px;
	width: 100%;
	max-width: 806px;
	padding: 50px;
	position: relative
}

.testi-box_name {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 6px
}

.testi-box_desig {
	font-weight: 500;
	display: block;
	color: #452829;
	margin-bottom: 35px
}

.testi-box_text {
	font-size: 20px;
	font-weight: 500;
	margin-top: -.5em;
	margin-bottom: 48px;
	font-style: italic
}

@media (max-width:1199px) {
	.testi-shape1 img {
		margin-left: -65%
	}

	.testi-box-slide {
		max-width: 620px
	}

	.testi-box_text {
		font-size: 18px
	}
}

.testi-box_quote {
	position: absolute;
	bottom: 50px;
	right: 60px;
	z-index: 2
}

.testi-grid-area {
	text-align: center;
	--pos-x: 80px
}

.testi-grid-thumb {
	max-width: 250px;
	margin-bottom: 20px
}

.testi-grid-thumb .box-img {
	width: 100%;
	border: 4px solid var(--white-color);
	border-radius: 50%;
	overflow: hidden;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	cursor: pointer
}

.testi-grid_title {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 16px
}

.testi-grid_text {
	font-size: 18px;
	line-height: 28px;
	max-width: 750px;
	margin: 0 auto 20px
}

.testi-grid_name {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 5px
}

.testi-grid_desig {
	font-weight: 400;
	color: var(--body-color)
}

.testi-grid_review {
	font-size: 14px;
	color: #452829;
	margin-bottom: -.4em
}

.testi-grid_review i {
	margin: 0 2px
}

.counter-card {
	--border-color: #D4D4D4;
	display: flex;
	-webkit-box-align: center;
	gap: 15px
}

.counter-card-wrap {
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	padding: 64px 60px 0;
	background: #452829;
	border-radius: 24px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:1550px) {
	.counter-card-wrap {
		padding-left: 50px;
		padding-right: 50px
	}
}

@media (max-width:991px) {
	.testi-card-area {
		padding-top: var(--section-space-mobile);
		padding-bottom: var(--section-space-mobile)
	}

	.testi-box-shape,
	.testi-shape1 {
		display: none
	}

	.testi-box-area {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.testi-box-img {
		width: 100%;
		-webkit-box-flex: 100%;
		-webkit-flex: 100%;
		-ms-flex: 100%;
		flex: 100%
	}

	.testi-box-img img {
		max-height: 400px
	}

	.testi-box-slide {
		-webkit-box-flex: 100%;
		-webkit-flex: 100%;
		-ms-flex: 100%;
		flex: 100%;
		max-width: 100%
	}

	.counter-card {
		-webkit-box-flex: 50%;
		-webkit-flex: 50%;
		-ms-flex: 50%;
		flex: 50%;
		width: 200px
	}

	.counter-card-wrap {
		padding-left: 30px;
		padding-right: 30px;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 30px 0
	}

	.blog-card .box-title {
		font-size: 22px
	}
}

.counter-card-wrap .divider {
	width: 1px;
	height: 60px;
	background-color: #ffffff28;
	margin-top: -43px
}

.counter-card .box-number {
	color: var(--white-color);
	font-weight: 500;
	margin-top: -.12em;
	font-family: var(--body-font);
	font-size: 36px;
	margin-bottom: 0;
	line-height: .9
}

.counter-card .box-number .counter-number {
	font-weight: #452829;
}

@media (max-width:1199px) {

	.counter-card-wrap .divider,
	.testi-grid-area .slider-arrow {
		display: none
	}

	.counter-card .box-number {
		font-size: 30px
	}
}

.counter-card .box-number .plus-simple {
	font-weight: 250;
	margin-left: -6px;
	font-size: 34px
}

@media (max-width:575px) {

	.img-box1.about-1 .logo-shape,
	.testi-3-slider-wrapper .slider-arrow,
	.testi-card-slide .icon-box {
		display: none
	}

	.img-box1.about-1 .img1 img {
		width: 100%
	}

	.team-card .team-img {
		height: 320px
	}

	.testi-card_text {
		font-size: 20px
	}

	.testi-box_desig,
	.testi-box_text {
		margin-bottom: 25px
	}

	.testi-box-area {
		border-radius: 20px
	}

	.testi-box-slide {
		padding: 40px 20px
	}

	.testi-box_name {
		font-size: 24px
	}

	.testi-box_text {
		font-size: 16px
	}

	.counter-card .box-number {
		font-size: 25px
	}

	.counter-card .box-number .plus-simple {
		font-size: 28px;
		margin-left: -3px
	}
}

.counter-card .box-text {
	font-size: 16px;
	color: var(--white-color)
}

@media (max-width:470px) {
	.counter-card-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.counter-card {
		-webkit-box-flex: 100%;
		-webkit-flex: 100%;
		-ms-flex: 100%;
		flex: 100%
	}
}

.counter-card-wrap.style-2 {
	border-radius: 0;
	background: #fff0
}

.blog-1-shape-left {
	bottom: 0;
	left: 0
}

.blog-1-shape-right {
	right: 0;
	bottom: 0
}

.blog-card {
	border-radius: 24px;
	border: 1px solid #452829;
	border-bottom: 6px solid #452829;
	-webkit-transition: .4s;
	transition: .4s
}

.blog-card .blog-img {
	border-radius: 24px;
	overflow: hidden
}

.blog-card .blog-content {
	position: relative;
	z-index: 3;
	padding: 28px 28px 10px;
	border-radius: 0 0 24px 24px
}

.blog-card .box-title {
	margin-bottom: 12px
}

.blog-card .box-title a {
	background-image: -webkit-linear-gradient(right, #452829, #452829);
	background-image: linear-gradient(to left, #452829, #452829);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.blog-card .box-title a:hover {
	background-size: 0 0
}

.blog-card .blog-img img,
.blog-grid .blog-img img {
	width: 100%;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.blog-card .blog-meta {
	margin: -.4em 0 15px
}

.blog-box:hover .blog-img img,
.blog-card:hover .blog-img img,
.blog-grid:hover .blog-img img {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08)
}

@media (max-width:767px) {

	.blog-card .box-title,
	.testi-grid_title {
		font-size: 24px
	}

	.testi-grid_text {
		font-size: 16px
	}

	.counter-card-wrap {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media (max-width:410px) {
	.blog-card .box-title {
		font-size: 22px
	}
}

@media (max-width:350px) {
	.blog-card .box-title {
		font-size: 20px
	}
}

.blog-2-padding-bottom {
	padding-bottom: 235px
}

.blog-card.style-2 {
	border-radius: 30px;
	padding: 15px 15px 10px;
	box-shadow: 0 4px 20px rgb(0 0 0 / .06);
	border: 0;
	box-shadow: 0 4px 20px rgb(0 0 0 / .08)
}

.blog-card.style-2 .blog-content {
	padding-left: 14px;
	padding-right: 14px;
	padding-bottom: 0
}

.blog-card.style-2:hover .blog-content {
	background: #fff0
}

.blog-card.style-2.style-3 {
	padding: 28px 28px 25px;
	background: #242c2e;
	border: 1px solid #452829;
	border-bottom: 6px solid #452829
}

.blog-card.style-2.style-3:hover {
	border: 1px solid #452829;
	border-bottom: 6px solid #452829
}

.blog-card.style-2.style-3 .blog-img,
.blog-card.style-2.style-3 .blog-img img {
	border-radius: 16px
}

.blog-card.style-2.style-3 .blog-content {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0
}

.blog-card.style-2.style-3 .box-title {
	color: var(--white-color);
	margin-bottom: 0
}

.blog-box {
	border-radius: 20px;
	padding: 30px;
	box-shadow: 0 6px 30px rgb(0 0 0 / .06);
	display: flex;
	gap: 30px
}

.brand-3-sec,
.brand-area-1 {
	padding: 60px 0
}

.blog-box .blog-img {
	width: 208px;
	border-radius: 14px;
	overflow: hidden
}

.blog-box .blog-img img {
	border-radius: inherit;
	width: 100%;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.blog-box .blog-content {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.blog-box .box-title {
	font-size: 22px;
	margin-bottom: 14px
}

.blog-box .box-title a,
.blog-grid .box-title a {
	background-image: -webkit-linear-gradient(right, #452829, #452829);
	background-image: linear-gradient(to left, #452829, #452829);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out
}

.blog-box .box-title a:hover,
.blog-grid .box-title a:hover {
	background-size: 100% 2px
}

.blog-box .blog-meta {
	margin: -.3em 0 18px
}

.blog-box .th-btn {
	margin-top: 30px;
	padding: 16px 25px;
	min-width: 152px;
	background-color: #fff0;
	border: 1px solid var(--th-border-color);
	color: #452829;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.blog-box .th-btn:hover {
	color: var(--white-color);
	border-color: #fff0
}

@media (max-width:1199px) {
	.blog-box .blog-img {
		width: 400px
	}

	.blog-box .blog-img img {
		max-height: 250px;
		object-fit: cover
	}

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

@media (max-width:991px) {
	.blog-2-padding-bottom {
		padding-bottom: 200px
	}

	.blog-box .blog-img {
		width: 270px
	}
}

.blog-grid .blog-content {
	box-shadow: 0 3px 15px rgb(0 0 0 / .06);
	border-radius: 20px;
	padding: 30px;
	margin: -70px 20px 0;
	position: relative;
	z-index: 3
}

.blog-grid .box-title {
	font-size: 22px;
	margin-bottom: 20px
}

.blog-grid .blog-meta {
	margin: -.4em 0 18px
}

@media (max-width:991px) {
	.blog-grid .blog-content {
		padding: 20px
	}
}

.brand-box {
	margin: 3px;
	text-align: center
}

.brand-box img {
	padding: 0 5px;
	width: 105px;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	cursor: pointer
}

.brand-box:hover img {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04)
}

.brand-bg-wrap.style-2 {
	margin-top: 0
}

.brand-1-top .box-title {
	font-size: 36px
}

.check-list ul,
.checklist ul {
	padding-left: 0;
	list-style: none;
	text-align: left;
	margin-bottom: 0
}

.checklist.list-two-column ul {
	display: inline-grid;
	grid-template-columns: auto auto;
	gap: 0 40px
}

.checklist.list-three-column ul {
	display: grid;
	gap: 0 12px
}

@media (max-width:480px) {
	.checklist.list-three-column ul {
		grid-template-columns: repeat(1, 1fr)
	}
}

.checklist.list-three-column ul li {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #150f0f
}

.checklist li {
	display: flex;
	gap: 10px
}

.checklist li>i {
	color: #452829;
	font-size: 16px;
	line-height: 28px
}

.checklist.style-2 li>i {
	color: #452829
}

.check-list li {
	margin-bottom: 16px
}

.check-list li>i {
	color: #452829;
	margin-right: 5px
}

.faq-img-box2 .img {
	position: relative;
	border-radius: 24px
}

.faq-img-box2 .img:before,
.service-card::before {
	position: absolute;
	height: 100%;
	z-index: -1;
	content: ""
}

.faq-img-box2 .img:before {
	width: 96%;
	top: -22px;
	right: -8px;
	border: 1px solid #452829;
	background: var(--smoke-color2);
	border-radius: 24px
}

.service-card {
	position: relative;
	box-shadow: 0 0 6px rgb(0 0 0 / .04);
	background: var(--smoke-color2);
	border-radius: 24px;
	padding: 40px 40px 26px;
	-webkit-transition: .4s;
	transition: .4s;
	border-bottom: 6px solid #452829
}

.service-card::before {
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 24px 24px 20px 20px
}

.service-card .service_card-bg-1 {
	top: 0;
	right: 0
}

.service-card:hover .box-icon img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.service-card .box-icon {
	height: 80px;
	width: 80px;
	line-height: 80px;
	background: var(--white-color);
	text-align: center;
	border-radius: 50%;
	box-shadow: 0 0 8px rgb(0 0 0 / .05);
	margin-bottom: 28px;
	-webkit-transition: .4s;
	transition: .4s
}

.service-card .box-content .box-text {
	margin-bottom: 15px;
	-webkit-transition: .4s;
	transition: .4s;
	
}

.service-card.style-2 {
	background: var(--smoke-color2);
	text-align: center;
	padding: 30px 15px 10px
}

.service-card.style-2 .box-icon {
	margin-left: auto;
	margin-right: auto;
	background: #452829
}

.service-card.style-2 .link-btn {
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.service-3-item {
	display: flex;
	gap: 24px;
	position: relative;
	-webkit-transition: .4s;
	transition: .4s;
	height: 338px
}

@media (max-width:1299px) {
	.service-3-item {
		height: 365px
	}
}

@media (max-width:1199px) {
	.service-3-item {
		height: 315px
	}

	.process-thumb .img-box1 {
		width: 100%
	}
}

@media (max-width:991px) {
	.service-card {
		padding: 20px
	}

	.service-3-item {
		height: 338px
	}

	.process-box.style-2:before {
		display: none
	}
}

.service-3-item__content {
	width: 50%;
	background: #242c2e;
	border-radius: 24px;
	padding: 30px;
	position: relative;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	overflow: hidden;
	-webkit-transition: .4s;
	transition: .4s
}

.service-3-item__thumb {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-radius: 24px;
	height: 100%;
	-webkit-transition: .4s;
	transition: .4s
}

.service-3-item__thumb img {
	border-radius: 24px;
	height: 100%;
	width: 100%;
	object-fit: cover
}

.service-3-item__top-icon {
	position: absolute;
	top: 0;
	right: 0;
	height: 120px;
	width: 120px;
	line-height: 120px;
	text-align: center;
	background: #452829;
	border-radius: 0 24px 0 32px;
	-webkit-transition: .4s;
	transition: .4s
}

.service-3-item__content .box-count {
	font-size: 73px;
	font-weight: 600;
	color: #505658;
	line-height: 1;
	margin-top: -29px;
	margin-bottom: 30px
}

.service-3-item .box-title {
	color: var(--white-color);
	margin-bottom: -6px;
	max-width: 145px;
	-webkit-transition: inherit;
	transition: inherit
}

.service-3-item__hover {
	visibility: hidden;
	opacity: 0;
	width: 200%;
	height: 0;
	-webkit-transition: .4s;
	transition: .4s
}

.service-3-item__hover .sec-text {
	margin-bottom: 29px;
	color: var(--white-color);
	-webkit-transition: .2s;
	transition: .2s;
	text-wrap-style: balance
}

.service-3-item.active {
	width: 104%
}

.service-3-item.active .service-3-item__thumb {
	width: 0;
	opacity: 0
}

.service-3-item.active .service-3-item__content {
	width: 100%;
	background: #452829
}

.process-bottom-item__icon,
.process-box.style-2.theme-3 .box-icon .number,
.process-box.style-2.theme-3:hover .box-icon .number,
.service-3-item.active .service-3-item__top-icon {
	background: #452829
}

.service-3-item.active .service-3-item__content .box-count {
	color: var(--white-color)
}

.service-3-item.active .box-title {
	opacity: 0;
	overflow: hidden
}

.service-3-item.active .service-3-item__hover {
	visibility: visible;
	opacity: 1;
	width: 100%;
	height: 100%
}

.service-3-item.active .service-3-item__hover .box-title {
	color: var(--white-color);
	opacity: 1;
	max-width: 100%;
	margin-bottom: 11px
}

.service-3-item.active .service-3-item__hover .box-count {
	color: var(--white-color);
	margin-bottom: 30px
}

.service-3-item.active .service-3-item__hover .th-btn {
	-webkit-transition: inherit;
	transition: inherit
}

.service-3-item.active .service-3-item__hover .sec-text {
	text-wrap-mode: wrap
}

@media (max-width:767px) {
	.blog-2-padding-bottom {
		padding-bottom: 140px
	}

	.blog-box {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.blog-box .blog-img,
	.service-3-item.active {
		width: 100%
	}

	.blog-box .box-title,
	.brand-1-top .box-title {
		font-size: 24px
	}

	.blog-grid .blog-content {
		padding: 30px
	}

	.checklist.list-two-column ul {
		grid-template-columns: auto
	}

	.checklist.list-two-column ul li {
		text-align: initial
	}

	.service-3-item {
		-webkit-flex-wrap: wrap-reverse;
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse;
		overflow: hidden;
		height: 360px;
		border-radius: 24px
	}

	.service-3-item__content {
		width: 100%;
		height: 180px
	}

	.service-3-item__thumb {
		height: 157px;
		overflow: hidden
	}

	.service-3-item.active .service-3-item__content {
		width: 100%;
		height: 345px;
		background: #452829
	}

	.service-3-item__content .box-count {
		font-size: 50px;
		margin-bottom: 20px
	}

	.service-3-item.active .service-3-item__hover .box-title {
		margin-bottom: 20px
	}

	.service-3-item__top-icon {
		height: 90px;
		width: 90px;
		line-height: 90px
	}

	.service-3-item__top-icon img {
		width: 35px
	}

	.page-title {
		font-size: 28px
	}
}

@media (max-width:460px) {

	.service-3-item,
	.service-3-item.active .service-3-item__content {
		height: 370px
	}
}

@media (max-width:390px) {

	.service-3-item,
	.service-3-item.active .service-3-item__content {
		height: 390px
	}
}

@media (max-width:370px) {

	.service-3-item,
	.service-3-item.active .service-3-item__content {
		height: 420px
	}
}

@media (max-width:320px) {

	.service-3-item,
	.service-3-item.active .service-3-item__content {
		height: 440px
	}
}

.page-title {
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: 400
}

.page-img {
	margin-bottom: 40px;
	overflow: hidden;
	border-radius: 24px
}

.process-thumb {
	border-radius: 24px;
	margin-left: -240px
}

.process-thumb .video-container video {
	border-radius: 24px;
	height: 100%
}

.process-bottom-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 25px;
	margin-bottom: 12px;
	position: relative
}

.process-bottom-item::before {
	position: absolute;
	left: 27px;
	width: 1px;
	height: 104%;
	border-right: 2px dashed #452829;
	content: "";
	top: 13px;
	z-index: -1
}

@media (max-width:375px) {
	.contact-form.style-4 {
		padding: 25px
	}

	.team-card .team-img {
		height: 260px
	}

	.testi-card_name {
		font-size: 24px
	}

	.blog-box .box-title {
		font-size: 22px
	}

	.blog-grid .blog-img {
		border-radius: 10px
	}

	.blog-grid .blog-content {
		padding: 20px;
		border-radius: 10px;
		margin-left: 10px;
		margin-right: 10px
	}

	.process-bottom-item::before {
		display: none
	}

	.process-bottom-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 20px
	}
}

.process-bottom-item:hover .process-bottom-item__icon img {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.process-bottom-item__icon {
	height: 56px;
	width: 56px;
	line-height: 56px;
	text-align: center;
	border-radius: 50%
}

.process-bottom-item__icon img {
	-webkit-transition: .4s;
	transition: .4s
}

.process-bottom-item__content .box-title {
	font-size: 30px;
	margin-bottom: 7px
}

@media (max-width:1199px) {
	.process-thumb img {
		width: 100%
	}

	.process-thumb {
		margin-left: 0
	}

	.process-bottom-item__content .box-title {
		font-size: 24px
	}
}

.process-box.style-2 {
	text-align: center;
	padding: 0 22px;
	position: relative;
	-webkit-transition: .4s;
	transition: .4s
}

.process-box.style-2:before {
	width: 300px;
	position: absolute;
	content: '';
	border-top: 2px dashed #452829;
	top: 104px;
	right: -190px;
	z-index: -1
}

.process-box.style-2 .box-icon {
	height: 220px;
	width: 220px;
	line-height: 200px;
	text-align: center;
	background: #452829;
	border-radius: 100%;
	margin: 0 auto 30px;
	position: relative;
	border: 11px solid var(--white-color)
}

.process-box.style-2 .box-icon::before {
	content: '';
	width: 220px;
	height: 220px;
	position: absolute;
	top: -10px;
	left: -10px;
	border: 2px dashed #452829;
	border-radius: inherit
}

.process-box.style-2 .box-icon .number {
	position: absolute;
	right: 0;
	width: 58px;
	height: 58px;
	background: #452829;
	border-radius: 50%;
	line-height: 58px;
	color: var(--white-color);
	font-size: 20px;
	border: 2px solid #fff0;
	font-weight: 500;
	-webkit-transition: .4s;
	transition: .4s;
	display: block
}

.process-box.style-2 .box-title {
	font-size: 30px;
	margin-bottom: 12px
}

@media (max-width:767px) {
	.page-img {
		border-radius: 10px
	}

	.process-box.style-2 .box-title {
		font-size: 24px
	}
}

.process-box.style-2:hover .box-icon .number {
	background: #452829;
	border-color: var(--white-color)
}

.process-box.style-2.theme-3:before {
	z-index: 1;
	border-top: 2px dashed #452829
}

.process-box.style-2.theme-3 .box-icon {
	z-index: 2;
	border: 10px solid #242c2e;
	background: var(--black-color)
}

.checklist.style2 li {
	font-size: 16px;
	color: #452829
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.mx-5 {
	margin-right: 5px;
	margin-left: 5px
}

.mx-10 {
	margin-right: 10px;
	margin-left: 10px
}

.mx-15 {
	margin-right: 15px;
	margin-left: 15px
}

.mx-20 {
	margin-right: 20px;
	margin-left: 20px
}

.mx-25 {
	margin-right: 25px;
	margin-left: 25px
}

.mx-30 {
	margin-right: 30px;
	margin-left: 30px
}

.mx-35 {
	margin-right: 35px;
	margin-left: 35px
}

.mx-40 {
	margin-right: 40px;
	margin-left: 40px
}

.mx-45 {
	margin-right: 45px;
	margin-left: 45px
}

.mx-50 {
	margin-right: 50px;
	margin-left: 50px
}

.my-5 {
	margin-top: 5px;
	margin-bottom: 5px
}

.my-10 {
	margin-top: 10px;
	margin-bottom: 10px
}

.my-15 {
	margin-top: 15px;
	margin-bottom: 15px
}

.my-20 {
	margin-top: 20px;
	margin-bottom: 20px
}

.my-25 {
	margin-top: 25px;
	margin-bottom: 25px
}

.my-30 {
	margin-top: 30px;
	margin-bottom: 30px
}

.my-35 {
	margin-top: 35px;
	margin-bottom: 35px
}

.my-40 {
	margin-top: 40px;
	margin-bottom: 40px
}

.my-45 {
	margin-top: 45px;
	margin-bottom: 45px
}

.my-50 {
	margin-top: 50px;
	margin-bottom: 50px
}

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

.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-45 {
	margin-top: 45px
}

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

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

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

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

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

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

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

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

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

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

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

.mt-n1 {
	margin-top: -.25rem
}

.mt-n2 {
	margin-top: -.45rem
}

.mt-n3 {
	margin-top: -.8rem
}

.mt-n4 {
	margin-top: -1.5rem
}

.mt-n5 {
	margin-top: -3rem
}

.mb-n1 {
	margin-bottom: -.25rem
}

.mb-n2 {
	margin-bottom: -.45rem
}

.mb-n3 {
	margin-bottom: -.8rem
}

.mb-n4 {
	margin-bottom: -1.5rem
}

.mb-n5 {
	margin-bottom: -3rem
}

.space,
.space-top {
	padding-top: var(--section-space)
}

.space,
.space-bottom {
	padding-bottom: var(--section-space)
}

.space-extra,
.space-extra-top {
	padding-top: calc(var(--section-space) - 30px)
}

.space-extra,
.space-extra-bottom {
	padding-bottom: calc(var(--section-space) - 30px)
}

.space-extra2,
.space-extra2-top {
	padding-top: calc(var(--section-space) - 40px)
}

.space-extra2,
.space-extra2-bottom {
	padding-bottom: calc(var(--section-space) - 40px)
}

@media (max-width:991px) {

	.space,
	.space-top {
		padding-top: var(--section-space-mobile)
	}

	.space,
	.space-bottom {
		padding-bottom: var(--section-space-mobile);
	}
    .step{
		padding: 0;
	}
	.space-extra,
	.space-extra-top {
		padding-top: calc(var(--section-space-mobile) - 30px)
	}

	.space-extra,
	.space-extra-bottom {
		padding-bottom: calc(var(--section-space-mobile) - 30px)
	}

	.space-top-md-none {
		padding-top: 0
	}

	.space-extra2,
	.space-extra2-top {
		padding-top: 70px
	}

	.space-extra2,
	.space-extra2-bottom {
		padding-bottom: 70px
	}
}

.header-number {
	display: flex;
	align-items: center;
	text-decoration: none;
}

.header-number span {
	display: block;
	font-size: 12px;
	line-height: 1em;
	font-weight: 400;
	color: var(--themeht-body-color);
	margin-bottom: 2px
}

.header-number a {
	color: var(--title-color);
	font-weight: 700;
	text-decoration: none;
	font-size: 16px;
}

.float,
.header-number i {
	color: #fff;
	text-align: center
}

.header-number a:hover {
	color: #314e52
}

.header-number i {
	display: inline-block;
	line-height: 48px;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	font-size: 22px;
	background-color: #452829;
	position: relative;
	margin-right: 15px
}

.header-number i:after {
	position: absolute;
	top: -7px;
	right: -7px;
	bottom: -7px;
	left: -7px;
	background-color: #938384;
	opacity: .1;
	border-radius: 50%;
	content: ""
}
.header-email a{
	text-decoration: none;
	font-weight: 700;
	color: #000;
}

.float {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 100px;
	right: 40px;
	background-color: #25d366;
	border-radius: 50px;
	font-size: 30px;
	box-shadow: 2px 2px 3px #999;
	z-index: 100
}

.my-float {
	margin-top: 16px
}

.header-logo{
    width: 100%;
}


/* ......................................added new code............................ */
/* ..whatsp_calling... */
/* whatsp_call_icon_code */
.fixed-icons {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 9999;
}

/* Base Icon Style */
.fixed-icons .icon {
    background-color: #333;
    color: #fff;
    border-radius: 50%;
    padding: 10px 16px;
    text-align: center;
    display: inline-block;
    font-size: 28px;
    transition: 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

/* Phone Button */
.fixed-icons .icon.phone {
    background-color: #007bff;
}

/* WhatsApp Button */
.fixed-icons .icon.whatsapp {
    background-color: #25d366;
}

/* Hover Effect */
.fixed-icons .icon:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
}


.contact-icon-wrap {
    display: flex;
    justify-content: center; /* boxes ko center karega */
    gap: 30px;               /* boxes ke beech space */
}

/* .info-box_icon {
    min-width: auto !important;
    width: 45px;  
} */




/* ===== TOP HEADER ===== */
.top-header-fixed {
  background: #fff;
  border-bottom: 1px solid #ddd;
  padding: 8px 0;
}

.logo-img-fixed { max-width: 180px; }

.contact-info-fixed { display: flex; align-items: center; gap: 10px; }
.contact-info-fixed img { width: 45px; }
.contact-text-fixed p { margin: 0; font-weight: 600; font-size: 16px; color: #000; }

/* ===== NAVBAR ===== */
/* Main Navigation */
.main-nav-fixed {
    background: #fff;
    position: relative;
}

/* Menu */
.menu-fixed {
    max-width: 1200px;
    margin: auto;
    list-style: none;
    display: flex;
    padding: 0;
}

.menu-fixed li {
    position: relative;
    border-right: 1px solid #ddd;
}

.menu-fixed li a {
    display: block;
    padding: 15px 36px;
    color: #000;
    text-decoration: none;
    font-size: 13px;
	font-family: var(--body-font);
	font-weight: 600;
}

/* Menu Hover */
.menu-fixed li a:hover {
    background: #452829;
    color: #ffffff;
}

/* Active Menu Item */
.menu-fixed li.active a {
    background: #452829;
    color: #ffffff;
}

/* Dropdown Box */
.dropdown-box-fixed {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    z-index: 999;
    min-width: 200px;
}

/* Show Dropdown */
.dropdown-fixed.active .dropdown-box-fixed,
.dropdown-fixed:hover .dropdown-box-fixed {
    display: block;
}

.dropdown:hover .dropdown-menu { display: block; }
.dropdown-box { display: none; }

/* Submenu */
.dropdown-box-fixed .back {
    list-style: none;
    padding: 0;
    margin: 0;
}
/* MOBILE DROPDOWN FIX */
@media (max-width: 991px) {
  .navbar-nav .dropdown-menu {
    position: static !important;
    transform: none !important;
    width: 100%;
    margin-top: 0;
    box-shadow: none;
    border-radius: 0;
  }
  /* Main menu items */
  .navbar-nav .nav-link {
    padding: 14px 0;
    border-bottom: 1px solid #ddd;
    color: #333 !important;
    font-weight: 500;
  }

  .navbar-nav .nav-link:hover,
  .navbar-nav .nav-link:focus {
    background: #f5a623;
    color: #000 !important;
  }

  /* Dropdown box */
  .dropdown-menu {
    padding: 0;
    margin: 0;
    border: 1px solid #ddd;
  }

  /* Dropdown items */
  .dropdown-item {
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-weight: 500;
  }

  .dropdown-item:last-child {
    border-bottom: none;
  }

  .dropdown-item:hover,
  .dropdown-item:focus {
    background: #f5a623;
    color: #000;
  }
}


/* Submenu links normal = white, hover = brown */
.dropdown-box-fixed ul {
    background: #ffffff; /* Normal white background */
    list-style: none;
    padding: 1px 0;
    margin: 0;
}

.dropdown-box-fixed ul li {
    border-bottom: 1px solid #ddd;
}

.dropdown-box-fixed ul li:last-child {
    border-bottom: none;
}

.dropdown-box-fixed ul li a {
    padding: 12px 4px;
    color: #000000; /* Normal text black */
    display: block;
    background: transparent;
    text-decoration: none;
}

.dropdown-box-fixed ul li a:hover {
    background: #452829; /* Hover brown */
    color: #ffffff;
}

/* Mobile Toggle */
.nav-toggle-fixed {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    padding: 15px;
}

.nav-toggle-fixed span {
    width: 25px;
    height: 3px;
    background: #000;
    border-radius: 2px;
}

/* Mobile Responsive */
@media (max-width: 991px) {
    .nav-toggle-fixed {
        display: flex;
    }

    .menu-fixed {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        flex-direction: column;
        background: #222;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    .menu-fixed.show {
        max-height: 1000px;
    }

    .menu-fixed li {
        border-right: none;
        border-bottom: 1px solid #444;
    }

    .dropdown-box-fixed {
        position: relative;
        left: 0;
        transform: none;
    }

    .dropdown-box-fixed ul li a {
        color: #ddd;
    }

    .dropdown-box-fixed ul li a:hover {
        background: #452829;
        color: #fff;
    }
}


/* Arrow */
.arrow {
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 12px;
    height: 12px;
    background: #2f2f2f;
}

.sub-title.banner {
    color: #ffffff;
}


.marquee-container {
    position: relative;
    background-color: #452829;
    overflow: hidden;
    padding: 8px 0;
}

.marquee-text {
    white-space: nowrap;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    padding-left: 100%;
    animation: scrollText 18s linear infinite;
}

/* Right side background cover */
.right-mask {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to left, #452829 70%, transparent);
    pointer-events: none;
}

@keyframes scrollText {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

.th-service-2{
	margin-left: 15px;
	margin-right: 15px;
}

.header-number img,
.header-email img {
    width: 38px;
    height: auto;
}


/* ........................................................sidebar.......................... */

/* SIDEBAR */
.service-sidebar {
  background: #f8f8f8;
  border: 1px solid #dddddd82;
}

.sidebar-title {
  background: #222;
  color: #fff;
  padding: 12px;
  margin: 0;
  font-size: 16px;
  text-align: center;
}

/* MENU */
.service-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.service-menu li {
  border-bottom: 1px solid #dddddd82
}

.service-menu li a {
  display: block;
  padding: 12px 15px;
  color: #333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Hover */
.service-menu li a:hover {
  background: #452829;
  color: #fff;
  padding-left: 20px;
}

/* Active */
/* .service-menu li.active a {
  background: #452829;
  color: #000;
  font-weight: 600;
} */

/* CONTENT */
.service-content {
  background: #fff;
  padding: 20px;
  border: 1px solid #dddddd82;
}
.service-content img{
	margin-bottom: 20px;
}
.service-content p{
	text-align: justify;
}
/* MOBILE RESPONSIVE */
@media (max-width: 767px) {
  .service-sidebar {
    margin-bottom: 20px;
  }
}


/* .......................................................menu............................ */

.main-menu>ul>li.active {
    background-color: #452829;  /* active background color */
    color: #ffffff !important;  
        /* active text color */
}

.main-menu>ul>li:hover{
	background-color: #452829;  /* active background color */
    color: #ffffff; 
}

.main-menu > ul > li.active > a {
 
    color: #ffffff !important;
}

.main-menu > ul > li:hover > a {

    color: #ffffff;
}

.manu-bottom li {
    position: relative;
    border-right: 1px solid #ddd;
}

.header-layout1{}

@media (min-width: 992px) {
    .menu-area {
        border-top: none;
        
    }
}
/* .main-menu ul li.active > a {
    background-color: #0d6efd; 
    color: #fff;
    padding: 10px 15px;
    border-radius: 4px;
}

.main-menu ul li a:hover {
    background-color: #0d6efd;
    color: #fff;
} */

.div{
	border-bottom: 1px solid #ddd;
}

/* Logo + toggle same line */
.logo-with-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Default: hide toggle */


/* Tablet + Mobile: 991px to 480px */
@media (max-width: 991px) and (min-width: 480px) {
  .mobile-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
  }
  .header-layout1 .header-logo {
        padding: 15px 5px 15px 0 !important;
    }
}

/* Optional toggle styling */
.mobile-toggle {
  background: #4b2e2e;
  color: #fff;
  border: none;
  width: 90px;
  height: 42px;
  border-radius: 6px;
}