.elementor-892 .elementor-element.elementor-element-c29dabe{--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-892 .elementor-element.elementor-element-3d8b60f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-892 .elementor-element.elementor-element-3d8b60f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-892 .elementor-element.elementor-element-3d8b60f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-892 .elementor-element.elementor-element-3d8b60f .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-892 .elementor-element.elementor-element-3d8b60f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-892 .elementor-element.elementor-element-3d8b60f .elementor-image-box-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;line-height:20px;color:#000000;}.elementor-892 .elementor-element.elementor-element-334ff20 .elementor-button{background-color:#FDB817;font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:24px;fill:#000000;color:#000000;border-radius:4px 4px 4px 4px;}.elementor-892 .elementor-element.elementor-element-3458942{--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;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:4px 4px 4px 4px;}.elementor-892 .elementor-element.elementor-element-3458942:not(.elementor-motion-effects-element-type-background), .elementor-892 .elementor-element.elementor-element-3458942 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000000D;}.elementor-892 .elementor-element.elementor-element-4e0ac53{font-family:"Inter", Sans-serif;font-size:12px;line-height:16px;color:#00000099;}.elementor-892 .elementor-element.elementor-element-8ec4fc4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:32px;}.elementor-892 .elementor-element.elementor-element-2f6442d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;line-height:30px;color:#00000066;}.elementor-892 .elementor-element.elementor-element-ed15cbf .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-892 .elementor-element.elementor-element-ed15cbf .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-892 .elementor-element.elementor-element-ed15cbf .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-892 .elementor-element.elementor-element-ed15cbf .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-892 .elementor-element.elementor-element-ed15cbf .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-892 .elementor-element.elementor-element-ed15cbf .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#EEEEEE;}.elementor-892 .elementor-element.elementor-element-ed15cbf .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-892 .elementor-element.elementor-element-ed15cbf .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-892 .elementor-element.elementor-element-ed15cbf .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-892 .elementor-element.elementor-element-ed15cbf .elementor-icon-list-icon i{color:#555555;transition:color 0.3s;}.elementor-892 .elementor-element.elementor-element-ed15cbf .elementor-icon-list-icon svg{fill:#555555;transition:fill 0.3s;}.elementor-892 .elementor-element.elementor-element-ed15cbf{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-892 .elementor-element.elementor-element-ed15cbf .elementor-icon-list-item > .elementor-icon-list-text, .elementor-892 .elementor-element.elementor-element-ed15cbf .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;line-height:24px;}.elementor-892 .elementor-element.elementor-element-ed15cbf .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-892 .elementor-element.elementor-element-ad14995{--display:flex;}.elementor-892 .elementor-element.elementor-element-a208e94 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;line-height:30px;color:#00000066;}.elementor-892 .elementor-element.elementor-element-e2de83e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-892 .elementor-element.elementor-element-e2de83e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-892 .elementor-element.elementor-element-e2de83e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-892 .elementor-element.elementor-element-e2de83e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-892 .elementor-element.elementor-element-e2de83e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-892 .elementor-element.elementor-element-e2de83e .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#EEEEEE;}.elementor-892 .elementor-element.elementor-element-e2de83e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-892 .elementor-element.elementor-element-e2de83e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-892 .elementor-element.elementor-element-e2de83e .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-892 .elementor-element.elementor-element-e2de83e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-892 .elementor-element.elementor-element-e2de83e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-892 .elementor-element.elementor-element-e2de83e{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-892 .elementor-element.elementor-element-e2de83e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-892 .elementor-element.elementor-element-e2de83e .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;line-height:24px;}.elementor-892 .elementor-element.elementor-element-e2de83e .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-892 .elementor-element.elementor-element-893ad3e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-892 .elementor-element.elementor-element-c93c62c .elementor-icon-wrapper{text-align:center;}.elementor-892 .elementor-element.elementor-element-c93c62c.elementor-view-stacked .elementor-icon{background-color:#E81C35;}.elementor-892 .elementor-element.elementor-element-c93c62c.elementor-view-framed .elementor-icon, .elementor-892 .elementor-element.elementor-element-c93c62c.elementor-view-default .elementor-icon{color:#E81C35;border-color:#E81C35;}.elementor-892 .elementor-element.elementor-element-c93c62c.elementor-view-framed .elementor-icon, .elementor-892 .elementor-element.elementor-element-c93c62c.elementor-view-default .elementor-icon svg{fill:#E81C35;}.elementor-892 .elementor-element.elementor-element-c93c62c .elementor-icon{font-size:24px;}.elementor-892 .elementor-element.elementor-element-c93c62c .elementor-icon svg{height:24px;}.elementor-892 .elementor-element.elementor-element-a835072 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;line-height:30px;color:#E81C35;}#elementor-popup-modal-892{background-color:#1A1A1A99;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-892 .dialog-message{width:450px;height:auto;padding:0px 10px 10px 10px;}#elementor-popup-modal-892 .dialog-close-button{display:flex;background-color:#000000;font-size:20px;}#elementor-popup-modal-892 .dialog-widget-content{border-radius:4px 4px 4px 4px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-892 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-892 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-892 .elementor-element.elementor-element-3d8b60f .elementor-image-box-img{margin-bottom:15px;}#elementor-popup-modal-892 .dialog-message{width:350px;}}/* Start custom CSS for image-box, class: .elementor-element-3d8b60f *//* 1. Force the entire widget to the left edge */
.elementor-892 .elementor-element.elementor-element-3d8b60f {
    display: flex !important;
    justify-content: flex-start !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Wrapper - No margins, grouped tight */
.elementor-892 .elementor-element.elementor-element-3d8b60f .elementor-image-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important; 
    justify-content: flex-start !important; 
    gap: 12px !important; 
    width: auto !important;
    margin: 0 !important;
}

/* 3. Red Icon Box - Removing all side spacing */
.elementor-892 .elementor-element.elementor-element-3d8b60f .elementor-image-box-img {
    background-color: #E61E32 !important; 
    border-radius: 10px !important;       
    width: 42px !important;               
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    flex-shrink: 0 !important; 
}

/* 4. Icon (SVG) */
.elementor-892 .elementor-element.elementor-element-3d8b60f .elementor-image-box-img img {
    width: 20px !important;               
    height: auto !important;
    filter: brightness(0) invert(1);      
}

/* 5. Label/Title - Aligned Left */
.elementor-892 .elementor-element.elementor-element-3d8b60f .elementor-image-box-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin: 0 !important;                 
    padding: 0 !important;
    line-height: 1;
    white-space: nowrap !important;
    text-align: left !important;
}

/* 6. Ensure the text container doesn't push away */
.elementor-892 .elementor-element.elementor-element-3d8b60f .elementor-image-box-content {
    width: auto !important;
    flex-grow: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ed15cbf *//* 1. Base Row Styling */
#dashboard-menu-list .elementor-icon-list-item {
    display: flex; /* No !important here so JS can hide/show it */
    align-items: center !important;
    position: relative !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid #F2F2F2;
    min-height: 50px;
    width: 100% !important;
}

/* 2. The Custom Arrow (Base State) */
/* 2. The Custom Arrow (Base State) - Fixed Alignment */
/* 2. The Custom Arrow (Base State) - Force start at 0 */
#dashboard-menu-list .elementor-icon-list-item::after {
    content: "";
    position: absolute !important;
    right: 15px !important; 
    left: auto !important; 
    top: 50% !important;
    /* We reset the rotation to 0 here to ensure we know the starting point */
    transform: translateY(-50%) rotate(0deg) !important; 
    
    background-image: url("https://nilespecial.ug/worldcupscorepredictor/wp-content/uploads/2026/05/arrow_right-b225f8.svg") !important;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    color: #00000066;
    display: block !important;
    pointer-events: none;
    transition: transform 0.3s ease-in-out !important;
}

/* 3. The Rotation - Force 180 degree flip */
#dashboard-menu-list .elementor-icon-list-item.is-open::after {
    /* If 180deg looks left, try 90deg or -180deg. 
       But 180deg is the standard for a vertical flip. */
    transform: translateY(-50%) rotate(-90deg) !important;
}



/* 4. Sub-item Layout (3, 4, 5) */
#dashboard-menu-list .elementor-icon-list-item:nth-child(3),
#dashboard-menu-list .elementor-icon-list-item:nth-child(4),
#dashboard-menu-list .elementor-icon-list-item:nth-child(5) {
    padding-left: 40px !important;
    border-bottom: none !important;
   
}

/* 5. Sub-item Text/Arrow Styling */
#dashboard-menu-list .elementor-icon-list-item:nth-child(3) .elementor-icon-list-text,
#dashboard-menu-list .elementor-icon-list-item:nth-child(4) .elementor-icon-list-text,
#dashboard-menu-list .elementor-icon-list-item:nth-child(5) .elementor-icon-list-text {
    font-size: 14px !important;
    line-height: 20px !important;
    color: #000000B2 !important;
}

/* Force hide arrows on sub-items */
#dashboard-menu-list .elementor-icon-list-item:nth-child(3)::after,
#dashboard-menu-list .elementor-icon-list-item:nth-child(4)::after,
#dashboard-menu-list .elementor-icon-list-item:nth-child(5)::after {
    display: none !important;
    content: none !important;
}

/* 6. Text Spacing */
#dashboard-menu-list .elementor-icon-list-text {
    padding-right: 35px !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e2de83e *//* 1. Ensure the parent item is the anchor */
.elementor-892 .elementor-element.elementor-element-e2de83e .elementor-icon-list-item {
    display: flex !important;
    align-items: center !important;
    position: relative !important; /* This creates the 'wall' for the arrow */
    padding: 15px 0 !important;
    border-bottom: 1px solid #F2F2F2;
    min-height: 50px;
    width: 100% !important; /* Force full width */
}

/* 2. The Custom Arrow (::after) */
/* 2. The Custom Arrow (::after) */
.elementor-892 .elementor-element.elementor-element-e2de83e .elementor-icon-list-item::after {
    content: "";
    position: absolute !important;
    right: 5px !important; 
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    
  background-image: url("https://nilespecial.ug/worldcupscorepredictor/wp-content/uploads/2026/05/arrow_right-b225f8.svg") !important;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    color: #00000066;
    display: block !important;
    pointer-events: none;
    transition: transform 0.3s ease-in-out !important;
}

/* 4. Increase the text padding so the larger icon doesn't overlap */
.elementor-892 .elementor-element.elementor-element-e2de83e .elementor-icon-list-text {
    padding-right: 35px !important;
}

/* 3. Special case for rotation */
.elementor-892 .elementor-element.elementor-element-e2de83e .menu-toggle.is-open::after {
    /* We must keep the translateY(-50%) so it stays centered while rotating */
    transform: translateY(-50%) rotate(90deg) !important;
}/* End custom CSS */
/* Start custom CSS *//* Style the default close button */
#elementor-popup-modal-892 .dialog-close-button {
    background-color: #000000 !important; /* Black background */
    color: #FFFFFF !important;            /* White 'X' */
    border-radius: 6px !important;        /* Slight rounding */
    padding: 8px !important;              /* Box size */
    top: 20px !important;                 /* Align with top padding */
    right: 20px !important;               /* Align with right padding */
    width: 32px !important;               /* Square width */
    height: 32px !important;              /* Square height */
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}

/* Hover effect */
#elementor-popup-modal-892 .dialog-close-button:hover {
    opacity: 0.8;
}

/* Ensure the 'X' icon inside is sized correctly */
#elementor-popup-modal-892 .dialog-close-button svg {
    width: 14px !important;
    height: 14px !important;
    fill: #FFFFFF !important;
}/* End custom CSS */