.elementor-37198 .elementor-element.elementor-element-7b352a4c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-37198 .elementor-element.elementor-element-7b352a4c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-37198 .elementor-element.elementor-element-6ddb39fd{--display:flex;}.elementor-37198 .elementor-element.elementor-element-6ddb39fd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-37198 .elementor-element.elementor-element-2ff83544{--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;}.elementor-37198 .elementor-element.elementor-element-2ff83544.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-37198 .elementor-element.elementor-element-4e354774.elementor-element{--align-self:center;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-group{padding-right:calc( 13px/2 );padding-left:calc( 13px/2 );margin-bottom:8px;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-form-fields-wrapper{margin-left:calc( -13px/2 );margin-right:calc( -13px/2 );margin-bottom:-8px;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-labels-inline .elementor-field-group > label{padding-left:9px;}body:not(.rtl) .elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-labels-inline .elementor-field-group > label{padding-right:9px;}body .elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-labels-above .elementor-field-group > label{padding-bottom:9px;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-group > label, .elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-subgroup label{color:#000000;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-group > label{font-family:"Roboto", Sans-serif;font-size:1px;font-weight:400;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-type-html{padding-bottom:0px;color:#010101;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-group .elementor-field{color:#0D0D0D;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-group .elementor-field, .elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-subgroup label{font-family:"Alata", Sans-serif;font-size:22px;font-weight:700;line-height:32px;word-spacing:0px;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-radius:38px 38px 38px 38px;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-radius:38px 38px 38px 38px;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-button{font-family:"Almarai", Sans-serif;font-size:27px;font-weight:900;line-height:32px;border-radius:35px 35px 35px 35px;padding:15px 0px 15px 0px;}.elementor-37198 .elementor-element.elementor-element-4e354774 .e-form__buttons__wrapper__button-next{background-color:#34B300;color:#FFFFFF;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-button[type="submit"]{background-color:#34B300;color:#FFFFFF;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-37198 .elementor-element.elementor-element-4e354774 .e-form__buttons__wrapper__button-previous{background-color:#CEBB61;color:#ffffff;}.elementor-37198 .elementor-element.elementor-element-4e354774 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-37198 .elementor-element.elementor-element-4e354774 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-message{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-37198 .elementor-element.elementor-element-4e354774{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:#B89E45;--e-form-steps-indicator-inactive-secondary-color:#B18080;--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;}@media(max-width:1024px){.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-group .elementor-field, .elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-subgroup label{font-size:23px;}}@media(min-width:768px){.elementor-37198 .elementor-element.elementor-element-7b352a4c{--width:55.344%;}.elementor-37198 .elementor-element.elementor-element-6ddb39fd{--width:85.787%;}.elementor-37198 .elementor-element.elementor-element-2ff83544{--width:95.404%;}}@media(max-width:767px){.elementor-37198 .elementor-element.elementor-element-4e354774 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-group > label{font-size:1px;}.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-group .elementor-field, .elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-subgroup label{font-size:14px;word-spacing:0em;}}/* Start custom CSS for form, class: .elementor-element-4e354774 */input[type='radio'] { transform: scale(2);
margin-right:20px;
margin-bottom: 20px;
}
/* Style général du champ radio */
input[type="radio"] {
    display: none; /* On cache le bouton radio natif */
}

/* Style du label qui sert de bouton personnalisé */
input[type="radio"] + label {
    
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 5px;
    background-color: #fff;

    transition: all 0.3s ease;
    margin-right: 10px; /* Espacement entre les boutons radio */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Légère ombre */
}

/* Effet au survol (hover) */
input[type="radio"]:hover + label {
    border-color: #2980b9; /* Couleur de la bordure au survol */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); /* Ombre plus marquée au survol */
}

/* État sélectionné (quand l'option est active) */
input[type="radio"]:checked + label {
    padding: 7px;
    background-color: #ADD8E6; /* Couleur de fond quand sélectionné */
    border-color: #2980b9; /* Couleur de la bordure quand sélectionné */
}


/* Effet d'animation lors du changement d'état */
input[type="radio"]:checked + label::after {
    top: 6px;
    left: 6px;
}

.elementor-field-option {
    text-align: right;
    margin-bottom: 10px;
}

/*=================================================
        PREMIUM OFFER - BROWN / HONEY THEME
=================================================*/

.elementor-37198 .elementor-element.elementor-element-4e354774{
    direction:rtl;

    background:
        linear-gradient(
            135deg,
            #FFFDF8 0%,
            #F8F0E3 55%,
            #EBD8BE 100%
        );

    border:2px solid #9A6A32;
    border-radius:18px;

    padding:0 18px 18px !important;

    box-shadow:0 12px 30px rgba(105,70,30,.13);

    overflow:hidden;
    box-sizing:border-box;
}


/*=========================
      TITLE
=========================*/

.elementor-37198 .elementor-element.elementor-element-4e354774:before{

    content:"اطلب العسل الشوكي الآن";

    display:block;

    margin:0 -18px 0;

    padding:17px 12px 15px;

    background:linear-gradient(
        135deg,
        #8B5E2A,
        #6B4218
    );

    color:#fff;

    text-align:center;

    font-size:28px;
    line-height:1.4;

    font-weight:900;

    font-family:"Cairo",sans-serif;
}


/*=========================
      OFFER CARD
=========================*/

.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-option{

    position:relative;

    width:100%;
    max-width:100%;

    box-sizing:border-box;

    padding:20px 22px;

    margin:14px 0;

    background:linear-gradient(
        135deg,
        #FFFDF9,
        #F8F0E3
    );

    border:2px solid rgba(154,106,50,.45);

    border-radius:17px;

    box-shadow:0 8px 20px rgba(105,70,30,.08);

    transition:.35s ease;

    overflow:visible;
}


/* HOVER */

.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-option:hover{

    transform:translateY(-3px);

    border-color:#9A6A32;

    box-shadow:0 14px 30px rgba(105,70,30,.16);
}


/*=========================
      FIRST OFFER
=========================*/

.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-option:first-child{

    margin-top:34px;

    border:2px solid #9A6A32;

    background:linear-gradient(
        135deg,
        #FFFDF8 0%,
        #F5E7D0 100%
    );

    box-shadow:0 8px 22px rgba(105,70,30,.13);
}


/*=========================
      TOP BADGE
=========================*/

.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-option:first-child:before{

    content:"🔥 الأكثر طلباً";

    position:absolute;

    top:-20px;
    right:18px;

    background:linear-gradient(
        135deg,
        #C58A32,
        #A66A24
    );

    color:#fff;

    padding:8px 18px;

    font-size:14px;

    font-weight:900;

    border-radius:0 14px 0 14px;

    box-shadow:0 8px 18px rgba(166,106,36,.30);

    animation:pulseBadge 1.6s infinite;

    z-index:20;

    white-space:nowrap;
}


@keyframes pulseBadge{

    0%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.04);
    }

    100%{
        transform:scale(1);
    }
}


/*=========================
      OFFER LABEL / TEXT
=========================*/

.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-option label{

    display:flex;

    align-items:center;
    justify-content:center;

    width:100%;

    min-height:62px;

    box-sizing:border-box;

    padding:4px 8px;

    margin:0;

    text-align:center;

    font-size:21px;

    font-weight:800;

    color:#5F3B1C;

    line-height:1.7;

    font-family:"Cairo",sans-serif;

    background:none!important;

    border:none!important;

    box-shadow:none!important;

    white-space:normal!important;

    overflow-wrap:anywhere;

    word-break:normal;
}


.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-option label span{

    background:none!important;

    border:none!important;

    box-shadow:none!important;

    padding:0!important;

    margin:0!important;

    white-space:normal!important;
}


/*=========================
      SELECTED OFFER = RED
=========================*/

.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-option:has(input[type=radio]:checked){

    border:2px solid #C62828 !important;

    background:linear-gradient(
        135deg,
        #FFF7F5,
        #FCE7E3
    ) !important;

    box-shadow:
        0 0 0 4px rgba(198,40,40,.10),
        0 10px 24px rgba(198,40,40,.15) !important;
}


.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-option:has(input[type=radio]:checked) label{

    color:#A51D1D !important;
}


/*=========================
      INPUTS
=========================*/

.elementor-37198 .elementor-element.elementor-element-4e354774 input,
.elementor-37198 .elementor-element.elementor-element-4e354774 select,
.elementor-37198 .elementor-element.elementor-element-4e354774 textarea{

    width:100%;

    box-sizing:border-box;

    border-radius:10px!important;

    border:1.5px solid #D6C3A8!important;

    background:#fff!important;

    min-height:46px;

    color:#333;

    font-family:"Cairo",sans-serif;

    transition:.25s ease;
}


.elementor-37198 .elementor-element.elementor-element-4e354774 input:focus,
.elementor-37198 .elementor-element.elementor-element-4e354774 select:focus,
.elementor-37198 .elementor-element.elementor-element-4e354774 textarea:focus{

    border-color:#9A6A32!important;

    box-shadow:0 0 0 3px rgba(154,106,50,.11)!important;

    outline:none!important;
}


/*=========================
      RADIO
=========================*/

.elementor-37198 .elementor-element.elementor-element-4e354774 input[type=radio]{

    display:none!important;
}


/*=========================
      BUTTON
=========================*/

.elementor-37198 .elementor-element.elementor-element-4e354774 button,
.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-button{

    width:100%!important;

    min-height:62px!important;

    border:none!important;

    border-radius:12px!important;

    background:linear-gradient(
        135deg,
        #8B5E2A,
        #6B4218
    )!important;

    color:#fff!important;

    font-size:24px!important;

    font-weight:900!important;

    font-family:"Cairo",sans-serif;

    box-shadow:0 10px 25px rgba(107,66,24,.28);

    transition:.35s ease;
}


.elementor-37198 .elementor-element.elementor-element-4e354774 button:hover,
.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-button:hover{

    transform:translateY(-3px);

    background:linear-gradient(
        135deg,
        #A87532,
        #704416
    )!important;

    box-shadow:0 14px 30px rgba(107,66,24,.35);
}


.elementor-37198 .elementor-element.elementor-element-4e354774 button:active,
.elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-button:active{

    transform:scale(.98);
}


/*=========================
      COD BADGE
=========================*/

.elementor-37198 .elementor-element.elementor-element-4e354774:after{

    content:"💵 الدفع عند الاستلام";

    display:block;

    width:min(230px,80%);

    box-sizing:border-box;

    margin:-12px auto 18px;

    padding:8px 12px;

    background:linear-gradient(
        135deg,
        #C58A32,
        #A66A24
    );

    color:#fff;

    text-align:center;

    font-size:18px;

    font-weight:900;

    font-family:"Cairo",sans-serif;

    border-radius:0 0 9px 9px;

    box-shadow:0 7px 15px rgba(166,106,36,.20);
}


/*=================================================
                  MOBILE
=================================================*/

@media(max-width:767px){

    .elementor-37198 .elementor-element.elementor-element-4e354774{

        padding:0 10px 14px!important;

        border-radius:16px;

        width:100%;

        max-width:100%;

        box-sizing:border-box;
    }


    .elementor-37198 .elementor-element.elementor-element-4e354774:before{

        margin:0 -10px;

        padding:14px 8px 13px;

        font-size:22px;

        line-height:1.35;
    }


    .elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-option{

        width:100%!important;

        max-width:100%!important;

        margin:12px 0!important;

        padding:16px 12px!important;

        border-radius:14px;

        transform:none!important;

        box-sizing:border-box;
    }


    .elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-option:first-child{

        margin-top:31px!important;
    }


    .elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-option label{

        width:100%!important;

        min-height:auto!important;

        padding:8px 4px!important;

        font-size:16px!important;

        line-height:1.7!important;

        text-align:center!important;

        white-space:normal!important;

        overflow-wrap:break-word!important;
    }


    .elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-option:first-child:before{

        top:-18px;

        right:10px;

        padding:6px 13px;

        font-size:12px;

        border-radius:0 11px 0 11px;
    }


    .elementor-37198 .elementor-element.elementor-element-4e354774 input,
    .elementor-37198 .elementor-element.elementor-element-4e354774 select,
    .elementor-37198 .elementor-element.elementor-element-4e354774 textarea{

        min-height:44px!important;

        font-size:15px!important;
    }


    .elementor-37198 .elementor-element.elementor-element-4e354774 button,
    .elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-button{

        min-height:56px!important;

        font-size:21px!important;

        border-radius:10px!important;
    }


    .elementor-37198 .elementor-element.elementor-element-4e354774:after{

        width:78%;

        max-width:230px;

        margin:-8px auto 12px;

        padding:7px 8px;

        font-size:16px;
    }
}


/* EXTRA SMALL PHONES */

@media(max-width:380px){

    .elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-option label{

        font-size:14px!important;

        line-height:1.65!important;
    }

    .elementor-37198 .elementor-element.elementor-element-4e354774:before{

        font-size:20px;
    }

    .elementor-37198 .elementor-element.elementor-element-4e354774 button,
    .elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-button{

        font-size:19px!important;
    }

    .elementor-37198 .elementor-element.elementor-element-4e354774 .elementor-field-option:first-child:before{

        font-size:11px;

        padding:6px 10px;
    }
}/* End custom CSS */