/*
Theme Name: FLS
Template: hello-elementor
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Hello Elementor
Author: Your Name
Author URI: https://yourwebsite.com
Version: 1.0.0
Text Domain: hello-elementor-child
*/

@import url("../hello-elementor/style.css");

/* General Styles */
.yellow-bg {
	width: auto !important;
}
.banner-btn {
	display: block;
}
.banner-btn-outer {
	flex-direction: row !important;
}

/* Text Highlighting */
.yellow-text em {
	color: #FFF200;
	font-style: normal !important;
	display: inline-block;
	font-weight: 700;
}
.text-yellow-bg{
	background: #FFF200;
	padding: 0 10px;
	display: inline;
	color: #312F30;
	font-style: normal !important;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	background-clip: padding-box;
}
.yellow-bg-text em {
	background: #FFF200;
	padding: 0 10px;
	display: inline;
	color: #312F30;
	font-style: normal !important;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	background-clip: padding-box;
}
.yellow-bg-text-new em {
	background: #FFF200;
	padding: 0 10px;
	display: inline;
	color: #312F30;
	font-weight: 600;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	background-clip: padding-box;
}
.yellow-bg .elementor-widget-container * {
	background: #FFF200;
	padding: 0 10px;
	display: inline;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	background-clip: padding-box;
	line-height: 90px;
}
.yellow-bg-text.testimonial em {
	font-weight: 600;
}

/* Arrow Button Animations */
.yellow-btn-arrow-an a,
.white-arrow-btn a,
.blue-btn-arrow-an a,
.blue-arrow-btn a {
	position: relative;
	transition: transform 0.3s ease-out;
	display: flex;
	align-items: center;
	grid-gap: 20px;
}
.blue-arrow-btn a{
	grid-gap: 10px !important;
}
.yellow-btn-arrow-an.yellow-btn-arrow-black-banner a:after{
	background-image: url('https://fls.wx.agency/wp-content/uploads/2025/04/animation-arrow.svg');
}
.yellow-btn-arrow-an a:after {
	content: "";
	height: 32px;
	width: 32px;
	background-image: url('https://fls.wx.agency/wp-content/uploads/2025/05/animation-arrow-blue.svg');
	background-color: #FFF200;
	border-radius: 50%;
	right: 20px;
	background-position: -43px;
	transition: 1s;
	top: 10px;
	background-repeat: no-repeat
}
.yellow-btn-arrow-an.yellow-btn-arrow-black a:after{
	background-color: #231F20 !important;
	background-image: url('https://fls.wx.agency/wp-content/uploads/2025/04/animation-arrow-yellow.svg');
}
.yellow-btn-arrow-an a:hover:after {
	background-position: 0px;
}
.white-arrow-btn a{
	grid-gap: 10px;
}
.white-arrow-btn a:after {
	content: "";
	width: 26px;
	height: 30px;
	background-image: url('https://fls.wx.agency/wp-content/uploads/2025/04/white-arrow-1.svg');
	right: 25.5px;
	bottom: 0;
	background-repeat: no-repeat;
	
}
.white-arrow-btn.white-arrow-btn-yellow a:after{
	background-image: url('https://fls.wx.agency/wp-content/uploads/2025/04/yellow-right-arrow.svg') !important;
}
.white-arrow-btn a:hover:after {
	transform: translateX(4px);
}
.blue-btn-arrow-an.blue-btn-arrow-an-brown a:after{
	background-color: #312F30;
}
.blue-btn-arrow-an a:after {
	content: "";
	height: 32px;
	width: 32px;
	background-image: url('https://fls.wx.agency/wp-content/uploads/2025/04/animation-arrow-yellow.svg');
	background-color: #274060;
	border-radius: 50%;
	right: 20px;
	background-position: -43px;
	transition: 1s;
	background-repeat: no-repeat
}
.blue-btn-arrow-an a:hover:after {
	background-position: 0px;
}

.blue-arrow-btn a:after {
	content: "";
	width: 26px;
	height: 30px;
	background-image: url('https://fls.wx.agency/wp-content/uploads/2025/04/blue-arrow.svg');
	right: 25.5px;
	bottom: 0;
	background-repeat: no-repeat;
}
.blue-arrow-btn a:hover:after {
	transform: translateX(4px);
}
.blue-btn-arrow-an.blue-btn-arrow-an-trans a{
	background: transparent !important;
}
/* Tick Arrow Lists */
.tick-arrow ul li {
	text-decoration: none;
	list-style: none;
	position: relative;
}
.tick-arrow ul li::before {
	content: "";
	width: 16px;
	height: 12px;
	background-image: url('https://fls.wx.agency/wp-content/uploads/2025/04/Vector-17.svg');
	position: absolute;
	left: -24px;
	top: 6px;
	background-repeat: no-repeat;
	background-size: contain;
}
.tick-arrow.tick-arrow-new ul li::before {
    top: 9px;
}
.tick-arrow ul li{
margin-bottom: 5px; 
}
.tick-arrow ul li:last-child{
	margin-bottom: 0;
}
.tick-arrow ul {
	padding-left: 28px;
}
.tick-arrow.tick-arrow-new ul li {
	margin-left: 22px;
	margin-bottom: 20px;
}
.tick-arrow.tick-arrow-white ul li::before {
	background-image: url('https://fls.wx.agency/wp-content/uploads/2025/04/white-tick.svg');
}
.tick-arrow.tick-arrow-yellow ul li,
.tick-arrow.tick-arrow-black ul li {
	margin-left: 28px;
}
.tick-arrow.tick-arrow-yellow ul,
.tick-arrow.tick-arrow-black ul {
	padding-left: 0;
}
.tick-arrow.tick-arrow-yellow ul li::before {
	background-image: url('https://fls.wx.agency/wp-content/uploads/2025/04/yellow-arrow.svg');
	left: -24px;
}
.tick-arrow.tick-arrow-black ul li::before {
	left: -24px;
}
.tick-arrow.tick-arrow-yellow span.box-text-small {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}
.yellow-bg-text.testimonial em{
	font-style: italic !important;
}
.page-id-35 .footer-form-sec {
    display: none !important;
}
/* HubSpot Form Styling */
.hbspt-form *{
	font-family: "Montserrat", Sans-serif !important;
}
.hbspt-form [type=button]:focus,
.hbspt-form [type=button]:hover,
.hbspt-form [type=submit]:focus,
.hbspt-form [type=submit]:hover,
.hbspt-form button:focus,
.hbspt-form button:hover{
	background-color: transparent !important;
}
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid #fff !important;
	padding-bottom: 19px !important;
	color: #fff !important;
	padding-left: 0 !important;
	border-radius: 0 !important;
	padding-top: 30px !important;
}
.wpcf7 select option{
	color: #000;
}
.checbox-inner p {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}
.wpcf7 select {
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background: url(https://fls.wx.agency/wp-content/uploads/2025/04/arrow-white.svg) no-repeat right 20px center !important;
	padding-right: 30px !important;
	cursor: pointer !important;
}
.wpcf7 p label{
	width: 100% !important;
}
.two-column-outer{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}
.wpcf7 input,
.wpcf7 input::placeholder,
.wpcf7 select,
.wpcf7 select::placeholder,
.wpcf7 textarea,
.wpcf7 textarea::placeholder {
	color: #FFF !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	line-height: 33px !important;
	outline: none !important;
}
.wpcf7 textarea {
    height: 100px;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
	border-bottom: 1px solid #fff !important;
}
.hbspt-form ul.no-list.hs-error-msgs.inputs-list {
	color: red !important ;
	padding-left: 0 !important;
}
.wpcf7 .form-btn-sec p{
	display: inline-grid !important;
	margin-top: 50px !important;
	position: relative !important;
}
.yellow-btn-form .form-btn-sec p{
	display: inline-block !important;
}
.wpcf7 .form-btn-sec p:before {
	content: "";
	width: 32px;
	height: 32px;
	background: #FFF200;
	right: 25px;
	top: 16px;
	position: absolute;
	border-radius: 50%;
	z-index: 1;
}
.wpcf7 .form-btn-sec p:after {
	content: "";
	background-image: url(https://fls.wx.agency/wp-content/uploads/2025/04/animation-arrow.svg);
	background-position: 0px;
	width: 32px;
	height: 32px;
	right: 25px;
	top: 16px;
	position: absolute;
	background-size: cover;
	z-index: 9;
	transition: 1s;
}
.yellow-btn-form .wpcf7 .form-btn-sec p{
	border: 1px solid #FFF200 !important;
	background: #FFF200 !important;
	color: #312F30 !important;
	padding: 16px 77px 16px 36px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	z-index: 9999 !important;
	position: relative !important;
	height: 56px !important;
	border-radius: 60px !important;
	width: 171px !important;
}
.yellow-btn-form .wpcf7 .form-btn-sec input{
	background: transparent !important ;
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	color: #312F30 !important;
	padding-left: 28px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.yellow-btn-form .wpcf7 .form-btn-sec p:after{
	background-image: url('https://fls.wx.agency/wp-content/uploads/2025/04/animation-arrow-yellow.svg');
	top: 12px;
}
.yellow-btn-form .wpcf7 .form-btn-sec p:before {
	background: #312F30;
	top: 12px;
}
.wpcf7 .form-btn-sec input {
	position: relative !important;
	border-radius: 60px !important;
	border: 1px solid #FFF200 !important;
	padding: 16px 77px 16px 36px !important;
	color: #FFF200 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	z-index: 9999 !important;

}
.wpcf7-response-output {
    color: #fff !important;
    border-color: #FFF200 !important;
}
.checkbox-form{
	margin-top: 50px;
}
.checkbox-form p *{
	color: #fff !important;
}
.checkbox-form br {
    display: none;
}
.checkbox-form span{
	margin-left: 0 !important;
}
.wpcf7 .form-btn-sec input:hover {
	background: transparent !important;
}
.wpcf7 .form-btn-sec p:hover:after {
	background-position: 32px;
	background-color: transparent !important;
}
.text-bg-white p{
	border-radius: 7px;
	background: #B0AEAF;
	width: fit-content;
	padding: 3px 21px 4px 21px;
}
.title-text-border .e-n-accordion-item{
    padding-bottom: 47px;
	border-bottom: 1px solid #D4D4D6;
}
.title-text-border .e-n-accordion-item:last-child{
	border: none !important;
}
.customer-stories-slider .slick-list{
	margin-left: -60px;
	padding: 0 !important;
	padding-left: 30px !important;
}
.customer-stories-slider .slick-arrow {
    position: absolute;
    top: -120px;
    z-index: 99;
    width: fit-content;
    padding: 0;
    border: none;
    background: transparent !important;
}
.customer-stories-slider button.slick-arrow.slick-disabled svg path{
	stroke: #ffffff4d !important;
}
.customer-stories-slider .slick-arrow:hover{
	background: transparent;
}
.customer-stories-slider .slick-arrow:before{
	display: none;
}
.customer-stories-slider .slick-arrow.slick-prev{
	right: 183px;
	left: auto !important;
}
.customer-stories-slider .slick-arrow.slick-next{
	right: 79px;
	left: auto !important;
}
/* .customer-stories-slider .slick-track{
	margin-left: 20%;
	display: flex !important;
	grid-gap: 64px !important;
} */
.customer-stories-slider .customer-story-sec {
    padding: 74px 97px 77px 97px;
    border-radius: 32px;
    border: 0.5px solid rgba(255, 255, 255, 0.60);
    text-align: center;
}
.tick-arrow-space ul li{
	margin-bottom: 10px !important;
}
.author-info strong{
	color: #FFF !important;
	text-align: center !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 27px !important;
}
.author-info small{
	color: #FFF !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 27px !important;
}
.logo-slider-home .slick-track{
	display: flex !important;
	align-items: center;
	gap: 120px;
}
.logo-slider-home .slick-slide img{
	max-width: 174px;
	max-height: 82px;
	object-fit: contain;
}

.customer-stories-slider .slick-slide {
  padding: 0 32px;
  box-sizing: border-box;
}
.accordion-rt-outer,
.accordion-rt-outer *{
	position: initial !important;
}
.position-accordion{
	position: relative !important;
}
.position-accordion .position-image {
    left: 0 !important;
    top: 0 !important;
    position: absolute !important;
    max-width: 36vw !important;
	max-height: 777px !important;
}
 .position-accordion .position-image img{
	height: 100%;
	width: 100%;
	object-fit: cover !important;
}
/* Responsive Styles */
@media only screen and (min-width: 880px) {
	.desktop-hide {
		display: none !important;
	}

}
@media only screen and (max-width: 1150px) and (min-width: 881px) {
	.two-column-outer{
		grid-template-columns: 1fr;
		grid-gap: 0;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.position-accordion .position-image {
        max-width: 100% !important;
        width: 100% !important;
        height: 100% !important;
        max-height: 415px !important;
    }
    .position-accordion .position-image img{
    	height: 100%;
    	width: 100%;
    	object-fit: cover !important;
    }
}
@media only screen and (max-width: 767px) {
	.position-accordion .position-image {
        max-width: 100% !important;
        width: calc(100% - 40px) !important;
        height: 100% !important;
        max-height: 415px !important;
        left: 20px !important;
    }
    .two-column-outer{
		grid-template-columns: 1fr;
		grid-gap: 0;
	}
    .position-accordion .position-image img{
    	height: 100%;
    	width: 100%;
    	object-fit: cover !important;
    }
}
@media only screen and (max-width: 1350px) and (min-width: 889px) {
	.left-padding {
		padding-left: 20px !important;
	}
	.right-padding {
		padding-right: 20px !important;
	}
}
@media only screen and (max-width: 880px) {
	.banner-btn-outer {
		flex-direction: column !important;
	}
	.tick-arrow.tick-arrow-new ul li {
		margin-left: 0px !important;
	}
	.text-yellow-bg{
		padding: 0 5px !important;
		line-height: 53px;
	}
}
@media (min-width: 768px) {
	.mobile-slider-container.e-con.e-grid > .e-con-inner {
		display: grid;
		align-items: var(--align-items);
		justify-items: var(--justify-items);
		grid-template-columns: repeat(2, 1fr);
		gap: 24px; 
	  }
	  
	  .mobile-slider-container.e-con.e-grid > .e-con-inner > *:first-child {
		grid-column: span 2;
	  }
}
@media only screen and (max-width: 767px) {
	.customer-stories-slider .slick-list{
		margin-left: 0 !important;
	}
	.hs_submit.hs-submit {
	    display: flex;
	    justify-content: center;
	}
	.yellow-btn-arrow-an{
		width: fit-content !important;
	}
	.white-arrow-btn{
		width: fit-content !important;
	}
	.logo-slider-home .slick-track{
		display: flex !important;
		align-items: center;
		gap: 30px;
	}
	.flex-custom {
	    display: flex;
	    flex-wrap: wrap;
	}
	.mobile-slider-container .e-con-inner{
		display: contents !important;
		}
	.box-icon .elementor-icon-wrapper {
		text-align: left !important;
	}
	.elementor-element .box-icon{
		position: unset !important;
	}
	.mobile-slider-container .e-con-inner .slick-dots {
		display: flex;
		justify-content: center;
		margin: 0;
		padding: 1rem 0;
		list-style-type: none;
		z-index: 99;
		left: 0;
	  }
	  .mobile-slider-container .e-con-inner .slick-slide {
		margin: 0 5px;
	  }
	
	  .mobile-slider-container .e-con-inner .slick-dots {
		display: flex;
		justify-content: center;
		margin-top: 35px;
		margin-bottom: 0;
		padding: 0;
		list-style-type: none;
		gap: 10px;
		bottom: -55px;
	  }
	  .mobile-slider-container .e-con-inner .slick-dots li {
		margin: 0 0.25rem;
	  }
	  .mobile-slider-container .e-con-inner .slick-dots button {
		display: block;
		width: 10px;
		height: 10px;
		padding: 0;
		border: none;
		border-radius: 100%;
		background: #C3C4C9 !important;
		text-indent: -9999px;
	  }
	  .mobile-slider-container .e-con-inner .slick-dots li.slick-active button {
		background: #274060 !important;
	  }
	  .customer-stories-slider .slick-dots {
		display: flex;
		justify-content: center;
		margin: 0;
		padding: 1rem 0;
		list-style-type: none;
	  }
	  .customer-stories-slider .slick-slide {
		margin: 0 5px;
	  }
	
	  .customer-stories-slider .slick-dots {
		display: flex;
		justify-content: center;
		margin-top: 35px;
		margin-bottom: 0;
		padding: 0;
		list-style-type: none;
		gap: 0px;
		bottom: -60px;
		z-index: 999;
	  }
	  .customer-stories-slider .slick-dots li {
		margin: 0 0.25rem;
	  }
	  .customer-stories-slider .slick-dots button {
		display: block;
		width: 8px;
		height: 8px;
		padding: 0;
		border: none;
		border-radius: 100%;
		background: #5C5A5B !important;
		text-indent: -9999px;
	  }
	  .customer-stories-slider .slick-dots li.slick-active button {
		background: #ffffff !important;
	  }
	  .customer-stories-slider .customer-story-sec {
		padding: 61px 31px;
		border-radius: 32px;
		border: 0.5px solid rgba(255, 255, 255, 0.60);
		text-align: center;
	}



	.simulator-slider .slick-dots {
		display: flex;
		justify-content: center;
		margin: 0;
		padding: 1rem 0;
		list-style-type: none;
	  }
	  .simulator-slider .slick-slide {
		margin: 0 5px;
	  }
	
	  .simulator-slider .slick-dots {
		display: flex;
		justify-content: center;
		margin-top: 35px;
		margin-bottom: 0;
		padding: 0;
		list-style-type: none;
		gap: 10px;
		bottom: -55px;
	  }
	  .simulator-slider .slick-dots li {
		margin: 0 0.25rem;
	  }
	  .simulator-slider .slick-dots button {
		display: block;
		width: 10px;
		height: 10px;
		padding: 0;
		border: none;
		border-radius: 100%;
		background: #adacac !important;
		text-indent: -9999px;
	  }
	  .simulator-slider .slick-dots li.slick-active button {
		background: #274060 !important;
	  }
	  .customer-stories-slider .slick-list{
	  	padding-left: 0px !important;	
	  }
	  .customer-stories-slider .slick-slide{
	  	margin: 0 !important;
	  	padding: 0 20px !important;
	  }
	  

}