/**
 * Theme Name:     Hello Elementor Child
 * Author:         Aaquib Ahmed
 * 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.
 */

/* Offset value — header + negative margin total height */
:root {
  --heading-scroll-offset: 120px;
  --e-global-color-a185853: red;
}



#subscribe-btn.loading {
    position: relative;
}
#subscribe-btn.loading:after {
    content: '';
    border: 2px solid #fff;
    border-top: 2px solid #000;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


ul.core-custom-list, ul.core-custom-list > li {
    text-align: left;
}

ul.core-custom-list > li {
    margin-bottom: 10px;
    margin-left: 10px;
}

ul.core-custom-list > li:last-child {
    margin-bottom: 0;
}

.elementor-81 .elementor-element.elementor-element-382f1940 .elementor-search-form__submit {
  background-color: var(--e-global-color-a185853) !important;
}

.hsfc-Step .hsfc-Step__Content
 {
    padding: 0 !important;
}






.subscribe-form-inline {
    display: flex;
    align-items: center;
}
.subscribe-form-inline input {
    flex: 1;
    margin-right: 10px;
}
.subscribe-form-inline button {
    flex: none;
}

.subscribe-form-stacked {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.subscribe-form-stacked input {
    width: 100%;
    margin-bottom: 10px;
}
.subscribe-form-stacked button {
    width: auto;
}

@media (max-width: 768px) {
    .subscribe-form-inline {
        flex-direction: column;
        align-items: center;
    }
    .subscribe-form-inline input {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .subscribe-form-inline button {
        width: auto;
    }
}




/* Default styles for larger screens */
.ex-topbar-section .elementor-container.elementor-column-gap-default {
    height: 500px; /* Default height for larger screens (Desktop, 1920px+) */
}















/* Larger desktop (1920px and above) */
@media only screen and (min-width: 1920px) {
    .ex-topbar-section .elementor-container.elementor-column-gap-default {
        height: 40px; /* Height for larger screens (1920px+) */
    }
}



/* Desktop (larger than 1024px) but smaller than 1920px */
@media only screen and (min-width: 1025px) and (max-width: 1919px) {
    .ex-topbar-section .elementor-container.elementor-column-gap-default {
        height: 40px; /* Height for standard desktop */
    }
}



/* Laptop specific styles */
@media only screen and (max-width: 1440px) {
    .ex-topbar-section .elementor-container.elementor-column-gap-default {
        height: 35px; /* Height for laptops */
    }
}



/* Tablet specific styles */
@media only screen and (max-width: 1024px) {
    .ex-topbar-section .elementor-container.elementor-column-gap-default {
        height: 35px; /* Height for tablets */
    }
	.ex-topbar-section .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
        padding: 0 !important;
    }
}



/* Mobile specific styles */
@media only screen and (max-width: 768px) {
	.ex-topbar-section .elementor-container.elementor-column-gap-default {
        height: 35px;
    }
    .elementor-92 .elementor-element.elementor-element-117f8eb3.topbar-cta-1 {
        padding: 0 !important;
        border: none !important;
    }
	.elementor-92 .elementor-element.elementor-element-117f8eb3.topbar-cta-1 .elementor-icon-list-item:not(:last-child):after {
        display: none !important;
    }
	section.hero-section {
		background-image: unset !important;
	}
	.elementor-94 .elementor-element.elementor-element-43351dc5:not(.elementor-motion-effects-element-type-background), .elementor-94 .elementor-element.elementor-element-43351dc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-image: none !important;
	}
}






h1[id],h2[id],h3[id],h4[id],h5[id],h6[id] {
  scroll-margin-top: var(--heading-scroll-offset);
}
h1[id]::before,h2[id]::before,h3[id]::before,h4[id]::before,h5[id]::before,h6[id]::before {
  content: "";
  display: block;
  height: var(--heading-scroll-offset);
  margin-top: calc(-1 * var(--heading-scroll-offset));
  visibility: hidden;
  pointer-events: none;
}