/* Custom styling for hello-child website */

html,
body {
	overflow-x:hidden;
}
.elementor-location-header {
	position:relative;
	z-index:2;
}


.elementor-background-video-container {
	background: #000000 !important;
    opacity: 1 !important;
}
.ar-menu-nav {
    visibility: hidden;
    opacity: 0;
    position: absolute !important;
    right: 0;
    top: 70px;
    transform: translateY(-80px);
    transition: opacity 0.8s ease, transform 0.8s ease, visibility 0s linear 0s;
    pointer-events: none;
    z-index: 0;
}
.open .ar-menu-nav {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s;
    pointer-events: auto;
}
.ar-menu-icon-close {
    visibility: hidden;
    opacity: 0 !important;
    pointer-events: none;
    z-index: -1 !important;
    transition: opacity 0.5s ease, visibility 0s linear 0s;
	transition: 0.5s !important;
}
.open .ar-menu-icon-close {
    visibility: visible;
    opacity: 1 !important;
    pointer-events: auto;
    z-index: 1 !important;
    transition-delay: 0s;
}
.close .ar-menu-nav {
    transition: 0.5s !important;
}
.ar-menu-icon-toggle {
    visibility: visible;
    opacity: 1 !important;
    pointer-events: auto;
    z-index: 2;
    transition: opacity 0.5s ease, visibility 0s linear 0s;
}
.open .ar-menu-icon-toggle {
    visibility: hidden;
    opacity: 0 !important;
    pointer-events: none;
    z-index: -1 !important;
    transition-delay: 0.5s !important;
}




.future-ab-home p{
    max-width: 650px;
}
.future-ab-home  strong {
    text-transform:uppercase;
}
.button-black span.elementor-button-icon {
    background: #fff;
    border-radius: 50%;
    padding: 8px;
}
.button-black span.elementor-button-content-wrapper {
    align-items: center;
}
.button-black .elementor-button-icon svg {
    width: 12px;
}
.button-black:hover span.elementor-button-icon {
    background: #000;
}
.button-black:hover span.elementor-button-icon svg path{
    fill:#fff;
}
.page-id-11 .ar-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.page-id-11 footer {
    position: relative;
}
.dis-ab-sales:before {
    background: #F6F6F6;
    content: '' !important;
    position: absolute;
    height: 85% !important;
    width: 100%;
	z-index:1;
}

.contact-form input {
    min-height: 80px;
}
.contact-form textarea {
    min-height: 200px;
    resize: none;
	padding-top: 10px;
}
.contact-form input::placeholder {
    color:#000;
    opacity:1 !important;
}
.contact-form textarea::placeholder {
    color:#000;
    opacity:1 !important;
}

.contact-form input:hover {
    background: #00000000 !important;
}
.contact-form input:focus {
    border-color: #DFDFDF !important;
}
.contact-form input:active {
    background: transparent !important;
}
.contact-form textarea:hover {
    background: transparent !important;
}
.contact-form textarea:active {
    border-color: #DFDFDF !important;
}
.contact-form span.elementor-button-icon {
    background: #fff;
    border-radius: 50%;
    padding: 8px;
	    width: 25px;
    height: 25px;
}
.button-black span.elementor-button-icon {
    width: 25px;
    height: 25px;
}
.contact-form .elementor-button-icon svg path {
    fill: #000000 !important;
}
.contact-form .elementor-button-icon svg {
    width: 12px;
}
.contact-form button:hover {
    background: transparent !important;
    border: 1px solid #000;
}
.contact-form button:hover span.elementor-button-text{
    color:#000;
}
.contact-form button:hover span.elementor-button-icon {
background:#000;
}
.contact-form button:hover span.elementor-button-icon svg path{ 
fill:#fff !important;
}

.elementor-message.elementor-message-success.elementor-message-svg {
    font-size: 22px;
}
.contact-form input {
    text-transform: none !important;
}
.contact-form textarea{
	text-transform: none !important;
}



@media (max-width: 1700px){

}

@media (max-width: 1700px) and (min-width: 1570px) {
	body {
    zoom: 0.9;
}
}

@media (max-width: 1570px) and (min-width: 1500px) {
	body {
    zoom: 0.85;
}
	#loftloader-wrapper.loftloader-imgloading #loader img {
    opacity: 0;
}
}

@media (max-width: 1500px) and (min-width: 1440px) {
	body {
     zoom: 0.78;
}
	#loftloader-wrapper.loftloader-imgloading #loader img {
    opacity: 0;
}
}
@media (max-width: 1435px) and (min-width: 1300px) {
	body {
     zoom: 0.72;
}
#loftloader-wrapper.loftloader-imgloading #loader img {
    opacity: 0;
}
}

@media (max-width: 1300px) and (min-width: 1030px) {
	body {
     zoom: 0.69;
}
		#loftloader-wrapper.loftloader-imgloading #loader img {
    opacity: 0;
}
}


@media (max-width:1030px){
	.button-black span.elementor-button-icon {
    width: 25px;
    height: 25px;
}
	.contact-form textarea {
		min-height: 140px;
	}
}

@media (max-width: 900px) and (min-width:767px) {
	body {
    zoom: 0.76;
}
		#loftloader-wrapper.loftloader-imgloading #loader img {
    opacity: 0;
}
}
@media (max-width:767px){	
	.ar-menu-nav{
		top:45px;
	}
	.dis-ab-sales:before {
    height: 100% !important;
}
	.contact-form input {
    min-height: 60px;
}
	.elementor-element-915d853 {
    background-position: 67% !important;
}
	.elementor-element-b546c6d {
    background-position: 75% !important;
}
	.elementor-element-e7aa2a8 {
    background-position: 75% !important;
}
}







/* Loader Styles */


/* #loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    background: url('http://199.250.201.124/~futureform/wp-content/uploads/2025/09/Component-9-1.jpg') no-repeat center center;
    z-index: 9999;
    display: none;  
    justify-content: center;
    align-items: center;
    background-size: cover;
    opacity: 1;
    animation: fadeOut 1s 3s ease-in-out forwards;
}


#loader svg {
    width: 221px;
    height: auto;
}


#loader svg path {
    fill: lightgrey;  
    opacity: 0.3;  
    animation: colorTransition 4s ease-in-out forwards; 
}

@keyframes colorTransition {
    0% {
       opacity: 0.3; 
    }
    100% {
        opacity: 1;  
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

body.loading #loader {
    display: flex; 
}
 */