.about-one {
	position: relative;
	padding: 180px 0px 70px;
	background-image: linear-gradient(to bottom, #f6f6f6, #f8f8f8, #fafafa, #fdfdfd, #ffffff);
}

.about-one_pattern-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	height: 70px;
	background-repeat: repeat-x;
	animation: slideBackground 10s linear infinite;
}

.about-one_cap {
	position: absolute;
	right: 0px;
	bottom: 100px;
	width: 348px;
	height: 205px;
}

@keyframes slideBackground {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 100% 0;
	}
}

.about-one .sec-title_heading {
	position: absolute;
	left: 295px;
	top: -25px;
	letter-spacing: -1px;
}

.about-one_image-column {
	position: relative;
	margin-bottom: 30px;
}

.about-one_image-outer {
	position: relative;
}

.about-one_image-outer .image {
	position: relative;
	display: block;
	opacity: 0;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	clip-path: polygon(0 0, 15% 0, 15% 100%, 0% 100%);
}

.about-one_image-outer .image.now-in-view {
	opacity: 1;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.about-one_image-outer .image img {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	border-radius: 30px;
}

.about-one_image-column .column:nth-child(2) .image {
	position: relative;
	margin-top: 170px;
}

.about-construction_image {
	position: absolute;
	left: 30px;
	bottom: 185px;
}

.about-one_button {
	position: relative;
	margin-top: 300px;
}

.about-one_content-column {
	position: relative;
	margin-bottom: 30px;
}

.about-one_content-outer {
	position: relative;
	margin-top: 165px;
	padding-left: 20px;
}

/* Feature Block One */

.feature-block_one {
	position: relative;
	margin-bottom: 30px;
}

.feature-block_one-title {
	position: relative;
	font-weight: 700;
	margin-bottom: 12px;
	color: var(--black-color);
}

.feature-block_one-text {
	position: relative;
	font-weight: 400;
	font-size: 16px;
	color: #222222;
	line-height: 28px;
}

/* Feature Block Two */

.feature-block_two {
	position: relative;
	margin-bottom: 10px;
}

.feature-block_two-inner {
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	padding: 12px 25px 30px;
	background-image: linear-gradient(to bottom, #0059b2, #0059b2, #0059b2, #0059b2, #4da8ff);
	height: 100%;
}

.feature-block_two-title {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	color: var(--white-color);
	font-family: "Barlow", sans-serif;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 55px;
}

.feature-block_two-icon {
	position: relative;
	display: block;
	text-align: right;
	margin-bottom: 15px;
	border-bottom: 1px solid var(--white-color);
}

.feature-block_two-icon i {
	position: relative;
	display: inline-block;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.feature-block_two-inner:hover .feature-block_two-icon i {
	transform: rotateY(180deg);
}

.feature-block_two_count {
	position: relative;
	font-weight: 700;
	font-size: 44px;
	line-height: 50px;
	color: var(--white-color);
	font-family: "Barlow", sans-serif;
}

.feature-block_two_count sup {
	position: relative;
	color: #fff;
}

.feature-block_two-inner:hover .feature-block_two_count sup {
	color: var(--white-color);
}

.feature-block_two_text {
	position: relative;
	font-size: 20px;
	color: var(--white-color);
	text-transform: uppercase;
}

/*** 

====================================================================
	Offer One
====================================================================

***/

.service-one {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding: 50px 0px;
}

.service-one_pattern-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 150%;
	overflow: hidden;
	background-repeat: repeat;
	background-attachment: fixed;
}

.service-one_shadow {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 100%;
	z-index: 1;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.service-one .auto-container {
	max-width: 1300px;
	padding: 0px 15px;
}

.service-one .inner-container {
	padding-top: 50px;
	padding-bottom: 50px;
}

.service-one_title {
	position: relative;
	margin-bottom: 10px;
}

.service-one_title .service-one_arrow {
	position: absolute;
	right: 10px;
	top: 8px;
	width: 35px;
	height: 35px;
	font-size: 20px;
	text-align: center;
	line-height: 35px;
	border-radius: 60px;
	display: inline-block;
	color: #222;
	transform: rotate(-45deg);
	background-color: #ffd732;
}

.service-one_title:last-child {
	margin-bottom: 0px;
}

.service-one_heading {
	font-weight: 600;
	color: var(--white-color);
	text-transform: uppercase;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.service-one_heading {
	position: relative;
	display: block;
	border-radius: 50px;
	color: var(--white-color);
	text-transform: uppercase;
	font-size: 18px;
	cursor: pointer;
	background-color: rgba(var(--white-color-rgb), 0.35);
	padding: 10px 55px 10px 25px;
}

.service-one_title.active .service-one_arrow,
.service-one_title:hover .service-one_arrow {
	color: var(--black-color);
	background-color: var(--white-color);
}

.service-one_title.active .service-one_heading a,
.service-one_title:hover .service-one_heading a {
	color: var(--white-color);
	background-color: var(--main-color);
}

.service-one_image-column {
	position: relative;
	z-index: 10;
}

.service-one_image-outer {
	position: relative;
	height: 100%;
}

.service-one_images_outer {
	position: relative;
	height: 100%;
}

.service-one_title.active .service-one_subtitle,
.service-one_title:hover .service-one_subtitle {
	background-color: var(--color-two);
}

.service-one_image {
	position: absolute;
	right: 15px;
	opacity: 0;
	display: block;
	transition: all 0.9s;
	-webkit-transition: all 0.9s;
}

.service-one_image>img {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	border-radius: 10px;
}

.service-one_image.active {
	opacity: 1;
	-webkit-transition: all 0.9s;
}

.service-one_content-column {
	position: relative;
	z-index: 10;
}

.service-one_content-outer {
	position: relative;
	padding-right: 60px;
}

.service-one_content {
	position: relative;
	padding-top: 10px;
}

.service-one_sub-title {
	position: relative;
	font-weight: 600;
	color: var(--white-color);
	text-transform: uppercase;
	font-size: 18px;
	line-height: 30px;
	font-family: "Barlow", sans-serif;
}

.service-one_text {
	position: relative;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	margin-top: 12px;
	color: var(--white-color);
}

.service-one_button {
	position: absolute;
	right: 5px;
	top: -90px;
	padding: 10px 10px 0px;
	border-radius: 50px 0px 50px 50px;
}

/*** 

====================================================================
	Project One
====================================================================

***/

.project-one {
	position: relative;
	padding: 50px 0px 20px;
}

.project-one .auto-container {
	max-width: 1320px;
}

.project-block_one.style-two .project-block_one-overlay {
	display: flex;
	justify-content: end;
}

.project-block_one.style-two .project-block_one-image:before {
	left: -1px;
	right: auto;
	background: url(../images/icons/shape-2.png);
}

.project-block_one {
	position: relative;
	margin-bottom: 50px;
}

.project-block_one-inner {
	position: relative;
}

.project-block_one-image {
	position: relative;
}

.project-block_one-image picture {
	display: block;
	width: 100%;
}

.project-block_one-image img {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	border-radius: 40px 40px 40px 40px;
}

.project-block_one-image:before {
	position: absolute;
	content: '';
	right: 0px;
	top: -1px;
	width: 393px;
	height: 111px;
	z-index: 1;
	background: url(../images/icons/shape-1.png);
	background-repeat: no-repeat;
}

.project-block_one-overlay {
	position: absolute;
	left: 100px;
	top: 110px;
	right: 130px;
}

.project-block_one-overlay_inner {
	position: relative;
	width: 100%;
	max-width: 478px;
	min-height: 332px;
	padding: 42px 45px 42px;
	background-size: cover;
}

.project-block_one-title {
	position: relative;
	font-weight: 600;
	font-size: 18px;
	color: var(--main-color);
	text-transform: capitalize;
}

.project-block_one-location {
	position: relative;
	font-weight: 600;
	font-size: 18px;
	display: flex;
	gap: 15px;
	align-items: center;
	color: var(--black-color);
	text-transform: capitalize;
}

.project-block_one-location .icon {
	position: relative;
	width: 24px;
	display: inline-block;
}

.project-block_one-heading {
	font-weight: 600;
	margin-top: 18px;
	text-transform: inherit;
}

.project-block_one-heading a {
	position: relative;
	color: var(--black-color);
}

.project-block_one-heading a:hover {
	color: var(--main-color);
}

.project-block_one-text {
	position: relative;
	font-weight: 400;
	font-size: 16px;
	color: #222222;
	line-height: 30px;
	margin-top: 25px;
}

.project-block_one-arrow {
	position: absolute;
	right: 66px;
	bottom: -30px;
	width: 59px;
	height: 59px;
	font-size: 20px;
	line-height: 59px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	color: #222;
	transform: rotate(-45deg);
	background-color: #ffd732;
}

.project-block_one-arrow:hover {
	background-color: #0059b2;
	color: #fff;
}

/*** 

====================================================================
	Testimonial One
====================================================================

***/

.testimonial-one {
	position: relative;
	overflow: hidden;
	padding: 110px 0px 110px;
	background-color: var(--white-color);
}

.testimonial-one_circle {
	position: absolute;
	right: -250px;
	top: 80px;
	width: 536px;
	height: 536px;
	border-radius: 550px;
	border: 80px solid #f5f5f5;
}

.testimonial-one .single-item_carousel-pagination {
	position: absolute;
	top: 5%;
	z-index: 999;
	right: 0px !important;
	left: auto !important;
	width: 20px !important;
}

.testimonial-one .single-item_carousel-pagination .swiper-pagination-bullet {
	position: relative;
	opacity: 1;
	width: 10px;
	height: 10px;
	display: block;
	background: none;
	margin: 30px 0px !important;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	border-radius: 50px;
	display: block;
	background-color: #d9d9d9;
}

.testimonial-one .single-item_carousel-pagination .swiper-pagination-bullet::before {
	position: absolute;
	content: '';
	left: -8px;
	top: -8px;
	right: -8px;
	bottom: -8px;
	opacity: 0;
	border-radius: 50px;
	border: 1px solid var(--white-color);
}

.testimonial-one .single-item_carousel-pagination .swiper-pagination-bullet:hover,
.testimonial-one .single-item_carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
	background-color: var(--black-color);
}

.testimonial-one .single-item_carousel-pagination .swiper-pagination-bullet:hover::before,
.testimonial-one .single-item_carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	opacity: 1;
	border-color: var(--black-color);
}

.testimonial-one_options {
	position: relative;
	font-size: 24px;
	font-weight: 600;
	color: var(--black-color);
}

.testimonial-one_options .rating {
	position: relative;
	font-size: 24px;
	margin-top: 15px;
	color: var(--main-color);
}

.testimonial-one__authors {
	position: relative;
	margin-top: 10px;
	margin-left: 60px;
}

.testimonial-one__authors li {
	position: relative;
	width: 74px;
	height: 74px;
	margin-left: -30px;
	border-radius: 50px;
	display: inline-block;
	border: 3px solid var(--white-color);
}

.testimonial-one__trusted {
	position: relative;
	font-size: 24px;
	color: #222222;
	font-weight: 700;
	line-height: 36px;
	margin-left: 40px;
}

.testimonial-one__trusted span {
	position: relative;
	display: block;
	font-size: 22px;
	font-weight: 400;
	color: var(--black-color);
}

.testimonial-one_carousel {
	position: relative;
	margin-top: 50px;
}

.testimonial-block_one {
	position: relative;
}

.testimonial-block_one-inner {
	position: relative;
}

.testimonial-block_one-text {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	color: #222;
}

.testimonial-block_one-designation {
	position: relative;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	margin-top: 30px;
	color: #222;
	font-family: 'Barlow', sans-serif;
	text-transform: uppercase;
}

.testimonial-block_one-designation span {
	position: relative;
	display: block;
	font-size: 16px;
	color: #222222;
	font-weight: 500;
}

/* Bob Up Down*/
@-webkit-keyframes float_up_down {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}

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

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

@keyframes float_up_down {
	0% {
		transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}

	50% {
		transform: translateY(30px);
		transform: translateY(30px);
		opacity: 1;
	}

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

.testimonial-one_circle {
	animation-name: float_up_down;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

	-webkit-animation-name: float_up_down;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	-moz-animation-name: float_up_down;
	-moz-animation-duration: 5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;

	-ms-animation-name: float_up_down;
	-ms-animation-duration: 5s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;

	-o-animation-name: float_left_right;
	-o-animation-duration: 5s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
}

/*** 

====================================================================
	Counter One
====================================================================

***/

.counter-one {
	position: relative;
	overflow: hidden;
	padding: 0px 0px 70px;
}

.counter-one_pattern {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-position: center bottom;
	background-repeat: repeat-x;
	animation: slideBackground 10s linear infinite;
}

.counter-one .counter-block_one:nth-child(2n + 1) {
	transform: translateY(90px);
}

.counter-block_one {
	position: relative;
	margin-bottom: 120px;
}

.counter-block_one-inner {
	position: relative;
	padding-left: 40px;
}

.counter-block_one-outline {
	position: absolute;
	left: 0px;
	top: 90px;
	width: 2px;
	height: 180%;
	background-image: linear-gradient(to bottom, #999999, #717171, #4c4c4c, #2a2a2a, #060606);
}

.counter-block_one-outline:before {
	position: absolute;
	content: '';
	left: -5px;
	top: 0px;
	width: 14px;
	height: 14px;
	border-radius: 50px;
	background-color: #999999;
	outline: 1px dashed var(--black-color);
	outline-offset: 10px;
}

.counter-block_one-count {
	position: relative;
	font-size: 64px;
	font-weight: 700;
	line-height: 1em;
	color: var(--black-color);
	font-family: "Barlow", sans-serif;
}

.counter-block_one-count sup {
	position: relative;
	color: var(--main-color);
}

.counter-block_one-text {
	position: relative;
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	color: var(--black-color);
	text-transform: capitalize;
	font-family: "Barlow", sans-serif;
}

/*** 

====================================================================
	Faq One
====================================================================

***/

.faq-one {
	position: relative;
	padding: 50px 0px;
	overflow: hidden;
}

.faq-one.style-two {
	background-color: inherit;
	background-position: left top;
	background-repeat: no-repeat;
}

.faq-one.style-two:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	height: 50%;
	z-index: -1;
	background-image: linear-gradient(to bottom, #f5f5f5, #f7f7f7, #fafafa, #fcfcfc, #ffffff);
}

.faq-one_pattern {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 70px;
	background-position: center bottom;
	background-repeat: repeat-x;
	animation: slideBackground 10s linear infinite;
}

.faq-one_image {
	position: relative;
	margin-left: -180px;
}

.faq-one_accordian-outer {
	position: relative;
}

/*** 

====================================================================
	Accordion Style
====================================================================

***/

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

.accordion-box .block {
	position: relative;
	border-radius: 50px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
}

.accordion-box .block.active-block {
	border-radius: 35px;
}

.accordion-box .block:last-child {
	margin-bottom: 0px;
}

.accordion-box .block .acc-btn h3 {
	line-height: 30px;
	font-weight: 600;
	font-size: 20px;
	text-transform: inherit
}

.accordion-box .block .acc-btn {
	position: relative;
	cursor: pointer;
	line-height: 30px;
	font-weight: 600;
	font-size: 19px;
	text-transform: uppercase;
	border-radius: 50px;
	padding: 10px 55px 10px 30px;
	color: var(--black-color);
	transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	font-family: "Barlow", sans-serif;
	background-image: linear-gradient(to right, #eeeeee, #f2f2f2, #f6f6f6, #fbfbfb, #ffffff);
}

.accordion-box .block .acc-btn.active {
	background: none;
}

.accordion-box .block .icon-outer {
	position: absolute;
	right: 12px;
	top: 10px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.accordion-box .block .icon-outer .icon {
	position: relative;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	transform: rotate(-45deg);
	color: #222;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	background-color: #ffd732;
}

.accordion-box .block .acc-btn.active .icon-outer .icon {
	transform: rotate(45deg);
	background-color: #ffd732;
}

.accordion-box .block.active-block .icon {
	opacity: 1;
	color: #222;
}

.accordion-box .block .acc-content {
	position: relative;
	display: none;
}

.accordion-box .block .acc-content .content-text {}

.accordion-box .block .acc-content.current {
	display: block;
}

.accordion-box .block .content {
	position: relative;
	padding: 0px 30px 30px;
}

.accordion-box .block .content .text {
	line-height: 32px;
	font-size: 16px;
	color: #222222;
}

.accordion-box.style-two .block {
	border: 1px solid rgba(0, 0, 0, 0.60);
}

.accordion-box.style-two .block .acc-btn {
	background: none;
}

.accordion-box.style-two .block.active-block {
	background-color: #eeeeee;
}

.clients-box_one {
	position: relative;
	margin-top: 40px;
}

.clients-box_one.style-two {
	position: relative;
	margin-bottom: 100px;
}

.clients-box_one .client-image {
	position: relative;
	text-align: center;
}

.clients-box_one .client-image img {
	border: 1px solid #f5f5f5;
	border-radius: 5px;
}

.client1 img {
	border-radius: 5px;
	margin-bottom: 20px;
}

.client-one_subtitle {
	position: relative;
	padding: 10px 25px;
	color: #222222;
	font-size: 16px;
	font-weight: 400;
	margin-top: 30px;
	border-radius: 50px;
	display: inline-block;
	text-transform: uppercase;
	border: 1px solid #666666;
}

/*** 

====================================================================
	Contact One
====================================================================

***/

.contact-page {
	background: url(https://www.baichychina.com/skin/baichy/images/contact.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	padding: 12% 0;
}

.contact-page img {
	max-width: 100%;
}

.contact-page .contact {

	margin: 0 auto;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-evenly;
	gap: 15px;
	align-items: center;
	background: linear-gradient(#ffd732, #e7ab4f);
	padding: 0 3%;
}

.contact-page .contact #myform {
	/* padding-right: 6%; */
	width: calc(50% - 15px);
	position: relative;
	background-color: #fff;
	padding: 0 15px;
}

.contact-page .contact #myform:before {
	content: "";
	height: 3rem;
	width: 100%;
	background-color: #fff;
	position: absolute;
	top: -3rem;
	left: 0;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.contact-page .contact #myform:after {
	content: "";
	height: 3rem;
	width: 100%;
	background-color: #fff;
	position: absolute;
	bottom: -3rem;
	left: 0;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.contact-page .contact-mobile {
	display: none;
}

.contact-page .contact .yellow {

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 50%;
}

.contact-page .contact .yellow .location-container {
	margin: 2rem 0;
}

.contact-page .contact .yellow .title {
	font-size: 28px;
	font-weight: bold;
}

.contact-page .contact .yellow .title .iconfont {
	font-size: 2rem;
}

.contact-page .contact .yellow .title .iconfont {
	margin-right: 10px;
}

.contact-page .contact .yellow .content {
	font-size: 18px;
	margin-top: 1%;
	font-weight: bold;
}

.contact-page .contact .yellow .phone-container .content {
	font-size: 1.5rem;
	font-weight: 900;
}

.contact-page .contact .yellow .content a {
	color: #0ea5e9;
}

.contact-page .contact .contact-bg {
	display: flex;
	flex-direction: column;

}

.contact-page .contact .contact-bg .bottom {
	margin-top: 9%;
	height: 2.5rem;
	width: 10rem;
	position: relative;
}

.contact-page .contact .contact-bg .top .title {
	font-size: 3rem;
	font-weight: bold;
}

.contact-page .contact .contact-bg .top input {
	width: 100%;
	outline: none;
	margin-top: 5%;
	height: 52px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: #ededed 1px solid;
}

.contact-page .contact .contact-bg .bottom:after {
	content: "";
	width: 0;
	height: 100%;
	background: #0ea5e9;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all 0.5s ease;
}

.contact-page .contact .contact-bg .bottom:hover:after {
	width: 100%;
}

.contact-page .contact .contact-bg .bottom:hover .button {
	color: #fff;
}

.contact-page .contact .contact-bg .bottom .button {
	height: 2.5rem;
	width: 10rem;
	border: 1px solid #1b1e2a;
	position: relative;
	z-index: 3;
	background: none;
	font-size: 16px;
}

.contact-page .contact .email-container .content {
	font-size: 2rem;
}

@media (max-width: 900px) {
	.contact-page .contact {
		flex-direction: column;
		padding: 20px;
	}

	.contact-page .contact .yellow,
	.contact-page .contact #myform {
		width: 100% !important;
		max-width: 100% !important;
	}

	.contact-page .contact .yellow {
		margin-bottom: 30px;
	}


	.contact-page .contact #myform:before,
	.contact-page .contact #myform:after {
		width: 100%;
	}

	.contact-page .contact #myform {
		margin-top: 45px;
	}

	.contact-page .contact .yellow .title {
		font-size: 20px;
	}

	.contact-page .contact .yellow .phone-container .content,
	.contact-page .contact .email-container .content {
		font-size: 18px;
	}

}






/* contact */

.contact-one {
	position: relative;
	padding: 50px 0px;
}

.contact-one .sec-title_text {
	font-weight: 400;
	font-size: 16px;
	line-height: 32px;
	color: #222;
	padding-left: 20px;
}

.info-block_one {
	position: relative;
	margin-bottom: 45px;
}

.info-block_one-inner {
	position: relative;
	color: #222222;
	font-size: 16px;
	padding-left: 75px;
}

.info-block_one-icon {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 60px !important;
	height: 60px;
	font-size: 22px;
	border-radius: 50px;
	text-align: center !important;
	line-height: 60px !important;
	display: inline-block;
	color: var(--white-color);
	background-color: var(--main-color);
}

.info-block_one-inner strong {
	position: relative;
	display: block;
	font-size: 22px;
	line-height: 25px;
	margin-bottom: 5px;
	color: var(--black-color);
	font-family: "Barlow", sans-serif;
	text-transform: uppercase;
}

/* Contact Form */

.contact-form {
	position: relative;
	z-index: 10;
	padding: 20px;
}

.contact-form .form-group {
	margin-bottom: 20px;
}

.contact-form .form-group:last-child {
	margin-bottom: 0px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	height: 60px;
	line-height: 28px;
	padding: 10px 30px;
	font-weight: 400;
	font-size: 16px;
	background: none;
	color: var(--black-color);
	border-radius: 50px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	background-color: #f5f5f5;
	border: 1px solid #c6c6c6 !important;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {}

.contact-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	height: 130px;
	resize: none;
	font-size: 16px;
	line-height: 26px;
	padding: 20px 30px;
	border-radius: 25px;
	color: var(--black-color);
	background-color: #f5f5f5;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	border: 1px solid #c6c6c6 !important;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
	border-color: #ff0000 !important;
}

.contact-form label.error {
	display: block;
	line-height: 24px;
	padding: 5px 0px 0px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 12px;
	color: #ff0000;
	font-weight: 500;
}

.contact-form_text {
	position: relative;
	font-weight: 400;
	font-size: 16px;
	line-height: 32px;
	color: #222;
}

.contact-one .video-image {
	position: relative;
	margin-top: -70px;
	z-index: 1;
}

.contact-one .video-image img {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	border-radius: 40px;
}

.contact-one .video-image:before {
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	z-index: 1;
	width: 724px;
	height: 156px;
	background: url(../images/pattern-5.png);
	background-repeat: no-repeat;
}

.contact-one_video {
	position: absolute;
	right: 90px;
	bottom: -90px;
	width: 176px;
	height: 176px;
	font-size: 40px;
	text-align: center;
	border-radius: 100px;
	line-height: 176px;
	display: inline-block;
	color: var(--white-color);
	background-color: var(--black-color);
}

.contact-one_video:before {
	position: absolute;
	content: '';
	right: 7px;
	top: 7px;
	left: -7px;
	bottom: -7px;
	z-index: -1;
	border-radius: 150px;
	background-color: var(--main-color);
}

.contact-one_video .ripple,
.contact-one_video .ripple:before,
.contact-one_video .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 176px;
	height: 176px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 101, 12, .3);
	-moz-box-shadow: 0 0 0 0 rgba(255, 101, 12, .3);
	-ms-box-shadow: 0 0 0 0 rgba(255, 101, 12, .3);
	-o-box-shadow: 0 0 0 0 rgba(255, 101, 12, .3);
	box-shadow: 0 0 0 0 rgba(255, 101, 12, .3);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.contact-one_video .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.contact-one_video .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
	}
}

@keyframes ripple {
	70% {
		box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
	}
}

/*** 

====================================================================
	Marketing One
====================================================================

***/

.marketing-one {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.marketing-one .animation_mode {
	position: relative;
	min-height: 100px;
	margin-left: -10px;
}

.marketing-one .animation_mode h1 {
	font-weight: 800;
	font-size: 64px;
	line-height: 1em;
	padding: 20px 0px 6px;
	display: inline-block;
	text-transform: uppercase;
	color: var(--black-color);
}

.marketing-one .animation_mode h1.light {
	color: transparent;
	font-weight: 800;
	opacity: 0.70;
	-webkit-text-stroke-width: 2px;
	font-family: "Raleway", serif;
	-webkit-text-stroke-color: rgba(var(--black-color-rgb), 1);
}

.marketing-one .animation_mode .marketing-one_icon {
	position: relative;
	top: -15px;
	line-height: 1em;
	margin: 0px 15px;
}

.marketing-one .animation_mode-two {
	position: relative;
	min-height: 100px;
	top: 0px;
	margin-left: -10px;
	transform: rotate(0deg);
	background-color: var(--color-five);
}

.marketing-one .animation_mode-two::before {
	position: absolute;
	content: '';
	left: 0px;
	top: 8px;
	right: 0px;
	bottom: 8px;
	background-color: var(--main-color);
}

.marketing-one .animation_mode-two h1 {
	font-weight: 800;
	font-size: 36px;
	line-height: 1em;
	padding: 30px 0px 15px;
	display: inline-block;
	text-transform: uppercase;
	color: var(--white-color);
}

.marketing-one .animation_mode-two .marketing-one_icon {
	position: relative;
	top: -8px;
	line-height: 1em;
	margin: 0px 15px;
}

/*** 

====================================================================
	Blog One
====================================================================

***/

.news-one {
	position: relative;
	padding: 110px 0px 80px;
}

.news-one.style-two {
	padding-top: 110px;
}

.news-block_one {
	position: relative;
	z-index: 2;
	margin-bottom: 30px;
}

.news-block_one-inner {
	position: relative;
}

.news-block_one-image_outer {
	position: relative;
}

.news-block_one-image {
	position: relative;
	overflow: hidden;
	border-radius: 30px;
}

.news-block_one-image:before {
	position: absolute;
	content: '';
	right: 0px;
	bottom: 0px;
	width: 174px;
	height: 66px;
	z-index: 9;
	background: url(../images/icons/shape-3.png);
	background-repeat: no-repeat;
}

.news-block_one-image img:first-child {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	-webkit-transform: translatex(50%) scalex(2);
	transform: translatex(50%) scalex(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.news-block_one-inner:hover .news-block_one-image img:first-child {
	-webkit-transform: translatex(0) scalex(1);
	transform: translatex(0) scalex(1);
	opacity: 1;
	-webkit-filter: blur(0);
	filter: blur(0);
}

.news-block_one-inner:hover .news-block_one-image img:nth-child(2) {
	-webkit-transform: translatex(-50%) scalex(2);
	transform: translatex(-50%) scalex(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.news-block_one-image img {
	position: relative;
	width: 100%;
	display: block;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.news-block_one-content {
	position: relative;
	padding-top: 30px;
}

.news-block_one-date {
	position: absolute;
	right: 10px;
	bottom: 0px;
	z-index: 10;
	font-size: 16px;
	font-weight: 600;
	padding: 9px 35px;
	border-radius: 50px;
	letter-spacing: 1px;
	color: var(--white-color);
	text-transform: uppercase;
	font-family: "Barlow", sans-serif;
	background-color: var(--black-color);
}

.news-block_one-meta {
	position: relative;
}

.news-block_one-meta li {
	position: relative;
	font-size: 16px;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	color: var(--black-color);
}

.news-block_one-meta li .icon {
	position: absolute;
	left: 0px;
	top: 2px;
	line-height: 1em;
	color: var(--main-color);
}

.news-block_one-meta li:last-child {
	margin-right: 0px;
	padding-right: 0px;
}

.news-block_one-title {
	position: relative;
	margin-top: 15px;
	text-transform: capitalize;
}

.news-block_one-title a {
	position: relative;
	color: var(--black-color);
}

.news-block_one-title a:hover {
	color: var(--main-color);
}

.news-block_one-text {
	position: relative;
	color: #666666;
	font-size: 16px;
	line-height: 28px;
	margin-top: 15px;
}

.news-block_one-button {
	position: relative;
	margin-top: 25px;
}

.news-block_one-button:before {
	position: absolute;
	content: '';
	left: 25px;
	bottom: 0px;
	right: 0px;
	border-bottom: 2px solid #f5f5f5;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.news-block_one-button:after {
	position: absolute;
	content: '\f0da';
	right: 0px;
	bottom: -10px;
	color: #f5f5f5;
	font-size: 20px;
	font-weight: 800;
	font-family: 'Font Awesome 6 Free';
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.news-block_one-more {
	position: relative;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 17px 35px;
	border-radius: 50px 50px 0px 50px;
	display: inline-block;
	background-color: #f5f5f5;
	color: var(--black-color);
	text-transform: uppercase;
	font-family: "Barlow", sans-serif;
}

.news-block_one-inner:hover .news-block_one-button:after {
	color: var(--main-color);
}

.news-block_one-inner:hover .news-block_one-button:before {
	border-color: var(--main-color);
}

.news-block_one-inner:hover .news-block_one-more {
	color: var(--white-color);
	background-color: var(--main-color);
}

/*** 

====================================================================
	Banner One
====================================================================

***/

.banner-one {
	position: relative;
	overflow: hidden;
	padding: 270px 0px 70px;
}

.banner-one_image {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50%;
	bottom: 0px;
	overflow: hidden;
	border-radius: 0px 0px 0px 75px;
}

.banner-one_content {
	position: relative;
}

.banner-one_text {
	position: relative;
	font-weight: 600;
	font-size: 20px;
	line-height: 34px;
	margin-bottom: 45px;
	color: var(--black-color);
}

.banner-one_title {
	position: relative;
	font-size: 100px;
	line-height: 1em;
	text-transform: uppercase;
	color: var(--black-color);
	font-family: "Barlow", sans-serif;
}

.banner-one_subtitle {
	position: relative;
	font-size: 276px;
	font-weight: 800;
	line-height: 1em;
	text-transform: uppercase;
	color: var(--main-color);
	font-family: "Alumni Sans", sans-serif;
}

.banner-one_subtitle span {
	position: relative;
	color: var(--white-color);
}

.banner-one_button {
	position: relative;
}

.banner-one_video {
	position: absolute;
	left: 46%;
	top: 10%;
	width: 126px;
	height: 126px;
	font-size: 30px;
	text-align: center;
	border-radius: 100px;
	line-height: 126px;
	display: inline-block;
	color: var(--white-color);
	background-color: var(--black-color);
}

.banner-one_video:before {
	position: absolute;
	content: '';
	right: 7px;
	top: 7px;
	left: -7px;
	bottom: -7px;
	z-index: -1;
	border-radius: 150px;
	background-color: var(--main-color);
}

.banner-one_video .ripple,
.banner-one_video .ripple:before,
.banner-one_video .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 126px;
	height: 126px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 101, 12, .3);
	-moz-box-shadow: 0 0 0 0 rgba(255, 101, 12, .3);
	-ms-box-shadow: 0 0 0 0 rgba(255, 101, 12, .3);
	-o-box-shadow: 0 0 0 0 rgba(255, 101, 12, .3);
	box-shadow: 0 0 0 0 rgba(255, 101, 12, .3);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.banner-one_video .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.banner-one_video .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

/*** 

====================================================================
	Service Two
====================================================================

***/

.service-two {
	position: relative;
	overflow: hidden;
	padding: 50px 0px;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.service-two .auto-container {
	max-width: 1300px;
}

.service-two .service-block_one {
	width: 20%;
}

.service-block_one {
	position: relative;
}

.service-block_one-inner {
	position: relative;
	padding: 35px 35px;
	border-radius: 15px;
	border: 1px solid rgba(0, 0, 0, 0.10)
}

.service-block_one-icon {
	position: relative;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50px;
	text-align: center;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	background-color: var(--main-color);
}

.service-block_one-inner:hover .service-block_one-icon {
	transform: rotateY(180deg);
}

.service-block_one-heading {
	position: relative;
	margin-top: 40px;
}

.service-block_one-heading a {
	position: relative;
	color: var(--black-color);
}

.service-block_one-text {
	position: relative;
	font-size: 15px;
	color: #222222;
	line-height: 27px;
	margin-top: 20px;
	margin-bottom: 28px;
}

.service-block_one-more {
	position: relative;
	font-size: 15px;
	margin-top: 20px;
	font-weight: 700;
	color: var(--main-color);
	font-family: "Barlow", sans-serif;
}

.service-block_one_image {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0;
	overflow: hidden;
	border-radius: 15px;
	background-size: cover;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transform: scale(0.2, 1);
}

.service-block_one-inner:hover .service-block_one_image {
	opacity: 1;
	transform: scale(1, 1);
}

.service-block_one-inner:hover .service-block_one-text,
.service-block_one-inner:hover .service-block_one-heading a {
	color: var(--white-color);
}

.service-block_one_hover-image {
	position: absolute;
	right: -30px;
	top: 40px;
	z-index: 1;
	opacity: 0;
	width: 210px;
	height: 100px;
	border-radius: 15px;
	transform: scale(1, 0.2);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.service-block_one-inner:hover .service-block_one_hover-image {
	opacity: 1;
	transform: scale(1, 1);
}

.service-two_btn {
	position: relative;
	margin-top: 30px;
}

/*** 

====================================================================
	Fluid One
====================================================================

***/

.fluid-one {
	position: relative;
}

.fluid-one:before {
	position: absolute;
	content: '';
	right: 0px;
	top: 90px;
	bottom: 0px;
	left: 0px;
	background-color: #F5F5F5;
}

.fluid-one .outer-container {
	position: relative;
}

.fluid-one .left-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50%;
	height: 100%;
	background-size: cover;
	border-radius: 0px 50px 50px 0px;
}

.fluid-one_image {
	position: relative;
	display: none;
}

.fluid-one_image img {
	position: relative;
	width: 100%;
	display: block;
}


.fluid-one .right-box {
	position: relative;
	float: right;
	width: 50%;
	padding: 130px 15px 40px 80px;
}

.fluid-one .right-box_inner {
	position: relative;
	max-width: 650px;
}

.fluid-one .sec-title_text {
	max-width: 550px;
}

.fluid-one_list {
	position: relative;
	margin-bottom: 50px;
}

.fluid-one_list li {
	position: relative;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 20px;
	color: #222;
	font-family: "Barlow", sans-serif;
	display: flex;
}

.fluid-one_list li i {
	position: relative;
	margin-right: 20px;
	color: var(--main-color);
	margin-top: 5px;
}

.fluid-one_list li:last-child {
	margin-bottom: 0px;
}

.fluid-one_experiance {
	position: relative;
	line-height: 1em;
	font-size: 90px;
	font-weight: 700;
	color: #ffffff;
	-webkit-text-stroke-width: 2px;
	font-family: "Barlow", sans-serif;
	-webkit-text-stroke-color: rgba(var(--main-color-rgb), 1);
}

.fluid-one_experiance span {
	position: relative;
	font-size: 18px;
	font-weight: 600 !important;
	margin-left: -20px;
	color: #222;
	font-family: "Barlow", sans-serif;
	text-transform: uppercase;
	-webkit-text-stroke-width: 0px !important;
}

.fluid-one_author {
	position: relative;
}

.fluid-one_author-inner {
	position: relative;
	font-size: 20px;
	min-height: 98px;
	font-weight: 700;
	padding-top: 22px;
	padding-left: 125px;
	color: var(--main-color);
	text-transform: uppercase;
	font-family: "Barlow", sans-serif;
}

.fluid-one_author-image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 98px;
	height: 98px;
	border-radius: 150px;
	border: 3px solid var(--white-color);
}

.fluid-one_author-inner span {
	position: relative;
	color: #222222;
	font-size: 14px;
	display: block;
	margin-top: 5px;
	text-transform: capitalize;
}

.fluid-one_video {
	position: relative;
	padding: 8px 8px;
	border-radius: 200px;
	background-color: var(--main-color);
}

.fluid-one_video-text {
	position: relative;
	font-size: 16px;
	color: var(--white-color);
	text-transform: uppercase;
	font-weight: 600;
	font-family: "Barlow", sans-serif;
}

.fluid-one_author {
	position: relative;
	display: inline-block;
}

.fluid-one_video-play {
	position: relative;
	width: 80px;
	height: 80px;
	font-size: 22px;
	text-align: center;
	border-radius: 100px;
	line-height: 80px;
	display: inline-block;
	color: #0059b2;
	background-color: #ffd732;

}

.fluid-one_video-play:before {
	position: absolute;
	content: '';
	right: 7px;
	top: 7px;
	left: -7px;
	bottom: -7px;
	z-index: -1;
	border-radius: 150px;
	background-color: var(--main-color);
}

.fluid-one_video-play .ripple,
.fluid-one_video-play .ripple:before,
.fluid-one_video-play .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .3);
	-ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .3);
	-o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .3);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .3);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.fluid-one_video-play .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.fluid-one_video-play .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

/*** 

====================================================================
	Counter Two
====================================================================

***/

.counter-two {
	position: relative;
	padding: 100px 0px 120px;
	background-color: #F5F5F5;
}

.counter-two_pattern {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 70px;
	background-position: center bottom;
	background-repeat: repeat-x;
	animation: slideBackground 10s linear infinite;
}

.counter-block_two {
	position: relative;
	margin-bottom: 30px;
}

.counter-block_two-inner {
	position: relative;
	padding: 35px 30px 30px;
	border-radius: 25px;
	background-color: rgba(0, 0, 0, 0.05);
}

.counter-block_two-count {
	position: relative;
	font-size: 60px;
	font-weight: 600;
	line-height: 1em;
	color: var(--black-color);
	font-family: "Barlow", sans-serif;
}

.counter-block_two-count sup {
	position: relative;
	color: var(--main-color);
}

.counter-block_two-text {
	position: relative;
	font-size: 15px;
	font-weight: 500;
	line-height: 28px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: var(--black-color);
	text-transform: uppercase;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
	font-family: "Barlow", sans-serif;
}

.counter-block_two-icon {
	position: relative;
	margin-bottom: 20px;
}

/*** 

====================================================================
	Project Two
====================================================================

***/

.project-two {
	position: relative;
	border-radius: 0px 0px 50px 50px;
	padding: 50px 0px;
}

.project-two_bg {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-size: cover;
	background-attachment: fixed;
}

.project-two .outer-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-left: -150px;
	margin-right: -150px;
	overflow: hidden;
}

@media only screen and (max-width: 1699px) {
	.project-two .outer-box {
		margin: 0 -50px;
		padding: 0 10px;
	}
}

@media (max-width: 1399.98px) {

	.project-two .outer-box {
		margin: 0;
	}
}

@media (max-width: 991.98px) {
	.project-two .outer-box {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
	}
}

.project-two .project-block-four {
	min-height: 470px;
	margin-right: 5px;
	margin-left: 5px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	will-change: flex;
}

.project-two .project-block-four:hover,
.project-two .project-block-four.active {
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
}

@media (max-width: 991.98px) {
	.project-two .project-block-four {
		width: 50%;
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		padding: 0 15px;
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 767.98px) {
	.project-two .project-block-four {
		width: 100%;
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
	}
}

.project-block-four {
	position: relative;
	margin-bottom: 30px;
	-webkit-transition: 0.8s cubic-bezier(0.29, 0, 0.2, 1);
	transition: 0.8s cubic-bezier(0.29, 0, 0.2, 1);
}

.project-block-four .active .image-box .image:before {
	opacity: 0.3;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.project-block-four .active .icon {
	background-color: var(--theme-color-light);
	color: var(--theme-color-dark);
}

.project-block-four .active .content-box .float-text {
	opacity: 1;
}

.project-block-four .active .content-box .cat {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0);
	-webkit-transition-delay: 600ms;
	transition-delay: 600ms;
}

.project-block-four .active .content-box .title {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0);
	-webkit-transition-delay: 900ms;
	transition-delay: 900ms;
}

.project-block-four .active .content-box .button {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.project-block-four .active .content-box-hover .title {
	opacity: 0;
	-webkit-transform: translateY(100);
	transform: translateY(100);
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
}

.project-block-four .inner-box {
	position: relative;
	overflow: hidden;
	border-radius: 30px;
}

.project-block-four .inner-box:hover .image-box .image:before {
	opacity: 0.3;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.project-block-four .inner-box:hover .icon {
	background-color: var(--theme-color-light);
	color: var(--theme-color-dark);
}

.project-block-four .inner-box:hover .content-box .float-text {
	opacity: 1;
}

.project-block-four .inner-box:hover .content-box .cat {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0);
	-webkit-transition-delay: 600ms;
	transition-delay: 600ms;
}

.project-block-four .inner-box:hover .content-box .title {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0);
	-webkit-transition-delay: 900ms;
	transition-delay: 900ms;
}

.project-block-four .inner-box:hover .content-box .button {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.project-block-four .inner-box:hover .content-box-hover .title {
	opacity: 0;
	-webkit-transform: translateY(100);
	transform: translateY(100);
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
}

.project-block-four .image-box {
	position: relative;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block-four .image-box .image {
	position: relative;
	margin-bottom: 0;
}

.project-block-four .image-box .image::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 29, 41, 0)), color-stop(95%, rgba(29, 29, 41, 0.75)));
	background: linear-gradient(to bottom, rgba(29, 29, 41, 0) 0%, rgba(29, 29, 41, 0.75) 95%);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	z-index: 2;
}

.project-block-four .image-box .image img {
	width: 100%;
	height: 470px;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block-four .content-box-hover {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: start;
	justify-content: end;
	flex-direction: column;
	text-align: left;
	z-index: 2;
	padding: 30px 30px;
}

.project-block-four .content-box-hover .title span {
	position: relative;
	display: block;
	font-size: 16px;
	color: var(--white-color);
}

.project-block-four .content-box-hover .title a {
	color: var(--white-color);
}

.project-block-four .content-box {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 3;
	padding: 30px 40px;
}

.project-block-four .content-box .float-text {
	position: relative;
	font-size: 16px;
	text-transform: capitalize;
	letter-spacing: 0.02em;
	font-weight: 600;
	opacity: 0;
	color: var(--white-color);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block-four .content-box .cat {
	position: relative;
	font-weight: 700;
	color: var(--white-color);
	display: inline-block;
	opacity: 0;
	font-size: 20px;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	text-transform: capitalize;
	padding-bottom: 15px;
	margin-top: 18px;
	border-bottom: 1px solid var(--white-color);
}

.project-block-four .content-box .cat:before {
	position: absolute;
	content: '';
	right: 0px;
	bottom: -5px;
	width: 10px;
	height: 10px;
	border-radius: 50px;
	background-color: var(--white-color);
}

.project-block-four .content-box .cat .icon {
	position: relative;
	margin-right: 10px;
}

.project-block-four .content-box .title {
	position: relative;
	font-size: 25px;
	font-weight: 700;
	font-family: 'Barlow', sans-serif;
	text-transform: uppercase;
	margin-bottom: 0;
	color: var(--white-color);
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block-four .content-box .title a {
	position: relative;
	color: var(--white-color);
}

@media (max-width: 991.98px) {
	.project-block-four .content-box .title {
		font-size: 25px;
	}
}

.project-block-four .button {
	position: relative;
	margin-top: 15px;
	opacity: 0;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

/*** 

====================================================================
	Price One
====================================================================

***/

.price-one {
	position: relative;
	overflow: hidden;
	padding: 110px 0px 80px;
}

.price-one .auto-container {
	max-width: 1100px;
}

.price-one_circle {
	position: absolute;
	right: -250px;
	top: 25%;
	width: 536px;
	height: 536px;
	border-radius: 550px;
	border: 80px solid #f5f5f5;
	-webkit-animation: icon-bounce 0.8s ease-out infinite;
	animation: icon-bounce 0.8s ease-out infinite;
}

.price-one_shadow {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-position: left center;
	background-repeat: no-repeat;
}

.price-block_one {
	position: relative;
	margin-bottom: 30px;
}

.price-block_one-inner {
	position: relative;
	padding: 55px 35px;
	overflow: hidden;
	border-radius: 30px;
	background-color: #f5f5f5;
}

.price-block_one-inner:before {
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0;
	background-color: #121212;
	transform: scale(1, 0.2);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.price-block_one-inner:hover::before {
	opacity: 1;
	transform: scale(1, 1);
}

.price-block_one.active .price-block_one-list li,
.price-block_one.active .price-block_one-title,
.price-block_one.active .price-block_one-text,
.price-block_one.active .price-block_one-price {
	color: var(--white-color);
}

.price-block_one.active .price-block_one-inner:before {
	opacity: 1;
	transform: scale(1, 1);
}

.price-block_one-featured {
	position: absolute;
	left: 15px;
	top: 15px;
	font-weight: 600;
	padding: 7px 20px;
	border-radius: 50px;
	display: inline-block;
	color: var(--main-color);
	text-transform: uppercase;
	font-family: "Barlow", sans-serif;
	background-color: var(--white-color);
}

.price-block_one-shadow {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-position: left bottom;
	background-repeat: no-repeat;
}

.price-block_one-title {
	position: relative;
	font-weight: 700;
	margin-top: 40px;
	color: var(--black-color);
	text-transform: capitalize;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.price-block_one-text {
	position: relative;
	font-weight: 600;
	font-size: 16px;
	line-height: 28px;
	margin-top: 10px;
	color: var(--black-color);
	text-transform: capitalize;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.price-block_one-inner:hover .price-block_one-list li,
.price-block_one-inner:hover .price-block_one-title,
.price-block_one-inner:hover .price-block_one-text,
.price-block_one-inner:hover .price-block_one-price {
	color: var(--white-color);
}

.price-block_one-list {
	position: relative;
}

.price-block_one-list li {
	position: relative;
	font-weight: 600;
	font-size: 16px;
	padding-left: 30px;
	margin-bottom: 18px;
	color: var(--black-color);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.price-block_one-list li:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 15px;
	height: 17px;
	background: url(../images/icons/price-tag.svg) no-repeat;
}

.price-block_one-list li:last-child {
	margin-bottom: 0px;
}

.price-block_one-price {
	position: relative;
	font-size: 48px;
	font-weight: 700;
	line-height: 42px;
	text-align: center;
	margin-bottom: 15px;
	color: var(--black-color);
	font-family: "Barlow", sans-serif;
}

.price-block_one-price span {
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 500;
}

.price-block_one-inner .theme-btn {
	text-transform: uppercase;
}

/*** 

====================================================================
	Marketing Two
====================================================================

***/

.marketing-two {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding-bottom: 100px;
}

.marketing-two.style-two {
	margin-top: 110px;
}

.marketing-two .brands-mode {
	position: relative;
	display: flex;
	align-items: center;
}

.marketing-two .brand-conetnt {
	display: flex;
	align-items: center;
	justify-content: center;
	animation: slide-left 50s linear infinite;
}

.marketing-two .brand-conetnt.two {
	animation: slide-right 50s linear infinite;
}

.marketing-two .brand-conetnt.two h1 {
	color: var(--black-color);
}

.marketing-two .brand-conetnt h1 {
	font-weight: 800;
	font-size: 96px;
	line-height: 1em;
	padding: 0px 0px 6px;
	display: inline-block;
	text-transform: uppercase;

	color: transparent;
	font-weight: 800;

	-webkit-text-stroke-width: 2px;
	font-family: "Raleway", serif;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-text-stroke-color: rgba(var(-rgb), 1);
}

.marketing-two .brand-conetnt .marketing-two_icon {
	position: relative;
	top: 0px;
	width: 20px;
	height: 20px;
	line-height: 1em;
	margin: 0px 15px;
	border-radius: 50px;
	display: inline-block;
	border: 2px solid var(--main-color);
}

.marketing-two .brand-conetnt .animation_mode-two {
	position: relative;
	min-height: 100px;
	top: 0px;
	margin-left: -10px;
}

.marketing-two .brand-conetnt h1:hover {
	color: #000000;
}

.marketing-two .brand-conetnt h1 {
	font-weight: 800;
	font-size: 96px;
	line-height: 1em;
	padding: 0px 0px 6px;
	display: inline-block;
	text-transform: uppercase;

	color: transparent;
	font-weight: 800;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-text-stroke-width: 2px;
	font-family: "Raleway", serif;
	-webkit-text-stroke-color: rgba(var(--black-color-rgb), 1);
}

.marketing-two .brand-conetnt .marketing-two_icon {
	position: relative;
	top: 0px;
	width: 20px;
	height: 20px;
	line-height: 1em;
	margin: 0px 15px;
	border-radius: 50px;
	display: inline-block;
	border: 2px solid var(--main-color);
}

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

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

@keyframes slide-right {
	0% {
		-webkit-transform: translateX(-90%);
		transform: translateX(-90%);
	}

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

/*** 

====================================================================
	Award One
====================================================================

***/

.award-one {
	position: relative;
	overflow: hidden;
	padding: 50px 15px;
	background-color: #F5F5F5;
}

.award-one .auto-container {
	position: relative;
	max-width: 1750px;
}

.award-one .inner-container {
	position: relative;
}

.award-one_pattern {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	height: 70px;
	background-position: center bottom;
	background-repeat: repeat-x;
	animation: slideBackground 10s linear infinite;
}

.award-one .animation_mode {
	min-height: 70px;
}

.award-one .animation_mode-two {
	min-height: 70px;
	margin-top: 30px;
}

.award-block_one {
	position: relative;
	display: inline-block;
	margin-bottom: 30px;
	margin: 0px 10px;
}

.award-block_one-inner {
	position: relative;
	padding: 10px 10px;
	align-items: center;
	border-radius: 50px;
	display: inline-block;
	background-color: var(--white-color);
}

.award-block_one-icon {
	position: relative;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	border-radius: 50px;
	display: inline-block;
	color: #222;
	background-color: #ffd732;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.award-block_one-title {
	position: relative;
	font-weight: 600;
	font-size: 18px;
	margin: 0px 15px;
	display: inline-block;
	color: #222;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	font-family: "Barlow", sans-serif;
	text-transform: uppercase;
}

.award-block_one-title i {
	position: relative;
	font-weight: 400;
	color: #222222;
	font-size: 16px;
	margin-right: 10px;
	margin-left: 10px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	font-family: "Rubik", sans-serif;
}

.award-block_one-inner:hover .award-block_one-title i,
.award-block_one-inner:hover .award-block_one-title {
	color: var(--white-color);
}

.award-block_one-inner:hover .award-block_one-icon {
	color: var(--white-color);
	background-color: #ffd732;
}

.award-block_one-inner:hover {
	background-color: var(--main-color);
}

/*** 

====================================================================
	Team One
====================================================================

***/

.team-one {
	position: relative;
	overflow: hidden;
	padding: 50px 0px;
}

.team-one.style-two {
	background-position: left top;
	background-repeat: no-repeat;
}

.team-one.style-two:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	height: 50%;
	z-index: -1;
	background-image: linear-gradient(to bottom, #f5f5f5, #f7f7f7, #fafafa, #fcfcfc, #ffffff);
}

.team-one .auto-container {
	position: relative;
}

.team-one_pattern {
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
	height: 266px;
	background-position: center bottom;
	background-repeat: repeat-x;
	animation: slideBackground 10s linear infinite;
}

.team-block_one {
	position: relative;
	margin-bottom: 30px;
}

.team-block_one-inner {
	position: relative;
}

.team-block_one-image {
	position: relative;
	padding-top: 15px;
	padding-right: 15px;
}

.team-block_one-image:before {
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	left: 20px;
	bottom: 20px;
	border-radius: 25px;
	border: 1px solid rgba(0, 0, 0, 0.10);
}

.team-block_one-image:after {
	position: absolute;
	content: '';
	right: 15px;
	top: 15px;
	width: 97px;
	height: 97px;
	background: url(../images/icons/team-shape.png) no-repeat;
}

.team-block_one-image img {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	vertical-align: middle;
}

.team-block_one-content {
	position: absolute;
	left: 30px;
	bottom: 30px;
	right: 50px;
	padding: 10px 15px;
	text-align: center;
	overflow: hidden;
	border-radius: 80px;
}

.team-block_one-content:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0, 89, 178, 0.80);
}

.team-block_one-title {
	position: relative;
	font-size: 18px;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}

.team-block_one-title a {
	position: relative;
	color: #fff;
}

.team-block_one-title a:hover {
	color: #fff;
}

.team-block_one-designation {
	position: relative;
	font-size: 16px;
	margin-top: 8px;
	color: var(--white-color);
}

.team-block_one-shares {
	position: absolute;
	right: 18px;
	top: 17px;
}

.team-block_one-share_icon {
	position: relative;
	width: 60px;
	height: 60px;
	z-index: 10;
	line-height: 60px;
	border-radius: 50px;
	display: inline-block;
	background-color: #ffd732;
}

.team-block_one-share_icon img {
	position: relative;
	top: 20px;
	left: 5px;
	width: 50px;
}

.team-block_one-inner:hover .team-block_one-socials {
	top: 140%;
	opacity: 1;
}

.team-block_one-socials {
	position: absolute;
	right: 2px;
	top: -150%;
	width: 50px;
	z-index: 1;
	opacity: 0;
	padding: 10px 0px;
	text-align: center;
	border-radius: 50px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	background-color: var(--white-color);
}

.team-block_one-socials a {
	position: relative;
	font-size: 16px;
	display: block;
	width: 40px;
	height: 40px;
	margin: 1px 0px;
	margin: 0 auto;
	line-height: 40px;
	border-radius: 50px;
	color: var(--black-color);
}

.team-block_one-socials a:hover {
	color: var(--white-color);
	background-color: var(--main-color);
}

.team-one .three-item_carousel-prev {
	position: absolute;
	top: 50%;
	z-index: 1;
	left: -80px;
	width: 60px;
	height: 60px;
	cursor: pointer;
	font-size: 18px;
	line-height: 58px;
	text-align: center;
	display: inline-block;
	border-radius: 50px 50px;
	color: var(--main-color);
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	border: 1px solid var(--main-color);
}

.team-one .three-item_carousel-prev:hover {
	color: var(--white-color);
	background-color: var(--main-color);
}

.team-one .three-item_carousel-prev.swiper-button-disabled {
	opacity: 0;
	visibility: hidden;
}

.team-one .three-item_carousel-next.swiper-button-disabled {
	opacity: 0;
	visibility: hidden;
}

.team-one .three-item_carousel-next:hover {
	color: var(--white-color);
	background-color: var(--main-color);
}

.team-one .three-item_carousel-next::after,
.team-one .three-item_carousel-next::after {
	display: none;
}

.team-one .three-item_carousel-next {
	position: absolute;
	right: -80px;
	top: 50%;
	z-index: 1;
	width: 60px;
	height: 60px;
	cursor: pointer;
	font-size: 18px;
	line-height: 58px;
	text-align: center;
	display: inline-block;
	border-radius: 50px 50px;
	color: var(--main-color);
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	border: 1px solid var(--main-color);
}

.team-one .lower-box {
	position: relative;
	margin-top: 20px;
}

.team-one_text {
	position: relative;
	font-size: 25px;
	color: #fff;
	line-height: 28px;
	font-family: "Barlow", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}

/*** 

====================================================================
	Testimonial Two
====================================================================

***/

.testimonial-two {
	position: relative;
	padding: 110px 0px 180px;
	background-color: var(--black-color);
}

.testimonial-two_circle-image {
	position: absolute;
	left: 50%;
	bottom: -105px;
	width: 487px;
	height: 192px;
	transform: translateX(-50%);
	background-repeat: no-repeat;
}

.testimonial-two .sec-title {
	display: inline-block;
}

.testimonial-two .swiper-container {
	margin-top: -100px;
	padding-top: 120px;
	padding-bottom: 30px;
}

.testimonial-two_arrow {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1;
}

.testimonial-two_arrow .four-item_carousel-next,
.testimonial-two_arrow .four-item_carousel-prev {
	position: relative;
	width: 60px;
	height: 60px;
	font-size: 22px;
	line-height: 58px;
	text-align: center;
	margin-left: 10px;
	border-radius: 50px;
	color: var(--main-color);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border: 1px solid var(--main-color);
}

.testimonial-two_arrow .four-item_carousel-next:hover,
.testimonial-two_arrow .four-item_carousel-prev:hover {
	color: var(--white-color);
	background-color: var(--main-color);
}

.testimonial-two .auto-container {
	max-width: 1780px;
}

.testimonial-two_pattern {
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
	top: 0px;
	background-size: cover;
}

.testimonial-block_two {
	position: relative;
	margin-bottom: 30px;
}

.testimonial-block_two-inner {
	position: relative;
	padding: 40px 40px;
	border-radius: 30px;
	background-color: rgba(255, 255, 255, 0.07);
}

.testimonial-block_two-rating {
	position: relative;
	font-size: 16px;
	color: var(--main-color);
}

.testimonial-block_two-text {
	position: relative;
	font-size: 20px;
	line-height: 34px;
	margin-top: 35px;
	margin-bottom: 35px;
	color: var(--white-color);
}

.testimonial-block_two-author {
	position: relative;
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
	color: var(--main-color);
	font-family: "Barlow", sans-serif;
}

.testimonial-block_two-author span {
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: var(--white-color);
}

.testimonial-block_two-image {
	position: absolute;
	right: 50px;
	bottom: -33px;
	width: 80px;
	height: 80px;
	border-radius: 50px;
}

/*** 

====================================================================
	About Two
====================================================================

***/

.about-two {
	position: relative;
	padding: 190px 0px 90px;
}

.about-two_image-column {
	position: relative;
	margin-bottom: 30px;
}

.about-two_image-outer {
	position: relative;
	padding-right: 40px;
}

.about-two_image:before {
	position: absolute;
	content: '';
	right: -1px;
	top: 0px;
	z-index: 1;
	width: 267px;
	height: 85px;
	background: url(../images/icons/about-1.png) no-repeat;

}

.about-two_image {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 30px;
}

.about-two_image img {
	position: relative;
	width: 100%;
	display: block;
}

.about-two_content-column {
	position: relative;
	margin-bottom: 30px;
}

.about-two_content-outer {
	position: relative;
	padding-left: 30px;
}

/* Feature Block One */

.feature-block_three {
	position: relative;
	margin-bottom: 40px;
}

.feature-block_three-inner {
	position: relative;
	padding-left: 100px;
}

.feature-block_three-icon {
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 1em;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.feature-block_three-inner:hover .feature-block_three-icon {
	transform: rotateY(180deg);
}

.feature-block_three-title {
	position: relative;
	font-weight: 700;
	color: var(--black-color);
	font-family: "Barlow", sans-serif;
}

.feature-block_three-text {
	position: relative;
	font-size: 16px;
	color: #222222;
	line-height: 28px;
	margin-top: 10px;
}

/*** 

====================================================================
	Blog Two
====================================================================

***/

.news-two {
	position: relative;
	padding: 0px 0px 90px;
	background-color: var(--white-color);
}

.news-two.style-two {
	padding-top: 110px;
}

.news-block_two {
	position: relative;
	z-index: 2;
	margin-bottom: 30px;
}

.news-block_two-inner {
	position: relative;
}

.news-block_two-image_outer {
	position: relative;
}

.news-block_two-image {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
}

.news-block_two-image img:first-child {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	-webkit-transform: translatex(50%) scalex(2);
	transform: translatex(50%) scalex(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.news-block_two-inner:hover .news-block_two-image img:first-child {
	-webkit-transform: translatex(0) scalex(1);
	transform: translatex(0) scalex(1);
	opacity: 1;
	-webkit-filter: blur(0);
	filter: blur(0);
}

.news-block_two-inner:hover .news-block_two-image img:nth-child(2) {
	-webkit-transform: translatex(-50%) scalex(2);
	transform: translatex(-50%) scalex(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.news-block_two-image img {
	position: relative;
	width: 100%;
	display: block;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.news-block_two-content {
	position: relative;
	padding-top: 30px;
}

.news-block_two-date {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 65px;
	height: 65px;
	z-index: 10;
	padding-top: 8px;
	line-height: 28px;
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	color: var(--white-color);
	text-transform: uppercase;
	border-radius: 8px 8px 8px 0px;
	background-color: var(--main-color);
	font-family: "Barlow", sans-serif;
}

.news-block_two-date span {
	position: relative;
	display: block;
	font-size: 16px;
}

.news-block_two-meta {
	position: relative;
}

.news-block_two-meta li {
	position: relative;
	font-size: 16px;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	color: var(--black-color);
}

.news-block_two-meta li .icon {
	position: absolute;
	left: 0px;
	top: 2px;
	line-height: 1em;
	color: var(--main-color);
}

.news-block_two-meta li:last-child {
	margin-right: 0px;
	padding-right: 0px;
}

.news-block_two-title {
	position: relative;
	margin-top: 15px;
	text-transform: capitalize;
}

.news-block_two-title a {
	position: relative;
	color: var(--black-color);
}

.news-block_two-title a:hover {
	color: var(--main-color);
}

.news-block_two-text {
	position: relative;
	margin-top: 15px;
	color: #222222;
	display: block;
	font-size: 16px;
	line-height: 28px;
	text-transform: capitalize;
}

.news-block_two-more {
	position: relative;
	font-size: 15px;
	font-weight: 700;
	display: flex;
	height: 100%;
	padding: 15px 20px;
	border-radius: 5px;
	border-bottom: 4px solid #ffd732;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	text-transform: uppercase;
	background-color: #0059b2;
	font-family: "Barlow", sans-serif;
}

.news-block_two-more:hover {
	color: #222;
	background-color: #ffd732;
	border-bottom: 4px solid #0059b2;
}

/*** 
====================================================================
	Slider Three
====================================================================

***/

.slider-three {
	position: relative;
	border-bottom: 12px solid #ffd732;
}

.slider-three_big-title {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 260px;
	z-index: 10;
	opacity: 0.10;
	font-size: 182px;
	color: transparent;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	font-family: "Raleway", serif;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: rgba(var(--white-color-rgb), 1);
}

.slider-three .slider-one_pagination {
	position: absolute;
	top: 40%;
	z-index: 999;
	left: 40px !important;
	right: auto !important;
	width: 60px !important;
}

.slider-three .slider-one_pagination {
	position: absolute;
	top: 46%;
	z-index: 999;
	padding: 15px 0px;
	padding-left: 25px;
	left: auto !important;
	right: 0px !important;
	bottom: auto !important;
	width: 60px !important;
	border-radius: 30px 0px 0px 30px;
	background-color: var(--white-color);
}

.slider-three .slider-one_pagination .swiper-pagination-bullet {
	position: relative;
	opacity: 1;
	width: 10px;
	height: 10px;
	display: block;
	font-size: 0px;
	background: none;
	color: var(--white-color);
	margin: 30px 0px !important;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	border-radius: 50px;
	display: block;
	background-color: #bbbbbb;
}

.slider-three .slider-one_pagination .swiper-pagination-bullet::before {
	position: absolute;
	content: '';
	left: -8px;
	top: -8px;
	right: -8px;
	bottom: -8px;
	opacity: 0;
	border-radius: 50px;
	border: 1px solid var(--white-color);
}

.slider-three .slider-one_pagination .swiper-pagination-bullet:hover,
.slider-three .slider-one_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
	background-color: var(--main-color);
}

.slider-three .slider-one_pagination .swiper-pagination-bullet:hover::before,
.slider-three .slider-one_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	opacity: 1;
	border-color: var(--main-color);
}


.slider-three .swiper-slide {
	position: relative;
	overflow: hidden;
	padding: 180px 0px 180px;
}

.slider-three_image-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	opacity: 0;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	clip-path: polygon(0 0, 40% 0, 40% 100%, 0% 100%);
	-webkit-transition: all 1000ms linear;
	-moz-transition: all 1000ms linear;
	-ms-transition: all 1000ms linear;
	-o-transition: all 1000ms linear;
	transition: all 1000ms linear;
}

.slider-three_image-layer:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.20;
	background-color: #0059b2;
}

/* Desktop Background Images */
.slide-bg-1 {
	background-image: url(../images/banner-3.jpg);
}

.slide-bg-2 {
	background-image: url(../images/banner-5.jpg);
}

.slide-bg-3 {
	background-image: url(../images/banner-4.jpg);
}

.slider-three .swiper-slide-active .slider-three_image-layer {
	opacity: 1;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.slider-three_button {
	position: relative;
}

.slider-three .swiper-slide-active .slider-three_button {
	-webkit-transition-delay: 1400ms;
	-moz-transition-delay: 1400ms;
	-ms-transition-delay: 1400ms;
	-o-transition-delay: 1400ms;
	transition-delay: 1400ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.slider-three_content {
	position: relative;
	z-index: 20;
	width: 70%;
}

.slider-three_content-inner {
	position: relative;
	display: inline-block;
	padding: 40px 40px 40px;
	border-radius: 36px 36px;
	border-left: 6px solid #ffd732;
	background-image: linear-gradient(to right, #0059b2, rgba(0, 89, 178, 0.6), rgb(0, 89, 178, 0.1), rgba(255, 255, 255, 0));
}

.slider-three_title {
	position: relative;
	font-size: 45px;
	line-height: 50px;
	display: block;
	z-index: 1;
	font-weight: 700;
	color: var(--white-color);
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	text-transform: uppercase;
	font-family: "Barlow", sans-serif;
}

.slider-three_title span {
	position: relative;
	font-weight: 700;
}

.slider-three_title span:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 452px;
	height: 109px;
	z-index: -1;
	background: url(../images/main-slider/slider-three_vector.png) no-repeat;
}

.slider-three .swiper-slide-active .slider-three_title {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.slider-three_heading {
	font-size: 50px;
	line-height: 90px;
	margin-top: 10px;
	font-weight: 700;
	margin-bottom: 25px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Barlow', sans-serif;

	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-three .swiper-slide-active .slider-three_heading {
	-webkit-transition-delay: 800ms;
	-moz-transition-delay: 800ms;
	-ms-transition-delay: 800ms;
	-o-transition-delay: 800ms;
	transition-delay: 800ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.slider-three_text {
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	margin: 15px 0 5px 0;
	color: var(--white-color);
	text-transform: capitalize;

	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-three .swiper-slide-active .slider-three_text {
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.slider-three_arrow {
	position: absolute;
	content: '';
	left: 95%;
	bottom: 80px;
	width: 211px;
	height: 115px;
	background-repeat: no-repeat;
}

.slider-three .slider-three_button {
	position: relative;
	margin-top: 15px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-three .slider-three_button .theme-btn {
	text-transform: uppercase;
}

/* Play Box */

.slider-three .play-box {
	position: absolute;
	right: 0px;
	top: 75px;
	display: inline-block;
}

.slider-three .play-box:before {
	position: absolute;
	content: '';
	right: -6px;
	top: -6px;
	bottom: 6px;
	left: 6px;
	border-radius: 150px;
	background-color: var(--main-color);
}

.slider-three .play-box:hover::before {
	background-color: var(--black-color);
}

.slider-three .play-box:hover .fa {
	color: var(--white-color);
	border-color: var(--black-color);
	background-color: var(--main-color);
}

.slider-three .play-box .fa {
	position: relative;
	width: 126px;
	height: 126px;
	font-size: 32px;
	line-height: 126px;
	border-radius: 150px;
	display: inline-block;
	color: var(--white-color);
	text-align: center !important;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	background-color: var(--black-color);
}

.slider-three_video .ripple,
.slider-three_video .ripple:before,
.slider-three_video .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 126px;
	height: 126px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
	-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.slider-three_video .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.slider-three_video .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

.slider-three_construction {
	position: absolute;
	right: 70px;
	z-index: 1;
	bottom: -60px;
	-webkit-animation: icon-bounce 0.8s ease-out infinite;
	animation: icon-bounce 0.8s ease-out infinite;
}

/* ====================================================================
   Slider Three - Mobile Responsive
   ==================================================================== */

/* Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
	.slider-three .swiper-slide {
		padding: 140px 0px 140px;
	}

	.slider-three_title {
		font-size: 36px;
		line-height: 42px;
	}

	.slider-three_content {
		width: 80%;
	}

	.slider-three_content-inner {
		padding: 30px 30px 30px;
	}

	.slider-three .slider-one_pagination {
		right: 0px !important;
		width: 50px !important;
		padding-left: 18px;
	}
}

/* Mobile (max-width: 768px) */
@media (max-width: 768px) {

	/* Swap to mobile-optimised (portrait) images */
	.slide-bg-1 {
		background-image: url(../images/banner-3-mobile.jpg) !important;
	}

	.slide-bg-2 {
		background-image: url(../images/banner-5-mobile.jpg) !important;
	}

	.slide-bg-3 {
		background-image: url(../images/banner-4-mobile.jpg) !important;
	}

	.slider-three {
		border-bottom-width: 8px;
	}

	.slider-three .swiper-slide {
		padding: 120px 0px 100px;
	}

	.slider-three_image-layer {
		background-position: center center;
		clip-path: polygon(0 0, 40% 0, 40% 100%, 0% 100%);
	}

	.slider-three .swiper-slide-active .slider-three_image-layer {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}

	.slider-three_content {
		width: 100%;
	}

	.slider-three_content-inner {
		padding: 24px 20px 24px;
		border-radius: 20px;
		border-left-width: 4px;
	}

	.slider-three_title {
		font-size: 24px;
		line-height: 30px;
	}

	.slider-three .slider-three_button {
		margin-top: 12px;
	}

	.slider-three .slider-three_button .theme-btn {
		font-size: 13px;
		padding: 10px 22px;
	}

	/* Pagination - move to bottom center on mobile */
	.slider-three .slider-one_pagination {
		top: auto !important;
		bottom: 12px !important;
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%);
		display: flex;
		flex-direction: row;
		width: auto !important;
		padding: 8px 14px !important;
		border-radius: 30px !important;
		gap: 0;
		background-color: rgba(255, 255, 255, 0.9);
	}

	.slider-three .slider-one_pagination .swiper-pagination-bullet {
		display: inline-block;
		margin: 0px 8px !important;
	}
}

/* Small Mobile (max-width: 480px) */
@media (max-width: 480px) {
	.slider-three .swiper-slide {
		padding: 100px 0px 85px;
	}

	.slider-three_content-inner {
		padding: 20px 16px 20px;
		border-radius: 16px;
	}

	.slider-three_title {
		font-size: 20px;
		line-height: 26px;
	}

	.slider-three .slider-three_button .theme-btn {
		font-size: 12px;
		padding: 8px 18px;
	}

	.slider-three .slider-one_pagination .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		margin: 0px 6px !important;
	}
}

/*** 

/*** 

====================================================================
	Counter Three
====================================================================

***/

.counter-three {
	position: relative;
	overflow: hidden;
	padding: 50px 0px;
}

.counter-three_pattern {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 70px;
	background-position: center bottom;
	background-repeat: repeat-x;
	animation: slideBackground 10s linear infinite;
}

.counter-block_three {
	position: relative;
	margin-bottom: 30px;
}

.counter-block_three-inner {
	position: relative;
}

.counter-block_three-count {
	position: relative;
	font-size: 75px;
	font-weight: 800;
	line-height: 1em;
	color: transparent;
	font-family: 'Barlow', sans-serif;
	-webkit-text-stroke-width: 2px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.10);
	-webkit-text-stroke-color: rgba(var(--main-color-rgb), 1);
}

.counter-block_three-inner:hover .counter-block_three-count {
	border-color: var(--main-color);
}

.counter-block_three-title {
	position: relative;
	font-weight: 600;
	font-size: 22px;
	line-height: 35px;
	margin-top: 22px;
	color: var(--black-color);
	text-transform: uppercase;
	font-family: "Barlow", sans-serif;
}

.counter-block_three-text {
	position: relative;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 28px;
	margin-top: 10px;
	text-transform: capitalize;
}

/*** 

====================================================================
	About Three
====================================================================

***/

.about-three {
	position: relative;
	overflow: hidden;
	padding: 110px 0px 90px;
}

.about-three_pattern {
	position: absolute;
	right: 80px;
	top: 80px;
	width: 395px;
	height: 286px;
	background-repeat: no-repeat;
}

.about-three_big-title {
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 182px;
	font-weight: 800;
	text-transform: uppercase;

	line-height: 1em;
	transform: rotate(-90deg);
	transform-origin: 37% 230%;
	color: transparent;
	letter-spacing: 1px;
	font-family: "Raleway", serif;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: rgba(var(--black-color-rgb), 0.30);
}

.about-three .auto-container {
	position: relative;
}

.about-three_content-column {
	position: relative;
	margin-bottom: 30px;
}

.about-three_content-outer {
	position: relative;
	margin-right: -60px;
}

.about-three_list {
	position: relative;
	margin-bottom: 20px;
}

.about-three_list li {
	position: relative;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 5px;
	color: #222;
	display: flex;
}

.about-three_list li i {
	position: relative;
	margin-right: 15px;
	color: var(--main-color);
	display: flex;
	align-items: start;
	margin-top: 5px;
}

.about-three_list li:last-child {
	margin-bottom: 0px;
}

.about-three_info {
	position: relative;
	padding: 15px 40px;
	border-radius: 25px;
	background-color: #f5f5f5;
	border: 1px solid var(--black-color);
}

.about-three_text {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	line-height: 34px;
	max-width: 365px;
	color: var(--black-color);
}

.about-three_author {
	position: relative;
	font-size: 18px;
	top: 40px;
	font-weight: 700;
	text-align: center;
	color: var(--main-color);
	text-transform: uppercase;
	font-family: "Barlow", sans-serif;
}

.about-three_author i {
	position: relative;
	font-size: 14px;
	display: block;
	color: #222222;
	font-weight: 500;
	margin-top: 5px;
	text-transform: capitalize;
}

.about-three_author span {
	position: relative;
	width: 92px;
	height: 92px;
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	border-radius: 150px;
}

.about-three .lower-box {
	position: relative;
	margin-top: 50px;
	gap: 30px;
}

.about-three_button {
	position: relative;
}

.about-three_phone {
	position: relative;
}

.about-three_phone-inner {
	position: relative;
	padding-left: 75px;
	font-size: 16px;
	color: #222222;
	line-height: 30px;
}

.about-three_phone-icon {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 60px;
	height: 60px;
	font-size: 22px;
	line-height: 60px;
	text-align: center;
	border-radius: 50px;
	color: var(--white-color);
	background-color: var(--main-color);
}

.about-three_phone a {
	position: relative;
	font-weight: 700;
	font-size: 24px;
	color: var(--black-color);
	font-family: "Barlow", sans-serif;
}

.about-three_phone a:hover {
	color: var(--main-color);
}

.about-three_images-column {
	position: relative;
	margin-bottom: 30px;
}

.about-three_images-outer {
	position: relative;
	padding-left: 120px;
	padding-bottom: 0px;
}

.about-three_image {
	position: relative;
	overflow: hidden;
	border-radius: 280px;
	display: inline-block;
	/* opacity:0; */
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	/* clip-path: polygon(0 0, 15% 0, 15% 100%, 0% 100%); */
}

.about-three_image.now-in-view {
	opacity: 1;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.about-three_image-two {
	position: absolute;
	right: -120px;
	top: 0px;
	overflow: hidden;
	border-radius: 280px;
	display: inline-block;
	border: 10px solid var(--white-color);

	-webkit-animation: icon-bounce 0.8s ease-out infinite;
	animation: icon-bounce 0.8s ease-out infinite;
}

.about-three_image-three {
	position: absolute;
	right: -120px;
	bottom: 0px;
	overflow: hidden;
	border-radius: 280px;
	display: inline-block;
	border: 10px solid var(--white-color);
}

.about-three_award {
	position: relative;
	padding-left: 100px;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	padding-top: 22px;
	margin-top: 20px;
	color: var(--black-color);
	font-family: "Barlow", sans-serif;
}

.about-three_award span {
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 1em;
}

/*** 

====================================================================
	Service Three
====================================================================

***/

.service-three {
	position: relative;
	overflow: hidden;
	padding: 0px 0px 0px;
}

.service-three_btn {
	margin-top: 30px;
}

.service-three.style-two {
	padding-top: 0px;
}

.service-three .outer-container {
	position: relative;
	max-width: 100%;
	background-color: #F5F5F5;
	background-position: left top;
	background-repeat: no-repeat;
}

.service-block_three {
	position: relative;
	margin-bottom: 0px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.service-block_three-inner {
	position: relative;
	padding: 25px 20px 25px 100px;
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .1);
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	min-height: 130px;
	flex: 1;
	transition: all 0.3s ease;
}

.service-block_three-icon {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 50%;
	text-align: center;
	border: 2px solid #ffd732;
	background: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.service-block_three-icon img {
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.service-block_three-heading {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 8px;
	color: #222;
	line-height: 1.4;
}

.service-block_three-text {
	position: relative;
	font-size: 15px;
	color: #222;
	line-height: 1.6;
	margin: 0;
}

.service-block_three-upper {
	position: relative;
	padding-left: 0px;
	width: 100%;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
	.service-block_three-inner {
		min-height: 150px;
		padding: 20px 15px 20px 90px;
	}

	.service-block_three-icon {
		width: 60px;
		height: 60px;
		line-height: 60px;
		left: 12px;
	}

	.service-block_three-icon img {
		width: 35px;
		height: 35px;
	}

	.service-block_three-heading {
		font-size: 16px;
	}

	.service-block_three-text {
		font-size: 13px;
	}
}

@media (max-width: 768px) {
	.service-block_three-inner {
		min-height: 140px;
		padding: 18px 12px 18px 80px;
	}

	.service-block_three-icon {
		width: 55px;
		height: 55px;
		line-height: 55px;
		left: 10px;
	}

	.service-block_three-icon img {
		width: 32px;
		height: 32px;
	}

	.service-block_three-heading {
		font-size: 15px;
	}

	.service-block_three-text {
		font-size: 12px;
	}
}

@media (max-width: 480px) {
	.service-block_three-inner {
		min-height: 90px;
		padding: 15px 10px 15px 75px;
	}

	.service-block_three-icon {
		width: 50px;
		height: 50px;
		line-height: 50px;
		left: 8px;
	}

	.service-block_three-icon img {
		width: 30px;
		height: 30px;
	}

	.service-block_three-heading {
		font-size: 16px;
	}

	.service-block_three-text {
		font-size: 15px;
		line-height: 1.5;
	}
}

/*** 

====================================================================
	Choose One
====================================================================

***/

.choose-one {
	position: relative;
}

.choose-one .outer-container {
	position: relative;
	max-width: 100%;
	padding: 110px 0px 110px;
	background-position: left top;
	background-repeat: repeat;
}

.choose-one_pattern {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 438px;
	height: 597px;
	background-position: left bottom;
	background-repeat: no-repeat;
}

.choose-one_image-column {
	position: relative;
	margin-bottom: 30px;
}

.choose-one_image-outer {
	position: relative;
	text-align: right;
}

.choose-one_image {
	position: relative;
	overflow: hidden;
	display: inline-block;

	opacity: 0;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	clip-path: polygon(0 0, 15% 0, 15% 100%, 0% 100%);
}

.choose-one_image.now-in-view {
	opacity: 1;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.choose-one_image-two {
	position: relative;
	overflow: hidden;
	margin-left: 50px;
	margin-top: -120px;
	border-radius: 35px;
	display: inline-block;
	border: 8px solid var(--black-color);

	-webkit-animation: icon-bounce 0.8s ease-out infinite;
	animation: icon-bounce 0.8s ease-out infinite;
}

.choose-one_content-column {
	position: relative;
	margin-bottom: 30px;
}

.choose-one_content-outer {
	position: relative;
	padding-left: 40px;
}

.choose-block_one {
	position: relative;
	margin-bottom: 50px;
}

.choose-block_one-inner {
	position: relative;
	padding-left: 85px;
}

.choose-block_one-icon {
	position: absolute;
	left: 0px;
	top: 5px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.choose-block_one-inner:hover .choose-block_one-icon {
	transform: rotateY(180deg);
}

.choose-block_one-title {
	position: relative;
	color: var(--white-color);
}

.choose-block_one-text {
	position: relative;
	font-size: 16px;
	line-height: 27px;
	margin-top: 12px;
	color: var(--white-color);
}

.choose-block_one-number {
	position: absolute;
	right: -120px;
	top: 0px;
	line-height: 1em;
	font-size: 96px;
	font-weight: 800;
	color: transparent;
	font-family: "Raleway", serif;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: rgba(var(--white-color-rgb), 0.20);
}

/*** 

====================================================================
	Project Three
====================================================================

***/

.project-three {
	position: relative;
	overflow: hidden;
	padding: 110px 0px 110px;
}

.project-three_pattern {
	position: absolute;
	left: 50px;
	bottom: 25%;
	width: 50px;
	height: 132px;
	background-repeat: no-repeat;
}

.project-one_circle {
	position: absolute;
	right: -250px;
	top: -150px;
	width: 536px;
	height: 536px;
	border-radius: 550px;
	border: 80px solid #f5f5f5;
}

.project-block_two {
	position: relative;
	margin-bottom: 50px;
}

.project-block_two-inner {
	position: relative;
}

.project-block_two-image {
	position: relative;
	overflow: hidden;
	border-radius: 10px 10px 50px 10px;
}

.project-block_two-image img {
	position: relative;
	width: 100%;
	display: block;
}

.project-block_two-content {
	position: relative;
	margin-right: 30px;
	margin-top: -26px;
	padding: 10px 20px;
	border-radius: 0px 150px 150px 50px;
	background: #0059b2;
}

.project-block_two-tag {
	position: relative;
	font-size: 14px;
	top: -20px;
	padding: 10px 20px;
	letter-spacing: 0.5px;
	border-radius: 50px;
	display: inline-block;
	color: var(--white-color);
	background-color: var(--main-color);
}

.project-block_two-title {
	position: relative;
	margin: 0px;
}

.project-block_two-title a {
	position: relative;
	color: var(--white-color);
	font-size: 22px;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 20px;
}

.project-block_two-title a:hover {
	color: #ffd732;
}

.project-block_two-meta {
	position: relative;
	margin-top: 25px;
}

.project-block_two-meta li {
	position: relative;
	margin-right: 40px;
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
	color: var(--white-color);
	font-family: "Barlow", sans-serif;
}

.project-block_two-meta li span {
	position: relative;
	color: var(--main-color);
}

.project-block_two-meta li {
	margin-right: 15px;
}

.project-block_two-meta li:last-child {
	margin-right: 0px;
}

/*** 

====================================================================
	Customer One
====================================================================

***/

.customer-one {
	position: relative;
}

.customer-one.style-two {
	position: relative;
	margin-bottom: 110px;
}

.customer-one .inner-container {
	position: relative;
	border-radius: 30px;
	overflow: hidden;
	padding: 140px 15px 110px;
}

.customer-one_bg {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
	border-radius: 0px;
	background-color: #F5F5F5;
}

.customer-one_pattern {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	height: 70px;
	background-position: center bottom;
	background-repeat: repeat-x;
	animation: slideBackground 10s linear infinite;
}

.customer-block_one {
	position: relative;
	margin-bottom: 30px;
}

.customer-block_one-inner {
	position: relative;
	padding: 25px;
	overflow: hidden;
	border-radius: 10px;
	background-color: var(--white-color);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	height: 100%;
	display: flex;
	flex-direction: column;
}

.customer-block_one-bg {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0;
	background-size: cover;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transform: scale(0.2, 1);
}

.customer-block_one-inner:hover .customer-block_one-bg {
	opacity: 1;
	transform: scale(1, 1);
}

.customer-block_one-icon {
	position: relative;
	line-height: 1em;
}

.customer-block_one-number {
	font-size: 60px;
	line-height: 1em;
	font-weight: 800;
	color: transparent;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	font-family: "Barlow", sans-serif;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: rgba(var(--main-color-rgb), 1);
}

.customer-block_one-inner:hover .customer-block_one-number {
	opacity: 0.40;
	-webkit-text-stroke-color: rgba(var(--white-color-rgb), 1);
}

.customer-block_one-title {
	position: relative;
	font-weight: 600;
	margin: 0px 0px 15px;
}

.customer-block_one-title a {
	position: relative;
	color: #222;
}

.customer-block_one-inner:hover .customer-block_one-text,
.customer-block_one-inner:hover .customer-block_one-title {
	color: var(--white-color);
}

.customer-block_one-text {
	position: relative;
	color: #222222;
	font-size: 16px;
	line-height: 28px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.customer-block_one-more {
	position: relative;
	font-weight: 700;
	font-size: 18px;
	margin-top: 30px;
	display: inline-block;
	color: var(--main-color);
	font-family: "Barlow", sans-serif;
}

.customer-block_one-more i {
	position: relative;
	font-size: 16px;
}

/*** 

====================================================================
	Testimonial Three
====================================================================

***/

.testimonial-three {
	position: relative;
}

.testimonial-three.style-two {
	/* margin-top:110px; */
	margin-bottom: 110px;
}

.testimonial-three.style-two .testimonial-block_three {
	margin-bottom: 80px;
}

.testimonial-three .inner-container {
	position: relative;
	border-radius: 30px;
	overflow: hidden;
	padding: 140px 15px 110px;
}

.testimonial-three_bg {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
	border-radius: 0px;
}

.testimonial-one_shadow {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-size: cover;
}

.testimonial-three .sec-title {
	display: inline-block;
}

.testimonial-three .swiper-container {
	margin-top: -100px;
	padding-top: 120px;
	padding-bottom: 30px;
}

.testimonial-block_three {
	position: relative;
	margin-bottom: 50px;
	margin-right: 40px;
}

.testimonial-block_three-inner {
	position: relative;
	padding: 25px 35px;
	border-radius: 25px;
	background-size: cover;
	background-color: #f5f5f5;
}

.testimonial-block_three-rating {
	position: relative;
	font-size: 16px;
	color: var(--main-color);
}

.testimonial-block_three-title {
	position: relative;
	margin-top: 25px;
	margin-bottom: 15px;
}

.testimonial-block_three-text {
	position: relative;
	font-size: 16px;
	color: #222222;
	line-height: 32px;
	margin-top: 18px;
	margin-bottom: 35px;
}

.testimonial-block_three-author {
	position: relative;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	padding-left: 100px;
	min-height: 82px;
	padding-top: 7px;
	color: var(--black-color);
	font-family: "Barlow", sans-serif;
	text-transform: uppercase;
}

.testimonial-block_three-author span {
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: var(--black-color);
}

.testimonial-block_three-image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 82px;
	height: 82px;
	overflow: hidden;
	border-radius: 150px;
}

.testimonial-block_three-quote {
	position: absolute;
	right: 30px;
	bottom: -25px;
	width: 60px;
	height: 60px;
	overflow: hidden;
	text-align: center;
	line-height: 50px;
	border-radius: 150px;
	background-color: #0059b2;
	border: 5px solid #ffd732;
}

.testimonial-block_three-quote img {
	width: 35px;
	height: 35px;
}

.testimonial-three_arrow {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1;
}

.testimonial-three_arrow .two-item_carousel-next,
.testimonial-three_arrow .two-item_carousel-prev {
	position: relative;
	width: 60px;
	height: 60px;
	font-size: 22px;
	line-height: 58px;
	text-align: center;
	margin-left: 10px;
	border-radius: 50px;
	color: var(--main-color);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border: 1px solid var(--main-color);
}

.testimonial-three_arrow .two-item_carousel-next:hover,
.testimonial-three_arrow .two-item_carousel-prev:hover {
	color: var(--white-color);
	background-color: var(--main-color);
}

/*** 

====================================================================
	Team Two
====================================================================

***/

.team-two {
	position: relative;
	overflow: hidden;
	padding: 50px 0px;
	background: #f5f5f5;
}

.team-two .auto-container {
	position: relative;
}

.team-two_pattern {
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
	height: 266px;
	background-position: center bottom;
	background-repeat: repeat-x;
	animation: slideBackground 10s linear infinite;
}

.team-block_two-inner {
	position: relative;
	padding: 15px 15px 15px;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.10);
}

.team-block_two-inner:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	right: 0px;
	height: 50px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border-radius: 0px 0px 10px 10px;
	border-bottom: 10px solid transparent;
}

.team-block_two-inner:after {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	height: 0px;
	z-index: -1;
	opacity: 0;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	background-image: linear-gradient(to bottom, var(--main-color), var(--white-color));
}

.team-block_two-inner:hover::after {
	height: 250px;
	opacity: 1;
}

.team-block_two-inner:hover::before {
	border-bottom-color: var(--main-color);
}

.team-block_two-image {
	position: relative;
}

.team-block_two-image img {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	border-radius: 10px;
}

.team-block_two-content {
	position: relative;
	padding: 20px 15px 20px;
}

.team-block_two-title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 30px;
}

.team-block_two-title a {
	position: relative;
	color: var(--black-color);
}

.team-block_two-title a:hover {
	color: var(--main-color);
}

.team-block_two-designation {
	position: relative;
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 10px;
	color: #222222;
}

.team-block_two-shares {
	position: absolute;
	right: 40px;
	bottom: -30px;
}

.team-block_two-inner:hover .team-block_two-share_icon {
	color: var(--white-color);
	background-color: var(--black-color);
}

.team-block_two-share_icon {
	position: relative;
	width: 54px;
	height: 54px;
	z-index: 10;
	font-size: 24px;
	line-height: 54px;
	border-radius: 50px;
	border-radius: 50px;
	display: inline-block;
	color: var(--white-color);
	background-color: var(--main-color);
}

.team-block_two-inner:hover .team-block_two-socials {
	bottom: 140%;
	opacity: 1;
}

.team-block_two-socials {
	position: absolute;
	right: 2px;
	bottom: -150%;
	width: 50px;
	z-index: 1;
	opacity: 0;
	padding: 10px 0px;
	text-align: center;
	border-radius: 50px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	background-color: var(--white-color);
}

.team-block_two-socials a {
	position: relative;
	font-size: 16px;
	display: block;
	width: 40px;
	height: 40px;
	margin: 1px 0px;
	margin: 0 auto;
	line-height: 40px;
	border-radius: 50px;
	color: var(--black-color);
}

.team-block_two-socials a:hover {
	color: var(--white-color);
	background-color: var(--main-color);
}

.team-two .three-item_carousel-prev {
	position: absolute;
	top: 55%;
	z-index: 1;
	left: -80px;
	width: 60px;
	height: 60px;
	cursor: pointer;
	font-size: 18px;
	line-height: 58px;
	text-align: center;
	display: inline-block;
	border-radius: 50px 50px;
	color: var(--main-color);
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	border: 1px solid var(--main-color);
}

.team-two .three-item_carousel-prev:hover {
	color: var(--white-color);
	background-color: var(--main-color);
}

.team-two .three-item_carousel-prev.swiper-button-disabled {
	opacity: 0;
	visibility: hidden;
}

.team-two .three-item_carousel-next.swiper-button-disabled {
	opacity: 0;
	visibility: hidden;
}

.team-two .three-item_carousel-next:hover {
	color: var(--white-color);
	background-color: var(--main-color);
}

.team-two .three-item_carousel-next::after,
.team-two .three-item_carousel-next::after {
	display: none;
}

.team-two .three-item_carousel-next {
	position: absolute;
	right: -80px;
	top: 55%;
	z-index: 1;
	width: 60px;
	height: 60px;
	cursor: pointer;
	font-size: 18px;
	line-height: 58px;
	text-align: center;
	display: inline-block;
	border-radius: 50px 50px;
	color: var(--main-color);
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	border: 1px solid var(--main-color);
}

.team-two .lower-box {
	position: relative;
	margin-top: 20px;
}

.team-two_text {
	position: relative;
	font-size: 16px;
	color: #222222;
	line-height: 28px;
}

/*** 

====================================================================
	Video One
====================================================================

***/

.video-one {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 260px 0px 50px;
	background-attachment: fixed;
	background-size: cover;
	border-radius: 0px 0px 35px 35px;
}

.video-one_play {
	position: relative;
	width: 176px;
	height: 176px;
	font-size: 50px;
	text-align: center;
	border-radius: 100px;
	line-height: 176px;
	display: block;
	margin: 0 auto;
	color: var(--white-color);
	background-color: var(--black-color);
}

.video-one_play:before {
	position: absolute;
	content: '';
	right: 7px;
	top: 7px;
	left: -7px;
	bottom: -7px;
	z-index: -1;
	border-radius: 150px;
	background-color: var(--main-color);
}

.video-one_play:after {
	position: absolute;
	content: '';
	right: 14px;
	top: 10px;
	left: -16px;
	bottom: -10px;
	z-index: -10;
	border-radius: 150px;
	background-color: var(--white-color);
}

.video-one_play .ripple,
.video-one_play .ripple:before,
.video-one_play .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 176px;
	height: 176px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 101, 12, .3);
	-moz-box-shadow: 0 0 0 0 rgba(255, 101, 12, .3);
	-ms-box-shadow: 0 0 0 0 rgba(255, 101, 12, .3);
	-o-box-shadow: 0 0 0 0 rgba(255, 101, 12, .3);
	box-shadow: 0 0 0 0 rgba(255, 101, 12, .3);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.video-one_play .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.video-one_play .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

.video-one h1 {
	position: relative;
	font-size: 260px;
	line-height: 1em;
	font-weight: 800;
	color: #ffffff;
	opacity: 0.40;
	margin: 150px 25px 0px;
	display: inline-block;
	text-transform: uppercase;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #ffffff;
	font-family: "Raleway", serif;
}

/*** 

====================================================================
	Contact Two
====================================================================

***/

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

.contact-two .auto-container {
	position: relative;
	max-width: 1650px;
}

.contact-two .inner-container {
	position: relative;
	margin-top: -70px;
	border-radius: 50px 50px;
	padding: 90px 40px 0px 160px;
	background-size: cover;
	background-color: var(--black-color);
}

.contact-two_form-column {
	position: relative;
}

.contact-two_form-outer {
	position: relative;
	padding: 45px 60px 100px;
	border-radius: 30px 30px 0px 0px;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: rgba(var(--white-color-rgb), 0.05);
}

.contact-two_form-outer .title-box {
	position: relative;
	margin-bottom: 30px;
}

.contact-two_form-outer .title-box h2 {
	position: relative;
	color: var(--white-color);
}

.contact-two_form-outer .title-box .text {
	position: relative;
	font-size: 16px;
	line-height: 28px;
	margin-top: 15px;
	color: var(--white-color);
}

/* Contact Form */

.contact-form_two {
	position: relative;
	z-index: 10;
}

.contact-form_two .form-group {
	margin-bottom: 30px;
}

.contact-form_two .form-group label {
	position: relative;
	font-size: 16px;
	color: var(--white-color);
}

.contact-form_two .form-group:last-child {
	margin-bottom: 0px;
}

.contact-form_two .form-group input[type="text"],
.contact-form_two .form-group input[type="password"],
.contact-form_two .form-group input[type="tel"],
.contact-form_two .form-group input[type="email"],
.contact-form_two .form-group select {
	position: relative;
	display: block;
	width: 100%;
	height: 60px;
	line-height: 28px;
	padding: 10px 15px;
	font-weight: 400;
	font-size: 16px;
	background: none;
	color: var(--white-color);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	background: none;
	border-bottom: 1px solid rgba(var(--white-color-rgb), 0.20);
}

.contact-form_two .form-group input[type="text"]:focus,
.contact-form_two .form-group input[type="password"]:focus,
.contact-form_two .form-group input[type="tel"]:focus,
.contact-form_two .form-group input[type="email"]:focus,
.contact-form_two .form-group select:focus,
.contact-form_two .form-group textarea:focus {}

.contact-form_two .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	height: 130px;
	resize: none;
	font-size: 16px;
	line-height: 26px;
	padding: 20px 20px;
	border-radius: 25px;
	color: var(--black-color);
	background-color: #f5f5f5;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.contact-form_two input:focus,
.contact-form_two select:focus,
.contact-form_two textarea:focus {}

.contact-two_info-column {
	position: relative;
}

.contact-two_info-outer {
	position: relative;
	z-index: 1;
	padding-left: 30px;
}

.info-block_two {
	position: relative;
	margin-bottom: 45px;
}

.info-block_two-inner {
	position: relative;
	font-size: 16px;
	padding-left: 75px;
	color: var(--white-color);
}

.info-block_two-icon {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 60px;
	height: 60px;
	font-size: 22px;
	border-radius: 50px;
	text-align: center;
	line-height: 60px;
	display: inline-block;
	color: var(--white-color);
	background-color: var(--main-color);
}

.info-block_two-inner strong {
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 5px;
	color: var(--white-color);
	font-family: "Barlow", sans-serif;
}

.contact-two_image {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

/***

====================================================================
	Page Title
====================================================================

***/

.page-title {
	position: relative;
	padding: 15px 0;
	background: #f7f7f7;
	border-top: 3px solid #0059b2;
	border-bottom: 1px solid #F3F3F3;
}

.page-title .bread-crumb {
	position: relative;
	display: inline-block;
}

.page-title .bread-crumb li {
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #222;
	text-transform: capitalize;
	margin-right: 10px;
	padding-right: 10px;
}

.page-title .bread-crumb li:before {
	position: absolute;
	right: -6px;
	top: 0px;
	content: ">";
	color: #222;
}

.page-title .bread-crumb li:last-child {
	padding-right: 0;
	margin-right: 0;
}

.page-title .bread-crumb li:last-child:before {
	display: none;
}

.page-title .bread-crumb li a {
	color: #0059b2;
	font-weight: 600;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.page-title .bread-crumb li a:hover {
	color: var(--main-color);
}

.page-title_text {
	position: relative;
	font-size: 16px;
	line-height: 28px;
	max-width: 320px;
	color: var(--white-color);
}

/***

====================================================================
	Project Detail
====================================================================

***/

.project-detail {
	position: relative;
	padding: 50px 0px;
}

.project-detail_location {
	position: relative;
	font-size: 16px;
	display: flex;
	gap: 10px;
	font-weight: 500;
	color: var(--black-color);
}

.project-detail_heading {
	position: relative;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 35px;
	color: var(--black-color);
}

.project-detail_image {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 10px;
}

.project-detail_list {
	position: relative;
	margin: 20px 0;
}

.project-detail_list li {
	position: relative;
	padding-left: 75px;
	color: #222;
	min-height: 62px;
	font-size: 16px;
	margin-right: 60px;
	margin-bottom: 10px;
	display: inline-block;
}

.project-detail_list li:last-child {
	margin-right: 0px;
}

.project-detail_list li .icon {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 62px;
	height: 62px;
	line-height: 60px;
	text-align: center;
	border-radius: 50px;
	border: 2px solid #ffd732;
}

.project-detail_list li strong {
	position: relative;
	display: block;
	font-weight: 600;
	margin-top: 5px;
	color: #222;
	font-size: 18px;
	font-family: "Barlow", sans-serif;
}

.project-detail h1 {
	position: relative;
	margin-bottom: 20px;
	font-size: 35px;
	line-height: 45px;
	font-weight: 600;
	background: linear-gradient(50deg, #003f7f, #0059b2, #4da8ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.project-detail p {
	position: relative;
	font-size: 16px;
	color: #222222;
	line-height: 28px;
	margin-bottom: 15px;
}

.project-detail_list-two {
	position: relative;
}

.project-detail_list-two li {
	position: relative;
	color: #222222;
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 15px;
}

.project-detail_list-two li span {
	position: relative;
	font-weight: 700;
	color: var(--black-color);
}

.project-detail .middle-box {
	position: relative;
	margin-top: 35px;
	margin-bottom: 40px;
}

.more-projects {
	position: relative;
	margin-top: 40px;
	border-radius: 50px;
	border: 1px solid rgba(0, 0, 0, 0.20);
}

.more-projects:before {
	position: absolute;
	content: '';
	left: 50%;
	top: 0px;
	width: 1px;
	opacity: 0.20;
	bottom: 0px;
	background-color: var(--black-color);
}

.more-projects a {
	position: relative;
	display: block;
	font-weight: 600;
	padding: 22px 30px;
	text-transform: uppercase;
	color: var(--black-color);
	font-family: "Barlow", sans-serif;
}

.more-projects i {
	position: relative;
	color: var(--main-color);
}

.more-projects a:hover {
	color: var(--main-color);
}



/***

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container {
	position: relative;
	padding: 110px 0px 100px;
}

.sidebar-page-container.alternate {
	padding-bottom: 100px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
	margin-bottom: 0px;
}

.sticky-top {
	z-index: 1;
	top: 110px;
}

/* Sidebar Title */

.sidebar-widget {
	position: relative;
	margin-bottom: 40px;
}

.sidebar-title {
	position: relative;
	margin-bottom: 15px;
}

.sidebar-title h4 {
	position: relative;
	color: var(--black-color);
}

/* Category List */

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

.category-list li {
	position: relative;
	z-index: 1;
	margin-bottom: 15px;
}

.category-list li a {
	position: relative;
	display: block;
	font-size: 18px;
	z-index: 1;
	font-weight: 600;
	border-radius: 50px;
	color: var(--black-color);
	text-transform: capitalize;
	padding: 22px 15px 22px 30px;
	font-family: "Barlow", sans-serif;

	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	border: 1px solid rgba(0, 0, 0, 0.50);
}

.category-list li a:hover::before {
	opacity: 1;
}

.category-list li a:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	opacity: 0;
	border-radius: 50px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	background-image: linear-gradient(to right, #f9630c, #b54c0f, #773610, #3e1f0d, #040201);
}

.category-list li span {
	position: absolute;
	right: 6px;
	top: 6px;
	width: 55px;
	height: 55px;
	padding: 0px 0px;
	line-height: 55px;
	border-radius: 50px;
	display: inline-block;
	color: var(--white-color);
	background-color: var(--black-color);
}

.category-list li a:hover span {
	color: var(--black-color);
	background-color: var(--white-color);
}

.category-list li a:hover {
	color: var(--white-color);
	transform: rotate(2deg);
}

.category-list li:last-child {
	margin-bottom: 0px;
}


.rating-widget .widget-content {
	position: relative;
	border-radius: 50px;
	padding: 35px 50px 50px;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: var(--black-color);
}

.rating-widget_rating {
	position: relative;
	font-size: 128px;
	font-weight: 700;
	line-height: 1em;
	text-align: center;
	color: var(--white-color);
}

/* Rating Widget Authors */

.rating-widget_authors {
	position: relative;
	display: flex;
	gap: 20px;
	margin-top: 25px;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.rating-widget_authors ul {
	position: relative;
	display: flex;
	margin-left: 20px;
}

.rating-widget_authors ul li {
	position: relative;
	width: 54px;
	height: 54px;
	margin-left: -20px;
	border-radius: 50px;
	display: inline-block;
	border: 3px solid var(--white-color);
}

.rating-widget_reviews {
	position: relative;
	font-weight: 600;
	font-size: 16px;
	color: var(--white-color);
}

.rating-widget .company-logo {
	position: relative;
	text-align: center;
	margin-top: 40px;
}

.rating-widget_phone {
	position: relative;
	text-align: center;
	margin-top: 30px;
	font-size: 16px;
	line-height: 40px;
	color: var(--white-color);
}

.rating-widget_phone a {
	position: relative;
	display: block;
	font-weight: 700;
	font-size: 32px;
	color: var(--white-color);
	font-family: "Barlow", sans-serif;
}

.rating-widget_title-button {
	position: relative;
	text-align: center;
	margin-top: 35px;
}

.rating-widget_title-button .theme-btn {
	position: relative;
	text-transform: uppercase;
}

.service-detail {
	position: relative;
}

.service-detail_inner {
	position: relative;
}

.service-detail_image {
	position: relative;
	overflow: hidden;
	border-radius: 25px;
}

.service-detail_image img {
	position: relative;
	width: 100%;
	display: block;
}

.service-detail_tag {
	position: absolute;
	right: 0px;
	bottom: 60px;
	font-size: 18px;
	font-weight: 600;
	padding: 18px 30px;
	display: inline-block;
	color: var(--main-color);
	border-radius: 50px 0px 0px 50px;
	background-color: var(--white-color);
	font-family: "Barlow", sans-serif;
}

.service-detail_tag:before {
	position: absolute;
	content: '';
	right: 0px;
	top: -48px;
	width: 57px;
	height: 49px;
	background: url(../images/icons/shape-8.png) no-repeat;
}

.service-detail_tag:after {
	position: absolute;
	content: '';
	right: -2px;
	bottom: -50px;
	width: 68px;
	height: 54px;
	background: url(../images/icons/shape-9.png) no-repeat;
}

.service-detail_title {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 15px;
	font-size: 28px;
	line-height: 30px;
	font-weight: 600;
	font-family: "Barlow", sans-serif;
	background: linear-gradient(50deg, #003f7f, #0059b2, #4da8ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: inherit;
}

.service-detail_title::before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 15%;
	height: 4px;
	background: linear-gradient(45deg, #0059b2 45%, #ffd732 5%);
}

.service-title {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 15px;
	font-size: 25px;
	line-height: 30px;
	font-weight: 600;
	font-family: "Barlow", sans-serif;
	background: linear-gradient(50deg, #003f7f, #0059b2, #4da8ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: inherit;
}

.service-title::before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 15%;
	height: 4px;
	background: linear-gradient(45deg, #0059b2 45%, #ffd732 5%);
}

.service-detail_title1 {
	font-size: 28px;
	line-height: 30px;
	font-weight: 600;
	font-family: "Barlow", sans-serif;
	text-transform: uppercase;
	color: #fff;
}

.service-detail p {
	position: relative;
	color: #222222;
	font-size: 16px;
	line-height: 28px;
}

.faq-title {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 15px;
	font-size: 28px;
	line-height: 30px;
	font-weight: 600;
	font-family: "Barlow", sans-serif;
	background: linear-gradient(50deg, #003f7f, #0059b2, #4da8ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
}

.faq-title::before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 15%;
	height: 4px;
	background: linear-gradient(45deg, #0059b2 45%, #ffd732 5%);
}

.service-detail_subtitle {
	position: relative;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.service-block_two {
	position: relative;
	margin-bottom: 30px;
}

.service-block_two-inner {
	position: relative;
	color: #222222;
	font-size: 16px;
	line-height: 28px;
	padding-left: 105px;
}

.service-block_two-number {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 80px;
	height: 80px;
	font-size: 24px;
	font-weight: 600;
	border-radius: 50px;
	text-align: center;
	line-height: 80px;
	color: var(--white-color);
	font-family: "Barlow", sans-serif;
	background-image: linear-gradient(to bottom, #f7620c, #e0590b, #ca510a, #b44809, #9f4008);
}

.service-block_two strong {
	position: relative;
	display: block;
	font-size: 24px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	color: var(--black-color);
	text-transform: capitalize;
	border-bottom: 1px solid rgba(0, 0, 0, 0.20);
	font-family: "Barlow", sans-serif;
}

.service-detail_blocks {
	position: relative;
	margin-top: 30px;
}

.service-detail_image-two {
	position: relative;
	margin-top: 30px;
}

.service-detail_image-two {
	position: relative;
	overflow: hidden;
	border-radius: 25px;
	margin-bottom: 30px;
}

.service-detail_image-two img {
	position: relative;
	width: 100%;
	display: block;
}

.service-detail_list {
	position: relative;
}

.service-detail_list li {
	position: relative;
	font-size: 16px;
	color: #222222;
	line-height: 28px;
	padding-left: 35px;
	margin-bottom: 15px;
}

.service-detail_list li i {
	position: absolute;
	left: 0px;
	top: 5px;
	font-size: 17px;
	line-height: 20px;
	color: var(--main-color);
}

.service-detail_list li span {
	position: relative;
	font-weight: 600;
	font-size: 16px;
	color: var(--black-color);
}

.service-detail_accordian {
	position: relative;
	margin-top: 40px;
}

/***

====================================================================
	Project Detail
====================================================================

***/

.project-four {
	position: relative;
	padding: 50px 0px;
	background: #f5f5f5;
}

.project-block_three-image::before {
	position: absolute;
	content: '';
	left: 0px;
	top: 30%;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	background: rgba(var(--black-color-rgb), 0);
	background: linear-gradient(to top, rgba(var(--black-color-rgb), 1) 0%, rgba(var(--white-color-rgb), 0) 100%);
}

.project-block_three-image {
	position: relative;
	border-radius: 25px;
	overflow: hidden;
	margin-bottom: 10px;
}

.project-block_three-image>img {
	position: relative;
	width: 100%;
	display: block;
}

.project-block_three-overlay {
	position: absolute;
	left: 35px;
	bottom: -65px;
	right: 35px;
	z-index: 2;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.project-block_three-inner:hover .project-block_three-overlay {
	bottom: 35px;
}

.project-block_three-inner:hover .project-block_three_button {
	opacity: 1;
}

.project-block_three-title {
	position: relative;
}

.project-block_three-title a {
	position: relative;
	color: var(--white-color);
}

.project-block_three-designation {
	position: relative;
	font-size: 16px;
	margin-bottom: 20px;
	letter-spacing: 0.5px;
	color: var(--white-color);
}

.project-block_three-location {
	position: relative;
	font-size: 16px;
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
	align-items: center;
	color: var(--white-color);
}

.project-block_three-location>i {
	position: relative;
	width: 20px;
	display: inline-block;
}

.project-block_three_button {
	position: relative;
	margin-top: 30px;
	opacity: 0;
}

.project-block_three_button .theme-btn {
	position: relative;
	text-transform: uppercase;
}

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination {
	position: relative;
	margin-top: 40px;
}

.styled-pagination li {
	position: relative;
	display: inline-block;
	margin: 0px 5px 10px 0px;
}

.styled-pagination li a {
	position: relative;
	display: inline-block;
	line-height: 58px;
	height: 60px;
	width: 60px;
	font-size: 20px;
	min-width: 50px;
	font-weight: 600;
	text-align: center;
	border-radius: 50px;
	text-transform: capitalize;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	color: var(--black-color);
	border: 1px solid rgba(0, 0, 0, 0.40);
}

.styled-pagination li.prev a,
.styled-pagination li.next a {
	height: 60px;
	width: 60px;
	color: var(--white-color);
	background-image: none;
	background-color: var(--black-color);
}

.styled-pagination li a:hover,
.styled-pagination li a.active {
	color: var(--white-color);
	border-color: var(--main-color);
	background-color: var(--main-color);
}

/*** 

====================================================================
	Faq One
====================================================================

***/

.team-detail {
	position: relative;
	padding: 110px 0px 90px;
	background-position: left top;
	background-repeat: no-repeat;
}

.team-detail:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	height: 50%;
	z-index: -1;
	background-image: linear-gradient(to bottom, #f5f5f5, #f7f7f7, #fafafa, #fcfcfc, #ffffff);
}

.team-detail_image-column {
	position: relative;
	margin-bottom: 30px;
}

.team-detail_image-outer {
	position: relative;
}

.team-detail_image {
	position: relative;
	padding-top: 20px;
	padding-right: 20px;
}

.team-detail_image:before {
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	left: 30px;
	bottom: 30px;
	border-radius: 25px;
	background-color: var(--white-color);
	border: 1px solid rgba(0, 0, 0, 0.10);
}

.team-detail_image img {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 25px;
}

.team-detail_image:after {
	position: absolute;
	content: '';
	right: 15px;
	top: 15px;
	width: 97px;
	height: 97px;
	background: url(../images/icons/team-shape.png) no-repeat;
}



.team-block_detail-shares {
	position: absolute;
	right: 18px;
	top: 17px;
}

.team-detail_image:hover .team-block_detail-share_icon {
	color: var(--white-color);
	background-color: var(--black-color);
}

.team-block_detail-share_icon {
	position: relative;
	width: 54px;
	height: 54px;
	z-index: 10;
	font-size: 24px;
	line-height: 54px;
	border-radius: 50px;
	border-radius: 50px;
	display: inline-block;
	color: var(--white-color);
	background-color: var(--main-color);
}

.team-detail_image:hover .team-block_detail-socials {
	top: 140%;
	opacity: 1;
}

.team-block_detail-socials {
	position: absolute;
	right: 7px;
	top: -150%;
	width: 50px;
	z-index: 1;
	opacity: 0;
	padding: 10px 0px;
	text-align: center;
	border-radius: 50px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	background-color: var(--white-color);
}

.team-block_detail-socials a {
	position: relative;
	font-size: 16px;
	display: block;
	width: 40px;
	height: 40px;
	margin: 1px 0px;
	margin: 0 auto;
	line-height: 40px;
	border-radius: 50px;
	color: var(--black-color);
}

.team-block_detail-socials a:hover {
	color: var(--white-color);
	background-color: var(--main-color);
}

.team-detail_tag {
	position: relative;
	font-size: 16px;
	padding: 8px 20px;
	border-radius: 50px;
	display: inline-block;
	color: var(--white-color);
	background-color: var(--main-color);
}

.team-detail_title {
	position: relative;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 20px;
	color: var(--black-color);
}

.team-detail p {
	position: relative;
	font-size: 16px;
	color: #222222;
	line-height: 28px;
	margin-bottom: 15px;
}

.team-detail_info-outer {
	position: relative;
	margin-top: 30px;
}

.team-detail_info {
	position: relative;
}

.team-detail_info li {
	position: relative;
	display: block;
	font-size: 16px;
	color: #222222;
	line-height: 26px;
	margin-bottom: 30px;
}

.team-detail_info li span {
	position: relative;
	display: block;
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: 700;
	color: var(--black-color);
	font-family: "Barlow", sans-serif;
}

.team-detail .lower-box {
	position: relative;
	margin-top: 40px;
}

.team-detail .lower-box h3 {
	position: relative;
	margin-bottom: 20px;
}

/*** 

====================================================================
	Team Tabs Style
====================================================================

***/

.team-tabs {
	position: relative;
	margin-top: 30px;
}

.team-tabs .tab-btns {
	position: relative;
}

.team-tabs .tab-btns .tab-btn {
	position: relative;
	line-height: 24px;
	cursor: pointer;
	font-weight: 500;
	padding: 13px 36px;
	font-size: 16px;
	margin-right: 10px;
	border-radius: 50px;
	display: inline-block;
	transition: all 500ms ease;
	text-transform: capitalize;
	background-color: #F5F5F5;
	color: var(--black-color);
}

.team-tabs .tab-btns .tab-btn:last-child {
	margin-right: 0px;
}

.team-tabs .tab-btns .tab-btn:hover,
.team-tabs .tab-btns .tab-btn.active-btn {
	color: var(--white-color);
	background-color: var(--main-color);
}

.team-tabs .tabs-content {
	position: relative;
	padding: 30px 0px 0px;
}

.team-tabs .tabs-content .tab {
	position: relative;
	display: none;
	border-top: 0px;
}

.team-tabs .tabs-content .tab.active-tab {
	display: block;
}

.team-detail_contact {
	position: relative;
	margin-top: 60px;
	border-radius: 30px;
	padding: 35px 35px 50px;
	border: 1px solid rgba(var(--black-color-rgb), 0.15);
}

/* Skills Section */

.default-skills {
	position: relative;
}

.default-skill-item {
	position: relative;
	margin-bottom: 25px;
}

.default-skill-item:last-child {
	margin-bottom: 0px;
}

.default-skill-title {
	position: relative;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 10px;
	color: var(--black-color);
	text-transform: capitalize;
	font-family: "Barlow", sans-serif;
}

.default-skill-bar {
	position: relative;
	width: 100%;
	height: 12px;
	border-radius: 50px;
}

.default-skill-bar:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	right: 0px;
	height: 12px;
	border-radius: 50px;
	background-color: #dddddd;
}

.default-bar-inner {
	position: relative;
	width: 100%;
	height: 12px;
	overflow: hidden;
	border-radius: 50px;
}

.default-bar {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 12px;
	width: 0px;
	border-radius: 50px;
	background-color: var(--main-color);
	-webkit-transition: all 2000ms ease;
	-ms-transition: all 2000ms ease;
	-o-transition: all 2000ms ease;
	-moz-transition: all 2000ms ease;
	transition: all 2000ms ease;
}

.default-count-box {
	position: absolute;
	right: 0px;
	top: 0px;
	font-weight: 700;
	font-size: 18px;
	color: var(--black-color);
}

.team-detail_subtext {
	position: relative;
	color: #222222;
	font-size: 16px;
	line-height: 28px;
	margin-top: -10px;
	margin-bottom: 25px;
}

/* Search Widget */

.sidebar .search-box .form-group {
	position: relative;
	margin: 0px;
}

.sidebar .search-box .form-group input:focus+button {
	background-color: var(--main-color);
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
	position: relative;
	line-height: 28px;
	font-size: 14px;
	padding: 10px 50px 10px 25px;
	background: none;
	display: block;
	width: 100%;
	height: 64px;
	border-radius: 50px;
	color: var(--black-color);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	background-color: var(--white-color);
}

.sidebar .search-box .form-group input::placeholder,
.sidebar .search-box .form-group textarea::placeholder {
	color: #222222;
}

.sidebar .search-box .form-group button {
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 64px;
	width: 64px;
	display: block;
	cursor: pointer;
	line-height: 50px;
	font-weight: normal;
	border-radius: 50px;
	font-size: 16px;
	color: var(--white-color);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	background-color: var(--main-color);
}

.sidebar .search-box .form-group button:hover {
	background-color: var(--main-color);
	color: var(--white-color);
}

.page-top_pattern {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	height: 100%;
	background-position: left top;
	background-repeat: no-repeat;
}

.page-top_pattern:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	height: 50%;
	z-index: -1;
	background-image: linear-gradient(to bottom, #f5f5f5, #f7f7f7, #fafafa, #fcfcfc, #ffffff);
}

/* Post Widget */

.post-widget .widget-content {
	position: relative;
}

.post-widget .post {
	position: relative;
	min-height: 160px;
	padding-left: 160px;
	margin-bottom: 32px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.post-widget .post:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.post-widget .post .thumb {
	position: absolute;
	left: 0;
	top: 0;
	height: 120px;
	width: 141px;
	overflow: hidden;
	border-radius: 6px;
}

.post-widget .post .thumb a {
	display: block;
}

.post-widget .post .thumb img {
	display: block;
	width: 100%;
	height: auto;
}

.post-widget .post h4 {
	text-transform: capitalize;
}

.post-widget .post h4 a {
	color: var(--black-color);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.post-widget .post h4 a:hover {
	color: var(--main-color);
}

.post-widget .post .post-date {
	position: relative;
	display: block;
	font-weight: 400;
	font-size: 14px;
	color: #222222;
	margin-bottom: 5px;
	display: inline-block;
	text-transform: capitalize;
}

/* Category List */

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

.category-list_two li {
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
}

.category-list_two li a {
	position: relative;
	display: block;
	font-size: 18px;
	z-index: 1;
	font-weight: 700;
	border-radius: 50px;
	color: var(--black-color);
	padding: 24px 25px 24px 40px;
	text-transform: capitalize;
	background-color: #F5F5F5;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	font-family: "Barlow", sans-serif;
}

.category-list_two li a:hover::before {
	color: var(--white-color);
}

.category-list_two li a:before {
	position: absolute;
	content: '\f105';
	right: 35px;
	top: 22px;
	z-index: 98;
	color: var(--black-color);
	font-family: 'Font Awesome 6 Free';
}

.category-list_two li a:hover {
	background-color: var(--main-color);
	color: var(--white-color);
}

.category-list_two li:last-child {
	margin-bottom: 0px;
}

/* Tags */

.popular-tags a {
	position: relative;
	padding: 10px 25px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 50px;
	margin-right: 5px;
	margin-bottom: 10px;
	display: inline-block;
	color: var(--black-color);
	text-transform: capitalize;
	border: 1px solid rgba(var(--black-color-rgb), 0.50);
}

.popular-tags a:hover {
	color: var(--white-color);
	border-color: var(--main-color);
	background-color: var(--main-color);
}



.blog-detail {
	position: relative;
}

.blog-detail_inner {
	position: relative;
}

.blog-detail_image-outer {
	position: relative;
}

.news-detail_image {
	position: relative;
	overflow: hidden;
	border-radius: 30px;
}

.news-detail_image:before {
	position: absolute;
	content: '';
	right: 0px;
	bottom: 0px;
	width: 174px;
	height: 66px;
	z-index: 9;
	background: url(../images/icons/shape-3.png);
	background-repeat: no-repeat;
}

.news-detail_image img:first-child {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	-webkit-transform: translatex(50%) scalex(2);
	transform: translatex(50%) scalex(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.blog-detail_inner:hover .news-detail_image img:first-child {
	-webkit-transform: translatex(0) scalex(1);
	transform: translatex(0) scalex(1);
	opacity: 1;
	-webkit-filter: blur(0);
	filter: blur(0);
}

.blog-detail_inner:hover .news-detail_image img:nth-child(2) {
	-webkit-transform: translatex(-50%) scalex(2);
	transform: translatex(-50%) scalex(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.news-detail_image img {
	position: relative;
	width: 100%;
	display: block;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.blog-detail_content {
	position: relative;
	padding-top: 30px;
}

.blog-detail_date {
	position: absolute;
	right: 10px;
	bottom: 0px;
	z-index: 10;
	font-size: 16px;
	font-weight: 600;
	padding: 9px 35px;
	border-radius: 50px;
	letter-spacing: 1px;
	color: var(--white-color);
	text-transform: uppercase;
	font-family: "Barlow", sans-serif;
	background-color: var(--black-color);
}

.blog-detail_meta {
	position: relative;
}

.blog-detail_meta li {
	position: relative;
	font-size: 16px;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	color: var(--black-color);
}

.blog-detail_meta li .icon {
	position: absolute;
	left: 0px;
	top: 2px;
	line-height: 1em;
	color: var(--main-color);
}

.blog-detail_meta li:last-child {
	margin-right: 0px;
	padding-right: 0px;
}

.blog-detail_title {
	position: relative;
	margin-top: 15px;
	color: var(--black-color);
	text-transform: capitalize;
}

.blog-detail p {
	position: relative;
	color: #666666;
	font-size: 16px;
	line-height: 28px;
	margin-top: 15px;
}

.blog-detail_list {
	position: relative;
	margin-left: 15px;
}

.blog-detail_list li {
	position: relative;
	color: #222222;
	font-size: 16px;
	margin-bottom: 15px;
	padding-left: 15px;
}

.blog-detail_list li:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 50px;
	background-color: #000000;
}

.blog-detail blockquote {
	position: relative;
	padding: 34px 30px;
	border-radius: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #0059b2;
}

.blog-detail blockquote .blockquote-inner {
	position: relative;
	font-size: 18px;
	line-height: 30px;
	padding-top: 5px;
	font-weight: 500;
	color: #fff;
	font-family: "Barlow", sans-serif;
}

.blog-detail blockquote:before {
	position: absolute;
	content: '';
	left: -6px;
	top: -6px;
	bottom: 40px;
	width: 60%;
	z-index: -1;
	border-radius: 20px;
	background-color: #ffd732;
}

.blog-detail blockquote .quote {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 68px;
	height: 68px;
	line-height: 68px;
	border-radius: 10px;
	text-align: center;
	display: inline-block;
	background-color: var(--main-color);
}

.blog-detail blockquote i {
	position: relative;
	display: block;
	text-align: right;
	font-size: 16px;
	font-weight: 700;
	color: var(--main-color);
	font-family: "Barlow", sans-serif;
}

.news-detail_image-two {
	position: relative;
	margin-top: 30px;
	overflow: hidden;
	margin-bottom: 25px;
}

.news-detail_image-two img {
	position: relative;
	border-radius: 25px;
}

.post-share-options {
	position: relative;
	padding-top: 20px;
	margin-top: 30px;
	margin-bottom: 50px;
	border-top: 1px solid rgba(0, 0, 0, 0.20);
}

.post-share-options .post-tags {
	position: relative;
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	align-items: center;
}

.post-share-options .post-tags strong {
	position: relative;
	font-weight: 700;
	font-size: 24px;
	color: var(--black-color);
	font-family: "Barlow", sans-serif;
}

.post-share-options .post-tags a {
	position: relative;
	font-size: 16px;
	padding: 12px 22px;
	border-radius: 50px;
	display: inline-block;
	color: var(--black-color);
	border: 1px solid rgba(0, 0, 0, 0.20);
}

.post-share-options .post-tags a:hover {
	color: var(--white-color);
	border-color: var(--main-color);
	background-color: var(--main-color);
}

.post-share-options .social-links {
	position: relative;
}

.post-share-options .social-links span {
	position: relative;
	font-weight: 700;
	font-size: 20px;
	color: var(--black-color);
	font-family: "Barlow", sans-serif;
}

.post-share-options .social-links a {
	position: relative;
	font-size: 18px;
	margin-left: 10px;
	color: var(--black-color);
}

.post-share-options .social-links a:hover {
	color: var(--black-color);
}

/* Blog Author Post */

.blog-author-post {
	position: relative;
	margin-top: 30px;
	padding-bottom: 60px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.blog-author-post_inner {
	position: relative;
	padding-left: 300px;
}

.blog-detail_author-image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 266px;
	overflow: hidden;
	border-radius: 15px;
}

.blog-author-post h5 {
	font-weight: 700;
	color: var(--black-color);
}

.blog-author-post .text {
	position: relative;
	line-height: 30px;
	font-size: 16px;
	margin-top: 10px;
	color: #666666;
}

.blog-author-post_socials {
	position: relative;
	margin-top: 15px;
}

.blog-author-post_socials li {
	position: relative;
	margin-right: 5px;
	display: inline-block;
}

.blog-author-post_socials li a {
	position: relative;
	font-size: 16px;
	font-weight: 600;
	color: var(--main-color);
}

.blog-author-post_socials li a:hover {
	color: var(--main-color);
}

/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area {
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
	border-radius: 20px
}

.sidebar-page-container .group-title {
	position: relative;
	margin-bottom: 30px;
}

.sidebar-page-container .group-title h4 {
	font-weight: 700;
	color: var(--black-color);
}

.sidebar-page-container .group-title .text {
	position: relative;
	font-size: 16px;
	color: var(--color-five);
	margin-top: 5px;
}

.sidebar-page-container .comments-area .comment-box {
	position: relative;
	margin-bottom: 40px;
	border-radius: 20px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box:last-child {
	margin-bottom: 20px;
}

.sidebar-page-container .comments-area .comment {
	position: relative;
	font-size: 14px;
	padding: 0px 0px 0px 120px;
}

.sidebar-page-container .comments-area .reply-comment {
	margin-left: 120px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 90px;
	height: 90px;
	overflow: hidden;
	border-radius: 50%;
	margin-bottom: 20px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
	width: 100%;
	display: block;
}

.sidebar-page-container .comments-area .comment-info {
	gap: 15px;
	margin-bottom: 15px;
}

.sidebar-page-container .comments-area .comment-box strong {
	position: relative;
	font-weight: 700;
	display: block;
	font-size: 18px;
	color: var(--black-color);
	text-transform: capitalize;
	font-family: "Barlow", sans-serif;
}

.sidebar-page-container .comments-area .comment-box .text {
	line-height: 28px;
	font-size: 16px;
	color: #222222;
	margin-bottom: 15px;
}

.sidebar-page-container .comments-area .comment-info .comment-time {
	position: relative;
	font-weight: 500;
	display: block;
	font-size: 14px;
	color: var(--main-color);
	text-transform: capitalize;
}

.sidebar-page-container .comments-area .comment-box .reply-btn {
	position: absolute;
	right: 0px;
	top: -20px;
	padding: 7px 20px;
	font-weight: 500;
	font-size: 14px;
	border-radius: 50px;
	text-transform: uppercase;
	color: var(--white-color);
	background-color: var(--main-color);
}

.sidebar-page-container .comments-area .comment-box .reply-btn:hover {
	color: var(--white-color);
	background-color: var(--black-color);
}

/*** 

====================================================================
	Comment Form
====================================================================

***/

.comment-form-outer {
	position: relative;
}

.comment-form-outer .rating {
	position: relative;
}

.comment-form-outer .rating strong {
	position: relative;
	font-weight: 600;
	font-size: 18px;
	margin-left: 25px;
	color: var(--black-color);
	font-family: "Barlow", sans-serif;
}

.comment-form-outer .rating span {
	position: relative;
	color: #FECE50;
}

.comment-form .form-group {
	margin-bottom: 25px;
}

.comment-form .form-group:last-child {
	margin-bottom: 0px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 25px;
	height: 54px;
	border-radius: 50px;
	font-size: 16px;
	color: #222222;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	background-color: var(--white-color);
	border: 1px solid rgba(var(--black-color-rgb), 0.10);
}

.comment-form .form-group textarea::-webkit-input-placeholder,
.comment-form .form-group input::-webkit-input-placeholder {
	color: var(--color-five);
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
	border-color: var(--main-color);
}

.comment-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 15px 25px 25px;
	font-size: 16px;
	color: #222222;
	height: 120px;
	resize: none;
	border-radius: 25px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	background-color: var(--white-color);
	border: 1px solid rgba(var(--black-color-rgb), 0.10);
}

.comment-form .theme-btn {
	padding: 17px 40px;
}

/*** 

====================================================================
	Contact Three
====================================================================

***/

.contact-three {
	position: relative;
	padding: 110px 0px 90px;
}

.contact-three_form-column {
	position: relative;
	margin-bottom: 30px;
}

.contact-three_form-outer {
	position: relative;
}

.contact-three_info-column {
	position: relative;
	margin-bottom: 30px;
}

.contact-three_info-outer {
	position: relative;
	padding-left: 50px;
}

.contact-three.style-two .contact-three_info-outer {
	padding-left: 0px;
}

.contact-info_text {
	position: relative;
	color: #222222;
	font-size: 16px;
	line-height: 26px;
	margin-top: 15px;
	margin-bottom: 30px;
}


.contact-info_block {
	position: relative;
}

.contact-info_block-inner {
	position: relative;
}

.contact-info_block-icon {
	position: relative;
	width: 50px;
	height: 50px;
	font-size: 20px;
	line-height: 52px;
	font-weight: 700;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	color: var(--main-color);
	font-family: 'Font Awesome 6 Free';
	border: 2px solid var(--main-color);
}

.contact-info_block-inner h4 {
	margin: 15px 0px 10px;
	color: var(--black-color);
}

/*** 

====================================================================
	Map One
====================================================================

***/

.map-one {
	position: relative;
	padding: 0px 0px 110px;
}

.map-one iframe {
	width: 100%;
	height: 450px;
	border-radius: 20px;
}

/***

====================================================================
	Coming Soon
====================================================================

***/

.coming-soon {
	position: relative;
	display: block;
	text-align: center;
	padding-bottom: 100px;
}

.coming-soon .content {
	position: relative;
}

.coming-soon .content .content-inner {
	position: relative;
	padding: 110px 15px 0px;
}

.coming-soon .content .content-inner .logo {
	position: relative;
	z-index: 1;
	margin-bottom: 60px;
}

.time-counter {
	position: relative;
}

.time-counter .time-countdown {
	position: relative;
	margin-bottom: 150px;
}

.time-counter .time-countdown .counter-column {
	position: relative;
	display: inline-block;
	width: 180px;
	height: 180px;
	line-height: 1em;
	color: var(--white-color);
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	z-index: 7;
	border-radius: 20px;
	background-color: var(--main-color);
	margin: 0 15px 20px;
	font-family: "Barlow", sans-serif;
}

.time-counter .time-countdown .counter-column:nth-child(2) {
	background-color: #f5f5f5;
	color: var(--black-color);
	border: 2px solid rgba(0, 0, 0, 0.20);
}

.time-counter .time-countdown .counter-column:nth-child(2) .count {
	color: var(--black-color);
}

.time-counter .time-countdown .counter-column:nth-child(3) {
	background-color: #000000;
}

.time-counter .time-countdown .counter-column:nth-child(4) {
	background-color: var(--main-color);
}

.time-counter .time-countdown .counter-column .count {
	position: relative;
	display: block;
	font-size: 70px;
	line-height: 30px;
	padding: 60px 0px 30px;
	color: var(--white-color);
	font-weight: 600;
}

.coming-soon .emailed-form {
	position: relative;
}

.coming-soon .emailed-form h3 {
	color: var(--black-color);
	margin-bottom: 20px;
}

.coming-soon .emailed-form .text {
	display: block;
	color: var(--black-color);
	font-size: 18px;
	margin-bottom: 40px;
}

.coming-soon .emailed-form .form-group {
	position: relative;
	display: block;
	max-width: 540px;
	width: 100%;
	margin: 0 auto;
}

.coming-soon .emailed-form .form-group input[type="text"],
.coming-soon .emailed-form .form-group input[type="tel"],
.coming-soon .emailed-form .form-group input[type="email"],
.coming-soon .emailed-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	height: 60px;
	color: var(--black-color);
	font-size: 16px;
	overflow: hidden;
	border-radius: 50px;
	padding: 15px 50px 15px 25px;
	background: var(--white-color);
	border: 1px solid rgba(var(--black-color-rgb), 0.15);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.coming-soon .emailed-form .form-group input:focus,
.coming-soon .emailed-form .form-group select:focus,
.coming-soon .emailed-form .form-group textarea:focus {
	border-color: var(--main-color);
}

.coming-soon .emailed-form .form-group input[type="submit"],
.coming-soon .emailed-form button {
	position: absolute;
	right: 10px;
	top: 0px;
	width: 60px;
	height: 60px;
	line-height: 40px;
	font-size: 18px;
	color: var(--main-color);
	background-color: transparent;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.coming-soon .emailed-form .form-group input[type="submit"]:hover,
.coming-soon .emailed-form button:hover {
	color: var(--color-two);
}

.coming-soon .copyright-text {
	position: relative;
	font-size: 18px;
	line-height: 26px;
	color: var(--white-color);
	font-weight: 400;
}

.coming-soon .copyright-text a {
	color: var(--main-color);
}

.coming-soon .copyright-text a:hover {
	text-decoration: underline;
}

.clock-wrapper {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	width: 250px;
	height: 250px;
	margin: auto;
	margin-top: -145px;
	border-radius: 50%;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	background-color: rgba(var(--black-color-rgb), 0.20);
	transform: scale(2);
}

.clock-base {
	width: 250px;
	height: 250px;
	border-radius: 50%;
}

.click-indicator {
	position: absolute;
	z-index: 1;
	top: 10px;
	left: 10px;
	width: 230px;
	height: 230px;
}

.click-indicator div {
	position: absolute;
	width: 2px;
	height: 4px;
	margin: 113px 114px;
}

.click-indicator div>span {
	height: 5px;
	width: 5px;
	background-color: #00022A;
	display: inline-block;
	border-radius: 50%;
	margin-left: -1px;
	margin-top: -1px;
}

.click-indicator div:nth-child(1) {
	transform: rotate(30deg) translateY(-120px);
}

.click-indicator div:nth-child(2) {
	transform: rotate(60deg) translateY(-120px);
}

.click-indicator div:nth-child(3) {
	transform: rotate(90deg) translateY(-120px);
	background-color: var(--main-color);
}

.click-indicator div:nth-child(4) {
	transform: rotate(120deg) translateY(-120px);
}

.click-indicator div:nth-child(5) {
	transform: rotate(150deg) translateY(-120px);
}

.click-indicator div:nth-child(6) {
	transform: rotate(180deg) translateY(-120px);
	background-color: var(--main-color);
}

.click-indicator div:nth-child(7) {
	transform: rotate(210deg) translateY(-120px);
}

.click-indicator div:nth-child(8) {
	transform: rotate(240deg) translateY(-120px);
}

.click-indicator div:nth-child(9) {
	transform: rotate(270deg) translateY(-120px);
	background-color: var(--main-color);
}

.click-indicator div:nth-child(10) {
	transform: rotate(300deg) translateY(-120px);
}

.click-indicator div:nth-child(11) {
	transform: rotate(330deg) translateY(-120px);
}

.click-indicator div:nth-child(12) {
	transform: rotate(360deg) translateY(-120px);
	background-color: var(--main-color);
}

.clock-hour {
	position: absolute;
	z-index: 2;
	top: 75px;
	left: 123px;
	width: 4px;
	height: 65px;
	background-color: var(--main-color);
	border-radius: 2px;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
	transform-origin: 2px 50px;
	transition: .5s;
	-webkit-animation: rotate-hour 43200s linear infinite;
	-moz-animation: rotate-hour 43200s linear infinite;
}

.clock-minute {
	position: absolute;
	z-index: 3;
	top: 55px;
	left: 123px;
	width: 4px;
	height: 85px;
	background-color: var(--main-color);
	border-radius: 2px;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
	transform-origin: 2px 70px;
	transition: .5s;
	-webkit-animation: rotate-minute 3600s linear infinite;
	-moz-animation: rotate-minute 3600s linear infinite;
}

.clock-second {
	position: absolute;
	z-index: 4;
	top: 15px;
	left: 124px;
	width: 2px;
	height: 130px;
	background-color: var(--black-color);
	opacity: .9;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
	transform-origin: 1px 110px;
	transition: .5s;
	-webkit-animation: rotate-second 60s linear infinite;
	-moz-animation: rotate-second 60s linear infinite;
}

.clock-second:after {
	content: "";
	display: block;
	position: absolute;
	left: -3px;
	bottom: 16px;
	width: 8px;
	height: 8px;
	background-color: var(--black-color);
	border: solid 2px var(--black-color);
	border-radius: 50%;
	box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

.clock-center {
	position: absolute;
	z-index: 1;
	width: 150px;
	height: 150px;
	top: 50px;
	left: 50px;
	box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	border-radius: 50%;
}

.clock-center:after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin: 65px;
	/* background-color: var(--black-color); */
	border-radius: 50%;
}

/***

====================================================================
	Error One
====================================================================

***/

.error-one {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 120px 0px 80px;
}

.error-one_image {
	position: relative;
	margin-top: 0px;
}

.error-one_content {
	position: relative;
	text-align: center;
	margin-top: 30px;
}

.error-one h2 {
	line-height: 1em;
}

.error-one_text {
	position: relative;
	margin-top: 30px;
	color: #222222;
	font-size: 18px;
}

.error-one_button {
	position: relative;
	margin-top: 30px;
}


/*** 

====================================================================
	Privacy Section
====================================================================

***/

.privacy-section {
	position: relative;
	padding: 100px 0px 100px;
}

.privacy-section .privacy-content {
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 25px;
	border-bottom: 1px solid #e2e2e2;
}

.privacy-section .privacy-content:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border: none;
}

.privacy-section h3 {
	color: var(--black-color);
	margin-bottom: 20px;
}

.privacy-section p {
	margin-bottom: 20px;
}

.privacy-section .date {
	position: relative;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 15px;
	color: var(--main-color);
}

.privacy-section h4 {
	color: var(--black-color);
	margin-bottom: 20px;
}

.privacy-section .privacy-list {
	position: relative;
	margin-left: 20px;
}

.privacy-section .privacy-list li {
	position: relative;
	font-weight: 400;
	padding-left: 26px;
	line-height: 1.7em;
	font-size: 18px;
	margin-bottom: 10px;
	color: var(--black-color);
}

.privacy-section .privacy-list li:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 10px;
	width: 7px;
	height: 7px;
	border-radius: 50px;
	background-color: var(--main-color);
}





/* Shop Cat */

.shop-cat {
	position: relative;
}

.shop-cat li {
	position: relative;
	margin-bottom: 15px;
}

.shop-cat li a {
	position: relative;
	font-size: 17px;
	display: block;
	color: var(--black-color);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	padding: 15px 50px 15px 20px;
	margin-bottom: 2px;
	border: 1px solid #eee;
	display: block;
	border-radius: 8px;
}

.shop-cat li a span {
	position: absolute;
	right: 20px;
}

.shop-cat li a:hover {
	color: var(--main-color);
}

/*Sidebar Realated Posts */

.sidebar .related-posts .post {
	position: relative;
	padding-top: 40px;
	min-height: 156px;
	padding-left: 150px;
	margin-bottom: 20px;
}

.sidebar .related-posts .post:last-child {
	margin-bottom: 0px;
	min-height: inherit;
}

.sidebar .related-posts .post .post-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 130px;
	background-color: rgba(0, 0, 0, 0.05);
}

.sidebar .related-posts .post .post-thumb img {
	display: block;
	width: 100%;
}

.sidebar .related-posts .post h4 {
	top: -2px;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.3em;
	color: var(--black-color);
	text-transform: capitalize;
}

.sidebar .related-posts .post h4 a {
	color: var(--black-color);
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.sidebar .related-posts .post h4 a:hover {
	opacity: 1;
	color: var(--main-color);
	text-decoration: underline;
}

.sidebar .related-posts .post .price {
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: 400;
	margin-top: 5px;
	color: var(--main-color);
}

/* Shop Section */

.shop-section {
	position: relative;
}

.shop-section .items-sorting {
	position: relative;
	margin-bottom: 30px;
}

.shop-section .items-sorting .total-items {
	position: relative;
	font-size: 18px;
	color: var(--black-color);
}

.shop-section .items-sorting .total-items span {
	color: var(--main-color);
}

/* Shop Item */

.shop-item {
	position: relative;
	margin-bottom: 40px;
}

.shop-item .inner-box {
	position: relative;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.shop-item .inner-box .image .sale {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 2;
	padding: 8px 20px;
	display: inline-block;
	color: var(--white-color);
	text-transform: uppercase;
	background-color: var(--black-color);
}

.shop-item .inner-box .image .overlay-box {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.50);
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.shop-item .inner-box .image .overlay-box .cart-option {
	position: relative;
	top: 50%;
	margin-top: -25px;
}

.shop-item .inner-box .image .overlay-box .cart-option li {
	position: relative;
	margin: 0px 3px;
	color: var(--black-color);
	display: inline-block;
}

.shop-item .inner-box .image .overlay-box .cart-option li a {
	position: relative;
	color: var(--black-color);
	font-size: 56px;
	font-weight: 700;
	display: block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.shop-item .inner-box .image .overlay-box .cart-option li a .fa {
	margin-bottom: 8px;
	display: inline-block;
}

.shop-item .inner-box .image .overlay-box .cart-option li a:hover {
	color: var(--main-color);
}

.shop-item .inner-box .image img {
	width: 100%;
	display: inline-block;
	border-radius: 10px;
}

.shop-item .inner-box .lower-content {
	position: relative;
	padding: 10px 0 0;
}

.shop-item .inner-box .lower-content h3 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 6px;
}

.shop-item .inner-box .lower-content h3 a {
	color: #222;
	text-transform: capitalize;
	font-size: 20px;
	font-weight: 500;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.shop-item .inner-box .lower-content h3 a:hover {
	color: var(--main-color);
}

.shop-item .inner-box .lower-content .price {
	position: relative;
	font-size: 18px;
	font-weight: 300;
	opacity: 0.9;
	color: var(--black-color);
}

.shop-item .inner-box .lower-content .cart {
	position: relative;
	display: inline-block;
	font-size: 28px;
	width: 40px;
	color: var(--black-color);
}

.shop-section .lower-text {
	position: relative;
	margin-top: 30px;
}

.shop-section .lower-text .products {
	position: relative;
	color: var(--black-color);
	font-size: 16px;
	font-weight: 600;
	z-index: 1;
	padding-bottom: 4px;
	letter-spacing: 2px;
	display: inline-block;
	text-transform: uppercase;
	border-bottom: 1px solid var(--black-color);
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.shop-section .lower-text .products:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	z-index: -1;
	background-color: var(--black-color);
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.shop-section .lower-text .products:hover::before {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.shop-section .lower-text .products:hover {
	color: var(--white-color);
}




/*** 

====================================================================
	Shop Detail
====================================================================

***/

.shop-detail {
	position: relative;
	padding: 100px 0px 70px;
}

.shop-detail_gallery-column {
	position: relative;
	margin-bottom: 30px;
}

.shop-detail_gallery-column .image {
	position: relative;
	overflow: hidden;
	text-align: center;
	border-radius: 10px;
	margin-bottom: 30px;
	background-color: rgba(var(--color-two-rgb), 0.03);
}

.shop-detail_gallery-column .image img {
	position: relative;
	width: 100%;
	display: block;
}

.shop-detail_gallery-column .thumb {
	position: relative;
	cursor: pointer;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border: 2px solid rgba(var(--black-color-rgb), 0.05);
}

.shop-detail_gallery-column .thumb img {
	width: 100%;
	display: block;
}

.shop-detail_gallery-column .thumb:hover {
	border-color: rgba(var(--black-color-rgb), 0.01);
	background-color: rgba(var(--black-color-rgb), 0.05);
}

.shop-detail_content-column {
	position: relative;
	margin-bottom: 30px;
}

.shop-detail_content-column .inner-column {
	position: relative;
	padding-left: 20px;
}

.shop-detail_title {
	font-weight: 700;
	line-height: 1em;
	font-size: 40px;
	color: var(--black-color);
	text-transform: uppercase;
}

.shop-detail_rating {
	position: relative;
	margin-top: 20px;
}

.shop-detail_rating .fa-star {
	position: relative;
	font-size: 14px;
	color: var(--black-color);
}

.shop-detail_rating .fa-star.light {
	opacity: 0.40;
	color: var(--black-color);
}

.shop-detail_rating i {
	position: relative;
	font-size: 18px;
	margin-left: 10px;
	color: var(--black-color);
}

.shop-detail_price {
	position: relative;
	font-weight: 600;
	font-size: 24px;
	margin-top: 20px;
	color: var(--black-color);
}

.shop-detail_text {
	position: relative;
	line-height: 28px;
	font-size: 16px;
	opacity: 0.80;
	margin-top: 20px;
	margin-bottom: 30px;
	color: var(--black-color);
}

/* Item Quantity */

.item-quantity {
	position: relative;
	width: 100%;
	max-width: 115px;
	padding: 0px 45px;
	border-radius: 5px;
	display: inline-block;
	margin-right: 30px;
	border: 1px solid rgba(var(--black-color-rgb), 0.05);
}

.quantity-box .item-quantity .input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	max-width: 144px;
	width: 100%;
	height: 42px;
}

.quantity-box .item-quantity input.qty-spinner {
	line-height: 40px;
	height: 40px;
	width: 20px !important;
	padding: 0px !important;
	box-shadow: none !important;
	border: none;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: var(--black-color);
	border: none;
	border-radius: 0;
	background: none;
	margin-right: 0px;
}

.quantity-box .item-quantity input.qty-spinner:focus {
	background: none;
}

.quantity-box .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-down {
	position: absolute;
	height: 44px;
	width: 44px;
	background: none;
	padding: 6px 0px !important;
	line-height: 30px;
	left: -40px;
	top: -40px;
	border: none !important;
	border-radius: 0px;
}

.quantity-box .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-up {
	position: absolute;
	height: 44px;
	width: 44px;
	background: none;
	padding: 6px 0px !important;
	line-height: 30px;
	right: -25px;
	top: -40px;
	border: none !important;
	border-radius: 0px;
	margin-top: 0px;
}

.quantity-box .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-down:hover,
.quantity-box .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-up:hover {}

.quantity-box .bootstrap-touchspin .glyphicon-chevron-up:before {
	content: "\2b";
	color: var(--black-color);
	font-weight: 700;
	font-style: normal;
	font-size: 12px;
	font-family: 'Font Awesome 6 Free';
}

.quantity-box .bootstrap-touchspin .glyphicon-chevron-down:before {
	content: "\f068";
	color: var(--black-color);
	font-weight: 700;
	font-style: normal;
	font-size: 12px;
	font-family: 'Font Awesome 6 Free';
}

.quantity-box .bootstrap-touchspin .input-group-btn-vertical {
	position: absolute;
	width: 100%;
}

.quantity-box .bootstrap-touchspin .input-group-btn-vertical i {
	top: 6px;
	left: 14px;
	font-size: inherit !important;
}

.quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
	margin-top: 0px;
}

.shop-detail_list {
	position: relative;
	margin-top: 25px;
}

.shop-detail_list li {
	position: relative;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 15px;
	color: var(--black-color);
}

.shop-detail_list li span {
	position: relative;
	font-weight: 500;
	color: var(--black-color);
	text-transform: uppercase;
	margin-right: 10px;
}

.shop-detail_socials {
	position: relative;
}

.shop-detail_socials .share {
	position: relative;
	font-weight: 600;
	display: inline-block;
	color: var(--black-color);
	font-size: 16px;
}

.shop-detail_socials {
	position: relative;
	margin-top: 30px;
}

.shop-detail_socials li {
	position: relative;
	display: inline-block;
	margin-right: 5px;
}

.shop-detail_socials li a {
	position: relative;
	width: 40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	border-radius: 5px;
	display: inline-block;
	color: var(--black-color);
	font-size: 16px;
	font-family: 'Font Awesome 5 Brands';
	border: 1px solid rgba(var(--black-color-rgb), 0.05);
}

.shop-detail_socials li a:hover {
	color: var(--white-color);
	border-color: var(--main-color);
	background-color: var(--main-color);
}

/*** 

====================================================================
	Product Tabs Style
====================================================================

***/

.shop-detail .prod-tabs {
	position: relative;
	margin-top: 30px;
}

.shop-detail .prod-tabs .tab-btns {
	position: relative;
}

.shop-detail .prod-tabs .tab-btns::before {
	position: absolute;
	content: '';
	left: 0px;
	top: 30px;
	right: 0px;
	border-bottom: 1px solid rgba(var(--black-color-rgb), 0.10);
}

.shop-detail .prod-tabs .tab-btns .tab-btn {
	position: relative;
	display: inline-block;
	color: var(--black-color);
	line-height: 24px;
	cursor: pointer;
	font-weight: 500;
	padding: 16px 30px;
	font-size: 20px;
	margin-right: 20px;
	transition: all 500ms ease;
	text-transform: capitalize;
	background: var(--white-color);
	border: 1px solid rgba(var(--black-color-rgb), 0.10);
}

.shop-detail .prod-tabs .tab-btns .tab-btn:last-child {
	margin-right: 0px;
}

.shop-detail .prod-tabs .tab-btns .tab-btn:hover,
.shop-detail .prod-tabs .tab-btns .tab-btn.active-btn {
	color: var(--white-color);
	background-color: var(--main-color);
}

.shop-detail .prod-tabs .tabs-content {
	position: relative;
	padding: 40px 0px 0px;
}

.shop-detail .prod-tabs .tabs-content .tab {
	position: relative;
	display: none;
	border-top: 0px;
}

.shop-detail .prod-tabs .tabs-content .tab.active-tab {
	display: block;
}

.prod-tabs .tabs-content p {
	line-height: 28px;
	font-size: 16px;
	color: var(--black-color);
	margin-bottom: 20px;
}

.prod-tabs .tabs-content .tab .title {
	position: relative;
	font-weight: 400;
	margin-bottom: 25px;
	color: var(--black-color);
}

/* Comments Area */

.comments-area {
	position: relative;
	padding: 40px 40px;
	background-color: rgba(var(--black-color-rgb), 0.03);
}

.comments-area .group-title {
	position: relative;
	margin-bottom: 25px;
}

.comments-area .group-title h4 {
	position: relative;
	font-weight: 700;
	color: var(--black-color);
}

.comments-content {
	position: relative;
	padding: 45px 40px;
	margin-bottom: 30px;
	background-color: var(--black-color);
}

.comment-box {
	position: relative;
	margin-bottom: 25px;
}

.comment-box:last-child {
	margin-bottom: 0px;
}

.comment-box .comment {
	position: relative;
	padding-left: 80px;
}

.comment-box .author-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 60px;
	height: 60px;
	overflow: hidden;
}

.comment-options {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1;
}

.comment-options li {
	position: relative;
	display: inline-block;
	margin-left: 15px;
}

.comment-options li a {
	position: relative;
	font-size: 14px;
	color: var(--color-two);
}

.comment-options li a:hover {
	color: var(--black-color);
}

.comment-box .comment-info {
	position: relative;
	font-size: 18px;
	padding-bottom: 5px;
	color: var(--black-color);
	font-family: "Barlow", sans-serif;
}

.comment-box .comment-time {
	position: relative;
	font-size: 14px;
	margin-top: 5px;
	color: var(--black-color);
}

.comment-box .text {
	position: relative;
	line-height: 28px;
	font-size: 16px;
	opacity: 0.70;
	color: var(--black-color);
	margin-top: 15px;
	margin-bottom: 15px;
}

.likes-option {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.likes-option li {
	position: relative;
	display: inline-block;
	color: var(--black-color);
	margin-left: 15px;
	padding-left: 25px;
}

.likes-option li span {
	position: absolute;
	left: 0px;
	font-family: 'Font Awesome 5 Pro';
}

.comment-reply {
	position: relative;
	font-size: 14px;
	color: var(--black-color);
}

.comment-reply span {
	position: relative;
	font-family: 'Font Awesome 5 Pro';
	margin-right: 10px;
}

.reply-comment {
	position: relative;
	margin-left: 40px;
	padding: 30px 30px;
	background-color: var(--white-color);
}

.related-products {
	position: relative;
	margin-top: 30px;
}

.related-products h3 {
	position: relative;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	line-height: 25px;
	text-transform: inherit;
}

.expand-section {
	width: 80%;
	margin: 0 auto;
	margin-top: 0px;
	border-radius: 72px;
}

.app-container {
	display: flex;
	height: 700px;
	position: relative;
	border-bottom: 12px solid #ffd732;
}

.left-section {
	flex: 1;
	position: relative;
	width: 100%;
	background-size: cover;
	background-position: center center;
}

.left-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(29, 50, 113, 0.65);
	z-index: 1;
	transition: all 0.6s ease-in-out;
}

.left-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	color: white;
	max-width: 650px;
	animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.left-content h3 {
	font-size: 23px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #fff;
}

.left-content p {
	font-size: 16px;
	line-height: 25px;
	color: #fff;
}

.dots-container {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	gap: 8px;
}

.dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: all 0.3s ease;
	border: 2px solid white;
}

.dot.active {
	background: white;
	width: 30px;
	border-radius: 6px;
}

.dot:hover {
	background: rgba(255, 255, 255, 0.8);
}

.right-section {
	width: 400px;
	height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.3);
	display: flex;
	flex-direction: column;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
}

.nav-item {
	padding: 28px 35px;
	border: 0;
	background: transparent;
	cursor: pointer;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	text-align: left;
	position: relative;
	height: 100%;
}

.nav-item::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: rgba(255, 255, 255, 0.3);
}

.nav-item:last-child::after {
	display: none;
}

.nav-item:hover {
	background: rgba(23, 162, 184, 0.08);
	border-left-color: #17a2b8;
	padding-left: 40px;
}

.nav-item.active {
	background: #0059b2;
	border-left-color: #0059b2;
}

.nav-item-title {
	display: block;
	font-size: 20px;
	font-weight: 600;
	color: #333;
	margin-bottom: 6px;
	transition: color 0.4s;
}

.nav-item.active .nav-item-title {
	color: white;
}

.nav-item:hover .nav-item-title {
	color: #17a2b8;
}

.nav-item-en {
	display: block;
	font-size: 20px;
	font-family: "Barlow", sans-serif;
	text-transform: uppercase;
	color: #fff;
	transition: color 0.4s;
	font-weight: 600;
}

.nav-item.active .nav-item-en {
	color: rgba(255, 255, 255, 0.85);
}

.nav-item:hover .nav-item-en {
	color: #fff;
}

@media (max-width: 1024px) {
	.app-container {
		flex-direction: column;
		height: 550px;
		position: relative;
	}

	.left-section {
		height: 350px;
		order: 1;
	}

	.right-section {
		display: none;
		position: static;
		height: auto;
	}

	.left-content h3 {
		font-size: 22px;
		line-height: 25px;
	}

	.dots-container {
		display: flex;
	}
}

.language-selector {
	position: relative;
	display: inline-block;
	margin-left: 20px;
}

.language-selector input[type="checkbox"] {
	display: none;
}

.language-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 7px;
	border: 2px solid #ffd732;
	border-radius: 2rem;
	background: transparent;
	cursor: pointer;
	font-weight: 500;
	color: #222;
	font-size: 18px;
	transition: all 0.3s ease;
	font-family: 'Barlow', sans-serif;
}

.language-btn:hover {
	background: #ffd732;
	color: #222;
}

.language-btn i {
	font-size: 12px;
	transition: transform 0.3s ease;
}

.language-selector input[type="checkbox"]:checked~.language-btn i {
	transform: rotate(180deg);
}

.language-dropdown {
	position: absolute;
	top: 100%;
	right: 0;
	background: #ffd732;
	border-radius: 5px;
	margin-top: 2px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
	z-index: 9999;
	box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, .16);
	pointer-events: none;
}

.language-selector input[type="checkbox"]:checked~.language-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

.language-dropdown a {
	display: block;
	padding: 2px 12px;
	text-decoration: none;
	color: #222;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 16px;
	font-weight: 500;
	font-family: 'Barlow', sans-serif;
	transition: all 0.2s ease;
}

.language-dropdown a:last-child {
	border-bottom: none;
}

@media (min-width: 769px) {
	.language-selector:hover .language-dropdown {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		pointer-events: auto;
	}

	.language-selector input[type="checkbox"] {
		display: none !important;
	}

	.language-btn:hover i {
		transform: rotate(180deg);
	}
}

@media (max-width: 768px) {
	.language-selector input[type="checkbox"]:checked~.language-btn {
		background: #ffd732;
	}
}



.footer {
	width: 100%;
	background-color: #1c1e2a;
	position: relative;
}

.footer1 .footer_content {
	transform: translateY(-10%);
}

.copyright {
	background-color: #000000;
	height: 46px;
	line-height: 46px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.copyright a {
	color: inherit;
}

.copyright a:hover {
	color: inherit;
}

.footer_content {
	background: linear-gradient(180deg, #0ea5e9, #0ea5e9, transparent);
	border-radius: 15px;
	color: #fff;
	padding: 3vw;
}

.footer_content .title {
	font-size: 4rem;
	text-transform: uppercase;
	color: #ffd732;
	font-weight: bold;
	margin-bottom: 30px;
}

.footer_content .description {
	color: #fff;
	font-size: 1.5rem;
	margin-bottom: 15px;
}


.footer_content .bottom-container .left {
	font-size: 15px;
	letter-spacing: 1px;
	max-width: 100%;

}

.footer_content .bottom-container .left p {
	color: #ffffff;
	font-size: 15px;
}

.footer_content .bottom-container .left .whatsnum {
	color: #ffd732;
	font-weight: bold;
	font-size: 18px;
}



.footer_content .bottom-container .middle div {
	position: relative;
	font-size: 15px;
}

.footer_content .bottom-container .middle input {
	outline: none;
	border: 1px solid #eee;
	height: 42px;
	width: 100%;
	background-color: transparent;
	margin: 15px 0;
	border-radius: 10px;
	padding: 15px 30px;
	color: #eeee;
	font-size: 12px;
}

.footer_content .bottom-container div .bianji {
	position: absolute;
	left: 8px;
	top: 8px;
	color: #fdb825;
}

.footer_content .bottom-container .middle textarea {
	outline: none;
	background-color: transparent;
	border: 1px solid #eee;
	border-radius: 20px;
	width: 100%;
	padding: 15px 30px;
	margin: 15px 0;

}

.footer_content .bottom-container button {
	height: 3rem;
	width: 100%;
	background-color: #ffd732;
	border-radius: 1.5rem;
	font-size: 15px;
	font-weight: bold;
	color: #1c1e2a;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer_content .bottom-container .iconfont {
	font-size: 20px;
}

@media (min-width:1200px) {
	.footer_content .title {}
}

@media (max-width:980px) {
	.footer_content .title {
		font-size: 36px;
	}

	.footer_content .description {
		font-size: 18px;
	}

}

@media (max-width: 600px) {
	.footer_content .title {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.footer_content .description {
		font-size: 16px;
	}

}


.contact-copyright {
	background-color: #000000;
	height: 46px;
	line-height: 46px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.contact-copyright a {
	color: inherit;
}

.contact-copyright a:hover {
	color: inherit;
}


.footer-three {
	position: relative;
	padding-top: 50px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-top: 12px solid #ffd732;
}

.footer-three .auto-container {
	max-width: 1300px;
}

.footer-three .widgets-section {
	position: relative;
}

.footer-three_column {
	position: relative;
	margin-bottom: 30px;
}

.footer-three_logo {
	position: relative;
	margin-bottom: 35px;
	filter: brightness(0) invert(1);
}

.footer-three_text {
	position: relative;
	font-size: 15px;
	line-height: 25px;
	color: var(--white-color);
}

.footer-three_links {
	position: relative;
}

.footer-three_links li {
	position: relative;
	margin-bottom: 15px;
}

.footer-three_links li a:hover {
	color: #ffd732;
}

.footer-three_links li a {
	font-size: 15px;
	padding-left: 22px;
	font-weight: 400;
	color: var(--white-color);
}

.footer-three_links li a:before {
	position: absolute;
	content: '>';
	left: 0px;
	width: 7px;
	height: 7px;
}

.footer-three_widget-title {
	font-weight: 600;
	margin-bottom: 25px;
	font-size: 22px;
	line-height: 30px;
	color: var(--white-color);
	text-transform: uppercase;
	font-family: 'Barlow', sans-serif;
}

.footer-three_copyright:before {
	position: absolute;
	content: '';
	left: -31px;
	bottom: 0px;
	width: 32px;
	height: 26px;
	background: url(../images/icons/shape-6.png) no-repeat;
}

.footer-three_copyright:after {
	position: absolute;
	content: '';
	right: -34px;
	bottom: 0px;
	width: 35px;
	height: 24px;
	background: url(../images/icons/shape-7.png) no-repeat;
}

.footer-three_copyright {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	color: #222222;
	padding: 20px 40px;
	border-radius: 20px 20px 0px 0px;
	background-color: var(--white-color);
}

.footer-three_socials {
	position: relative;
	margin-top: 30px;
}

.footer-three_socials span {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	margin-right: 15px;
	color: var(--white-color);
	font-family: 'Barlow', sans-serif;
	text-transform: uppercase;
}

.footer-three_socials a {
	position: relative;
	font-size: 20px;
	margin-right: 10px;
	color: var(--white-color);
}

.sticky-sidebar {
	position: fixed;
	right: 0;
	top: 35%;
	z-index: 999;
	display: flex;
	flex-direction: column;
}

.sticky-sidebar a {
	background: #0ea5e9;
	color: #fff;
	padding: 10px;
	text-align: center;
	font-size: 18px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	transition: background 0.3s;
}

.sticky-sidebar a:hover {
	background: #ffd732;
	color: #0059b2;
}

.mobile-sticky-bar {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	border-top: 1px solid #ddd;
	z-index: 999;
}

.mobile-sticky-bar a {
	flex: 1;
	text-align: center;
	padding: 8px 0;
	text-decoration: none;
	color: #222;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	font-family: "Barlow", sans-serif;
}

.mobile-sticky-bar a i {
	display: block;
	font-size: 18px;
	margin-bottom: 3px;
	color: #0059b2;
}

@media (max-width: 991px) {
	.sticky-sidebar {
		display: none;
	}

	.mobile-sticky-bar {
		display: flex;
	}
}

.toc-wrapper {
	position: fixed;
	bottom: 80px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 40px);
	max-width: 300px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
	overflow: hidden;
	z-index: 999;
	border-radius: 5px;
}

.toc-btn {
	padding: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: "Barlow", sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #0059b2;
	text-transform: uppercase;
	cursor: pointer;
	background: #fff;
}

.toc-btn .icon {
	font-size: 25px;
	transition: transform .3s ease;
}

#toc-toggle:checked~.toc-wrapper .icon {
	transform: rotate(180deg);
}

.toc-btn .icon::before {
	content: "+";
	display: inline-block;
	transition: transform .3s ease;
}

#toc-toggle:checked~.toc-wrapper .icon::before {
	content: "鈭�";
	transform: rotate(180deg);
}

.toc-content {
	max-height: 0;
	opacity: 0;
	overflow-y: auto;
	transition: all .4s ease;
	border-top: 1px solid #eee;
}

#toc-toggle:checked~.toc-wrapper .toc-content {
	max-height: 60vh;
	opacity: 1;
}

.toc-content ul {
	list-style: none;
	padding: 15px;
	margin: 0;
}

.toc-content li {
	position: relative;
	padding-left: 22px;
	margin-bottom: 12px;
}

.toc-content li::before {
	content: "鈥�";
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 20px;
	color: #222;
	transition: transform .3s ease;
}

.toc-content li:hover::before {
	transform: translateX(4px);
}

.toc-content a {
	text-decoration: none;
	color: #222;
	font-size: 16px;
	line-height: 1.5;
}

.toc-content a:hover {
	color: #0059b2;
}

.toc-head {
	scroll-margin-top: 100px;
}

@media (min-width: 992px) {
	.toc-wrapper {
		left: auto;
		right: 30px;
		transform: none;
	}
}

.tabs {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 25px;
}

.tabs button {
	border: none;
	padding: 5px 15px;
	background: #ddd;
	cursor: pointer;
	border-radius: 50px;
	font-size: 15px;
}

.tabs button.active {
	background: #ffd732;
	color: #222;
}

.tabs button:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.loading {
	color: #222;
	font-size: 12px;
	margin-left: 10px;
}

table {
	width: 100%;
}

.available {
	color: #0059b2;
	font-weight: 600
}

.out {
	color: #b4020f;
	font-weight: 600
}

@media(max-width:768px) {

	th,
	td {
		padding: 8px;
		font-size: 15px
	}
}

/* News Page Css */

.news-page,
.application-page {
	padding: 80px 0;
}

.blog-item {
	margin-bottom: 30px;
}

.news-page .blog-item .blog-img {
	position: relative;
	overflow: hidden;
}

.news-page .blog-item .blog-img::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	display: flex;
	background: rgba(14, 165, 233, .3);
	transition: 0.5s;
}

.news-page .blog-item:hover .blog-img::after {
	width: 100%;
	height: 100%;
}

.news-page .blog-item .blog-img img {
	transition: 0.5s;
}

.news-page .blog-item:hover .blog-img img {
	transform: scale(1.2);
}

.news-page .blog-item .blog-heading {
	position: relative;
	background: #f8f9fa;
}

.news-page .blog-item .blog-heading a.h4 {
	position: relative;
	width: 100%;
	display: inline-flex;
	transition: 0.5s;
	z-index: 2;
	color: #0ea5e9;
	font-size: 21px;
	font-weight: 600;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news-page .blog-item .blog-heading::after {
	content: "";
	position: absolute;
	width: 0%;
	height: 100%;
	right: 0;
	bottom: 0;
	transition: 0.5s;
	z-index: 1;
}

.news-page .blog-item:hover .blog-heading::after {
	width: 100%;
	background: #0ea5e9;
}

.news-page .blog-item:hover .blog-heading a.h4 {
	color: #FFFFFF;
}

.news-page .blog-item:hover .blog-heading a.h4:hover {
	color: #ffffff;
}

.news-page .blog-item .blog-content .p-content {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* news page content */

.pro_kh_yingdao {
	position: relative;
	background: url('../images/new_toubu_bg.png') no-repeat center center;
	background-size: 100% 70%;
	padding-top: 70px;
	overflow: hidden;
	margin-bottom: 40px;

	/* 可选：添加半透明遮罩提升文字可读性 */
	/* background-color: rgba(0,0,0,0.4); 
    background-blend-mode: overlay; */
}

.pro_kh_yingdao .left {
	width: 120px;
	position: absolute;
	left: 15px;
	bottom: 40px;
	margin-right: 2%;
}

.pro_kh_yingdao .right {
	padding: 75px 65px 20px 0;
	overflow: hidden;
}

.pro_kh_yingdao .right .con {
	margin-left: 6%;
}

.pro_kh_yingdao .right .tip {
	text-indent: 0;
	font-size: 16px;
	color: #3d3d3d
}

.pro_kh_yingdao .right .tel {
	width: 52%;
	float: left;
	color: #ff6255;
	font-size: 28px;
	font-weight: bold;
	margin-top: 8px;
}

.pro_kh_yingdao .right .tel span {
	font-size: 15px;
	color: #333;
	font-weight: normal;
	vertical-align: center;
}

.pro_kh_yingdao .btn {
	display: block;
	float: right;
	margin-top: -40px;
	left: 50%;
}

.pro_kh_yingdao .btn a img {
	width: 65px;
	/* margin-top: 20px; */
	margin-right: 5px;
	animation: myfirst 0.5s infinite;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 70px;
}

.pro_kh_yingdao .btn a.baojia {
	padding: 12px 45px 12px 20px;
	background: linear-gradient(to right, #ffcb01, #ff9502 30%, #ff9502);
	box-shadow: 0 0.15rem 0.3rem rgba(255, 149, 2, .6);
	border-radius: 50px;
	color: #fff;
	font-size: 20px;
}

.pro_kh {
	margin: 0 auto;
	overflow: hidden
}

.pro_kh li {
	width: 12.18571%;
	*width: 11.2%;
	margin: 1%;
	float: left;
}

.pro_kh li img {
	padding: 8px;
	width: 100%;
	height: auto;
	background: #fff;
	border: #d8d8d8 1px solid
}

@media (max-width:600px) {
	.pro_kh_yingdao {
		display: none;
	}
}




.news-content {
	padding-bottom: 80px;
}

.news-grid {
	display: grid;
	grid-template-columns: 1fr 320px;
	gap: 2.5rem;
	margin: 1.5rem 0 2.5rem;
}


.news-article {
	background: #ffffff;
	border-radius: 28px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	padding: 2rem 2rem 2.2rem;
	transition: box-shadow 0.2s;
}

.article-title {
	font-size: 2.2rem;
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: -0.01em;
	margin-bottom: 1rem;
	color: #0f172a;
}

.article-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 1.2rem;
	align-items: center;
	margin-bottom: 1.8rem;
	padding-bottom: 0.8rem;
	border-bottom: 1px solid #eef2f6;
	color: #5b6e8c;
	font-size: 0.9rem;
}

.meta-item i {
	margin-right: 6px;
	width: 1.1rem;
	color: #3b82f6;
}

.featured-img {
	margin: 1.5rem 0 2rem;
	border-radius: 24px;
	overflow: hidden;
	background: #eef2ff;
}

.featured-img img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.featured-img:hover img {
	transform: scale(1.02);
}

.article-content p {
	margin-bottom: 1.4rem;
	font-size: 1.05rem;
	color: #2c3e4f;
}

.article-content h3 {
	font-size: 1.5rem;
	margin: 1.6rem 0 0.8rem;
	font-weight: 600;
	color: #0f172a;
}

@media (max-width:600px) {
	.article-content h2 {
		font-size: 24px;
	}

	.article-content h3 {
		font-size: 20px;
	}
}

.article-content blockquote {
	border-left: 5px solid #3b82f6;
	background: #f8fafc;
	padding: 1rem 1.5rem;
	margin: 1.5rem 0;
	font-style: italic;
	border-radius: 16px;
	color: #334155;
}

/* 
.article-content p a{
	display: inline-block;
	background: #1e293b;
	color: #e2e8f0;
	padding: 0.2rem 0.5rem;
	border-radius: 8px;
	font-family: monospace;
	font-size: 0.9rem;
} */

.page-sidebar {
	align-self: start;
	position: sticky;
	top: 1.8rem;
	display: flex;
	flex-direction: column;
	gap: 1.8rem;
}

.sidebar-card {
	background: #ffffff;
	border-radius: 24px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.03);
	padding: 1.4rem 1.5rem;
	transition: all 0.2s;
	border: 1px solid #f0f2f5;
}

.card-title {
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: 1.2rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	border-left: 4px solid #3b82f6;
	padding-left: 0.8rem;
	color: #0f172a;
}

.card-title i {
	color: #3b82f6;
	font-size: 1.2rem;
}

/* 联系信息 */
.contact-info p {
	margin-bottom: 0.7rem;
	display: flex;
	align-items: center;
	gap: 0.7rem;
	font-size: 0.95rem;
	color: #334155;
}

.contact-info i {
	width: 1.6rem;
	color: #3b82f6;
	font-size: 1.1rem;
}


/* 产品推荐列表 */
.product-list {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.product-item {
	display: flex;
	gap: 0.8rem;
	align-items: center;
	text-decoration: none;
	color: #1e293b;
	transition: 0.2s;
	padding: 0.4rem 0;
	border-bottom: 1px dashed #edf2f7;
}

.product-item:last-child {
	border-bottom: none;
}

.product-item:hover {
	transform: translateX(5px);
	color: #2563eb;
}

.product-icon {
	width: 44px;
	height: 44px;
	background: #eef2ff;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3rem;
	color: #3b82f6;
}

.product-info h4 {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 0.2rem;
}

.product-info p {
	font-size: 0.75rem;
	color: #5b6e8c;
}

/* tag 云 */
.tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}

.tag {
	background: #f1f5f9;
	padding: 0.3rem 1rem;
	border-radius: 40px;

	transition: all 0.2s;
	cursor: default;
	text-decoration: none;
	display: inline-block;
}

.tag a {
	font-size: 0.8rem;
	font-weight: 500;
	color: #1e40af;
}

.tag:hover {
	background: #3b82f6;
	color: white;
	transform: translateY(-2px);
}

.tag:hover a {
	color: #ffffff;
}

/* ========= 底部区域：上一篇/下一篇 + 网址分享 ========= */
.bottom-navigation {
	margin-top: 2rem;
	background: #ffffff;
	border-radius: 28px;
	padding: 1.6rem 2rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
	border: 1px solid #eef2f6;
}

.post-pagination {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 1.8rem;
	padding-bottom: 1.2rem;
	border-bottom: 1px solid #eef2f6;
}

.prev-post,
.next-post {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	text-decoration: none;
	font-weight: 500;
	color: #334155;
	transition: 0.2s;
	background: #f8fafc;
	padding: 0.5rem 1.2rem;
	border-radius: 40px;
}

.prev-post:hover,
.next-post:hover {
	background: #eef2ff;
	color: #2563eb;
	transform: translateX(-3px);
}

.next-post:hover {
	transform: translateX(3px);
}

.share-section {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.share-label {
	font-weight: 600;
	color: #0f172a;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.url-box {
	display: flex;
	flex: 2;
	min-width: 200px;
	background: #f1f5f9;
	border-radius: 48px;
	padding: 0.2rem 0.2rem 0.2rem 1.2rem;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	border: 1px solid #e2e8f0;
}

.url-box span {
	font-size: 0.85rem;
	color: #334155;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: monospace;
}

.copy-btn {
	background: #2563eb;
	border: none;
	color: white;
	padding: 0.5rem 1rem;
	border-radius: 40px;
	cursor: pointer;
	font-weight: 500;
	font-size: 0.8rem;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: 0.2s;
}

.copy-btn:hover {
	background: #1d4ed8;
	transform: scale(0.97);
}

@media (max-width: 880px) {
	.news-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.page-sidebar {
		position: static;
		top: 0;
	}

	.article-title {
		font-size: 1.8rem;
	}

	/* .container {
		padding: 1rem;
	} */
}

@media (max-width: 640px) {
	.post-pagination {
		flex-direction: column;
		align-items: center;
	}

	.share-section {
		flex-direction: column;
		align-items: stretch;
	}

	.url-box {
		max-width: 100%;
	}

	.news-article {
		padding: 1.5rem;
	}
}



.xg_xw {
	margin-bottom: 80px;
}

.xg_xw .tit {
	line-height: 40px;
	overflow: hidden;
	margin-bottom: 20px
}

.xg_xw .tit strong {
	float: left;
	background-image: -webkit-linear-gradient(right, #40c2ff, #6d85ff);
	background-image: -moz-linear-gradient(right, #40c2ff, #6d85ff);
	background-image: -ms-linear-gradient(right, #40c2ff, #6d85ff);
	background-image: -o-linear-gradient(right, #40c2ff, #6d85ff);
	background-image: linear-gradient(right, #40c2ff, #6d85ff);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-ms-background-clip: text;
	-o-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	-ms-text-fill-color: transparent;
	-o-text-fill-color: transparent;
	text-fill-color: transparent;
	font-size: 24px
}

.xg_xw .tit a {
	float: right;
	font-size: 16px;
	color: #6c86ff;
	padding-right: 15px;
	background: url(../images/pp_yjt.png) no-repeat right center;
	background-size: 8px 12px
}

.xg_xw .tit a:hover {
	color: #01a2ff
}

.xg_xw .xw_list ul {
	margin-left: -1.7%;
	overflow: hidden
}

.xg_xw .xw_list ul li {
	width: 45%;
	float: left;
	position: relative;
	padding: 30px 20px 30px 25px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	background-color: #fff;
	margin-left: 1.7%
}

.xg_xw .xw_list ul li::before {
	position: absolute;
	left: 0;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	content: '';
	display: block;
	width: 4px;
	height: 24px;
	background-image: linear-gradient(bottom, #6d85ff, #40c2ff);
	background-image: -moz-linear-gradient(bottom, #6d85ff, #40c2ff);
	background-image: -ms-linear-gradient(bottom, #6d85ff, #40c2ff);
	background-image: -webkit-linear-gradient(bottom, #6d85ff, #40c2ff);
	background-image: -o-linear-gradient(bottom, #6d85ff, #40c2ff);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#40c2ff, endColorstr=#6d85ff);
	transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s
}

.xg_xw .xw_list ul li:hover::before {
	height: 100%
}

.xg_xw .xw_list ul li:hover a {
	color: #01a2ff
}

.xg_xw .xw_list ul li a {
	float: left;
	color: #333;
	width: 70%;
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.xg_xw .xw_list ul li span {
	float: right;
	color: #333;
	font-size: 18px
}

@media screen and (max-width: 1460px) {
	.xg_xw .xw_list ul li {
		width: 44%;
		margin-left: 2.3%
	}
}

@media screen and (max-width: 1460px) {
	.xg_xw .xw_list ul li {
		width: 43%;
		margin-left: 2.7%
	}
}

@media (max-width:768px) {
	.xg_xw .xw_list ul li {
		width: 100%;
		padding: 10px 10px 10px 15px;
	}

	.xg_xw .xw_list ul li a {
		width: 90%;
		font-size: 16px;
	}
}



/*  */

.news-events-section {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-top: 30px;
}

@media (max-width: 1200px) {
	.news-events-section {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 700px) {
	.news-events-section {
		grid-template-columns: 1fr;
	}
}

.news-event-card {
	background: #fff;
	border: 1px solid #c9d3e5;
	border-radius: 7px;
	box-shadow: 0 2px 10px 0 rgba(12, 33, 67, .05);
	width: 100%;
	text-align: center;
	padding: 24px 18px 26px 18px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.news-event-card img {
	width: 100%;
	height: 200px;
	margin-bottom: 18px;
}

.news-event-card h3 {
	font-size: 1.08rem;
	font-weight: 600;
	color: #1c2536;
	margin-bottom: 8px;
	min-height: 48px;
}

.news-event-card div {
	font-size: 0.97rem;
	color: #656f7b;
	margin-bottom: 2px;
}

.news-event-card .theme-btn.btn-style-two {
	margin-top: 14px;
	min-width: 100px;
}

.load-more-btn {
	display: block;
	margin: 36px auto 0 auto;
	padding: 13px 42px;
	border-radius: 30px;
	font-size: 1.1rem;
	font-weight: 600;
	background: #223c72;
	color: #fff;
	border: none;
	cursor: pointer;
	box-shadow: 0 2px 10px 0 rgba(12, 33, 67, .10);
	transition: background 0.2s;
}

.load-more-btn:hover {
	background: #15254c;
}

/* News Inner */

.news-inner-content {
	background: #fff;
	border: 1px solid #b8bbc1;
	padding: 28px 24px 32px 28px;
	font-size: 13px;
	color: #222;
	line-height: 1.62;
	max-width: 1250px;
	margin: 0 auto;
	box-sizing: border-box;
}

.news-article header {
	margin-bottom: 13px;
}

.news-title {
	font-size: 24px;
	color: #1551a6;
	font-weight: 700;
	margin: 0 0 8px 0;
}

.news-meta.mb-3 {
	font-size: 13px;
	color: #1551a6;
	margin-bottom: 15px;
}

.news-body h2 {
	margin-top: 25px;
	margin-bottom: 25px;
}

.news-body p {
	margin-top: 0;
	margin-bottom: 10px;
}

.news-body .about-three_list li {
	display: block;
}

.news-body .about-three_list li i {
	display: inline-block;
	margin-right: 10px;
}

.news-body ul {
	margin: 0 0 12px 15px;
	padding: 0;
	list-style: disc;
}

.news-body ul:not([style]) {
	/* if any default ul appears afterwards */
	margin: 0 0 12px 15px;
}

.news-body .event-details-header {
	font-weight: 700;
	margin: 20px 0 8px 0;
	color: #1a4165;
	font-size: 13.7px;
}

.news-body .event-details-block {
	padding-bottom: 6px;
}

.news-images-flex {
	display: flex;
	justify-content: center;
	gap: 18px;
	margin: 30px 0px 0 0;
}

.news-images-flex a {
	display: block;
	max-width: 48%;
}

.news-images-flex img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 6px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

@media (max-width: 767px) {
	.news-images-flex {
		flex-direction: column !important;
		gap: 14px !important;
	}

	.news-images-flex a {
		max-width: 100% !important;
	}
}

.customer-block_one-inner:hover .grade-a {
	color: yellow !important;
}

table.gsc-input {
	border-spacing: 7px !important;
}

form.gsc-search-box {
	margin: 0 4px !important;
}

table.gsc-search-box td.gsc-input {
	padding-right: 0px !important;
	width: 190px !important;
}

.gsc-control-cse {
	padding: 0 !important;
}

.gsc-search-button-v2 {
	border: 0 !important;
	border-color: #0059b2 !important;
	background-color: #0059b2 !important;
	padding: 10px !important;
}

.gsc-input-box {
	width: 190px !important;
	height: 45px !important;
	/* border-radius: 80px !important; */
}

table tr td.gsc-search-button {
	padding: 2px;
}

.gsc-search-button-v2:hover {
	border-color: #0059b2 !important;
	background-color: #0059b2 !important;
	background-image: linear-gradient(top, #4da8ff, #0059b2) !important;
}

.gsc-search-box table tr td {
	border: 0px !important;
}

.gsc-control-cse {
	z-index: 999;
	 !important
}

.gsib_a {
	padding: 4px 10px 4px 5px !important;
}

.gsib_b {
	height: auto !important;
	width: auto !important;
}

.gsc-search-button {
	margin-left: -6px !important;
}

.grades-section {
	padding: 30px 0;
	position: relative;
}

.grade-card {
	background-image: linear-gradient(to bottom, #0059b2, #0059b2, #0059b2, #0059b2, #07498b);
	border-radius: 10px;
	padding: 20px;
	position: relative;
	overflow: hidden;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	height: 100%;
}

.grade-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, #0059b2, #0059b2, #0059b2, #0059b2, #07498b);
	transition: left 0.5s ease;
}

.grade-card:hover {
	transform: translateY(-10px);
	border-color: var(--accent);
	background: linear-gradient(130deg, rgba(0, 89, 178, 0.9) 0%, rgba(0, 89, 178, 0.5) 100%);
	box-shadow: 0 30px 60px rgba(6, 182, 212, 0.2), inset 0 1px 0 rgba(6, 182, 212, 0.2);
}

.grade-card:hover::before {
	left: 100%;
}

.grade-card h3 {
	font-family: "Barlow", sans-serif;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 12px;
	color: #fff;

}

.grade-tag {
	display: inline-block;
	background: #ffd732;
	border: 1px solid var(--accent);
	color: var(--accent);
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.5px;
	margin-bottom: 15px;
}

.grade-card p {
	color: #fff;
	line-height: 25px;
	margin-bottom: 20px;
	font-size: 16px;
}

.grade-link {
	display: inline-flex;
	align-items: center;
	color: var(--accent);
	text-decoration: none;
	font-weight: 500;
	font-size: 15px;
	gap: 8px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.grade-link:hover {
	gap: 12px;
	color: var(--accent-warm);
	text-decoration: none;
}

.grade-link::after {
	content: '鈫�';
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.grade-link:hover::after {
	transform: translateX(3px);
}

/* products page */
.cp-introduce {
	padding: 80px 0;
}

.sel-picture {
	width: 100%;
	cursor: pointer;
	margin: 10px;
	border: 4px double grey;
}

.sel-picture:hover {
	transform: scale(1.1);
}

#displayPic {
	width: 75%;
	height: 488px;
	margin-left: 20px;
	overflow: hidden;
}

.pic {
	width: 100%;
	height: 488px;
}

#pictures {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: space-around;
	position: relative;
	top: 0px;
	/*transform: translatey(-150px);*/
}

#pictures-container {
	position: relative;
	height: 500px;
	width: 20%;
	overflow: hidden;
}

.pic-btn {
	position: absolute;
	z-index: 10;
	color: rgba(220, 220, 220, 0);
	transform: translatex(100%);
	font-size: 50px;
	cursor: pointer;
}

.pic-btn:hover {
	color: rgb(150, 150, 150);
	transform: translatex(100%) scale(1.3);
}

.show-btn {
	color: rgba(220, 220, 220, 1);
	animation: fadeIn .5s;
}

.no-show-btn {
	color: rgba(220, 220, 220, 1);
	animation: fadeOut .5s forwards;
}

#upBtn {
	top: 10px;
	right: 75%;
}

#downBtn {
	bottom: 10px;
	right: 75%;
}

#introduce-img {
	display: flex;
	flex-wrap: wrap;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.introduce-info h1 {
	font-size: 30px;
	position: relative;
}

.introduce-info h1::before {
	content: "";
	position: absolute;
	bottom: 0;
	/* left: -20px; */
	width: 80px;
	height: 4px;
	background: #ca2323;
}

.introduce-info p {
	margin-top: 20px;
	line-height: 30px;
}

.introduce-info ul {
	margin-top: 15px;
}

.introduce-info ul li {
	vertical-align: bottom;
	line-height: 40px;
}

.introduce-info ul li span {
	font-size: 20px;
	color: #000;
}

.pro_lxbtn {
	margin-top: 15px;
}

.pro_lxbtn a {
	background: #ffd732;
	border-radius: 40px;
	font-family: DINPro-Medium;
	color: #fff;
	text-align: center;
	padding: 13px 10px;
	width: 47%;
	display: inline-block;
}

.pro_lxbtn a i {
	display: inline-block;
	font-weight: normal;
	font-size: 26px;
	margin-right: 5px;
}

.pro_lxbtn a:last-child {
	background: #0ea5e9;
	margin-left: 4%;
}

.pro_lxbtn a:hover {
	opacity: 0.85;
}

.pro_lxbtn a * {
	vertical-align: middle;
}



.cp-content {
	padding-bottom: 80px;
}

.cp-bg {
	padding-top: 30px;
	padding-bottom: 2em;
	background: #ffffff;
	border-radius: 1.5rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
	border: 1px solid #e9edf2;
	overflow: hidden;
	transition: transform 0.2s, box-shadow 0.2s;

}


.cp-content h2,
.article-content h2 {
	position: relative;
	margin: 20px 0;
	padding-bottom: 15px;
	font-size: 28px;
	line-height: 30px;
	font-weight: 600;
	font-family: "Barlow", sans-serif;
	background: linear-gradient(50deg, #003f7f, #0059b2, #4da8ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: inherit;
}

.cp-content h2::before,
.article-content h2::before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 15%;
	height: 4px;
	background: linear-gradient(45deg, #0ea5e9 45%, #ffd732 5%);
}

.cp-content h3,
.article-content h3{
	margin: 15px 0;
	 background: -webkit-linear-gradient(#ffd732, #0ea5e9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #0ea5e9; /* Fallback color for non-supporting browsers */
}

.cp-content h4,
.article-content h4{
	margin:10px 0;
}

.cp-content img,
.article-content img{
	margin:15px 0;
}


.cp-content ul li {
	list-style: none;
	color: #222222;
	line-height: 2rem;
	position: relative;
	padding-left: 2.3rem;
	margin-bottom: 0.22rem;
}

.cp-content ul li::before {
	content: '\2611';

	font-size: 18px;
	color: #0ea5e9;
	position: absolute;
	left: 0;
	top: 0.01rem;
}

.cp-content ol li {
	position: relative;
	padding-left: 2.5em;
	margin-bottom: 0.8em;
	font-size: 14px;
	line-height: 25px;
	color: #333;
	font-size: 14px;
	margin: 8px 0;
}


.cp-content ol li::before {
	counter-increment: step-counter;
	content: counter(step-counter);
	position: absolute;
	left: 8px;
	width: 1.5em;
	height: 1.5em;
	background: #6382f7;
	color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	top: 0px;
}




.cp-content thead,
.article-content thead {
	width: 100%;
}

.cp-content thead tr th,
.article-content thead tr th {
	background: #003f7f;
	color: #fff;
	border-collapse: collapse;
	text-align: center;
	font-weight: 600;
}

.cp-content table,
.article-content table {
	width: 100%;
	border-collapse: collapse;
	border-radius: 50px;
	margin-bottom: 20px;
}

.cp-content table td span {
	display: inline-block;
}

.cp-content table tr:nth-of-type(odd) td,
.article-content table tr:nth-of-type(odd) td {
	background: #edf9ff;
}

.cp-content table tr:hover td,
.article-content table tr:hover td {
	background: #edf9ff;
}

.cp-content table tr:first-child td,
.article-content table tr:first-child td {
	color: #000;
	/* font-weight:bold; */
}



.info-bottom-section {
	padding: 2rem 0;
}

.bottom-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 1.8rem;
}

.tag-card {
	background: #ffffff;
	border-radius: 1.5rem;
	border: 1px solid #e9edf2;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
	height: 100%;
}

.tag-header {
	padding: 1rem 1.5rem;
	background: #fafcff;
	border-bottom: 1px solid #eff3f8;
}

.sidebar-header h3 {
	font-size: 1.2rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: #1f4868;
}

.tag-header h3 i {
	color: #0059b2;
}

.tag-list {
	padding: 1.2rem 1.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}

.tag-item {
	background: #eff3f8;
	padding: 0.4rem 1rem;
	border-radius: 40px;

	transition: all 0.2s;
	cursor: default;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.tag-item a {
	font-size: 0.8rem;
	font-weight: 600;
	color: #444;
}


.tag-item i {
	font-size: 0.7rem;
	color: #ffd732;
	font-weight: bold;
}

.tag-item:hover {
	background: #0ea5e9;
	transform: translateY(-2px);
	color: #FFFFFF;
}

.tag-item:hover a {
	color: #FFFFFF;
}

.footer-links {
	width: 100%;
}

.footer-links a {
	text-decoration: none;
	color: #444;
	font-weight: 500;
	transition: 0.2s;
	font-size: 0.9rem;
	width: 50%;
	float: left;
}

.footer-links a:hover {
	color: #0059b2;
	text-decoration: underline;
}


#featureSlides {
	background-color: #edfaff;
	padding: 40px 0;
	margin-bottom: 45px;
}

#featureSlides .tit strong {
	margin-bottom: 30px;
	float: left;
	background-image: -webkit-linear-gradient(right, #40c2ff, #6d85ff);
	background-image: -moz-linear-gradient(right, #40c2ff, #6d85ff);
	background-image: -ms-linear-gradient(right, #40c2ff, #6d85ff);
	background-image: -o-linear-gradient(right, #40c2ff, #6d85ff);
	background-image: linear-gradient(right, #40c2ff, #6d85ff);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-ms-background-clip: text;
	-o-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	-ms-text-fill-color: transparent;
	-o-text-fill-color: transparent;
	text-fill-color: transparent;
	font-size: 24px
}

.feature-button-wrap {
	align-items: center;
	border-radius: 5px;
}

a.feature-button {
	display: inline-block;
	width: 100%;
	height: 50px;
	text-align: left;
	text-decoration: none;
	font-size: 20px;
	line-height: 55px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 20px;
	color: #0a50af;
}

.feature-button.active {
	color: #fff !important;
	background: linear-gradient(to right, rgba(230, 33, 41, .9) 0%, rgba(230, 33, 41, .4) 50%, rgba(230, 33, 41, 0) 100%);
	padding: 0px 5px;
}


.feature-button.active:after {
	content: '';
	width: 80px;
	height: 13px;
	display: inline-block;
	margin-left: 34px;
	background-image: url(../images/more.png);
	background-repeat: no-repeat;
}

.feature-content-wrapper {
	background: #fff;
}

.feature-content {
	display: none;
}

.feature-content img {
	width: 100%;
	min-height: 300px;
}

.feature-content.active {
	display: block;
}



@media (max-width:600px) {
	a.feature-button {
		margin-bottom: 0;
		line-height: 0;
		font-size: 16px;
		height: 25px;
		padding: 15px 0;
	}

	.feature-button.active {
		padding: 0;
	}

}

/* application */



/* about page */
.about-us {
	margin-top: 60px;
}

.about-img {
	margin-top: 40px;
}

.about-img img {
	margin: 0 auto;
	width: 100%;
}

.about-us-content p {
	line-height: 30px;
	font-size: 16px;
	margin-top: 20px;
	color: #222222;
}


.ab_sak {
	padding: 60px 0;
}

.stre_txt {
	padding: 50px 0 100px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
	-o-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
	background: url(images/ab_bolang.png) no-repeat bottom;
	background-size: contain;
	margin-bottom: 150px
}

.stre_txt .txt_cot span {
	display: block;
	font-size: 36px;
	color: #96bada;
	line-height: 1.5
}

.stre_txt .txt_cot h2 {
	display: block;
	font-size: 28px;
	color: #243456;
	line-height: 1.2;
	margin-bottom: 55px
}

.stre_txt .txt_cot p {
	font-size: 18px;
	color: #243456;
	line-height: 2
}

.stre_pic {
	margin-bottom: 30px;
}

.stre_pic,
.stre_pic_1 {
	position: relative;
	transition: all .3s ease;
	/* top:22%; */
	/* left: 10%; */
	/* width:45%; */
	overflow: hidden
}

.stre_pic img,
.stre_pic_1 img {
	height: auto;
	width: 100%;
	transition: all .9s ease 0s;
	-moz-transition: all .9s ease 0s;
	-ms-transition: all .9s ease 0s;
	-webkit-transition: all .9s ease 0s;
	-o-transition: all .9s ease 0s
}

.stre_txt:hover .stre_pic img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.stre_txt .stre_pic_1:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.clearfix {
	zoom: 1;
}


.ab_kip {
	margin: 0;
}

.ab_kip .kip_tit {
	text-align: center;
	margin-bottom: 55px
}

.ab_kip .kip_tit h2 {
	position: relative;
	display: block;
	color: #45bbff;
	font-size: 24px;
	line-height: 55px;
	margin-bottom: 5px
}

.ab_kip .kip_tit h2::after {
	position: absolute;
	top: 0;
	left: 50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	content: 'HAOMEI';
	display: block;
	color: red;
	font-weight: 800;
	font-size: 72px;
	font-family: Arial;
	color: rgba(86, 165, 255, .122)
}

.ab_kip .kip_tit p {
	display: inline-block;
	width: 65%;
	font-size: 16px;
	color: #666;
	text-align: center;
	line-height: 1.7
}

.ab_kip .kip_lists li {
	margin-bottom: 30px;
}




.ab_kip .kip_lists li span {
	display: block;
	width: 100%;
	padding: 20px 0 15px 20px;
	font-size: 18px;
	color: #243456;
	border-bottom: 1px solid transparent;
	border-image: linear-gradient(to right, #40c2ff, #6d85ff) 1 10;
	-moz-border-image: -moz-linear-gradient(to right, #40c2ff, #6d85ff) 1 10;
	-webkit-border-image: -webkit-linear-gradient(to right, #40c2ff, #6d85ff) 1 10;
	-o-border-image: -o-linear-gradient(to right, #40c2ff, #6d85ff) 1 10;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box
}

@media (max-width:998px) {
	.stre_pic_1 {
		display: none;
	}

	.stre_txt {
		padding-bottom: 40px;
	}

	.stre_txt .txt_cot p {
		font-size: 16px;
	}
}

@media (min-width:998px) {
	.ab_kip .kip_lists .down_pic {
		padding: 58px 0 0;
	}

	.ab_kip .kip_lists li span {
		font-size: 20px;
	}

	.ab_kip .kip_lists li .kip_pic {
		position: relative;
		background-color: #fff;
		width: 96%;
		padding: 103px 0;
		box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
		-moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
		-ms-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
		-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
		-o-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2)
	}

	.ab_kip .kip_lists li .kip_pic img {
		position: absolute;
		top: -10px;
		right: -10px;
		display: block;
		width: 100%
	}


	.stre_pic,
	.stre_pic_1 {
		left: 10%;
	}
}

.ab-tab h2 {
	text-align: center;
	margin-bottom: 45px;
	color: var(--black-color);
	text-transform: uppercase;
	background: linear-gradient(50deg, #003f7f, #0ea5e9, #4da8ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* 卡片容器 */
.ab-tab .tabs-card {
	width: 100%;
	background: #ffffff;
	border-radius: 2rem;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
	;
	overflow: hidden;
	transition: all 0.2s;
}

/* 按钮栏 */
.ab-tab .tab-header {
	display: flex;
	gap: 0.5rem;
	padding: 1.5rem 1.8rem 0 1.8rem;
	border-bottom: 1px solid #dbdbdb;
	flex-wrap: wrap;
}

/* 选项卡按钮 — 纯按钮，无链接，无滚动行为 */
.ab-tab .tab-btn {
	background: transparent;
	border: none;
	padding: 0.6rem 1.5rem;
	font-size: 1rem;
	font-weight: 600;
	color: #4b5563;
	cursor: pointer;
	border-radius: 3rem;
	transition: 0.2s ease;
	font-family: inherit;
	-webkit-tap-highlight-color: transparent;
	/* box-shadow:  0 20px 35px -12px rgba(0, 0, 0, 0.2) */
	;
}

.ab-tab .tab-btn:hover {
	background: rgba(59, 130, 246, 0.08);
	color: #1e40af;
}

.ab-tab .tab-btn.active {
	background: #3b82f6;
	color: white;
	box-shadow: 0 6px 12px rgba(59, 130, 246, 0.25);
}

/* 内容面板容器 */

.tab-pane-right h3,
.tab3-content h3 {
	font-size: 20px;
	margin-bottom: 15px;
}

.tab-pane-right p,
.tab3-content p {
	letter-spacing: 0.6px;
}


.ab-tab .tab-panels {
	padding: 2rem 1.8rem 2.2rem;
}

/* 每个内容块，默认隐藏，活动时显示 + 平滑过渡 */
.ab-tab .tab-pane {
	display: none;
	animation: fadeSlide 0.2s ease-out;
	color: #1f2937;
	line-height: 1.55;
}

.ab-tab .tab-pane.active {
	display: block;
}

@keyframes fadeSlide {
	0% {
		opacity: 0;
		transform: translateY(6px);
	}

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

/* 内容装饰 */
.ab-tab .pane-title {
	font-size: 20px;
	font-weight: 700;
	background: linear-gradient(135deg, #1e293b, #2d3a4b);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	margin-bottom: 15px;
}

.ab-tab .desc-text {
	margin-bottom: 1rem;
	color: #334155;
}

.ab-tab .feature-list {
	list-style: none;
	margin: 1rem 0;
}

.ab-tab .feature-list li {
	background: #f8fafc;
	margin-bottom: 0.7rem;
	padding: 0.6rem 1rem;
	border-radius: 1rem;
	border-left: 4px solid #3b82f6;
	display: flex;
	align-items: center;
	gap: 0.6rem;
}

.ab-tab .feature-list li::before {
	content: "⚡";
}

.ab-tab .badge {
	background: #eef2ff;
	color: #1e40af;
	padding: 0.2rem 0.8rem;
	border-radius: 2rem;
	font-size: 0.8rem;
	font-weight: 500;
	display: inline-block;
}

@media (max-width: 550px) {
	.ab-tab .tab-header {
		padding: 1rem 1rem 0 1rem;
		gap: 0.3rem;
	}

	.ab-tab .tab-btn {
		padding: 0.5rem 1rem;
		font-size: 0.9rem;
	}

	.ab-tab .tab-panels {
		padding: 1.5rem 1.2rem;
	}

	.ab-tab .pane-title {
		font-size: 1.4rem;
	}
}






/* application page */

.application-page li {
	margin-bottom: 30px;
}

.prcusit .changpic {
	border-radius: 10px;
}

.prcusit .changpic img {
	position: relative;
	overflow: hidden;
	transition: 0.5s;
}

.prcusit .prctxt {
	margin-top: 15px;
}

.changpic {
	width: 100%;
	overflow: hidden;
}

.changpic img {
	object-fit: cover;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	transition: all 0.3s;
}

.prcusit:hover .changpic img {
	transform: scale(1.15);
}

.prcusit:hover .prctxt span {
	background: #0ea5e9;
	color: #fff;
	border: 1px solid #ffd732;
}

.prctxt h3 {
	font-size: 18px;
	line-height: 25px;
	height: 50px;
	font-family: Inter-SemiBold;
	text-transform: capitalize;
	overflow: hidden;
	margin-bottom: 15px;
}

.prctxt p {
	font-size: 16px;
	line-height: 28px;
	color: #666;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.prctxt span {
	display: inline-block;
	transition: all 0.3s;
	color: #666;
	padding: 8px 22px;
	margin-top: 25px;
	background: #fff;
	font-size: 12px;
	border-radius: 6px;
	border: 1px solid #e5e5e5;
}

.prctxt span i {
	display: inline-block;
	margin-left: 16px;
}

.case-h1 {
	color: #0000FF;

}





/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
	.grades-section {
		padding: 80px 0;
	}

	.grade-card {
		margin-bottom: 30px;
	}
}

@media (max-width: 576px) {
	.grade-card {
		padding: 25px 15px;
	}
}

.related-astm-wrap {
	padding-top: 20px;
	padding-bottom: 20px;
}

.related-astm-panel {
	position: relative;
	border-radius: 18px;
	padding: 28px;
	overflow: hidden;
	background: radial-gradient(circle at 100% 0%, rgba(255, 215, 50, 0.22) 0%, rgba(255, 215, 50, 0) 34%), linear-gradient(145deg, #003e7b 0%, #0059b2 55%, #0c4f92 100%);
	box-shadow: 0 18px 38px rgba(0, 35, 82, 0.25);
}

.related-astm-panel::before {
	content: "";
	position: absolute;
	top: -60px;
	right: -60px;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: rgba(255, 215, 50, 0.17);
}

.related-astm-header {
	position: relative;
	margin-bottom: 40px;
}

.related-astm-header .service-detail_title {
	margin-top: 0 !important;
	margin-bottom: 10px;
	color: #ffffff;
}

.related-astm-header p {
	margin-bottom: 0;
	max-width: 760px;
	color: rgba(255, 255, 255, 0.9);
}

.related-astm-count {
	position: absolute;
	right: 0;
	top: 4px;
	display: inline-block;
	border-radius: 50px;
	padding: 7px 14px;
	background: #ffd732;
	color: #08335f;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.related-astm-grid {
	row-gap: 14px;
}

.related-astm-item {
	display: block;
	height: 100%;
	border-radius: 12px;
	padding: 16px 15px;
	text-decoration: none;
	border: 1px solid rgba(255, 255, 255, 0.24);
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(4px);
	transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.related-astm-item:hover {
	transform: translateY(-4px);
	text-decoration: none;
	border-color: #ffd732;
	background: rgba(255, 215, 50, 0.14);
}

.related-astm-item span {
	display: block;
	margin-bottom: 6px;
	color: rgba(255, 255, 255, 0.82);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.related-astm-item strong {
	display: block;
	margin-bottom: 4px;
	color: #ffffff;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 500;
	font-family: "Barlow", sans-serif;
}

.related-astm-item em {
	font-style: normal;
	color: #ffd732;
	font-size: 13px;
}

.related-astm-item em::after {
	content: " >";
}

@media (max-width: 991px) {
	.related-astm-count {
		position: static;
		margin-top: 12px;
	}
}

@media (max-width: 767px) {
	.related-astm-panel {
		padding: 20px 14px;
	}

	.related-astm-item strong {
		font-size: 20px;
	}
}



.pro-body-card {
	margin-bottom: 35px;
	border: 1px solid #000;
	display: flex;
	align-items: stretch;
	background: #fff;
	border-radius: 24px;
	width: 100%;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 12px 40px rgb(107 107 107 / 27%);
	animation: rise 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes rise {
	from {
		opacity: 0;
		transform: translateY(24px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Left gradient image block */
.pro-sec .card__thumb {
	flex-shrink: 0;
	width: 252px;
	border-radius: 20px;
	margin: 10px 0 10px 10px;
	overflow: hidden;
}

/* Right content */
.pro-sec .card__body {
	flex: 1;
	padding: 20px 20px 20px 20px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	position: relative;
}

/* Thin accent bar on far right */
.pro-sec .card__body::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 36px;
	background: linear-gradient(180deg, #2a77c3, #2c79c3);
	border-radius: 2px 0 0 2px;
}

.pro-sec .card__date {
	font-size: 11.5px;
	font-weight: 500;
	letter-spacing: 0.04em;
	color: #aaa;
	text-transform: uppercase;
}

.pro-sec .card__title {
	font-size: 24px;
	line-height: 1.25;
	color: #0059b2;
	margin-bottom: 15px;
}

.pro-sec .list-main-pro {
	display: flex;
	flex-wrap: wrap;
}

.pro-sec .list-main-pro li {
	background: #fff;
	border: 1px solid #a49b9b;
	font-weight: 500;
	padding: 6px 16px;
	border-radius: 30px;
	margin-right: 5px;
	margin-bottom: 8px;
}

.pro-sec .list-main-pro li:hover {
	border: 1px solid #141414;
	transform: translateY(-2.5px);
}

.pro-sec .card__excerpt {
	font-size: 13px;
	line-height: 1.65;
	color: #777;
	flex: 1;
}

.card__btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 6px;
	padding: 10px 20px;
	background: linear-gradient(135deg, #0059b1, #347ac8);
	color: #fff;
	font-family: 'DM Sans', sans-serif;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border: none;
	border-radius: 100px;
	cursor: pointer;
	align-self: flex-start;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
	0 4px 16px rgb(0 0 0 / 35%);
	text-decoration: none;
}

.card__btn:hover {
	transform: translateY(-2px) scale(1.03);
	box-shadow: 0 8px 24px rgb(52 124 202 / 42%);
}

.card__btn:active {
	transform: translateY(0) scale(0.98);
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
	.pro-body-card {
		display: block;
	}

	.pro-sec .card__thumb {
		width: 100%;
		margin: 0px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.pro-body-card {
		display: block;
	}

	.pro-sec .card__thumb {
		width: 100%;
		margin: 0px;
	}
}

@media only screen and (min-width: 1201px) and (max-width: 1399px) {
	.pro-sec .card__body {
		padding: 12px 12px 12px 12px;
	}

	.pro-sec .list-main-pro li {
		padding: 6px 6px;
	}
}



.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Breadcrumb navigation */
.breadcrumb{
	margin-top: 10px;
}
.breadcrumb li {
	display: inline-flex;
	align-items: center;
	font-size: 0.95rem;
}
.breadcrumb a {
	text-decoration: none;
	color: #FFF7F8;
	transition: color 0.2s ease;
}

.breadcrumb a:hover {
	color: #1f4e7a;
	text-decoration: underline;
}

.breadcrumb li:not(:last-child)::after {
	content: "/";
	margin: 0 0.6rem;
	color: #ffd732;
	font-weight: 400;
}

@media (max-width: 500px) {
	.breadcrumb li {
		font-size: 0.85rem;
	}

	.breadcrumb li:not(:last-child)::after {
		margin: 0 0.4rem;
	}
}
.cp-bg ol{counter-reset: step-counter;}