/*
Theme Name: Sparknex Child
Author: StylusThemes
Author URI: https://stylusthemes.com/
Description: Digital Agency Elementor WordPress Theme!
Version: 1.0
Template: sparknex
Text Domain: sparknex-child
*/
@import url("https://use.typekit.net/rqa3qzd.css");

body, body p { font-size: 16px; line-height: 1.6; }

body h1,
body h2 { font-weight: 300 !important; }

body h1, body h2, body h3, body h4,
.stl-testimonials.type-bottom_inline .author__name,
h2.elementor-heading-title,
h3.elementor-heading-title,
span.stl-sliding-item {
	font-family: "ivyjournal",sans-serif !important;
	/* font-weight: 300 !important; */
}
.stl-header-row .stl-header-row_wrapper {
    
    flex-flow: row-reverse!important;
    
}
.home .stl-theme-header .stl-site-header .container-wrapper .site-header { background-color: transparent ;}
.stl-theme-header .stl-sticky-header .container-wrapper .site-header { background-color: #fff!important; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.stl-theme-header .stl-sticky-header .container-wrapper .site-header .header-logo  img { filter: brightness(0);}

.stl-theme-header .stl-sticky-header .container-wrapper .site-header #menu-header-main-menu-1 .menu-item a .item_text::before { background-color: #000;display:none;}
.stl-theme-header .stl-sticky-header .container-wrapper .site-header .side_panel { background: #00000040; }
body.home { padding: 0!important;}
.site-footer .footer-col { width: auto; max-width: 33.33%;}
.bottom-footer .elementor-widget-container a { color: #edff21!important;}
.bottom-footer .elementor-widget-container a:hover{ color: #fff!important;}
.footer-cont a:hover {
    color: #edff21 !important;
}
.footermain a:hover {
    color: #30a7af !important;
}
.ftcol3 .primary-nav > ul > li > a .item_wrapper_text .item_text:before{
	display:none;
}
.nw-sc2 .stl-infobox {
/*     min-height: 69px; */
    display: flex;
    align-items: center;
}
body #main { padding: 0px;}
#gform_1 .gform_fields { --gf-form-gap-y: 15px; }
.gfield_label { color: #334a73!important; font-size: 16px!important; font-weight: 400!important;}
.gform_fields .gfield--type-textarea .ginput_container_textarea .textarea {
   border-radius: 8px 8px 8px 8px; 
    padding: 25px 25px 25px 25px;
}
textarea#input_1_5 {
    height: 90px !important;
}
.gform-theme--foundation .gfield textarea.large {
    min-block-size: 0rem!important;
}
.gform_fields .gfield input:focus, .gform_fields .gfield--type-textarea .ginput_container_textarea .textarea:focus, .gform_button:focus{ outline: unset!important; box-shadow: unset!important;}
.form-btn {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50px !important;
    color: var(--sparknex-button-color-idle) !important;
    border: none !important;
    background: none !important;
    height: 45px !important;
	outline: none !important;
	box-shadow: none !important;
}
.form-btn .button__text {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-family: 'Inter';
}
.form-btn i {
    font-size: 22px !important;
}
.home-img1 img{
	padding:20px!important;
}
.home2 span.elementor-icon-list-text {
    padding: 9px 20px !important;
    background: #acd4ca !important;
    border-radius: 40px;
}
.home2 .elementor-icon-list-text {
    color: #184e4f;
   
}
.home2 svg {
    BORDER-RADIUS: 50%;
}
.home-btn-section svg {
    border: 1px solid #56b7b85c;
    border-radius: 50px;
}
.row-footer .primary-nav > ul > li {
    height: auto;
    width: 100%;
}
.bottom-footer .elementor-widget-container a:hover{
	color:#184e4f!important;
}
.row-footer .primary-nav > ul > li > a {
  margin: 0 10px 0px 0px;
}
.row-footer .ftcol3 svg {
  border: 1px solid #56b7b85c;
    border-radius: 50px;
	margin-left:10px;
}
/* .service1 svg {
    border-radius: 50px!important;
    width: 60px !important;
    height: 60px !important;
} */
.primary-nav > ul > li.current_page_item > a .item_wrapper_text .item_text:before {
    
	height: 0;
}
.row-footer .fotcol1 .elementor-button-icon svg {
    width: 4em;
}
.row-footer .fotcol1 .elementor-widget-button .elementor-widget-container {
    border-radius: 50px;
    border: 1px solid #56b7b85c;
}
.row-footer .elementor-button-content-wrapper {
    flex-direction: column !important;
}
ul#menu-header-main-menu-3 {
    column-count: 2;
}
/* .gform_button:hover { border-color: var(--sparknex-button-border-hover)!important; background-color: var(--sparknex-button-border-hover)!important;} */
.gfield_error .textarea, .gfield_error input { border-color: rgb(255, 2, 2)!important; }
/*.validation_message { display: none!important;}*/
.stl-theme-header .stl-sticky-header { display: block!important;}
.contact-info .elementor-icon-box-wrapper .elementor-icon-box-title a { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.down-btn .stl-line-button.has-icon .button__content {
    height: 130px;
    width: 135px!important;
  
}
.contact-sec  a:hover {
    color: #000000;
}
.contact-info .elementor-icon-box-wrapper .elementor-icon-box-title a:hover { color: #edff21; }
body:not(.home) header.stl-theme-header.header_overlap { position: unset;}
.error404 .site-main { min-height: calc(100vh - 450px );}



.bottom-footer .elementor-widget-container a {
    color: #30A7AF !important;
}

.footer-cont a:hover {
    color: #000000 !important;
}
.ftcol3 .elementor-icon-box-wrapper {
    display: flex!important;
}
.home-btn-section .stl-button.btn-style-1::before, .services-btn .stl-button.btn-style-1::before{
	background-image: linear-gradient(to right, #5FBAA4, #30A7AF);
/* 	transform: scale(1) !important; */
}

/* #contact-form .stl-button.btn-style-1::before{
	background: #fff;
}
#contact-form .stl-button .button__text {
    color: #1C1C1C !important;
}
#contact-form .stl-button.btn-style-1.align-icon-right .button__content {
    background-color: #1C1C1C !important;
}
#contact-form .stl-button.btn-style-1 .button__content .icon {
    color: #ffffff !important;
} */

body .stl-button.btn-style-1.align-icon-right .button__content {
	background-color:white !important;
    right: 5px;
/*     transform: scale(1) !important; */
}
body .stl-button.btn-style-1 .button__content .icon {
    opacity: 1;
    transform: translateX(0%);
    transition: all 400ms cubic-bezier(0.16, 1, 0.3, 1);
    color: #30A7AF !important;
    font-size: 14px !important;
    margin: 4px 0 0 3px;
}

body .form-btn .stl-button.btn-style-1 .button__content .icon {
    margin-top: 2px;
}
body .stl-button.btn-style-1.align-icon-right .button__text {
    transform: translateX(0px) !important;
	font-size: 14px;
    font-weight: 400;
    /* text-transform: uppercase; */
    letter-spacing: 0px;
    font-family: 'Inter';
}
body .stl-button.btn-style-1.btn-size-sm.align-icon-right {
    padding: 0px 50px 0px 25px ;
}
.home-btn-section .stl-button .button__text, .services-btn .stl-button .button__text {
    color: #ffffff !important;
}
	.home-btn-section .stl-button.btn-style-1 .button__content, .services-btn .stl-button.btn-style-1 .button__content {
    background-color: #ffffff40 !important;
}

.home-btn-section  .stl-button.btn-style-1 .elementor-icon, .services-btn .stl-button.btn-style-1 .elementor-icon {
    color: #30A7AF !important;
    fill: #30A7AF !important;
}


.page-id-12242 .site-header {
background-color:#ffff !important;
}


.stl-theme-header .stl-sticky-header .container-wrapper .site-header .header-logo img {
    filter: unset !important;
}

.sticky-logo{
	display:none;
}
.stl-theme-header .stl-sticky-header .container-wrapper .site-header .sticky-logo {
display:block !important;}

.stl-theme-header .stl-sticky-header .container-wrapper .site-header .def-logo {
display:none !important;}

.page-id-12242 .sticky-logo{
	display:block;
}

.page-id-12242 .def-logo{
	display:none;
}


.page-id-12242 .stl-sticky-header .primary-nav ul li[class*=current] > a .item_text::before {
    background: #000000 !important;
}

.page-id-12242 #side-panel  ul  li a {
    color: #ffff !important;
}

.page-id-12242 #side-panel ul li[class*=current] > a .item_text::before {
    background: #ffff !important;
}

.page-id-12242 #side-panel ul li a:hover .item_text::before {
    background: #ffff !important;
}

.servbox-1 {
	opacity: 45%;
}
.servbox-2 {
	opacity: 75%;
}
.hm-rht-img .elementor-widget-container {
   
    border-radius: 50%!important;
  
}
#scroll_up.scroll_up-icon {
   z-index: 1;
    background-color: #184E4F!important;
   
}
/*about*/
.about1 h1 span{
	text-transform:unset!important;
}
/*contact*/
.contact-sec svg {
    border-radius: 50px;
    width: 60px !important;
    height: 60px !important;
}
#contact-us ::placeholder {
    color: #586D6E !important;
}
.contact-sec .elementor-icon-box-wrapper{
	width:max-content;
}
.contact-sec .wrap1 .elementor-icon-box-wrapper:after {
    content: '';
    background-color: #ebf6f6;
    width: 1px;
    height: 40px;
    position: absolute;
    top: 7px;
    right: 50px;
}
.contact-sec .wrap2 .elementor-icon-box-wrapper:after {
    content: '';
    background-color: #ebf6f6;
    width: 1px;
    height: 40px;
    position: absolute;
    top: 7px;
    right: 30px;
}
.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large,.textarea {
    background-color: #fff !important;
    border: 1px solid #E2EFEC!important;
	box-shadow:unset!important;
}
.gform-theme--foundation .gfield.gfield_error  .ginput_password.large, .gform-theme--foundation .gfield.gfield_error  input.large, .gform-theme--foundation .gfield.gfield_error select.large {
    border-color: red !important;
}
.validation_message {
	display: none !important;
}

.arrw-sc .button__content {
  
    background-color: #ffffff00!important;
}
.stl-menu_outer {
   
    width: 100%!important;
    
}
.mobile_nav_wrapper ul#menu-header-main-menu-3 {
    column-count: 1!important;
}

.wpgmp_map_container .gm-style-iw, .gm-style-iw-tc{
	display:none;
}

.gform-theme--framework .gform_validation_errors {
    background-color: #ff01001f !important; 
}

 .contact-icon-box .elementor-icon svg {
    width: 50px !important;
    height: 50px !important; 
}

.services-boxes-op {
	opacity:0.5 !important;
}

.ser-boxes{
	pointer-events:none !important;
}

.page_404_wrapper .stl-button{
	background: none !important;
    border: none !important;
}

.sparknex_404__button{
	display:none !important;
}

.page_404_wrapper .stl-button.btn-style-1::before{
	background-image: linear-gradient(to right, #5FBAA4, #30A7AF);
}

.page_404_wrapper .button__text{
	color:#fff !important;
}

.page_404_wrapper .stl-button i::before {
    line-height: 10px !important;
}

.page_404_wrapper .error_page__num{
    font-size: 100px !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    line-height: 63px !important;
    color: #184E4F !important;
	font-family: "ivyjournal", sans-serif !important;
}

.page_404_wrapper .error_page__title {
    font-size: clamp(20px, 3vw, 24px) !important;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 63px;
    color: #184E4F;
	font-family: "ivyjournal", sans-serif !important;
}

.error_page__description{
color: #1C1C1C !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important; 
	letter-spacing:0 !important;
}

.header-logo img{
	max-width:200px !important;
	width: 83% !important;
}

.header-logo a{
	display:block !important;
}

.home-ch-text .elementor-widget-stl-sliding-text .slide-text-container{
	overflow:unset !important;
}

#contact-form ::placeholder, .gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large, .textarea{
color: #1C1C1C !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
    height: 60px !important;
}

.home2 .imagebox_title {
    color: #1C1C1C !important;
    /* text-transform: capitalize; */
    line-height: 0;
    font-weight: 400 !important;
}
.home-hd-texts-sec .imagebox_title{
	font-size: 17px !important;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0px;
	/* text-transform: capitalize; */
}
.home-hd-texts-sec .stl-image-box .imagebox_image-holder{
	display:none !important;
}

.home-hd-texts-sec .stl-image-box {
    padding: 10px 10px 10px 10px !important; 
	justify-content: center !important;
}

.home2 .stl-image-box {
	padding: 5px 25px 5px 5px !important; 
}

.service1{
	background-image:linear-gradient(180deg, #ebf5f6 0%, #d4eef0 100%) !important;
}

/* 23-04-2026 */
.wave-canvas { width: 100%; height: 190px; position: relative; overflow: hidden; border-radius: 12px; background: linear-gradient(160deg, #f2fbfa 0%, #e8f7f5 100%); border: 1px solid rgba(61,191,184,0.12);
}
.wave-canvas canvas { display: block; width: 100%; height: 100%; }
.banner-icon-box .elementor-icon svg { width: 18px; height: 18px; }
.banner-wave-card .elementor-icon-list-icon svg { animation: pdot 1.5s ease-in-out infinite; }
.hero-section .elementor-icon-box-icon { display: flex !important ; align-items: center; justify-content: center;}
.hero-section .elementor-icon-box-content {display: flex; justify-content: center; flex-direction: column;}


/* 22-07-2026 */
input[type="file"] { padding: 0 !important; height: 60px !important; } 
.gform_wrapper input[type="file"]::file-selector-button { background: linear-gradient(to right, #5FBAA4, #30A7AF); color: #fff !important; border: none !important; padding: 10px 18px !important; border-radius: 8px 0 0 8px; margin-right: 14px; cursor: pointer; transition: 0.3s; height: 60px !important; font-size: 17px !important; font-weight: 400 !important; }
.gfield_label { color: #1C1C1C !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.3; letter-spacing: 0px; }

@keyframes pdot {
    0%,100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.6; transform: scale(1.3); }
}

/* 28-07-2026 */
.home2 .last-image-box .imagebox_title { font-weight: 600 !important; }

.elementor-widget-stl-sliding-text .slide-text-wrapper .slide-text-container { white-space: unset; }

/* 06-08-2026 */
.position_right.header_side { display: none; }
.position_center.header_side { padding-left: 20px; }
.header-logo.def-logo img { max-width: 140px !important; }
.primary-nav > ul > li:last-child a { margin-right: 0 !important; }
body .stl-menu_outer .stl-menu-outer_content { padding: 20px; }
.footer-row > div { max-width: 25% !important; width: auto !important; } 
.footer-row .menu { display: flex; flex-direction: column; } 
.footer-row > div.fotcol1 { max-width: 20% !important; }
.footer-row > div.ftcol2 { max-width: 33% !important; }
.mobile_nav_wrapper .primary-nav { width: 100% !important; }
body .stl-menu_outer.menu-position_right .stl-menu-outer_header { left: unset; right: 10px; }
body.error404 { display: flex; flex-direction: column; min-height: 100vh; } 
body.error404 #main { flex: 1; min-height: 100% !important; }
body .stl-sticky-header { z-index: 9; }
body #scroll_up.active.scroll_up-icon,
body #scroll_up.active.scroll_up-icon:hover,
body #scroll_up.scroll_up-icon { transform: translate(-20px, -110px); }
body .gform-theme--framework .gform_validation_errors { margin-bottom: 15px; }
body .gform_confirmation_message { text-align: center; }


/* 11-08-2026 */
.ipad-vertical br { display: none; }
.ipad-horizontail br { display: none; }
.iphone-vertical br { display: none; }
.m-0 > div { margin: 0 !important; }

/* 12-08-2026 */
.wpgmp_infobox .infowindow-close { background-size: 14px; background-position: center; }
.wpgmp_infobox .wpgmp_iw_content { padding: 30px 20px !important; border-radius: 20px !important; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
 
@media (max-width: 1024px) {
    .banner-icon-box .elementor-icon svg { width: 15px; height: 15px; }
    body header.stl-theme-header .stl-mobile-header { display: none; }
    body .stl-theme-header { background-color: transparent !important; }
    body .stl-site-header,
    body .stl-theme-header .primary-nav { display: block; }
    .site-header .mobile-hamburger-toggle,
    .home-btn-section br { display: none; }
    body .page_404_wrapper .error_page__num { font-size: 80px !important; }
    body #scroll_up.scroll_up-icon { width: 52px; height: 52px; font-size: 20px; }
    .stl-button.btn-style-1.btn-size-sm .button__content { width: 35px !important; }
    body .stl-marquee-element .stl-marquee .marquee__inner .stl-marquee-item img { padding-top: 0 !important; }
    .ser-boxes.last-box { grid-column: span 2; }

    .ipad-horizontail br { display: block; }

    .testimonial-section .stl-testimonials .stl-carousel_wrapper .stl-carousel { padding-top: 0 !important; padding-bottom: 0 !important; }
}

@media (max-width: 991px) {
    .ipad-vertical br { display: block; }
}

@media (max-width: 767px) {
    #contact-form ::placeholder, .gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large, .textarea,
    .gform_wrapper input[type="file"]::file-selector-button { font-size: 15px !important; }
    body .footermain .footer-row > div { max-width: 100% !important; width: 100% !important; } 
    br { display: none; }
    body header.stl-theme-header .stl-mobile-header { display: block; }
    body .stl-theme-header { background-color: rgba(48, 167, 175, 1) !important; color: #ffffff !important }
    body .stl-site-header,
    body .stl-theme-header .primary-nav { display: none; }
    .stl-sticky-header.stl-sticky-element.sticky_active { display: none !important; }
    .home2 .stl-image-box { justify-content: center; }
    body .hours-icon-list ul.elementor-icon-list-items { gap: 20px; }
    body .home-hd-texts-sec .stl-image-box, 
    body .hours-icon-list .elementor-icon-list-item { padding: 10px 25px !important; }
    body .page_404_wrapper .error_page__title { font-size: 25px; } 
    body .page_404_wrapper .error_page__num { font-size: 60px !important; }
    body .stl-mobile-header .stl-header-row_wrapper { height: 100%; padding: 15px 0; }
    .stl-button.btn-style-1 { min-width: auto !important; }
    body.page-id-12234 .stl-marquee-element .stl-marquee .marquee__inner .stl-marquee-item img { width: 150px !important; height: 60px; object-fit: contain;}

    .ipad-vertical br { display: none; }
    .ipad-horizontail br { display: none; }
    .iphone-vertical br { display: block; }
    .horizontal-nowrap > div { flex-wrap: nowrap !important; gap: 30px !important; }
    .home2 .imagebox_title { font-size: 16px !important; }

} 

@media (max-width: 640px) {
    .horizontal-nowrap > div { flex-direction: column; flex-wrap: wrap !important; }
    .ser-boxes.last-box { grid-column: unset; }
    .like-this-box { grid-template-columns: repeat(1, 1fr) !important; }

    .approve-section-col { flex-wrap: wrap !important; } 
    .approve-section-col > div { width: 100% !important; } 
    .approve-fst-col { position: relative; margin-top: 45px; padding: 15px 20px !important; border-radius: 10px !important; } 
    .approve-fst-col::before,
    .approve-second-col::before { content: "With Proptech" !important; display: block !important; font-size: 18px; line-height: 1.2; font-family: "ivyjournal",sans-serif !important; color: #184E4F; font-weight: 300; letter-spacing: 0px; margin-top: -35px; } 
    .approve-second-col { border: none !important; border-radius: 0 !important; padding: 15px 20px !important; border-radius: 10px !important;}
    .approve-section .media-wrapper .elementor-icon { font-size: 16px !important; margin: 0px 10px 0px 0px !important; vertical-align: middle; } 
    .approve-section span.stl-icon { display: flex; align-items: center; } 
    .approve-section .stl-infobox { align-items: center !important; } 
    .approve-section .stl-infobox .media-wrapper { display: flex; }
    .approve-head-col { padding: 20px 0px 55px !important; }
    .mobile-d-none { display: none !important; }
    .approve-section .slide-text-container { overflow: visible !important; }
    .approve-section-inner { padding-top: 20px !important; }
    .approve-second-col::before { content: "With Hope…" !important; border: unset !important; }
    .approve-second-col { margin-top: 55px !important; }
} 

@media (max-width: 576px) {
    .banner-text { max-width: 300px !important; }
}