/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1769044871
Updated: 2026-01-22 01:21:11

*/
@import url('https://fonts.googleapis.com/css2?family=Days+One&display=swap');

html,body{
	min-width:1200px;
	overflow-x:hidden;
	width:100%;
}

a, a:hover{
	color:unset;
}

.current-menu-item a, .menu-item a:hover{
	font-weight:700 !important;
}

div#n2-ss-2-arrow-next {
    right: 18%;
}

div#n2-ss-2-arrow-previous {
    left: 24%;
}

.acc summary[data-accordion-index="3"] {
    border: none !important;
}

span.wpcf7-list-item {
    margin: 5px 0 0;
}

.form .btn {
    background: #072466;
    display: block;
    margin: 30px auto 0;
    color: white;
    border: none;
    font-size: 16px;
    font-family: 'Poppins';
    padding: 18px 45px;
}

.form textarea {
    height: 180px;
}
.form ::placeholder {
    color: #202020;
    font-size: 15px;
    font-family: arial;
}
.form input[type='text'], textarea {
    background: #EDEDED;
    padding: 25px;
    border: none;
	box-shadow: 1px 2px 5px 0px rgb(37 36 36 / 75%) inset;
    border-radius: 0;
}
.form .flex p{
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.form label span {
    font-size: 14px;
    font-family: arial;
    color: #666666;
    letter-spacing: .6px;
}
.form label {
    font-size: .3px;
}
.form span, .form label {
    width: 100%;
}

#services-slider { overflow: hidden; }
.before-after .s201_holder img { height: 500px }
#popmake-1023 .popmake-content { text-align: center; }

.services-tab .e-n-tabs-heading { /* background: #fff; */ padding: 40px 20px; border-radius: 15px; }
.services-tab .e-n-tabs-heading button::before { content: ''; width: 60px; height: 60px; position: absolute ; z-index: 99999; left: 20px; top: 0; bottom: 0; margin: auto; background: #fff; border-radius: 100%; border: 2px solid #06255F; align-content: center; }
.services-tab #bathroom::before { background: url(https://beta13.technodreamcenter.com/stitchcoterie.com/wp-content/uploads/2026/08/bathroom.png) no-repeat center;}
.services-tab #light::before { background: url(https://beta13.technodreamcenter.com/stitchcoterie.com/wp-content/uploads/2026/08/light.png) no-repeat center;}
.services-tab #kitchen::before { background: url(https://beta13.technodreamcenter.com/stitchcoterie.com/wp-content/uploads/2026/08/kitchen.png) no-repeat center;}
.services-tab #shower-base::before { background: url(https://beta13.technodreamcenter.com/stitchcoterie.com/wp-content/uploads/2026/08/shower-base.png) no-repeat center;}
.services-tab #shower::before { background: url(https://beta13.technodreamcenter.com/stitchcoterie.com/wp-content/uploads/2026/08/shower.png) no-repeat center;}
.services-tab :is(#bathroom, #light, #kitchen, #shower-base, #shower)::before {background-color: #fff; background-size: contain; }
.services-tab .e-n-tabs-heading .e-n-tab-title-text { padding: 15px 20px; border-radius: 15px; }
.services-tab .e-n-tabs-heading button:hover .e-n-tab-title-text,
.services-tab .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text { background: #FA7E35 !important; width: 100%;  }

@media(max-width:1555px){
	.call h3 {
		font-size: 14px !important;
	}
	.call p a {
		font-size: 24px;
	}
}
	
@media(max-width:1366px){
	   .call p a {
        font-size: 20px;
    }
}
	

@media(max-width:1024px){
	html,body{
		min-width:320px;
	}
} 


@media(max-width:768px){
	.form .flex p{
		display: block;
		gap: 10px;
		margin-bottom: 0;
	}
	.form input[type='text'] {
		margin-bottom: 10px;
	}
	.services-tab .e-n-tabs-heading button::before { width: 50px; height: 50px; }
}

@media(max-width:700px){
	div#n2-ss-2-arrow-previous {
		top: -40px;
		left: -25%;
	}
	div#n2-ss-2-arrow-next {
		top: -40px;
		right: 25%;
	}
}


/* NEW CODE */


@media screen and (max-width: 1680px) { body { zoom: 85% !important;  margin-top:-6px;} }
@media screen and (max-width: 1440px) {	body { zoom: 70% !important;  } }
@media screen and (max-width: 1280px) {	body { zoom: 65% !important;   } }
@media screen and (max-width: 1100px) {	body { zoom: 60% !important; margin-top:-21px; } }
@media screen and (max-width: 1024px) {	body { zoom: unset !important; margin-top:unset; } }

html,body{
    overflow-x:hidden !important;
}

a {
	text-decoration:none !important;
}

.hfe-nav-menu li.menu-item-has-children {
    position: relative;
}

.hfe-nav-menu ul.sub-menu {
    width: 200px !important;
    border-radius: 5% !important;
    overflow: hidden !important;
    z-index: 9999 !important;
}


.hfe-nav-menu ul.sub-menu {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}


.hfe-nav-menu .hfe-has-submenu-container[aria-expanded="true"] + ul.sub-menu,
.hfe-nav-menu li.menu-item-has-children:hover > ul.sub-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}


footer .hfe-nav-menu ul.sub-menu {
    top: auto !important;
    bottom: 100% !important;
} 


#banner {
	position: relative !important;
}

#banner-carousel,
#banner-carousel .swiper {
	position: static !important;
}

#banner-carousel .swiper-button-next svg,
#banner-carousel .swiper-button-prev svg,
#banner-carousel .swiper-button-next::after,
#banner-carousel .swiper-button-prev::after {
	display: none !important;
}

#banner-carousel .swiper-button-next,
#banner-carousel .swiper-button-prev {
	position: absolute !important;
	top: 50% !important;
	margin: 0 !important;          
	transform: translateY(-50%) !important;
	z-index: 10 !important;
	width: 65px !important;
	height: 40px !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	border: none !important;
}

#banner-carousel .swiper-button-next {
	background-image: url("https://beta13.technodreamcenter.com/stitchcoterie.com/wp-content/uploads/2026/10/banner-nextBTN.png") !important;
	right: -94% !important;
	left: auto !important;
	top: 106% !important;
}

#banner-carousel .swiper-button-prev {
	background-image: url("https://beta13.technodreamcenter.com/stitchcoterie.com/wp-content/uploads/2026/10/banner-prevBTN.png") !important;
	left: 164% !important;
	right: auto !important;
	top: 106% !important;
}

#banner-carousel .swiper-button-next::before,
#banner-carousel .swiper-button-prev::before {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	color: #fff !important;
	font-family: 'Days One', sans-serif !important;
	font-size: 12px !important;
	font-weight:400 !important;
	letter-spacing: 1px !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	pointer-events: none;
}

#banner-carousel .swiper-button-prev::before {
	content: "PREV" !important;
	left: 100% !important;
	margin-left: 8px !important;
	font-size: 10px !important;
}


#banner-carousel .swiper-button-next::before {
	content: "NEXT" !important;
	right: 100% !important;
	margin-right: 8px !important;
	font-size: 10px !important;
}


#reviews-carousel{
	display:static !important;
}

#reviews-carousel .swiper-button-next svg,
#reviews-carousel .swiper-button-prev svg,
#reviews-carousel .swiper-button-next::after,
#reviews-carousel .swiper-button-prev::after {
	display: none !important;
}

#reviews-carousel .swiper-button-next,
#reviews-carousel .swiper-button-prev {
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	background-color: transparent !important;
	border: none !important;
	width: 50px !important;
	height: 50px !important;
}

#reviews-carousel .swiper-button-next {
	background-image: url("https://beta13.technodreamcenter.com/stitchcoterie.com/wp-content/uploads/2026/10/reviews-nextBTN.png") !important;
	position:relative !important;
	left:50% !important;

}

#reviews-carousel .swiper-button-prev {
	background-image: url("https://beta13.technodreamcenter.com/stitchcoterie.com/wp-content/uploads/2026/10/reviews-prevBTN.png") !important;
	position:relative !important;
	left:46% !important;
	margin-bottom: -29px;

}

/* FORM */
.ctc-form{
	max-width:1200px !important;
	width:100%;
	margin:0 auto !important;
	
}

.ctc-form .ctc-form-row p{
	display:flex;
	justify-content:space-between;
	gap:10px !important;
}

.ctc-form input[type="text"],
.ctc-form input[type="tel"],
.ctc-form input[type="email"],
.ctc-form textarea{
	border-radius:15px !important;
	box-shadow: inset 3px 3px 2px rgba(0, 0, 0, 0.2) !important;
	background-color: #F3F3F3 !important;
	border:none !important;
	min-height:65px !important;
}

.ctc-form textarea {
	height: 212px !important;
}
.ctc-form ::placeholder{
	font: 400 16px "Open Sans" !important;
	color: #666 !important;
}

.ctc-form input[type="submit"]{
	max-width:219px !important;
	width: 100% !important;
	height: 70px !important;
	background-color:#FFA552 !important;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius: 55px;
	border:none !important;
	font: 400 15px "Days One" !important;
	color:#FFF !important; 
	margin: 0 auto !important;
	margin-top: 10px !important;
	 text-transform: uppercase !important;
	letter-spacing: 0.036em !important;
	
}

#faq-carousel{
	position:static !important;
}

#faq-carousel .swiper-button-next svg,
#faq-carousel .swiper-button-prev svg,
#faq-carousel .swiper-button-next::after,
#faq-carousel .swiper-button-prev::after {
	display: none !important;
}

#faq-carousel .swiper-button-next,
#faq-carousel .swiper-button-prev {
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	background-color: transparent !important;
	border: none !important;
	width: 50px !important;
	height: 50px !important;
}

#faq-carousel .swiper-button-next {
	background-image: url("https://beta13.technodreamcenter.com/stitchcoterie.com/wp-content/uploads/2026/10/reviews-nextBTN.png") !important;

	right:-2% !important;

}

#faq-carousel .swiper-button-prev {
	background-image: url("https://beta13.technodreamcenter.com/stitchcoterie.com/wp-content/uploads/2026/10/reviews-prevBTN.png") !important;

	left:-2% !important;
}

/* ACCORDION STYLE */
/* top bar */
/* top bar */
.accordion-cont .accordion-top {
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.accordion-cont .accordion-top span {
	transition: color 0.3s ease;
}

.accordion-cont.active .accordion-top {
	background-color: #FFA552;
}

.accordion-cont.active .accordion-top p {
	color: #fff !important;
}

/* arrow box */
.accordion-cont .arrow-cont {
	background-color: #FFA552;
	transition: background-color 0.3s ease;
}

.accordion-cont.active .arrow-cont {
	background-color: #fff !important;
}

/* arrow image */
.accordion-cont .arrow-cont img {

	transition: transform 0.3s ease, filter 0.3s ease;
}

.accordion-cont.active .arrow-cont img {
	transform: rotate(180deg);
	filter: brightness(0);
}

/* open/close */
.accordion-bottom {
	max-height: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
	transition: max-height 0.35s ease;
}

.accordion-cont .accordion-bottom p {
	padding: 20px 0;
	margin: 0;
}
/* 
RESPONSIVE */

@media (max-width:1440px){
	#banner-carousel .swiper-button-next,
	#banner-carousel .swiper-button-prev{
	top: 120% !important;
}
}
@media (max-width:1200px){
	#banner-carousel .swiper-button-next,
	#banner-carousel .swiper-button-prev{
	top: 100% !important;
}
@media (max-width: 1024px) {
  #rates {
    position: static !important;
	  margin-top:62px !important;
  }

  #service-area {
    background-size: auto 162% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
  }

  #choose-section {
    background-size: 100% 160% !important;
  }

  #faq-carousel .swiper-button-next {
    right: 0% !important;
  }

  #faq-carousel .swiper-button-prev {
    left: 0% !important;
  }
	
	#banner-carousel .swiper-button-next,
	#banner-carousel .swiper-button-prev {
		position: absolute !important;
		top: auto !important;
		bottom: 150px !important;      /* distance from the bottom of #banner, adjust */
		transform: none !important;
		margin: 0 !important;
	}

	/* PREV on the left of center */
	#banner-carousel .swiper-button-prev {
		left: calc(50% - 130px) !important;
		right: auto !important;
		top:105% !important;
	}

	/* NEXT on the right of center */
	#banner-carousel .swiper-button-next {
		left: calc(50% + 65px) !important;
		right: auto !important;
		top:105% !important;
	}
	
	
}

@media (max-width: 767px) {
#banner {
        background-size: cover !important;
        background-position: left center !important;
        background-repeat: no-repeat;
        min-height: 100vh;
        padding-bottom: 340px;
    }
	
	#about{
		margin-top:-30% !important;
		z-index:999 !important;
	}
	

  #reviews-carousel .swiper-button-next {
    right: 44% !important;
  }

  #reviews-carousel .swiper-button-prev {
    left: 44% !important;
    margin-left: -20px !important;
  }

  .ctc-form .ctc-form-row p {
    flex-direction: column;
    gap: 0px !important;
    padding-bottom: 10px !important;
  }
}

@media (max-width: 425px) {
  #reviews-carousel .swiper-button-prev {
    left: 38% !important;
    margin-left: -20px !important;
  }
	
		#about{
		margin-top:-70% !important;
	}
	
	  #rates {
    position: static !important;
	  margin-top:80px !important;
  }
}



h1,
h2,
p,
li,
span,
.ctc-form-submit input.wpcf7-submit::after {
	background-color:rgba(0,0,0,0.005) !important;
}

span.hamburger-inner{
	background-color: #fff !important;
}

.ctc-form-submit input.wpcf7-submit {
	background-color: #000 !important;                        
	background-image: linear-gradient(#FFA552, #FFA552) !important;
	color: #fff !important;
}