/* Home Hero Banner */
/* .h_hero_wrap {
height: 914px;
}

.h_hero_wrap {
display: flex;
align-items: flex-end;
}

.h_hero_wrap .flex_div {
width: 100%;
}

.h_hero_banner .container {
background: #000;
border-radius: 35px;
}

.h_info_col {
background: #FF7A1A1A;
backdrop-filter: blur(90px);
margin-bottom: 27px;
border-radius: 35px;
padding: 25px 53px 47px 38px;
}

.h_info_col p {
max-width: 500px;
padding-block: 33px;
}

.h_img_col {
display: grid;
grid-template-columns: repeat(3, 90px);
align-items: end;
padding-bottom: 49px;
padding-right: 55px;
}

.bg_img_col {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
height: 100% !important;
width: 100% !important;
}

.h_hero_banner {
position: relative;
padding-top: 123px;
}
*/
/* Wave Animation */
.circle-generator{
	height: 100%;
}
#app {
	--g1-angle: 22deg;
	--g2-angle: -67deg;
	position: relative;
	background: #000 !important;
	border-radius: 35px;
}

#app .circle {
	--wavefront-color: 30, 90%, 50%;
	--wavefront-delta: 10%;
	--wavefront-radius: 0%;
	--wavefront-intensity: 1;
	--wavefront-x-pos: 0px;
	--wavefront-y-pos: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: radial-gradient(
		circle at var(--wavefront-x-pos) var(--wavefront-y-pos),
		hsla(25, 80%, 40%, 0)
		calc(var(--wavefront-radius) - var(--wavefront-delta)),
		hsla(var(--wavefront-color), var(--wavefront-intensity))
		var(--wavefront-radius),
		rgba(0, 0, 0, 0) calc(var(--wavefront-radius) + var(--wavefront-delta))
		);
}
/* Wave Animation END */

.h_hero_banner{
	overflow-x: clip;
}


.h_img_col {
	display: grid;
	grid-template-columns: repeat(3, 90px);
	align-items: end;
	padding-bottom: 49px;
	padding-right: 55px;
	gap: 15px;
}

/* .newsletter .wpcf7 input[type="radio"] {
appearance: none;
-webkit-appearance: none;
width: 20px !important;
height: 20px !important;
border: 5px solid #fff;
margin-right: 15px;
padding: 0 !important;
}
.newsletter .wpcf7 input[type="radio"]:checked {
border-color: #fff;
background: radial-gradient(circle at center, #f26700 100%, white 100%);
} */

/* .first.last label{
cursor: pointer;
} */

.h_info_col .h_btn_col a span{
	padding-right: 34px;
}
.h_logo_slider {
	padding-block: 75px;
}

.carousel-container {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
}
.carousel-container h2{
	white-space: nowrap;
	padding-right: 33px;
}
.carousel {
	display: flex;
	overflow: hidden;
	white-space: nowrap;
}

.carousel-track {
	display: inline-flex;
	animation: scroll 30s linear infinite;
	gap: 50px;
	padding-block: 25px;
}
.nav_slider .h_btn_col a span{
	min-width: 175px;
}
@keyframes scroll {
	0% {
		transform: translateX(0);
	}

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

.carousel-item {
	display: inline-block;
}

.carousel-item img {
	max-width: none;
}

.carousel-track:hover {
	animation-play-state: paused;
}

.decoration_wrap {
	min-height: 949px;
	display: flex;
	align-items: end;
	padding-bottom: 120px;
	max-width: 1370px;
	margin-inline: auto;
}



/**/
.decoration_sec{
	background: #000;
}
.decoration_wrap h2{
	color: rgba(255, 255, 255, 0.80);
}
.revel_text span {
	display: inline-block;
	color: rgba(255, 255, 255, 0.20);
	transition: color 0.1s linear;
}

.revel_text span.filled {
	color: rgba(255, 255, 255, 0.80);
}

.carousel-item{
	display: flex;
	align-items: center;
}

.img_hover{
	position: absolute;
	top: 0;
	z-index: 0;
	left: 50%;
	transform: translatex(-50%);
}
.decoration_sec .container {
	position: relative;
	z-index: 999;
}
.decoration_sec{
	position: relative;
	overflow: hidden;
}
.slideup_txt h2{
	line-height: normal !important;
	letter-spacing: -1.061px !important;
	max-width: 1012px;
	text-align: left;
}
.h_tabing_sec{
	padding-block: 108px 176px;
}
.h_tabing_sec .p_20{
	font-weight: 500;
	line-height: 140%;
	letter-spacing: -0.449px;
	max-width: 562px;
	padding-block: 51px 69px;
}


.accordion-wrapper {
	display: grid;
	grid-template-columns: 336px 1fr 524px;
}

.accordion-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	padding: 20px 0;
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.accordion-header:hover .accordion-title {
	color: #000;
}

.accordion-title {
	font-size: 36px;
	color: rgba(0, 0, 0, 0.50);
	font-weight: 300;
	flex: 1;
	transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	font-family: "Instrument Serif";
	letter-spacing: -1.061px;
}

.accordion-icon {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 1px solid #E85B03;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	color: #000;
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	background: white;
	line-height: 100%;
	font-weight: 300;
}

.accordion-item.active .accordion-icon {
	background: #E85B03;
	color: white;
	border-color: #E85B03;
	/* 	transform: rotate(45deg); */
}

.accordion-item .minas_icon{
	display: none;
}
.accordion-item.active .minas_icon{
	display: flex;
}
.accordion-item.active .plus_icon{
	display: none;
}

.accordion-item.active .accordion-title {
	color: #000;
}

/* Hidden sidebar content in HTML */
.sidebar-content {
	display: none;
}

/* Center Section - Product Display */
.product-display {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 60px;
	position: relative;
	overflow: hidden;
}

.product-image-container {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-group {
	position: absolute;
	opacity: 0;
	transform: translateY(30px) scale(0.95);
	gap: 30px;
	align-items: center;
	justify-content: center;
	transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1),
		transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
	pointer-events: none;
}

.product-group.active {
	display: flex;
	opacity: 1;
	transform: translateY(0) scale(1);
	pointer-events: auto;
}

.finishes-header {
	font-size: 24px;
	color: #000;
	font-family: "Instrument Serif";
	margin-bottom: 18px;
	font-weight: 400;
	line-height: 127.5%;
	letter-spacing: -0.439px;
	transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#finishes-list .finish-item:first-child {
	border-top: 1px solid #000;
}

#finishes-list {
	transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#finishes-list.fade-out {
	opacity: 0;
}

.finish-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: 1px solid #000;
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.finish-name {
	font-size: 15px;
	color: #000;
	transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	letter-spacing: -1.061px;
}

.learn-more-btn {
	margin-top: 40px;
	padding: 12px 30px;
	background: #ff6b35;
	color: white;
	border: none;
	border-radius: 25px;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.learn-more-btn:hover {
	background: #ff5520;
	transform: translateX(5px);
	box-shadow: 0 5px 15px rgba(255, 107, 53, 0.3);
}

.learn-more-btn:active {
	transform: translateX(5px) scale(0.98);
}

.product-group{
	display: flex;
}

.h_tabing_sec .container{
	max-width: 1736px; 
}

.revel_text{
	line-height: 208.333%;
}

/* H Center Mode Slider */
/* ================= PARENT ================= */
.testimonial-slider * {
	box-sizing: border-box;
}

/* ================= LAYOUT ================= */
.testimonial-slider .slider-wrapper {
	display: flex;
	align-items: center;
	/* 	gap: 30px; */
	/* 	padding: 40px 20px; */
	position: relative;
}

.testimonial-slider .nav-button {
	background: #FF7A1A;
	border: none;
	width: 46px;
	height: 46px;
	border-radius: 50% !important;
	overflow: hidden;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	/* 	font-size: 24px; */
	transition: 0.3s;
	z-index: 10;
	padding: 0;
}

.testimonial-slider .slides-container {
	flex: 1;
	position: relative;
	height: 704px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ================= SLIDES ================= */
.testimonial-slider .slide {
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -50%) scale(0.8);
	transition: all 0.7s cubic-bezier(0.4,0,0.2,1);
	height: 100%;
}

.testimonial-slider .slide.active {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%) scale(1);
	z-index: 3;
}

.testimonial-slider .slide.prev {
	opacity: 0.6;
	visibility: visible;
	transform: translate(calc(-50% - 760px), -50%) scale(0.75);
	z-index: 2;
}

.testimonial-slider .slide.next {
	opacity: 0.6;
	visibility: visible;
	transform: translate(calc(-50% + 760px), -50%) scale(0.75);
	z-index: 2;
}

/* ================= CARD ================= */
.testimonial-slider .card {
	background: #1f1f1f;
	border-radius: 35px;
	display: flex;
	width: 920px;
	height: 100%;
	overflow: hidden;
	transition: 0.6s;
}

.testimonial-slider .slide:not(.active) .card {
	width: 430px;
}

/* ================= IMAGE ================= */
.testimonial-slider .card-image {
	flex: 1;
	position: relative;
}

.testimonial-slider .profile-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 35px;
}

.testimonial-slider .slide_info_col {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 14px 0 36px;
	display: flex;
	justify-content: center;
	background: rgba(255,255,255,0.3);
	backdrop-filter: blur(12px);
	border-radius: 0 0 35px 35px;
}

/* ================= CONTENT ================= */
.testimonial-slider .card-content {
	flex: 0 0 550px;
	padding: 54px 41px;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	opacity: 0;
	transition: 0.6s;
	align-items: flex-start;
}

.testimonial-slider .slide.active .card-content {
	opacity: 1;
}

.testimonial-slider .testimonial-text {
	margin-bottom: 50px;
	text-align: left;
	line-height: normal;
	letter-spacing: -1.061px;
}

.testimonial-slider .testimonial-author {
	margin-bottom: 50px;
}

.testimonial-slider .read-more {
	background: #ff6b35;
	color: #fff;
	border: none;
	padding: 12px 30px;
	border-radius: 25px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

/* ================= DOTS ================= */
.testimonial-slider .dots-container {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 52px;
	max-width: 893px;
	margin-left:auto;
	margin-right:auto;
}

.testimonial-slider .dot {
	width: 100%;
	height: 4px;
	background: #ddd;
	cursor: pointer;
}

.testimonial-slider .dot.active {
	background: #ff6b35;
}

.testimonial-slider .slide:not(.active) .card-content {
	display: none;
}

.testimonial-slider .slide:not(.active) .card-image {
	flex: 0 0 100%;
}

.testimonial-slider{
	overflow: hidden;
}

.slide_logo_col{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-block: 14px 36px;
	border-radius: 0 0 35px 35px;
	background: rgba(255, 255, 255, 0.30);
	backdrop-filter: blur(11.899999618530273px);
	position: absolute;
	bottom: 0;
}


.nav-button.next-btn{
	position: absolute;
	right: 20%;
	top: 50%;
	transform: translatey(-50%);
}
.nav-button.prev-btn{
	position: absolute;
	left: 20%;
	top: 50%;
	transform: translatey(-50%);
}

.testimonial-text:before{
	content: "";
	background: url("/wp-content/uploads/2026/02/Quote.svg") no-repeat;
	background-size: contain;
	width: 392px;
	height: 343px;
	position: absolute;
	top: -125px;
	left: -22px;
}
.testimonial-text{
	position: relative;
}
/* H Center Mode Slider END */
.voices_info_col p{
	max-width: 1215px;
	padding-bottom: 49px;
}

.font_96{
	color: #2E2F2B;
	font-family: "Instrument Serif";
	font-size: 96px !important;
	font-weight: 400;
	line-height: 73.333% !important;
	letter-spacing: -1.061px;
}

#scrollingText p{
	text-wrap: nowrap !important;
}
.scrolling_sec{
	padding-block: 108px;
	overflow: hidden;
}
.specialist_col{
	padding: 50px;
}


.specialist_col{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 35px;
}
.border_bt{
	border-bottom: 1px solid #000;
	cursor: url("/wp-content/uploads/2026/02/Pluse-Icon.svg") 16 16, auto;
	position: relative;
}
.specialist_wrap .border_bt:first-of-type{
	border-top: 1px solid #000;
}
.border_bt .specialist_col:before{
	content: "";
	background: #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	transition: all 1s;
	top: 0;
	left: 0;
}
.border_bt .specialist_col *{
	position: relative;
	z-index: 99;
}
.border_bt:hover .specialist_col:before{
	opacity: 0;
}
.border_bt:hover {
	border-color: transparent !important;
}
.border_bt:has(+ .border_bt:hover) {
	border-bottom: 1px solid transparent !important;
}

.specialist_wrap h3{
	padding-left: 50px;
}

.specialist_sec{
	padding-bottom: 108px;
}


/* Selected Sliders */
.portfolio_slider .swiper-container-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	display: inline-block;
}

.portfolio_slider .swiper {
	width: 48%;
	height: clamp(300px, 60vh, 487px) !important;
	margin-left: 0;
	margin-top: 40px;
	margin-bottom: 51px;
}

.scrolling_sec #scrollingText{
	column-gap: 30px !important;
}

.mySwiper2 {
	margin-top: 0;
}

.portfolio_slider .swiper-slide {
	text-align: center;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
}

.portfolio_slider .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.portfolio_slider .swiper-slide {
	background-size: cover;
	background-position: center;
}

/* Desktop layout - vertical thumbnails on right */
.portfolio_slider .mySwiper2 {
	height: clamp(500px, 100vh, 716px) !important;
	width: 63.5%;
	margin-top: 0px;
	float: right;
	border-radius: 25px;
}

.portfolio_slider .nav_slider {
	height: 100%;
	width: 27.9%;
	float: left;
	padding: 0 10px;
	padding-left: 58px;
}

.portfolio_slider .mySwiper .swiper-slide {
	width: 100%;
	padding: 5px;
	border: 2px solid transparent;
}

.portfolio_slider .mySwiper .swiper-slide-thumb-active {
	opacity: 1;
	border: 2px solid #E85B03;
}

.portfolio_slider .mySwiper .swiper-slide img{
	padding: 0 !important;
	display: block !important;
}

.portfolio_slider .mySwiper .swiper-slide {
	border-radius: 20px;
}

.portfolio_slider .mySwiper .swiper-slide img {
	border-radius: 15px;
}


.finishes-section .h_btn_col{
	margin-top: 27px;
}



.selected_sec{
	padding-block: 54px;
	background: #000;
}

.nav_slider_info_col h2{
	color: #fff;
	text-align: left;
	line-height: 110%;
}
/* Selected Sliders END */

.text_center{
	text-align: center;
}

.bg_img_col img{
	width: 100%;
}
.bg_img_col img.splash_bottol_img{
	position: absolute !important;
	z-index: 999;
	top: 0;
	left: 0;
}
#bg_img_col {
	height: 120% !important;
	width: 120% !important;
	display: flex;
	justify-content: center;
	align-items: center;
	/* 	overflow: hidden; */
}

#bg_img_col img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

#bg_img_col .slide {
	position: absolute;
	height: 100% !important;
	width: 100% !important;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	inset: 0;
}

#bg_img_col .slide.one {
	height: 100%;
	width: 100%;
}

.phon_only{
	display: none;
}


/* How Work Scrolling Animation */
:root {
	--bg: #050505;
	--text: #f3f3f3;
	--muted: #cfcfcf;
	--ring-base: #f1f1f1;
	--accent: #ff7a00;
}
.spacer {
	min-height: 100vh;
	display: grid;
	place-items: center;
	color: #8f8f8f;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 0.82rem;
}

.process-section {
	min-height: 100vh;
	display: grid;
	place-items: center;
	position: relative;
	padding: 2rem;
}

.process-section .ring-wrap {
	position: relative;
	width: min(82vw, 657px);
	aspect-ratio: 1 / 1;
	display: grid;
	place-items: center;
}

.process-section .ring-svg {
	width: 100%;
	height: 100%;
	overflow: visible;
}

.process-section .ring-base {
	fill: none;
	stroke: var(--ring-base);
	stroke-width: 0.35;
	opacity: 0.95;
}

.process-section .ring-progress {
	fill: none;
	stroke: var(--accent);
	stroke-width: 0.35;
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
	stroke-linecap: round;
}

.process-section .dot {
	fill: #ececec;
	stroke: transparent;
	stroke-width: 0;
	transition: fill 0.25s ease, stroke 0.25s ease, stroke-width 0.25s ease;
}

.process-section .dot.active {
	fill: #fff;
	stroke: var(--accent);
	stroke-width: 0.65;
}

.process-section .center-content {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	text-align: center;
	width: min(66%, 520px);
	margin: auto;
	pointer-events: none;
}

.process-section .center-inner {
	display: grid;
	gap: 0.7rem;
	opacity: 1;
}

.process-section .kicker {
	/* 	font-size: clamp(1.05rem, 1.8vw, 1.9rem); */
	color: #dedede;
	margin: 0;
	/* 	font-weight: 400; */
}

.process-section .title {
	margin: 0;
	/* 	font-size: clamp(2rem, 4.8vw, 4rem); */
	font-size: 40px;
	/* 	line-height: 1.04; */
	color: #D9D9D9;
	/* 	font-family: Georgia, "Times New Roman", serif; */
	font-weight: 500;
}

.process-section .icon {
	width: min(35%, 190px);
	margin: 0.5rem auto;
	opacity: 0.95;
}

.process-section .desc {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -1.061px;
	margin-inline: auto;
}

/* ── Step Counter ── */
.process-section .step-counter {
	position: absolute;
	bottom: 54px;
	left: 60px;
	display: flex;
	align-items: baseline;
	gap: 0.25rem;
	pointer-events: none;
	user-select: none;
}

.process-section .step-counter .current {
	/* 	font-size: 96px; */
	font-weight: 500;
	color: #D9D9D9;
	transition: opacity 0.16s ease;
}

/* ------------------- Body Black Bg ------------------------ */
.page-id-11.black_bg{
	background: #000;
	transition: all 1s;
}
.page-id-11 {
	transition: all 1s;
}
.black_bg .voices_sec *{
	color: #fff;
}
.how_work_info_col{
	position: absolute;
	left: 60px;
	top: 54px;
}
.how_work_info_col h2{
	color: #D9D9D9;
}
.how_work_info_col p{
	max-width: 444px;
	padding-block: 23px 40px;
}

/* .center-inner .title{
color: #D9D9D9;
} */
/* ------------------- Body Black Bg END ------------------------ */
/* How Work Scrolling Animation END */

/* How Fira Works */
.how_fira_sec *{
	color: #000 !important;
}
.black_bg .how_fira_sec *{
	color: #fff !important;
}
.ring-base{
	stroke: #000 !important; 
}
.process-section .dot.active ,
.process-section .dot{
	fill: #000;
}

.black_bg .ring-base{
	stroke: #fff !important; 
}
.black_bg .process-section .dot.active ,
.black_bg .process-section .dot{
	fill: #fff;
}
/* How Fira Works END */
.slide_logo_col img {
	width: 231px;
}
.slide_logo_col{
	height: 100%;
}

.testimonial-slider .slide.active .slide_logo_col {
	height: 229px;
}
.testimonial-slider .slide.active .slide_logo_col img {
	width: auto;
}
.slide_logo_col img {
	width: 100%;
	max-width: 230px;
}

.swiper-slide.our_work_image_wrap {
	cursor: grab;
}
.swiper-slide.our_work_image_wrap:active {
	cursor: grabbing;
}

.finishes-section .h_btn_col a span ,
.card-content .h_btn_col a span ,
.how_work_info_col .h_btn_col a span {
	min-width: 170px;
}

.how_work_info_col .p_20{
	line-height: 140%;
}
#scrollingText{
	align-items: center;
}

.decoration_img_wrap{
	position: relative;
}
/* .decoration_img_wrap .radial_ab {
height: 200%;
width: 00%;
position: absolute;
background: radial-gradient(106.36% 106.36% at 50% 70.51%, rgba(0, 0, 0, 0.50) 20%, #000 100%);
z-index: 99;
top: -50%;
left: -50%;
} */
.decoration_img_wrap .radial_ab {
	height: 200%;
	width: 150%;
	position: absolute;
	background: radial-gradient(40.36% 40.36% at 50% 50.51%, rgb(0 0 0 / 0%) 25%, #000000 100%);
	z-index: 99;
	top: -55%;
	left: -25%;
}
.plus_icon{
	font-family: none;
	font-weight: 900;
}

.border_bt:hover h2{
	mix-blend-mode: difference;
	color: yellow;
}

.black_bg .how_fira_sec .h_btn_col svg .btn_arrow path{
	fill: #fff !important;
}
.how_fira_sec .h_btn_col svg .btn_arrow path{
	fill: #000 !important;
}


.testimonial-slider .slide{
	opacity:0;
	transition:opacity .6s ease;
}

.testimonial-slider .slide.active{
	opacity:1;
}

/* ----- Responsive ----- */
@media (max-width: 1850px) {
	.testimonial-slider .slide:not(.active) .card {
		width: 320px;
	}
	.testimonial-slider .slide.next {
		transform: translate(calc(-50% + 680px), -50%) scale(0.75);
	}
	.testimonial-slider .slide.prev {
		transform: translate(calc(-50% - 680px), -50%) scale(0.75);
	}
	.nav-button.next-btn {
		right: 19%;
	}
	.nav-button.prev-btn {
		left: 18.5%;
	}
}

@media (max-width: 1750px) and (min-width: 1600px) and (max-height: 1120px)  {
	.h_hero_wrap {
		height: 78dvh !important;
	}
	.h_tabing_sec .container {
		max-width: 1600px;
	}
	.portfolio_slider .mySwiper2{
		padding-right: 50px;
	}
}

@media (max-width: 1599px){
	.h2_64 {
		font-size: 54px !important;
	}
	/* 	.newsletter input {
	max-width: 455px;
} */
	.accordion-wrapper {
		grid-template-columns: 320px 1fr 400px;
	}
	.testimonial-slider .card {
		width: 840px;
	}
	.testimonial-slider .slides-container {
		height: 600px;
	}
	.testimonial-slider .slide.next {
		transform: translate(calc(-50% + 560px), -50%) scale(0.70);
	}
	.testimonial-slider .slide.prev {
		transform: translate(calc(-50% - 560px), -50%) scale(0.70);
	}
	/* 	#masthead {
	top: 20px !important;
} */
	/* 	.h_hero_banner {
	padding-top: 93px !important;
} */
	.revel_text {
		line-height: 168.333%;
	}
	.decoration_wrap {
		min-height: 770px;
		padding-bottom: 60px;
		overflow: hidden;
	}
	.h_hero_wrap {
		height: 700px !important;
	}

	h1 {
		font-size: 60px !important;
	}
	.portfolio_slider .nav_slider {
		padding-left: 10px;
	}
	/* 	.large-text {
	max-width: 640px;
} */
	/* 	.footer {
	padding: 28px 52px 50px;
} */
	.h_tabing_sec ,
	.h_logo_slider ,
	.scrolling_sec{
		padding-block: 60px;
	}
	/* 	.decoration_wrap {
	padding-bottom: 60px;
} */
	.specialist_col {
		padding: 40px;
	}
	.specialist_wrap h3 {
		padding-left: 40px;
		font-size: 34px;
	}
	/* 	.footer-bottom {
	padding-top: 30px;
}
	.footer-left {
	max-width: 460px;
} */

	.testimonial-text:before {
		width: 280px;
		height: 280px;
		top: -95px;
		left: -20px;
	}
	.font_96 {
		font-size: 80px;
	}
	#scrollingText .right_arrow{
		height: 80px;
	}

	.accordion-title {
		font-size: 32px;
	}

	.how_work_info_col {
		left: 15px;
	}
	.testimonial-text{
		font-size: 42px;
	}

	.nav_slider .h_btn_col a span ,
	.finishes-section .h_btn_col a span ,
	.card-content .h_btn_col a span ,
	.how_work_info_col .h_btn_col a span {
		min-width: 140px;
	}

	.testimonial-slider .testimonial-text {
		margin-bottom: 25px;
	}
	.testimonial-slider .testimonial-author {
		margin-bottom: 20px;
	}
}


@media (max-width: 1366px){
	.revel_text {
		line-height: 140%;
	}
	.accordion-wrapper {
		grid-template-columns: 320px 1fr 300px;
	}

	.font_96 {
		font-size: 72px;
	}

	#scrollingText .right_arrow {
		height: 60px;
	}

	.h2_64 {
		font-size: 46px !important;
	}

	.accordion-title {
		font-size: 30px;
	}

	.specialist_col {
		padding: 35px;
	}
	.specialist_wrap h3 {
		padding-left: 35px;
		font-size: 32px;
	}

	.nav-button.next-btn {
		right: 14.5%;
	}
	.nav-button.prev-btn {
		left: 14.5%;
	}
	.how_work_info_col p {
		max-width: 354px;
	}

	.testimonial-text{
		font-size: 38px;
	}

	.testimonial-slider .nav-button {
		width: 32px;
		height: 32px;
	}

	.nav_slider .h_btn_col a span ,
	.finishes-section .h_btn_col a span ,
	.card-content .h_btn_col a span ,
	.how_work_info_col .h_btn_col a span {
		min-width: 120px;
	}
}

@media (max-width: 1199px){
	.nav-button.next-btn {
		right: 8%;
	}
	.nav-button.prev-btn {
		left: 8%;
	}

	.testimonial-text{
		font-size: 36px;
	}

	.how_work_info_col p {
		max-width: 304px;
	}

	.font_96 {
		font-size: 68px;
	}

	.portfolio_slider .swiper {
		margin-top: 30px;
		margin-bottom: 40px;
	}

	.nav_slider .h_btn_col a span ,
	.finishes-section .h_btn_col a span ,
	.card-content .h_btn_col a span ,
	.how_work_info_col .h_btn_col a span {
		min-width: 130px;
	}
}

@media (max-width: 1024px){
	.decoration_wrap {
		min-height: 590px;
	}

	.h_tabing_sec, 
	.h_logo_slider, 
	.scrolling_sec {
		padding-block: 40px;
	}

	.accordion-title {
		font-size: 28px;
	}
	.accordion-wrapper {
		grid-template-columns: 280px 1fr 280px;
	}

	.h_hero_wrap .flex_div{
		flex-direction: column-reverse;
		z-index: 99999;
	}
	.h_img_col{
		display: flex;
		justify-content: right;
		padding-right: 20px;
		gap: 7px;
	}
	/* 	.h_btn_col a ,
	.news_btn input.wpcf7-submit {
	font-size: 14px;
} */

	.h2_64 {
		font-size: 42px !important;
	}

	.specialist_col {
		padding: 30px;
	}
	.specialist_wrap h3 {
		padding-left: 30px;
		font-size: 30px;
		line-height: normal;
		padding-bottom: 15px;
	}

	.specialist_sec {
		padding-bottom: 60px;
	}

	/* 	.footer {
	padding: 20px !important;
	margin: 30px 15px 15px !important;
}
	.footer-content{
	flex-direction: column !important;
}
	.footer-right .h_btn_col{
	width: 100%;
	padding-bottom: 20px;
}
	.large-text{
	margin-inline: auto;
}
	.footer-right{
	padding-top: 20px;
} */
	.accordion-wrapper {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.product-group.active {
		height: auto;
		width: auto;
	}
	.product-group {
		position: relative;
		height: 0;
		width: 0;
	}
	.h_tabing_sec .p_20 {
		padding-block: 20px 20px;
		max-width: 100%;
	}
	.voices_info_col h2{
		padding-bottom: 15px;
	}
	.portfolio_slider .nav_slider_info_col {
		display: none;
	}
	.portfolio_slider .mySwiper .swiper-slide {
		width: 25%;
		height: 100%;
		padding: 5px;
		border: 1px solid transparent;
	}
	.portfolio_slider .mySwiper2 {
		height: 80%;
		width: 100%;
		float: none;
	}

	.portfolio_slider .mySwiper {
		height: 100%;
		width: 100%;
		float: none;
		box-sizing: border-box;
		/* 		padding: 10px 0; */
		margin-block: 0;
	}
	.portfolio_slider .nav_slider {
		height: auto;
		width: 100%;
		float: none;
		box-sizing: border-box;
		padding: 0px;
	}
	.nav_slider .h_btn_col{
		margin-top: 30px;
	}
	.phon_only{
		display: block !important;
		padding-bottom: 20px;
	}

	.portfolio_slider .swiper {
		height: clamp(170px, 20vh, 487px) !important;
	}
	.portfolio_slider .mySwiper2 {
		/* 		height: 100% !important; */
		height: clamp(170px, 50vh, 487px) !important;
		width: 100%;
	}

	.testimonial-text{
		font-size: 32px;
	}

	.how_work_info_col p {
		max-width: 254px;
	}

	.process-section .ring-wrap {
		width: min(82vw, 450px) !important;
	}

	/* Center Slider */
	.testimonial-slider .slide {
		position: static !important;
		transform: none !important;
		opacity: 1;
		visibility: visible;
		height: 100%;
	}
	.testimonial-slider .slide:not(.active) .card ,
	.testimonial-slider .slide .card{
		width: auto !important;
	}
	.testimonial-slider .slide:not(.active) .card-image {
		flex: unset !important;
	}
	.testimonial-slider .card-content {
		flex: unset !important;
		opacity: 1 !important;
	}
	.testimonial-slider .slides-container {
		height: 100%;
	}
	.testimonial-slider .slide:not(.active) .card-content{
		display: block;
	}
	.testimonial-slider .card-image {
		flex: unset;
		position: relative;
	}
	.testimonial-slider .card{
		flex-direction: column;
		width: 100%;
	}

	.how_work_info_col {
		left: 0;
		top: 0px;
		position: relative;
		width: 100%;
	}


	.testimonial-slider .slide {
		display: none;
	}
	.testimonial-slider .slide.active {
		display: block;
		width: 100%;
	}
	.testimonial-slider .dots-container{
		margin-top: 18px;
	} 
	.testimonial-slider .dot.active {
		background: #E85B03;
	}

	.testimonial-slider .card-image{
		height: 400px;
	}

	.slide_logo_col{
		height: 123px;
	}

	.font_96 {
		font-size: 64px;
	}


	.card-content{
		height: 100%;
		justify-content: space-between !important;
		flex-direction: column;
	}
	/* Center Slider END */

	.portfolio_slider .swiper {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.nav_slider .h_btn_col a span ,
	.finishes-section .h_btn_col a span ,
	.card-content .h_btn_col a span ,
	.how_work_info_col .h_btn_col a span {
		min-width: 120px;
	}
	.bg_img_col {
		top: 123px;
	}


	.decoration_sec {
		pointer-events: none;
	}
}

@media (max-width: 768px){
	.carousel-container h2 {
		padding-right: 0px;
	}
	.carousel-item img{
		max-width: 80px;
	} 
	.carousel-track {
		gap: 25px;
		padding-block: 10px;
	}
	.h_img_col {
		padding-right: 15px;
	}
	.bg_img_col img.splash_bottol_img {
		top: 0%;
		transform: translateY(-0%);
	}

	.portfolio_slider .swiper-container-wrapper {
		height: 400px;
	}
	.h2_64 {
		font-size: 36px !important;
	}

	.process-section .ring-wrap {
		width: min(92vw, 600px);
	}

	.process-section .center-content {
		width: min(66%, 500px);
	}

	.process-section .icon {
		width: min(46%, 160px);
	}

	.how_work_info_col p {
		max-width: 100%;
		padding-block: 20px;
	}

	.process-section .step-counter {
		bottom: 1.2rem;
		left: 1.2rem;
	}

	.testimonial-text{
		font-size: 20px;
		letter-spacing: 0 !important;
	}
	.testimonial-slider .card-content {
		padding: 36px 20px;
	}

	.product-display {
		padding: 30px;
	}

	.process-section .desc {
		font-size: 14px;
	}

	.decoration_wrap {
		min-height: 590px;
	}


	.process-section{
		padding: 15px !important;
	}

	.process-section .ring-wrap {
		width: min(91vw, 450px) !important;
	}

	.font_96 {
		font-size: 48px;
	}

	.testimonial-text:before {
		width: 140px;
		height: 140px;
		top: -20px;
		left: 0;
	}

	.specialist_col {
		padding: 20px;
	}
	.specialist_wrap h3 {
		padding-left: 20px;
	}
	.testimonial-slider .slide.active .slide_logo_col img {
		width: 130px;
		height: 100%;
		object-fit: contain;
	}
	.testimonial-slider .slide.active .slide_logo_col {
		height: 96px;
		padding: 15px;
	}
	.testimonial-slider .nav-button{
		display:none;
	}

	/* 	.padding_top_100{
	padding-top: 50px;
} */
	.carousel-container {
		flex-direction: column;
	}
	#bg_img_col{
		align-items: start;
	}
	.h_img_col img{
		max-width: 46px;
	}
}

@media (max-width: 480px){
	.h2_64 {
		font-size: 32px !important;
	}

	.decoration_wrap {
		min-height: 600px;
	}

	.process-section .step-counter {
		position: static;
		order: 9;
	}
}
@media (max-width: 375px){
	.process-section .icon {
		width: min(35%, 160px);
		margin: 0 auto;
	}
}
@media (max-width: 345px){
	.process-section .icon {
		width: 0px;
	}
}


/* Height Media */
@media (max-height: 700px){
	.process-section .ring-wrap {
		width: min(82vw, 650px);
	}
}

@media (max-height: 600px){
	.process-section .ring-wrap {
		width: min(82vw, 550px);
	}
}

@media (max-height: 500px){
	.process-section .ring-wrap {
		width: min(82vw, 450px);
	}
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
.services_revel_text  span {
	display: inline-block;
	color: rgba(0, 0, 0, 0.30);
	transition: color 0.1s linear;
}
.services_revel_text span.filled {
	color: #000;
}