/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

body{
	padding:15px;
}
.main-menu-bg{
    backdrop-filter: blur(30px);
}

.glb-button .elementor-button-icon svg {
    font-size: 12px;
}
header .main_logo img{
	filter: brightness(0) invert(1);
  transition: filter 0.3s ease;
}
header .elementor-sticky.elementor-sticky--active .main_logo img{
	filter: none !important;
  transition: filter 0.3s ease;
width:70%;
}
header .elementor-sticky.elementor-sticky--active{
    background-color: rgb(107 159 232 / 10%);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}


.glb-button .elementor-button span.elementor-button-icon {
    background: #ffffff;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
	transition:0.5s ease all;
}
.glb-button .elementor-button-icon svg path {
    stroke: #000;
	transition:0.5s ease all;
}
.glb-button.glb-button-rvs .elementor-button-icon svg path {
    stroke: #fff;
	transition:0.5s ease all;
}
.glb-button span.elementor-button-content-wrapper {
    justify-content: center;
    align-items: center;
}

.glb-button.glb-button-rvs .elementor-button span.elementor-button-icon {
	background:var( --e-global-color-fdb254f );
}
.glb-button .elementor-button:hover svg{
	fill:transparent !important;
}
.glb-button .elementor-button:hover span.elementor-button-icon{
	background:var( --e-global-color-fdb254f ) !important;
}
.glb-button .elementor-button:hover svg path{
	stroke: #fff;
}
.glb-button.glb-button-rvs .elementor-button:hover span.elementor-button-icon{
	background:#fff !important;
	transform: rotate(45deg);
}
.glb-button .elementor-button:hover span.elementor-button-icon{
	transform: rotate(45deg);
}
.glb-button.glb-button-rvs .elementor-button:hover svg path{
	stroke: #000;
}
.banner-section{
    background-size: auto 100% !important;
}
/* Container styling & rounded corners */
.img-box .elementor-cta {
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  background-color: transparent !important;
}

/* Disable background image scaling */
.img-box .elementor-cta__bg,
.img-box:hover .elementor-cta__bg {
  transform: none !important;
  transition: none !important;
}

/* Dark gradient overlay */
.img-box .elementor-cta__bg-overlay {
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0.5) 50%,
    rgba(0, 0, 0, 0.1) 100%
  ) !important;
  opacity: 0.85 !important;
  transition: opacity 0.5s ease !important;
  z-index: 1 !important;
}

.img-box:hover .elementor-cta__bg-overlay {
  opacity: 1 !important;
}

/* Content layout pinned to the bottom */
.img-box .elementor-cta__content {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

/* Title permanently visible */
.img-box .elementor-cta__title {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #ffffff !important;
  margin-bottom: 0 !important;
  transform: none !important;
}

/* Description reveal on hover */
.img-box .elementor-cta__description {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  margin-top: 0 !important;
  transform: translateY(10px);
  transition: opacity 0.3s ease, max-height 0.5s ease, transform 0.5s ease, margin-top 0.5s ease !important;
}

.img-box:hover .elementor-cta__description {
  opacity: 1;
  max-height: 160px;
  margin-top: 10px !important;
  transform: translateY(0);
}

/* 1. Reset the counter on the parent container */
.list-counter {
  counter-reset: step-counter;
}

/* 2. Increment the counter on each icon box */
.list-counter .elementor-widget-icon-box {
  counter-increment: step-counter;
}

/* 3. Output the counter before the title (e.g., "01. ", "02. ") */
.list-counter .elementor-widget-icon-box::before {
    content: counter(step-counter, decimal-leading-zero);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 81px;
    height: 81px;
    border-radius: 50%;
    background-color: #eef5fc;
    border: 1.5px solid #c9def5;
    color: #5c93e6;
    margin-bottom: 20px;
    box-sizing: border-box;
    position: absolute;
    left: 2px;
    top: 2px;
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 23px;
    font-weight: 500;
}
.ftr-link span.elementor-icon-list-icon {
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    background: rgb(107 159 232 / 10%);
    border-radius: 60px;
    border: 1px solid rgb(107 159 232 / 20%);
margin-right:20px;
}
.inner-banner:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #020A16;
    background: linear-gradient(270deg, rgba(2, 10, 22, 0) 25%, rgba(2, 10, 22, 0.69) 85%);

}
.main-form label {
    margin: 10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
    font-family: var(--e-global-typography-e2d9212-font-family), Sans-serif;
    font-size: var(--e-global-typography-e2d9212-font-size) !important;
    font-weight: var(--e-global-typography-e2d9212-font-weight) !important;
    line-height: var(--e-global-typography-e2d9212-line-height);
    letter-spacing: var(--e-global-typography-e2d9212-letter-spacing);
    word-spacing: var(--e-global-typography-e2d9212-word-spacing);
    color: #222222;
}

.main-form span.gfield_required {
    display: none !important;
}

.main-form input, .main-form select,  .main-form textarea{
    background: #F3F4F6;
    border: none !important;
    font-family: var(--e-global-typography-e2d9212-font-family), Sans-serif;
    font-size: var(--e-global-typography-e2d9212-font-size) !important;
    font-weight: var(--e-global-typography-e2d9212-font-weight) !important;
    line-height: var(--e-global-typography-e2d9212-line-height);
    letter-spacing: var(--e-global-typography-e2d9212-letter-spacing);
    word-spacing: var(--e-global-typography-e2d9212-word-spacing);
    color: var(--e-global-color-e3a02dc);
    padding: 16px 20px !important;
    border-radius: 30px !important;
}
.main-form textarea {
    height: 100px !important;
    resize: none;
    border-radius: 20px !important;
}
/* Container wrapper */
.gform_footer {
    display: flex;
    justify-content: flex-start; /* change to center if needed */
}

/* Main Pill Button */
.custom-pill-btn {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    background-color: #6098ec;
    color: #ffffff;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 8px 10px 8px 24px;
    border-radius: 9999px;
    box-shadow: 0 4px 14px rgba(96, 152, 236, 0.35);
    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

/* White Circle Icon Container */
.custom-pill-btn .btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #ffffff;
    color: #111111;
    border-radius: 50%;
    flex-shrink: 0;
    transition:0.5s ease all;
}

/* Hover & Active states */
.custom-pill-btn:hover {
    background-color: #4a86e2;
    box-shadow: 0 6px 18px rgba(96, 152, 236, 0.45);
}

.custom-pill-btn:hover .btn-icon {
   transform: rotate(45deg);
}


button#gform_submit_button_1 {
    background-color: var(--e-global-color-fdb254f);
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.3px;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-fdb254f);
    border-radius: 30px 30px 30px 30px;
    padding: 9px 10px 9px 28px;
    display: flex;
    gap: 21px;
}
.custom-pill-btn .btn-icon svg path {
    stroke: #000;
	transition:0.5s ease all;
}

.custom-pill-btn:hover .btn-icon svg{
	fill:transparent !important;
}
.custom-pill-btn:hover{
	    background-color: #FFFFFF !important;
    color: var(--e-global-color-ab9c157) !important;
    border-color: var(--e-global-color-ab9c157) !important;
}
.custom-pill-btn:hover .btn-icon {
    background: var(--e-global-color-fdb254f) !important;
}
.custom-pill-btn:hover svg path{
	stroke: #fff;
}
.gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 32px !important;
    grid-row-gap: 10px !important;
}
#elementor-popup-modal-882 .dialog-close-button {
    display: flex;
    top: 32px;
    background-color: var(--e-global-color-ab9c157);
    font-size: 13px;
    inset-inline-end: 31px;
    padding: 4px;
    border-radius: 10px;
}

/* Gravity Forms Select dropdown with custom SVG icon */
.gform_wrapper .gfield select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Custom SVG Arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 15 8' fill='none'%3E%3Cpath d='M13.5018 0.171462L7.25375 6.26131L1.0057 0.171462C0.89411 0.0627745 0.744489 0.00195324 0.588712 0.00195324C0.432936 0.00195324 0.283315 0.0627745 0.17172 0.171462C0.117383 0.224252 0.0741891 0.287406 0.0446934 0.357186C0.0151976 0.426966 0 0.501954 0 0.577712C0 0.65347 0.0151976 0.728458 0.0446934 0.798238C0.0741891 0.868018 0.117383 0.931172 0.17172 0.983962L6.8182 7.46248C6.93486 7.57583 7.0911 7.63923 7.25375 7.63923C7.4164 7.63923 7.57265 7.57583 7.6893 7.46248L14.3358 0.983962C14.3904 0.931142 14.4339 0.867868 14.4635 0.797907C14.4932 0.727946 14.5085 0.652729 14.5085 0.576735C14.5085 0.500741 14.4932 0.425524 14.4635 0.355563C14.4339 0.285602 14.3904 0.222328 14.3358 0.169508C14.2242 0.0608212 14.0746 0 13.9188 0C13.763 0 13.6134 0.0608212 13.5018 0.169508V0.171462Z' fill='%230B1F3A'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 18px) center;
    background-size: 13px 7px;
}

/* Remove default select arrows in legacy Edge / IE */
.gform_wrapper .gfield select::-ms-expand {
    display: none;
}



@media (max-width: 1024px) {
	body{
	padding:8px;
}
	
.list-counter .elementor-widget-icon-box::before {
    width: 40px;
    height: 40px;
    margin-bottom:0;
    left: 0;
    top: 0;
    font-size: 14px;
    font-weight: 500;
}
}
@media (max-width: 767px) {
	body{
	padding:8px;
}
	
.list-counter .elementor-widget-icon-box::before {
    width: 40px;
    height: 40px;
    margin-bottom:0;
    left: 50%;
    top: 0;
    font-size: 14px;
    font-weight: 500;
    margin-left: -20px;
}
	.ftr-link span.elementor-icon-list-icon {
    width: 30px;
    height: 30px;
    border-radius: 30px;
margin-right:10px;
}
	.inner-banner:after {
	background: #020A16;
background: linear-gradient(270deg,rgba(2, 10, 22, 0.5) 0%, rgba(2, 10, 22, 0.56) 100%);
}
}