.elementor-262 .elementor-element.elementor-element-367a2416{--display:flex;--position:absolute;--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;top:0px;}body:not(.rtl) .elementor-262 .elementor-element.elementor-element-367a2416{left:0px;}body.rtl .elementor-262 .elementor-element.elementor-element-367a2416{right:0px;}.elementor-262 .elementor-element.elementor-element-11eea2f8{width:100%;max-width:100%;top:-7px;}.elementor-262 .elementor-element.elementor-element-11eea2f8.elementor-element{--order:-99999 /* order start hack */;}body:not(.rtl) .elementor-262 .elementor-element.elementor-element-11eea2f8{left:7px;}body.rtl .elementor-262 .elementor-element.elementor-element-11eea2f8{right:7px;}.elementor-262 .elementor-element.elementor-element-299e26ab{--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;--justify-content:center;--align-items:flex-end;--padding-top:0250px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-262 .elementor-element.elementor-element-299e26ab.e-con{--align-self:flex-end;}.elementor-262 .elementor-element.elementor-element-19e191fe{text-align:start;}.elementor-262 .elementor-element.elementor-element-19e191fe .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:60px;font-weight:800;color:var( --e-global-color-text );}.elementor-262 .elementor-element.elementor-element-cdd62c4{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;}.elementor-262 .elementor-element.elementor-element-7be679f{z-index:0;}.elementor-262 .elementor-element.elementor-element-f11442e{z-index:0;}.elementor-262 .elementor-element.elementor-element-5ba4a05{z-index:0;}.elementor-262 .elementor-element.elementor-element-357c78b{--display:flex;--min-height:300px;--overflow:hidden;--background-transition:0.5s;}.elementor-262 .elementor-element.elementor-element-357c78b:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-357c78b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.rangersfc.co.za/wp-content/uploads/2026/01/DSCN2882-scaled.jpg");background-size:cover;}.elementor-262 .elementor-element.elementor-element-1185fa7{--display:flex;--min-height:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-262 .elementor-element.elementor-element-1185fa7:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-1185fa7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000009E;}.elementor-262 .elementor-element.elementor-element-8e41476 .elementor-icon-wrapper{text-align:center;}.elementor-262 .elementor-element.elementor-element-8e41476.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-262 .elementor-element.elementor-element-8e41476.elementor-view-framed .elementor-icon, .elementor-262 .elementor-element.elementor-element-8e41476.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-262 .elementor-element.elementor-element-8e41476.elementor-view-framed .elementor-icon, .elementor-262 .elementor-element.elementor-element-8e41476.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-262 .elementor-element.elementor-element-5db3d1c .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-262 .elementor-element.elementor-element-4043291 .elementor-heading-title{font-size:20px;color:var( --e-global-color-secondary );}.elementor-262 .elementor-element.elementor-element-045c936{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-262 .elementor-element.elementor-element-78844c13{--display:flex;}.elementor-262 .elementor-element.elementor-element-672748a5{width:100%;max-width:100%;top:0px;}body:not(.rtl) .elementor-262 .elementor-element.elementor-element-672748a5{left:0px;}body.rtl .elementor-262 .elementor-element.elementor-element-672748a5{right:0px;}body.elementor-page-262:not(.elementor-motion-effects-element-type-background), body.elementor-page-262 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#09090B;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-262 .elementor-element.elementor-element-cdd62c4{--grid-auto-flow:row;}.elementor-262 .elementor-element.elementor-element-357c78b:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-357c78b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-262 .elementor-element.elementor-element-045c936{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-262 .elementor-element.elementor-element-cdd62c4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-262 .elementor-element.elementor-element-045c936{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for foogallery, class: .elementor-element-7be679f *//* 1. Add the Black Border to the main container */
.border{
    border: 2px solid #09090B !important; /* Black border */
    overflow: hidden !important; /* Keeps the zoom inside the box */
    transition: border-color 0.4s ease !important;
}

/* 2. Setup smooth transitions for the image */
.fg-image {
    transition: all 0.5s ease-in-out !important;
}

/* 3. The Hover Effect: Darken and Zoom */
.fg-item:hover .fg-image {
    filter: brightness(0.5) !important; /* Dark overlay effect */
    transform: scale(1.08) !important; /* Slight zoom in */
}

/* Optional: Make the border glow Orange on hover to match your buttons */
.fg-item:hover {
    border-color: #EA580C !important;
}/* End custom CSS */
/* Start custom CSS for foogallery, class: .elementor-element-f11442e *//* 1. Add the Black Border to the main container */
.border{
    border: 2px solid #09090B !important; /* Black border */
    overflow: hidden !important; /* Keeps the zoom inside the box */
    transition: border-color 0.4s ease !important;
}

/* 2. Setup smooth transitions for the image */
.fg-image {
    transition: all 0.5s ease-in-out !important;
}

/* 3. The Hover Effect: Darken and Zoom */
.fg-item:hover .fg-image {
    filter: brightness(0.5) !important; /* Dark overlay effect */
    transform: scale(1.08) !important; /* Slight zoom in */
}

/* Optional: Make the border glow Orange on hover to match your buttons */
.fg-item:hover {
    border-color: #EA580C !important;
}/* End custom CSS */
/* Start custom CSS for foogallery, class: .elementor-element-5ba4a05 *//* 1. Add the Black Border to the main container */
.border{
    border: 2px solid #09090B !important; /* Black border */
    overflow: hidden !important; /* Keeps the zoom inside the box */
    transition: border-color 0.4s ease !important;
}

/* 2. Setup smooth transitions for the image */
.fg-image {
    transition: all 0.5s ease-in-out !important;
}

/* 3. The Hover Effect: Darken and Zoom */
.fg-item:hover .fg-image {
    filter: brightness(0.5) !important; /* Dark overlay effect */
    transform: scale(1.08) !important; /* Slight zoom in */
}

/* Optional: Make the border glow Orange on hover to match your buttons */
.fg-item:hover {
    border-color: #EA580C !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1185fa7 *//* Start Invisible */
.elementor-262 .elementor-element.elementor-element-1185fa7 {
    opacity: 0;
    transition: all 0.5s ease;
}

/* Appear on Hover */
.elementor-262 .elementor-element.elementor-element-1185fa7:hover {
    opacity: 1;
}/* End custom CSS */