/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * 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.
 */
.form-container-1 h2 {margin-block-end: 20px !important;}
.wpcf7 form.sent .wpcf7-response-output { display: none !important; }
/* Form Loader */
.form-container { position: relative; padding: 20px 25px 25px !important; margin: 0 auto; max-width: 750px; } .form-container .form-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 10; display: none; justify-content: center; align-items: center; border-radius: 25px; } .form-loader { text-align: center; color: #fff; } .form-loader .spinner { width: 50px; height: 50px; border: 5px solid #fff; border-top-color: transparent; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 15px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.form-container-1 { position: relative; padding: 40px !important; margin: 0 auto; max-width: 100%; } .form-container-1 .form-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 10; display: none; justify-content: center; align-items: center; border-radius: 25px; } .form-loader { text-align: center; color: #fff; } .form-loader .spinner { width: 50px; height: 50px; border: 5px solid #fff; border-top-color: transparent; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 15px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* CTA*/
.cta-card-btn:hover {background-color: #1A1919; color: #4CEDAB;}
.cta-card-btn {background-color: #4CEDAB; font-family: "Inter", Sans-serif; font-size: 16px; font-weight: 500; fill: #050505; color: #050505; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #4CEDAB; border-radius: 20px 20px 20px 20px; padding: 10px 30px 10px 30px;}
.cta-flex { grid-column-gap: 64px; grid-row-gap: 64px; flex-flow: row; justify-content: center; align-items: center; display: flex ; }
.title-flex-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; display: flex ; }
.title-flex-wrapper h5 { color: #f5f5f5; letter-spacing: 4px; text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 14px; }
.title-flex-wrapper .cta-title { color: #f5f5f5; font-size: 100px; line-height: 130px; text-transform: uppercase; margin-top: 0; margin-bottom: 0;}
.text-block { grid-column-gap: 16px; grid-row-gap: 16px; text-align: left; flex-direction: column; justify-content: center; align-items: flex-start; display: flex ; }
.cta-avatar-flex { grid-column-gap: 16px; grid-row-gap: 16px; flex-direction: row; align-items: flex-end; display: flex ; }
.centered-from-tab { color: #eee; letter-spacing: 0; font-size: 16px; margin-bottom: 0; font-weight: 400; line-height: 24px; }
.avatars-flex { grid-column-gap: 8px; grid-row-gap: 8px; justify-content: flex-start; align-items: flex-start; width: 230px; display: flex ; position: relative; }
.about-avatar-a { object-fit: cover; border: 4px solid #1e1e1e !important; border-radius: 100px !important; padding-left: 0; padding-right: 0; }
.about-avatar-b { object-fit: cover; border: 4px solid #1e1e1e !important; border-radius: 100px !important; padding-left: 48px; padding-right: 0; position: absolute; top: 0; left: auto; }
.about-avatar-c { object-fit: cover; border: 4px solid #1e1e1e !important; border-radius: 100px !important; margin-left: auto; padding-left: 100px; padding-right: 0; position: absolute; top: 0; left: auto; }
.cta-avatar-flex img {object-fit: cover; max-width: 100%; display: inline-block; vertical-align: middle;}
.cta-card { grid-column-gap: 48px; grid-row-gap: 48px; background-color: var(--secondary); background-image: linear-gradient(#161616f2, #161616f2), url(/wp-content/uploads/2025/08/663e50be926a2239f5cee972_661a7626f533866984f99e46_ParallaxImage.webp); background-position: 0 0, 50%; background-repeat: repeat, no-repeat; background-size: auto, cover; flex-direction: column; justify-content: center; align-items: center; min-height: 260px;max-height: 360px; margin-left: auto; margin-right: auto; padding-left: 96px; padding-right: 60px; display: flex ; }
.avatars-flex img { height: 64px !important; }

.font-primary-3 { color: #4cedab; font-weight: 600;}
.reviews-text { color: #404040; text-transform: none; font-size: 54px; font-weight: 400; line-height: 64px; }
.reviews-text.custom { font-size: 34px; line-height: 34px; margin: 0 !important; }
.reviews-images-2 { width: 80px; max-width: 100%; height: 60px !important; position: absolute; inset: -30px auto auto 0%; overflow: visible; }

/* Testimonials Slider*/
.testimonial-card{
	height: 340px;
    width:auto; max-width:92vw;
    background:#1B1B1B;
    color:#fff;
    border-radius:20px;                 /* <- 20px from all sides */
    padding: 60px 30px;
    box-shadow:0 12px 30px rgba(0,0,0,.45);
    border:1px solid rgba(255,255,255,.06);
  }

  .tc-header{
    display:flex; align-items:center; gap:12px; margin-bottom:10px;
  }

  .tc-avatar{
    width:48px; height:48px; object-fit:cover; border-radius:50%;
    flex:0 0 48px;
  }

  .tc-name{
    margin:0; line-height:1.1; font-weight:600; font-size:16px; color:#4CEDAB;
  }

  .tc-role{
    margin:2px 0 0; font-size:13px; color:#4CEDAB;
  }

  .tc-quote{
    margin:12px 0 0; font-size:14px; line-height:1.6;
  }

/* Loader Start*/
#preloader { position: fixed; inset: 0; /* shorthand for top:right:bottom:left */ background: #fff; display: flex; align-items: center; justify-content: center; z-index: 9999; } #preloader img { width: 100px; /* adjust size */ animation: rotate 1.5s linear infinite; } @keyframes rotate { to { transform: rotate(360deg); } }
#preloader { animation: hideAnimation 0s ease-in 2s; animation-fill-mode: forwards; } @keyframes hideAnimation { to { display:none; visibility: hidden; width: 0; height: 0; opacity: 0; -ms-transform: scale(1.2); transform: scale(1.2); } } #preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000000051!important; background-color: #FFF; background-position: center; opacity: 1; -webkit-transition: all 2s; -o-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; transition: all 2s; } .sdn-preloader.hide-me { opacity: 0; z-index: -1!important; } #preloader img { -webkit-animation: zoom-in-out 4s ease-in-out .4s infinite normal; -moz-animation: zoom-in-out 4s ease-in-out .4s infinite normal; -ms-animation: zoom-in-out 4s ease-in-out .4s infinite normal; animation: zoom-in-out 4s ease-in-out .4s infinite normal; max-width: 50%; width: 200px; } @-webkit-keyframes zoom-in-out { 0%,100% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.2); transform: scale(1.2) } } @keyframes zoom-in-out { 0%,100% { -ms-transform: scale(1); transform: scale(1) } 50% { -ms-transform: scale(1.2); transform: scale(1.2) } }

/* Our Services */
.our-services-item .img-swap{ position: relative; overflow: hidden; border-radius: 12px; }
.our-services-item .img-swap img{ display:block; width:auto; height:auto; }
.our-services-item .img-swap .img-hover{ position:absolute; inset:0; opacity:0; transition: opacity .3s ease; pointer-events:none; }
.our-services-item:hover .img-swap .img-hover{ opacity:1; }
.our-services-item:hover .img-swap .img-default{ transform: scale(1.04); transition: transform .3s ease; }
.our-services-item:hover {cursor: pointer !important;}
.our-services-item:hover .elementor-widget-wrap { background-color: #4cedab !important; transition: all .6s ease-in-out; }
.our-services-item:hover .heading-item .elementor-heading-title { color: #050505 !important; }
.our-services-item:hover .text-item { color: #050505 !important; }

/* Hero Form Start*/
.wpcf7-spinner {display:none !important;}
.hero-form .cf7-actions { text-align: right; }
.hero-form .wpcf7 input[type="text"], .hero-form .wpcf7 input[type="email"], .hero-form .wpcf7 input[type="tel"], .hero-form .wpcf7 input[type="url"], .hero-form .wpcf7 select, .hero-form .wpcf7 textarea {background: #f2f2f2; border: 1px solid #f2f2f2; color: #A6ABB1 !important; font-family: inherit;}

/* Contact Form 7 */
.wpcf7-response-output {display:none !important;}
/* All CF7 inputs & textareas */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: #222;  
}
.cf7-grid p, .msg-label {color: #F5F5F5 !important; margin-bottom: 5px;}
/* Layout */
.cf7-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0px 10px; margin-bottom: 16px; }
.cf7-field label { display:block; color:#e6e6e6; font-size:14px; margin-bottom:6px; }
@media (max-width: 767px){
  .cf7-grid { grid-template-columns: 1fr; gap: 0px 24px;}
	.our-services-item .img-swap {display: flex; justify-content: center;}
	.our-services-item .img-swap .img-hover {margin: 0 auto;}
	.cf7-grid p {margin: 5px 0px 10px; font-size: 14px;}
	.wpcf7 textarea { height: 120px !important; min-height: 120px !important; }
	.testimonial-card {height: 400px;}
	nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active {margin-top: 20px;}
	.image-marquee img { width: 100px; height: auto; margin-right: 10px; border-radius: 8px; padding:10px; object-fit: contain; }
}

/* Inputs */
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="url"], .wpcf7 select, .wpcf7 textarea{ width:100%; background:#2a2a2a; color:#f2f2f2; border:1px solid #3a3a3a; border-radius:12px; padding:14px 16px; outline:none; transition:border-color .2s, box-shadow .2s; font-size:14px; font-family: inherit; }
.wpcf7 textarea{ min-height:160px; resize:vertical; }

/* Placeholder color */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder{ color:#9aa0a6; opacity:1; }
.wpcf7 input::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder{ color:#9aa0a6; }
.wpcf7 input::-ms-input-placeholder,
.wpcf7 textarea::-ms-input-placeholder{ color:#9aa0a6; }

/* Focus state */
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus{ border-color:#39d98a; box-shadow:0 0 0 3px rgba(57,217,138,.15); }

/* Submit button */
.cf7-actions{ text-align:center; margin-top:20px; }
.cf7-btn{ background:#39d98a; color:#0b0b0b; border:none; border-radius:20px; padding:12px 28px; font-weight:600; cursor:pointer; }
.cf7-btn:hover{ filter:brightness(1.03); }
.cf7-btn-fovty {background-color: #4CEDAB !important; border: 1px solid #4CEDAB !important; border-radius: 20px !important; color: #020202 !important; padding: 10px 40px !important; font-size: 16px; cursor: pointer;}
.cf7-btn-fovty:hover {background-color: #1A1919 !important; color:#4CEDAB !important;}

/* Header */
header#masthead { position: sticky !important; top:0 !important; }
section#main-header { position: absolute; width: 100%; }
section#main-header.sticky { background-color: #000; position: absolute; width: 100%;}
.sbttBacktotop {z-index: 99999999999999;}

/* Media Query */
@media (max-width: 991px) { 
	.cta-card { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; min-height: auto; max-height: none; padding-top: 96px; padding-bottom: 96px; padding-left: 60px; }
	.cta-flex { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column; justify-content: center; align-items: center; }
	.title-flex-wrapper { flex-flow: column; justify-content: center; align-items: center; }
	.text-block { justify-content: flex-start; align-items: center; }
	.centered-from-tab { text-align: center; font-size: 14px; }
	.services-arrow-image { display: none !important; }
	.avatars-flex { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: center; align-items: center; padding-left: 0; display: flex ; }
	.about-avatar-a { padding-left: 0; padding-right: 0; }
	.about-avatar-b { padding-left: 0; padding-right: 0; position: static; }
	.about-avatar-c { margin-left: 0; padding-left: 0; padding-right: 0; position: static; }

}
@media (max-width:1024px){
section#mobile-header { position: fixed; top: 0; width: 100%; }
#page {overflow-x:hidden;} }