.elementor-3766 .elementor-element.elementor-element-77991b1{--display:flex;}.elementor-3766 .elementor-element.elementor-element-77991b1:not(.elementor-motion-effects-element-type-background), .elementor-3766 .elementor-element.elementor-element-77991b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7a1bb54 );}.elementor-3766 .elementor-element.elementor-element-b46e103{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9F2F2;--border-color:#F9F2F2;}.elementor-3766 .elementor-element.elementor-element-b46e103:not(.elementor-motion-effects-element-type-background), .elementor-3766 .elementor-element.elementor-element-b46e103 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1669780 );}.elementor-3766 .elementor-element.elementor-element-b46e103.e-con{--align-self:center;}.elementor-3766 .elementor-element.elementor-element-851a7ba{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:16px 16px 16px 16px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-3766 .elementor-element.elementor-element-851a7ba:not(.elementor-motion-effects-element-type-background), .elementor-3766 .elementor-element.elementor-element-851a7ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1424;}.elementor-3766 .elementor-element.elementor-element-851a7ba.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3766 .elementor-element.elementor-element-8078723{font-size:32px;}.elementor-3766 .elementor-element.elementor-element-65a9174{font-size:30px;}.elementor-3766 .elementor-element.elementor-element-ded0397{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3766 .elementor-element.elementor-element-ded0397.e-con{--align-self:center;}.elementor-3766 .elementor-element.elementor-element-228ef62{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3766 .elementor-element.elementor-element-228ef62.elementor-element{--align-self:flex-start;}@media(max-width:767px){.elementor-3766 .elementor-element.elementor-element-228ef62{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(min-width:768px){.elementor-3766 .elementor-element.elementor-element-b46e103{--width:60%;}.elementor-3766 .elementor-element.elementor-element-851a7ba{--width:82%;}.elementor-3766 .elementor-element.elementor-element-ded0397{--width:81%;}}/* Start custom CSS for html, class: .elementor-element-ea7b724 *//* 1. Base Style for ALL Device Boxes */
.wpforms-field-checkbox ul.wpforms-list li {
    background-color: #FFFFFF0F !important; /* Transparent White Background */
    border-radius: 8px !important;
    padding: 20px 10px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    margin: 5px !important;
    display: inline-block !important; /* Makes them sit side-by-side if space allows */
    width: 30% !important; /* Adjust based on your layout (3 per row) */
    min-width: 100px !important;
    box-sizing: border-box !important;
    
    /* Default Border (will be overridden below) */
    border: 2px solid transparent !important; 
}

/* Hide the default checkbox circle */
.wpforms-field-checkbox input[type="checkbox"] {
    display: none !important;
}

/* Style the Label/Text inside */
.wpforms-field-checkbox ul.wpforms-list li label {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 0 !important;
    height: 100% !important;
}

/* Icon Color Fix (Makes icons blue/white) */
.wpforms-field-checkbox ul.wpforms-list li img,
.wpforms-field-checkbox ul.wpforms-list li svg {
    max-width: 40px !important;
    height: auto !important;
    filter: brightness(0) saturate(100%) invert(73%) sepia(17%) saturate(589%) hue-rotate(196deg) brightness(92%) contrast(92%) !important; /* Blue tint */
}

/* =========================================
   UNIQUE BORDERS FOR EACH DEVICE
   (Adjusts based on the order in your form)
   ========================================= */

/* 1. Android TV - Green Border */
.wpforms-field-checkbox ul.wpforms-list li:nth-child(1) {
    border-color: #4CAF50 !important; 
}
.wpforms-field-checkbox ul.wpforms-list li:nth-child(1).wpforms-selected {
    background-color: rgba(76, 175, 80, 0.1) !important;
    box-shadow: 0 0 15px rgba(76, 175, 80, 0.3);
}

/* 2. Smart TV Samsung - Blue Border */
.wpforms-field-checkbox ul.wpforms-list li:nth-child(2) {
    border-color: #2196F3 !important;
}
.wpforms-field-checkbox ul.wpforms-list li:nth-child(2).wpforms-selected {
    background-color: rgba(33, 150, 243, 0.1) !important;
    box-shadow: 0 0 15px rgba(33, 150, 243, 0.3);
}

/* 3. Smart TV LG - Purple Border */
.wpforms-field-checkbox ul.wpforms-list li:nth-child(3) {
    border-color: #9C27B0 !important;
}
.wpforms-field-checkbox ul.wpforms-list li:nth-child(3).wpforms-selected {
    background-color: rgba(156, 39, 176, 0.1) !important;
    box-shadow: 0 0 15px rgba(156, 39, 176, 0.3);
}

/* 4. Amazon Fire Stick - Orange Border */
.wpforms-field-checkbox ul.wpforms-list li:nth-child(4) {
    border-color: #FF9800 !important;
}
.wpforms-field-checkbox ul.wpforms-list li:nth-child(4).wpforms-selected {
    background-color: rgba(255, 152, 0, 0.1) !important;
    box-shadow: 0 0 15px rgba(255, 152, 0, 0.3);
}

/* 5. Apple TV - Gray/Silver Border */
.wpforms-field-checkbox ul.wpforms-list li:nth-child(5) {
    border-color: #E0E0E0 !important;
}
.wpforms-field-checkbox ul.wpforms-list li:nth-child(5).wpforms-selected {
    background-color: rgba(224, 224, 224, 0.1) !important;
    box-shadow: 0 0 15px rgba(224, 224, 224, 0.3);
}

/* 6. MAG Box - Red Border */
.wpforms-field-checkbox ul.wpforms-list li:nth-child(6) {
    border-color: #F44336 !important;
}
.wpforms-field-checkbox ul.wpforms-list li:nth-child(6).wpforms-selected {
    background-color: rgba(244, 67, 54, 0.1) !important;
    box-shadow: 0 0 15px rgba(244, 67, 54, 0.3);
}

/* 7. Enigma2 - Cyan Border */
.wpforms-field-checkbox ul.wpforms-list li:nth-child(7) {
    border-color: #00BCD4 !important;
}
.wpforms-field-checkbox ul.wpforms-list li:nth-child(7).wpforms-selected {
    background-color: rgba(0, 188, 212, 0.1) !important;
    box-shadow: 0 0 15px rgba(0, 188, 212, 0.3);
}

/* 8. PC/Mac - White Border */
.wpforms-field-checkbox ul.wpforms-list li:nth-child(8) {
    border-color: #FFFFFF !important;
}
.wpforms-field-checkbox ul.wpforms-list li:nth-child(8).wpforms-selected {
    background-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
}

/* 9. Smartphone/Tablette - Pink Border */
.wpforms-field-checkbox ul.wpforms-list li:nth-child(9) {
    border-color: #E91E63 !important;
}
.wpforms-field-checkbox ul.wpforms-list li:nth-child(9).wpforms-selected {
    background-color: rgba(233, 30, 99, 0.1) !important;
    box-shadow: 0 0 15px rgba(233, 30, 99, 0.3);
}

/* Hover Effect for All */
.wpforms-field-checkbox ul.wpforms-list li:hover {
    transform: translateY(-3px);
    filter: brightness(1.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ded0397 */.custom-email-field input {
  background: url('/wp-content/uploads/2026/05/sport.svg') no-repeat 10px center / 1.25em;
  padding-left: 2.5em !important;
}/* End custom CSS */