/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* button hover effect */
body a {
  color: inherit;
}
.button {
    position: relative;
    overflow: hidden;
    background-color: #73D7F8;
	min-height:74px;
    z-index: 1;
}

.button::before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    transform: scaleX(0);
    transform-origin: 0 50%;
    width: calc(100% + 2px);  
    height: calc(100% + 2px);
    border-radius: inherit;
    background: #011935;
    transition: transform 0.475s ease;
    z-index: -1;
    backface-visibility: hidden; 
    -webkit-backface-visibility: hidden;
}

.button:hover::before{
    transform: scaleX(1.01); 
}

.button2 {
    position: relative;
    overflow: hidden;
    min-height: 74px;
    z-index: 1;
	background-color:#011934;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.button2:hover {
    background-color: #73DCFF;
}

/* NAV MENU ACTIVE EFFECT */
nav ul li a.wpr-active-menu-item{
	color: #73D7F8;
	font-weight: 700 !important;
	padding: 19px !important;
	border-radius:10px;
	background:#111;
}

footer nav ul li a.wpr-active-menu-item{
	color: #73D7F8 !important;
	padding: 0px;
	border-radius:none;
	background:none;
}


/* BANNER ACTIVE STATE EFFECT */

#banner-slider {
	position:static;
}


#banner-slider .swiper-button-prev svg,
#banner-slider .swiper-button-next svg{
	display:none;
}

#banner-slider .swiper-button-prev{
	left:14%;
}
#banner-slider .swiper-button-next{
	left:19.5%;
}
#banner-slider .swiper-button-prev,
#banner-slider .swiper-button-next{
	width: 62px !important;
	height:62px !important;
	background-color: #001934; 
	border-radius:50px;
}

#banner-slider .swiper-button-prev::before{
	content: "<";
}
#banner-slider .swiper-button-next::before{
	content:">";
}
#banner-slider .swiper-button-prev::before,
#banner-slider .swiper-button-next::before{
	font-family: "Poppins";
	font-size: 32px;
	font-weight: 700;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: color 0.3s ease;
	margin:0 auto;
}
#banner-slider .swiper-button-prev,
#banner-slider .swiper-button-next{
	transition: background-color 0.3s ease;
}
/* .banner-carousel .swiper-button-prev:hover::before,
.banner-carousel .swiper-button-next:hover::before{
	color:#FFF;
} */
#banner-slider .swiper-button-prev:hover,
#banner-slider .swiper-button-next:hover{
	background-color:#73D7F8;
}


.feature {
  background: transparent;

}

.feature:hover {
  background: #73D7F8;
  box-shadow: inset -10px 0 6px -4px rgba(0, 0, 0, 0.65), inset 0 -12px 6px -4px rgba(0, 0, 0, 0.65);
}

.feature:hover  h1,
.feature:hover  h2,
.feature:hover  p{
	color:#fff !important;

}


/* SERVICES HOVER EFFECT */
.slide-container {
	position: relative;
}
.accordion-inner-container {
	overflow: hidden;
}
.top {
	position: relative;
	z-index: 2;
	width: 100%;
	background: #fff;
	transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.top h2 {
	transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion-inner-container:hover .top {
	background-color: #73DCFF !important;
}
.accordion-inner-container:hover .top h2 {
	color: #fff !important;
}
.bottom {
	display: grid;
	grid-template-rows: 0fr;
	overflow: hidden;
	transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.bottom-inner {
	overflow: hidden;
	min-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	transition: padding-top 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding-bottom 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion-inner-container:hover .bottom {
	grid-template-rows: 1fr;
}
.accordion-inner-container:hover .bottom-inner {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* 
SERVICES INSTALLATION FOCUE EFFECT */

.services-slide {
  transition: background-color 300ms ease;
}
.services-slide h2 {
  transition: color 300ms ease;
}
.services-slide p {
  transition: color 300ms ease;
}

.services-slide:hover {
  background-color: rgba(1, 25, 53, 0.8) !important;
}
.services-slide:hover h2 {
  color: #73DCFF !important;
}
.services-slide:hover p {
  color: #fff;
}

.services-slide:hover p{
	color:#fff;
}


.services-btn-left:hover p,
.services-btn-right:hover p{
	color:#fff;
}

#services-slider svg{
	display:none
} 
#services-slider .swiper-button-prev{
	left:0px;
}
#services-slider .swiper-button-next{
	right:0px;
}
#services-slider .swiper-button-prev,
#services-slider .swiper-button-next{
	width: 62px !important;
	height:62px !important;
	background-color: #FFF; 
	border-radius:50px;
}

#services-slider .swiper-button-prev::before{
	content: "<";
}
#services-slider .swiper-button-next::before{
	content:">";
}
#services-slider .swiper-button-prev::before,
#services-slider .swiper-button-next::before{
	font-family: "Poppins";
	font-size: 32px;
	font-weight: 700;
	color: #001934;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: color 0.3s ease;
	margin:0 auto;
}
#services-slider .swiper-button-prev,
#services-slider .swiper-button-next{
	transition: background-color 0.3s ease;
}
#services-slider .swiper-button-prev:hover::before,
#services-slider .swiper-button-next:hover::before{
	color:#FFF;
}
#services-slider .swiper-button-prev:hover,
#services-slider .swiper-button-next:hover{
	background-color:#001934;
}



.slide-container{
	position:static;
}
/* 
TESTIMONIALS CUSTOM SLIDE BUTTON */
#testimonials-slide .swiper-button-prev svg,
#testimonials-slide .swiper-button-next svg {
	display: none;
}
#testimonials-slide .swiper-button-prev,
#testimonials-slide .swiper-button-next {
	width: 42px !important;
	height: 42px !important;
	border-radius: 50px;
	background-color: #0C2038;
	background-image: url('https://beta13.technodreamcenter.com/epoxyfloorchicago.com/wp-content/uploads/2026/09/btn-left.png') !important;
	background-size: 18px 17px;
	background-repeat: no-repeat;
	background-position: center;
	top:85% !important;
}
#testimonials-slide .swiper-button-prev::before,
#testimonials-slide .swiper-button-next::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	width: 35px;
	height: 2px;
	background-color: #0C2038;
	transform: translateY(-50%);
}
#testimonials-slide .swiper-button-next {
	transform: rotate(180deg);
}
#testimonials-slide .swiper-button-prev:hover,
#testimonials-slide .swiper-button-next:hover {
	background-color: #73DCFF;
}

#testimonials-slide .swiper-button-prev:hover::before,
#testimonials-slide .swiper-button-next:hover::before {
	background-color: #73DCFF;
}

/* FORM */

.ctc-form {
	max-width:845px;
	width:100%;
}

.ctc-form .row p{
	display:flex;
	gap:5px;
	
}

.ctc-form .thirdRow label:last-child{
	display:flex;
}

.ctc-form input:focus,
.ctc-form textarea:focus,
.ctc-form select:focus {
    border: 2px solid #000;
    outline: none;
}

input[type="text"],
input[type="tel"],
input[type="email"],
select{
	height: 60px;
	max-width:420px;
    width: 100%;
    border: none;
    background: transparent;
    box-sizing: border-box;
    padding-left: 20px;
    border: 1px solid #D6D6D6;
    text-align: left;
    background: white;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.43);
    color: black;
}

.ctc-form ::placeholder,
.ctc-form select,
.ctc-form select option{
  font: 400 16px "Poppins";
  color: #525252;
}

/* OTHER INPUT CHECKBOX */
.other-input {
    height: auto !important;
    width: auto !important;
    display: inline-block !important;
    border: none !important;
    border-bottom: 1px solid #C2C2C2 !important;
    box-shadow: none !important;
    padding-left: 10px !important;
    padding-top: 10px !important;
    background: transparent !important;
	margin-top: -12px;
    margin-left: 10px;
}

.other-input:disabled {
    border-bottom: 1px dashed #d9d9d9 !important;
    color: #aaa !important;
    cursor: not-allowed;
}

.other-input:focus {
    border-bottom: 1px solid #999 !important;
}

/* CHECKBOX STYLE */
.ctc-form .row-4 input[type="checkbox"]{
	 appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	box-shadow: inset 2px 1px 3px rgba(0, 0, 0, 0.54);
	width:23px;
	height:23px;
	background-color: rgba(255,255,255,1);

}

.ctc-form .row-4 input[type="checkbox"]:checked{
	background-color: rgba(115,220,255,1);
	border:none;
	box-shadow:none;
}

.ctc-form .row-4 span.wpcf7-list-item label{
	display:flex;
	align-items:center;
	gap:5px;
}

.ctc-form .row-4 span.wpcf7-list-item label span.wpcf7-list-item-label{
	font: 700 16px "Poppins";
	color:#001934;
}

.ctc-form .row-4 p span.wpcf7-form-control-wrap{
	display:flex;
	align-items:center;
}

.ctc-form .row-4 span.wpcf7-list-item.first{
	margin:0px;
}

.ctc-form .row-4 p{
	padding-top:25px;
	padding-bottom:10px;
}


.ctc-form .row-5 input[type="text"],
.ctc-form .row-6 textarea{
	max-width: 841px;
	width: 100%;
}

.ctc-form .row-6 textarea{
	height:150px;
    border: none;
    background: transparent;
    box-sizing: border-box;
    padding-left: 20px;
    border: 1px solid #D6D6D6;
    text-align: left;
    background: white;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.43);
    color: black;
	padding-top:15px;
}

.ctc-form .submitBtn p {
	width:100%;
	display:flex;
	justify-content:center;
	flex-direction:column;
}

/* .ctc-form .ctc-button {
  border: 2px solid transparent;
  width: 274px;
  height: 74px;
  border-radius: 50px;
  background: linear-gradient(180deg, #0094D9, #004A88);
  color: white !important;
  letter-spacing: 2.4px !important;
  font-weight: bold !important;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  margin: 0 auto;
  transition: background 0.475s ease, border-color 0.475s ease;
}

.ctc-form .ctc-button:hover {
  background: transparent !important;
  border: 2px solid #011935 !important;
  border-radius: 50px;
} */

.ctc-form .ctc-button {
  border: none;
  width: 274px;
  height: 74px;
  border-radius: 50px;
  background: linear-gradient(180deg, #0094D9, #004A88);
  color: white !important;
  letter-spacing: 2.4px !important;
  font-weight: bold !important;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  margin: 0 auto;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ctc-form .ctc-button:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.25);
}


.consent-row p label{
	display:flex;
}

.consent-row p:first-child{
	margin:0px;
}

.consent-row p label span.wpcf7-list-item{
	margin:0px !important;
}

.consent-row span.wpcf7-list-item label{
	width:100%;
	gap:5px;
}

.consent-row span.wpcf7-list-item-label,
.consent-row span.wpcf7-list-item-label a{
	font: 400 14px "Poppins";
	color:#001934;
}

/* FOOTER CONTACT INFOR HOVER EFFECT */


.footer-info .info-top-left .arrow-down,
.footer-info .info-top-center .arrow-down,
.footer-info .info-top-right .arrow-down {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

.footer-info:hover .info-top-left .arrow-down,
.footer-info:hover .info-top-center .arrow-down,
.footer-info:hover .info-top-right .arrow-down {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.footer-info .info-top-left,
.footer-info .info-top-center,
.footer-info .info-top-right {
  transition: background-color 0.3s ease;
}

.footer-info:hover .info-top-left,
.footer-info:hover .info-top-center,
.footer-info:hover .info-top-right {
  background-color: #73DCFF !important;
}

.footer-info .info-top-left .icon,
.footer-info .info-top-center .icon,
.footer-info .info-top-right .icon {
  position: relative;
  width: 81px;
  height: 81px;
  display: inline-block;
}

.footer-info .info-top-left .icon::before,
.footer-info .info-top-center .icon::before,
.footer-info .info-top-right .icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
}

.footer-info .info-top-left .icon::before {
  background-image: url('https://beta13.technodreamcenter.com/epoxyfloorchicago.com/wp-content/uploads/2026/08/hover-phone.png');
}

.footer-info .info-top-center .icon::before {
  background-image: url('https://beta13.technodreamcenter.com/epoxyfloorchicago.com/wp-content/uploads/2026/08/hover-email.png');
}

.footer-info .info-top-right .icon::before {
  background-image: url('https://beta13.technodreamcenter.com/epoxyfloorchicago.com/wp-content/uploads/2026/08/hover-address.png');
}

.footer-info .info-top-left .icon img,
.footer-info .info-top-center .icon img,
.footer-info .info-top-right .icon img {
  position: relative;
  z-index: 1;
  transition: opacity 0.3s ease;
}

.footer-info:hover .info-top-left .icon img,
.footer-info:hover .info-top-center .icon img,
.footer-info:hover .info-top-right .icon img {
  opacity: 0;
}

.footer-info:hover .info-top-left .icon::before,
.footer-info:hover .info-top-center .icon::before,
.footer-info:hover .info-top-right .icon::before {
  opacity: 1;
}

.footer-info .info-bottom {
  background-color: #FFF;
}

.footer-info:hover .info-bottom p{
	font: 900 20px "Tactic Sans";
}

/* 
RESPONSIVE DESIGN */
@media(max-width:1600px){
	body{
		zoom:85%;
	}
}
@media(max-width:768px){
	 
.banner-carousel .swiper-button-prev{
	left:20%;

}
.banner-carousel .swiper-button-next{
	left:76%;
}
	
	




@media(max-width:767px){
	 
.banner-carousel .swiper-button-prev{
	left:-0%;
	top:37%;
}
.banner-carousel .swiper-button-next{
	left:unset;
	top:37%;
}
	
/* 	CTC-FORM */

	.ctc-form .row p{
		display:flex;
		flex-direction:column;
		row-gap:10px;
		column-gap:10px;
		justify-content:center;
	}
	
	.ctc-form .row p br{
		display:none;
	}
	
input[type="text"],
input[type="tel"],
input[type="email"],
	select,
	textarea,
	.ctc-form .row p label{
		max-width:767px;
		width:100%;
	}
	
	.consent-row p label{
		display:inline-block;
	}
	
	.ctc-form .row-4 .wpcf7-list-item{
		margin:0px;
	}
	
	.ctc-form .row-4 .wpcf7-form-control.wpcf7-checkbox{
		row-gap:10px;
		column-gap:10px;
		display:flex;
		flex-direction:column;
	}
	
	
/* 	TESTIMONIALS SECTION */

	.testimonials{
		padding-bottom:1000px;
		margin-bottom:-820px;
	}
	
	.installation{
		padding-bottom:400px;
	}
	
}
	
	@media(max-width:425px){
		.testimonials{
		padding-bottom:1000px;
		margin-bottom:-900px;
	}
	}