.elementor-366 .elementor-element.elementor-element-dec4b29{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-366 .elementor-element.elementor-element-0862191 .elementor-heading-title{font-size:64px;line-height:64px;color:var( --e-global-color-secondary );}.elementor-366 .elementor-element.elementor-element-a865805{font-size:28px;line-height:40px;color:#161617CC;}.elementor-366 .elementor-element.elementor-element-a865805 p{margin-block-end:0px;}.elementor-366 .elementor-element.elementor-element-d17b785{--display:flex;--border-radius:16px 16px 16px 16px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:29px;--padding-right:29px;}.elementor-366 .elementor-element.elementor-element-d17b785:not(.elementor-motion-effects-element-type-background), .elementor-366 .elementor-element.elementor-element-d17b785 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-366 .elementor-element.elementor-element-160fdbd{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-group{padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );margin-bottom:20px;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-form-fields-wrapper{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );margin-bottom:-20px;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-group.recaptcha_v3-bottomleft, .elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-366 .elementor-element.elementor-element-160fdbd .elementor-labels-inline .elementor-field-group > label{padding-left:5px;}body:not(.rtl) .elementor-366 .elementor-element.elementor-element-160fdbd .elementor-labels-inline .elementor-field-group > label{padding-right:5px;}body .elementor-366 .elementor-element.elementor-element-160fdbd .elementor-labels-above .elementor-field-group > label{padding-bottom:5px;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-group > label, .elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-subgroup label{color:#161617CC;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-group > label{font-family:"Switzer", Sans-serif;font-size:20px;font-weight:400;line-height:24px;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-secondary );font-family:"Switzer", Sans-serif;font-size:26px;font-weight:500;line-height:32px;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-group .elementor-field{color:#161617CC;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-group .elementor-field, .elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-subgroup label{font-family:"Switzer", Sans-serif;font-size:18px;font-weight:400;line-height:50px;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:0px 0px 0px 0px;border-radius:8px 8px 8px 8px;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:0px 0px 0px 0px;border-radius:8px 8px 8px 8px;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-button{font-size:20px;line-height:24px;}.elementor-366 .elementor-element.elementor-element-160fdbd .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-button[type="submit"]{color:#ffffff;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-366 .elementor-element.elementor-element-160fdbd .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-366 .elementor-element.elementor-element-160fdbd .e-form__buttons__wrapper__button-next:hover{color:var( --e-global-color-secondary );}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-button[type="submit"]:hover{color:var( --e-global-color-secondary );}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-secondary );}.elementor-366 .elementor-element.elementor-element-160fdbd .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}@media(min-width:768px){.elementor-366 .elementor-element.elementor-element-dec4b29{--content-width:1090px;}}@media(max-width:1024px) and (min-width:768px){.elementor-366 .elementor-element.elementor-element-dec4b29{--content-width:100%;}}@media(max-width:1024px){.elementor-366 .elementor-element.elementor-element-dec4b29{--padding-top:100px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-366 .elementor-element.elementor-element-0862191 .elementor-heading-title{font-size:48px;line-height:1.1em;}.elementor-366 .elementor-element.elementor-element-a865805{font-size:22px;line-height:1.1em;}.elementor-366 .elementor-element.elementor-element-d17b785{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-group > label{font-size:17px;line-height:1.15em;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-type-html{font-size:22px;line-height:1.15em;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-group .elementor-field, .elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-subgroup label{font-size:16px;line-height:2em;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-button{font-size:18px;line-height:1.1em;}}@media(max-width:767px){.elementor-366 .elementor-element.elementor-element-dec4b29{--padding-top:80px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-366 .elementor-element.elementor-element-0862191 .elementor-heading-title{font-size:32px;}.elementor-366 .elementor-element.elementor-element-a865805{font-size:18px;line-height:1.3em;}.elementor-366 .elementor-element.elementor-element-d17b785{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-group > label{font-size:16px;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-type-html{font-size:21px;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-group .elementor-field, .elementor-366 .elementor-element.elementor-element-160fdbd .elementor-field-subgroup label{font-size:15px;}.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-button{font-size:16px;}}/* Start custom CSS for form, class: .elementor-element-160fdbd *//* 1. Overall Container */
.elementor-field-subgroup.elementor-subgroup-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 18px; 
    width: 100%;
}

/* 2. Individual Cards */
.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 13px;
    margin-bottom: 4px;
    display: flex;
    flex-direction: row; 
    justify-content: flex-start; /* Figma style: Items start from left */
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex: 1 1 calc(50% - 10px); 
    box-sizing: border-box;
    position: relative;
    min-height: auto; 
    overflow: visible;
}

.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option:has(input:checked) {
    background-color: #f8fbff;
}

/* 3. Radio Button Styling - Back to Left Side */
.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option input[type="radio"] {
    accent-color: #458ADE;
    width: 18px;
    height: 18px;
    order: 1; /* Radio circle ab pehle aayega (Left side) */
    margin-right: 12px; /* Text se gap rakhne ke liye */
    margin-left: 0;
}

.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option label {
    order: 2; /* Text ab radio ke baad aayega */
    cursor: pointer;
    color: #161617;
    font-weight: 500;
    flex-grow: 1;
}

/* 4. Hardware Images Adjustment */

/* Specific height for hardware fields only */
.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option:has(input[value*="bag"]),
.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option:has(input[value*="cart"]) {
    min-height: 110px;
    padding-left: 130px !important; /* Image ke liye jagah */
}

/* Common setting for images */
.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option:has(input[value*="bag"])::before,
.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option:has(input[value*="cart"])::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 105px;
    height: 105px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
}

/* Jab image wali field ho, to radio button ko image ke baad move karna */
.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option:has(input[value*="bag"]) input[type="radio"],
.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option:has(input[value*="cart"]) input[type="radio"] {
    margin-left: 0px; /* Padding-left already image cover kar rahi hai */
}

/* Carry Bag Image Source */
.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option:has(input[value*="bag"])::before {
    background-image: url('https://ekgx.com/wp-content/uploads/2026/02/Frame-243.png');
}

/* Cart Image Source */
.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option:has(input[value*="cart"])::before {
    background-image: url('https://ekgx.com/wp-content/uploads/2026/02/Frame-244.png');
}




/* 5. Responsive: Tablet and Mobile */
@media (max-width: 767px) {
    /* Cards ko full width karna */
    .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option {
        flex: 1 1 100%;
    }

    /* Hardware fields ki height aur padding mobile ke hisab se kam karna */
    .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option:has(input[value*="bag"]),
    .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option:has(input[value*="cart"]) {
        min-height: 70px; /* Desktop par 90px tha, yahan kam kar diya */
        padding-left: 80px !important; /* Image choti hui to padding bhi kam kar di */
    }

    /* Mobile par images ka size chota karna */
    .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option:has(input[value*="bag"])::before,
    .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option:has(input[value*="cart"])::before {
        width: 60px;  /* Desktop par 85px tha */
        height: 60px;
        left: 8px;    /* Kinaray se thora aur qareeb */
    }
}




/* Desktop par (Default) */
.elementor-366 .elementor-element.elementor-element-160fdbd .elementor-button[type="submit"] {
    margin-top: 20px !important;
}

/* Tablet (Under 1024px) */
@media (max-width: 1024px) {
    .elementor-366 .elementor-element.elementor-element-160fdbd .elementor-button[type="submit"] {
        margin-top: 15px !important;
    }
}

/* Mobile (Under 767px) */
@media (max-width: 767px) {
    .elementor-366 .elementor-element.elementor-element-160fdbd .elementor-button[type="submit"] {
        margin-top: 10px !important;
    }
}/* End custom CSS */