.elementor-2977 .elementor-element.elementor-element-76e1223{--display:flex;--min-height:580px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2977 .elementor-element.elementor-element-76e1223:not(.elementor-motion-effects-element-type-background), .elementor-2977 .elementor-element.elementor-element-76e1223 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E3E1DE;}.elementor-2977 .elementor-element.elementor-element-f090e0d{--display:flex;--min-height:239px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2977 .elementor-element.elementor-element-f090e0d:not(.elementor-motion-effects-element-type-background), .elementor-2977 .elementor-element.elementor-element-f090e0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E3E1DE;}.elementor-2977 .elementor-element.elementor-element-173a5bd{margin:-97px 0px calc(var(--kit-widget-spacing, 0px) + -291px) 0px;z-index:0;}.elementor-2977 .elementor-element.elementor-element-c145bad{--display:flex;--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2977 .elementor-element.elementor-element-ff7f24d{--display:flex;--min-height:0px;--margin-top:-168px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2977 .elementor-element.elementor-element-c2b9c37{width:var( --container-widget-width, 63% );max-width:63%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:25px 0px 0px 0px;--container-widget-width:63%;--container-widget-flex-grow:0;}.elementor-2977 .elementor-element.elementor-element-c2b9c37.elementor-element{--align-self:center;}.elementor-2977 .elementor-element.elementor-element-67a5e7a{padding:0px 0px 0px 0px;z-index:1;text-align:center;}.elementor-2977 .elementor-element.elementor-element-67a5e7a .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:145px;font-weight:800;color:#DABEAA;}.elementor-2977 .elementor-element.elementor-element-0cf84f8{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 50px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-2977 .elementor-element.elementor-element-0cf84f8.elementor-element{--align-self:center;}.elementor-2977 .elementor-element.elementor-element-0cf84f8 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:500;line-height:43px;}.elementor-2977 .elementor-element.elementor-element-1361d3d{margin:-366px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:1;text-align:center;}.elementor-2977 .elementor-element.elementor-element-1361d3d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:230px;font-weight:800;text-transform:uppercase;color:#FFFFFF;}.elementor-2977 .elementor-element.elementor-element-3d176d6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 00px) 0px;top:389px;z-index:2;text-align:start;}.elementor-2977 .elementor-element.elementor-element-3d176d6.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-2977 .elementor-element.elementor-element-3d176d6{left:215px;}body.rtl .elementor-2977 .elementor-element.elementor-element-3d176d6{right:215px;}.elementor-2977 .elementor-element.elementor-element-3d176d6 img{width:384px;opacity:0.85;}.elementor-2977 .elementor-element.elementor-element-145345c{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:2;text-align:center;}.elementor-2977 .elementor-element.elementor-element-145345c.elementor-element{--align-self:center;}.elementor-2977 .elementor-element.elementor-element-145345c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;line-height:43px;color:var( --e-global-color-2c51e279 );}.elementor-2977 .elementor-element.elementor-element-6423229{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:2;text-align:center;}.elementor-2977 .elementor-element.elementor-element-6423229.elementor-element{--align-self:center;}.elementor-2977 .elementor-element.elementor-element-6423229 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:123px;font-weight:700;line-height:100px;color:var( --e-global-color-2c51e279 );}.elementor-2977 .elementor-element.elementor-element-9bd6b36{padding:0px 0px 0px 0px;z-index:1;text-align:center;}.elementor-2977 .elementor-element.elementor-element-9bd6b36 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:145px;font-weight:800;color:#DABEAA;}.elementor-2977 .elementor-element.elementor-element-6be967c{width:var( --container-widget-width, 67% );max-width:67%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:67%;--container-widget-flex-grow:0;text-align:center;}.elementor-2977 .elementor-element.elementor-element-6be967c.elementor-element{--align-self:center;}.elementor-2977 .elementor-element.elementor-element-6be967c .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:500;line-height:43px;}.elementor-2977 .elementor-element.elementor-element-464c29d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -100px) 0px;padding:0px 0px 0px 0px;z-index:1;text-align:center;}.elementor-2977 .elementor-element.elementor-element-464c29d .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:145px;font-weight:800;color:#DABEAA;}.elementor-2977 .elementor-element.elementor-element-5919600{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2977 .elementor-element.elementor-element-7dd8f7f{padding:0px 0px 0px 0px;z-index:1;text-align:center;}.elementor-2977 .elementor-element.elementor-element-7dd8f7f .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:145px;font-weight:800;color:#DABEAA;}.elementor-2977 .elementor-element.elementor-element-e9a89ed{width:var( --container-widget-width, 73% );max-width:73%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 48px 0px;--container-widget-width:73%;--container-widget-flex-grow:0;text-align:center;}.elementor-2977 .elementor-element.elementor-element-e9a89ed.elementor-element{--align-self:center;}.elementor-2977 .elementor-element.elementor-element-e9a89ed .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:500;line-height:43px;}.elementor-2977 .elementor-element.elementor-element-424360b{padding:0px 0px 0px 0px;z-index:1;text-align:center;}.elementor-2977 .elementor-element.elementor-element-424360b .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:145px;font-weight:800;color:#DABEAA;}.elementor-2977 .elementor-element.elementor-element-f2c250b{padding:0px 0px 0px 0px;z-index:1;text-align:center;}.elementor-2977 .elementor-element.elementor-element-f2c250b .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:145px;font-weight:800;color:#DABEAA;}.elementor-2977 .elementor-element.elementor-element-2191107{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-2977 .elementor-element.elementor-element-2191107.elementor-element{--align-self:center;}.elementor-2977 .elementor-element.elementor-element-2191107 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:500;line-height:43px;}@media(max-width:1024px){.elementor-2977 .elementor-element.elementor-element-0cf84f8{width:100%;max-width:100%;}.elementor-2977 .elementor-element.elementor-element-1361d3d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -422px) 0px;}.elementor-2977 .elementor-element.elementor-element-1361d3d .elementor-heading-title{font-size:192px;}.elementor-2977 .elementor-element.elementor-element-145345c .elementor-heading-title{font-size:40px;}.elementor-2977 .elementor-element.elementor-element-464c29d .elementor-heading-title{font-size:105px;}.elementor-2977 .elementor-element.elementor-element-7dd8f7f .elementor-heading-title{font-size:105px;}.elementor-2977 .elementor-element.elementor-element-e9a89ed{width:100%;max-width:100%;}.elementor-2977 .elementor-element.elementor-element-424360b .elementor-heading-title{font-size:105px;}.elementor-2977 .elementor-element.elementor-element-f2c250b .elementor-heading-title{font-size:105px;}}@media(max-width:767px){.elementor-2977 .elementor-element.elementor-element-173a5bd{margin:-220px 0px calc(var(--kit-widget-spacing, 0px) + -350px) 0px;}.elementor-2977 .elementor-element.elementor-element-7e3bd65{margin:-160px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2977 .elementor-element.elementor-element-ff7f24d{--margin-top:-210px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2977 .elementor-element.elementor-element-c2b9c37{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2977 .elementor-element.elementor-element-67a5e7a{width:100%;max-width:100%;text-align:center;}.elementor-2977 .elementor-element.elementor-element-67a5e7a .elementor-heading-title{font-size:62px;}.elementor-2977 .elementor-element.elementor-element-0cf84f8{padding:0px 0px 40px 0px;}.elementor-2977 .elementor-element.elementor-element-0cf84f8 .elementor-heading-title{font-size:20px;line-height:1.3em;}.elementor-2977 .elementor-element.elementor-element-8157c94{padding:0px 0px 0px 0px;}.elementor-2977 .elementor-element.elementor-element-1361d3d{width:100%;max-width:100%;margin:-211px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2977 .elementor-element.elementor-element-1361d3d.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-2977 .elementor-element.elementor-element-1361d3d .elementor-heading-title{font-size:100px;}.elementor-2977 .elementor-element.elementor-element-3d176d6{width:var( --container-widget-width, 195px );max-width:195px;margin:-145px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:195px;--container-widget-flex-grow:0;top:496px;}body:not(.rtl) .elementor-2977 .elementor-element.elementor-element-3d176d6{left:2px;}body.rtl .elementor-2977 .elementor-element.elementor-element-3d176d6{right:2px;}.elementor-2977 .elementor-element.elementor-element-3d176d6 img{width:165px;}.elementor-2977 .elementor-element.elementor-element-145345c{margin:140px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2977 .elementor-element.elementor-element-145345c .elementor-heading-title{font-size:23px;line-height:1.3em;}.elementor-2977 .elementor-element.elementor-element-6423229{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2977 .elementor-element.elementor-element-6423229 .elementor-heading-title{font-size:42px;line-height:1.3em;}.elementor-2977 .elementor-element.elementor-element-9bd6b36 .elementor-heading-title{font-size:62px;}.elementor-2977 .elementor-element.elementor-element-6be967c{padding:0px 0px 0px 0px;--container-widget-width:96%;--container-widget-flex-grow:0;width:var( --container-widget-width, 96% );max-width:96%;}.elementor-2977 .elementor-element.elementor-element-6be967c .elementor-heading-title{font-size:20px;line-height:1.3em;}.elementor-2977 .elementor-element.elementor-element-464c29d{margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 80px) 0px;}.elementor-2977 .elementor-element.elementor-element-464c29d .elementor-heading-title{font-size:62px;}.elementor-2977 .elementor-element.elementor-element-7dd8f7f .elementor-heading-title{font-size:62px;}.elementor-2977 .elementor-element.elementor-element-e9a89ed{padding:0px 0px 0px 0px;}.elementor-2977 .elementor-element.elementor-element-e9a89ed .elementor-heading-title{font-size:20px;line-height:1.3em;}.elementor-2977 .elementor-element.elementor-element-424360b .elementor-heading-title{font-size:62px;}.elementor-2977 .elementor-element.elementor-element-f2c250b .elementor-heading-title{font-size:62px;}.elementor-2977 .elementor-element.elementor-element-2191107{padding:0px 0px 0px 0px;--container-widget-width:96%;--container-widget-flex-grow:0;width:var( --container-widget-width, 96% );max-width:96%;}.elementor-2977 .elementor-element.elementor-element-2191107 .elementor-heading-title{font-size:20px;line-height:1.3em;}}@media(min-width:768px){.elementor-2977 .elementor-element.elementor-element-ff7f24d{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-c2b9c37 *//* =========================================
   MODERN FLOATING SEARCH BAR (Blue & Red Theme)
   Target: .ere-search-properties
   ========================================= */

/* 1. THE CONTAINER (Floating White Card) */
.ere-search-properties .form-search-wrap {
    border: 1px double rgba(51, 51, 51, 0.08);

  box-shadow:
    inset 2px -2px 1px -1px rgba(255, 255, 255, 0.9),
    inset -2px 2px 1px -1px rgba(255, 255, 255, 0.9),
    inset 6px -6px 1px -6px rgba(255, 255, 255, 0.55),
    inset -6px 6px 1px -6px rgba(255, 255, 255, 0.55),
    inset 0 0 2px rgba(0, 0, 0, 0.8),
    0 4px 8px rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(2px);
  filter: brightness(0.9);
    background-image: none !important;
    border: 2px solid #eef2f6 !important;
    border-radius: 30px !important;
    box-shadow: 0 15px 40px -10px rgba(17, 33, 71, 0.15) !important; /* Soft Shadow */
    padding: 30px !important;
    margin-bottom: 40px !important;
    position: relative !important;
    top: -50px !important; /* Floats it slightly upwards over banner if needed */
    z-index: 10 !important;
}

/* 2. INPUT FIELDS & DROPDOWNS */
.ere-search-properties .form-control,
.ere-search-properties input[type="text"],
.ere-search-properties select {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 52px !important;
    height: 50px !important;
    color: #112147 !important; /* Blue Text */
    font-size: 14px !important;
    font-family: 'cairo', sans-serif !important;
    box-shadow: none !important;
    padding: 0 15px !important;
}

/* Focus State (Blue Border) */
.ere-search-properties .form-control:focus,
.ere-search-properties input:focus,
.ere-search-properties select:focus {
    border-color: #112147 !important;
    box-shadow: 0 0 0 4px rgba(17, 33, 71, 0.05) !important;
}

/* 3. SELECT2 DROPDOWNS (The fancy select boxes) */
.select2-container--default .select2-selection--single {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 18px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #112147 !important;
    line-height: 50px !important;
    padding-left: 15px !important;
    font-family: 'cairo', sans-serif !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px !important;
    top: 1px !important;
    right: 10px !important;
}

/* 4. SEARCH BUTTON (The Red/Blue Action Button) */
.ere-search-properties .submit-search-form button {
    background-color: #c5a75f !important; /* Red Brand Color */
    color: #ffffff !important;
    border: none !important;
    border-radius: 58px !important;
    height: 55px !important;
    width: 100% !important;
    font-family: 'cairo', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 5px 15px rgba(255, 59, 48, 0.3) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ere-search-properties .submit-search-form button:hover {
    background-color: #0b1831 !important; /* Turns Blue on Hover */
    
    box-shadow: 0 8px 20px rgba(17, 33, 71, 0.2) !important;
}

.ere-search-properties .submit-search-form button i {
    margin-right: 10px !important;
}

/* 5. SLIDERS (Price & Area) */
/* Bar Background */
.ere-search-properties .ui-widget-content {
    background: #e2e8f0 !important;
    border: none !important;
    height: 6px !important;
    border-radius: 10px !important;
}
/* Active Range Bar (Blue) */
.ere-search-properties .ui-slider-range {
    background: #112147 !important;
}
/* Handles (Red Circles) */
.ere-search-properties .ui-slider-handle {
    background: #ff3b30 !important;
    border: 2px solid #ffffff !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    top: -6px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
    cursor: pointer !important;
}
/* Title Labels above Sliders */
.ere-search-properties .title-slider-filter {
    color: #112147 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    margin-bottom: 10px !important;
    font-family: 'cairo', sans-serif !important;
}

/* 6. MOBILE RESPONSIVENESS */
@media (max-width: 768px) {
    .ere-search-properties .form-search-wrap {
        padding: 20px 15px !important;
        top: 0 !important; /* Reset float on mobile */
        margin-bottom: 20px !important;
    }
    .ere-search-properties .form-group {
        margin-bottom: 15px !important;
    }
}


/* =========================================================
   SEARCH BAR ARABIC (RTL) FIX FOR AUTO-TRANSLATORS
   ========================================================= */

/* 1. Base direction */
html.translated-rtl .ere-search-properties .form-search-wrap,
html[dir="rtl"] .ere-search-properties .form-search-wrap,
html[lang^="ar"] .ere-search-properties .form-search-wrap,
body.rtl .ere-search-properties .form-search-wrap {
    direction: rtl !important;
}

/* 2. Fix Input and Dropdown Text Alignment & Padding */
html.translated-rtl .ere-search-properties .form-control,
html.translated-rtl .ere-search-properties input[type="text"],
html.translated-rtl .ere-search-properties select,
html.translated-rtl .select2-container--default .select2-selection--single .select2-selection__rendered,
html[dir="rtl"] .ere-search-properties .form-control,
html[dir="rtl"] .ere-search-properties input[type="text"],
html[dir="rtl"] .ere-search-properties select,
html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__rendered,
html[lang^="ar"] .ere-search-properties .form-control,
html[lang^="ar"] .ere-search-properties input[type="text"],
html[lang^="ar"] .ere-search-properties select,
html[lang^="ar"] .select2-container--default .select2-selection--single .select2-selection__rendered,
body.rtl .ere-search-properties .form-control,
body.rtl .ere-search-properties input[type="text"],
body.rtl .ere-search-properties select,
body.rtl .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: right !important;
    padding-left: 40px !important; /* Huge space on the left so text NEVER touches the arrow */
    padding-right: 30px !important; /* Pushes the text away from the right edge */
    width: 100% !important; /* Ensures the box doesn't collapse */
}

/* 3. Pin Dropdown Arrows Strictly to the Left Side */
html.translated-rtl .select2-container--default .select2-selection--single .select2-selection__arrow,
html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow,
html[lang^="ar"] .select2-container--default .select2-selection--single .select2-selection__arrow,
body.rtl .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute !important; /* Forces it out of the flexbox collision */
    right: auto !important; /* Clears the English position */
    left: 10px !important; /* Pins it safely to the left */
}

/* 4. Fix the Red Search Button (Squished Icon Issue) */
html.translated-rtl .ere-search-properties .submit-search-form button,
html[dir="rtl"] .ere-search-properties .submit-search-form button,
html[lang^="ar"] .ere-search-properties .submit-search-form button,
body.rtl .ere-search-properties .submit-search-form button {
    flex-direction: row !important; /* Lets RTL naturally put the icon on the right */
    gap: 8px !important; /* Adds perfect space between icon and text */
}

/* Ensure the icon stays an icon and removes bad margins */
html.translated-rtl .ere-search-properties .submit-search-form button i,
html[dir="rtl"] .ere-search-properties .submit-search-form button i,
html[lang^="ar"] .ere-search-properties .submit-search-form button i,
body.rtl .ere-search-properties .submit-search-form button i {
    margin: 0 !important;
    font-family: "Font Awesome 6 Free", "FontAwesome" !important; /* Prevents it from turning into a 'Q' */
    font-weight: 900 !important;
}

/* 5. Fix Slider Brackets/Numbers (Bidi Text Issue) */
html.translated-rtl .ere-search-properties .title-slider-filter,
html[dir="rtl"] .ere-search-properties .title-slider-filter,
html[lang^="ar"] .ere-search-properties .title-slider-filter,
body.rtl .ere-search-properties .title-slider-filter {
    direction: rtl !important;
    text-align: right !important;
    unicode-bidi: plaintext !important; /* Stops the [ ] brackets from jumping around */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8157c94 */.owl-nav .owl-next:hover,.owl-nav .owl-prev:hover {
    background-color: #c5a75f !important;
    color: var(--ere-color-accent-foreground)
}
.ere-property-carousel.color-light .navigation-wrap .owl-nav div:hover.owl-prev:after,.owl-nav .owl-prev:hover:after {
    border-top-color: #c5a75f !important;
}

.owl-nav .owl-next:hover:after {
    border-bottom: solid var(--ere-owl-nav-height) #c5a75f !important;
    border-top: solid 0 transparent;
    border-left: solid 10px transparent;
    right: 100%
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ed131e3 *//* ==========================================================================
   Dynamically Injected Position Title (Gold)
   ========================================================================== */

.ere-agent-wrap .injected-agent-position {
    display: block !important;
    color: #D4AF37 !important; /* Premium Luxury Gold */
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    margin: 4px 0 12px 0 !important;
    position: relative !important;
    z-index: 2 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important; /* Helps it pop over the dark gradient */
}/* End custom CSS */