.elementor-417 .elementor-element.elementor-element-138c984{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-417 .elementor-element.elementor-element-138c984:not(.elementor-motion-effects-element-type-background), .elementor-417 .elementor-element.elementor-element-138c984 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-417 .elementor-element.elementor-element-37f3b4ec{--display:flex;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:23%;}.elementor-417 .elementor-element.elementor-element-1ed82c39{width:auto;max-width:auto;--e-transform-translateX:24px;margin:-34px -34px calc(var(--kit-widget-spacing, 0px) + -34px) -34px;padding:-59px -59px -59px -59px;}.elementor-417 .elementor-element.elementor-element-1ed82c39.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-417 .elementor-element.elementor-element-1ed82c39 .elementor-image-box-wrapper{text-align:start;}.elementor-417 .elementor-element.elementor-element-1ed82c39.elementor-position-right .elementor-image-box-img{margin-left:11px;}.elementor-417 .elementor-element.elementor-element-1ed82c39.elementor-position-left .elementor-image-box-img{margin-right:11px;}.elementor-417 .elementor-element.elementor-element-1ed82c39.elementor-position-top .elementor-image-box-img{margin-bottom:11px;}.elementor-417 .elementor-element.elementor-element-1ed82c39 .elementor-image-box-wrapper .elementor-image-box-img{width:16%;}.elementor-417 .elementor-element.elementor-element-1ed82c39 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-417 .elementor-element.elementor-element-1ed82c39 .elementor-image-box-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:#1C244B;}.elementor-417 .elementor-element.elementor-element-1ed82c39 .elementor-image-box-description{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;color:#324A6D;}.elementor-417 .elementor-element.elementor-element-8b2585d{--grid-template-columns:repeat(0, auto);text-align:left;--icon-size:23px;--grid-column-gap:20px;--grid-row-gap:0px;}.elementor-417 .elementor-element.elementor-element-8b2585d .elementor-social-icon{background-color:#02010100;--icon-padding:0em;}.elementor-417 .elementor-element.elementor-element-8b2585d .elementor-social-icon i{color:#467FF7;}.elementor-417 .elementor-element.elementor-element-8b2585d .elementor-social-icon svg{fill:#467FF7;}.elementor-417 .elementor-element.elementor-element-8b2585d .elementor-social-icon:hover i{color:#C8D5DC;}.elementor-417 .elementor-element.elementor-element-8b2585d .elementor-social-icon:hover svg{fill:#C8D5DC;}.elementor-417 .elementor-element.elementor-element-70758fd4{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-417 .elementor-element.elementor-element-54877cfc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:#1C244B;}.elementor-417 .elementor-element.elementor-element-32005fca .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-417 .elementor-element.elementor-element-32005fca .elementor-nav-menu--main .elementor-item{color:#324A6D;fill:#324A6D;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-417 .elementor-element.elementor-element-32005fca .elementor-nav-menu--main .elementor-item:hover,
					.elementor-417 .elementor-element.elementor-element-32005fca .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-417 .elementor-element.elementor-element-32005fca .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-417 .elementor-element.elementor-element-32005fca .elementor-nav-menu--main .elementor-item:focus{color:#C8D5DC;fill:#C8D5DC;}.elementor-417 .elementor-element.elementor-element-32005fca{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-417 .elementor-element.elementor-element-32005fca .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-417 .elementor-element.elementor-element-32005fca .elementor-nav-menu--dropdown .elementor-item, .elementor-417 .elementor-element.elementor-element-32005fca .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;}.elementor-417 .elementor-element.elementor-element-45acaa5e{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-417 .elementor-element.elementor-element-5db9fa02 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:#1C244B;}.elementor-417 .elementor-element.elementor-element-6f8bfc2d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-417 .elementor-element.elementor-element-6f8bfc2d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-417 .elementor-element.elementor-element-6f8bfc2d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-417 .elementor-element.elementor-element-6f8bfc2d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-417 .elementor-element.elementor-element-6f8bfc2d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-417 .elementor-element.elementor-element-6f8bfc2d .elementor-icon-list-icon i{color:#324A6D;transition:color 0.3s;}.elementor-417 .elementor-element.elementor-element-6f8bfc2d .elementor-icon-list-icon svg{fill:#324A6D;transition:fill 0.3s;}.elementor-417 .elementor-element.elementor-element-6f8bfc2d{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-417 .elementor-element.elementor-element-6f8bfc2d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-417 .elementor-element.elementor-element-6f8bfc2d .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-417 .elementor-element.elementor-element-6f8bfc2d .elementor-icon-list-text{color:#324A6D;transition:color 0.3s;}.elementor-417 .elementor-element.elementor-element-1b59feb4{--display:flex;--min-height:45px;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-417 .elementor-element.elementor-element-1b59feb4:not(.elementor-motion-effects-element-type-background), .elementor-417 .elementor-element.elementor-element-1b59feb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#467FF7;}.elementor-417 .elementor-element.elementor-element-68c85bb4{text-align:center;}.elementor-417 .elementor-element.elementor-element-68c85bb4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;color:#C8D5DC;}@media(max-width:1024px){.elementor-417 .elementor-element.elementor-element-138c984{--flex-wrap:wrap;--padding-top:8%;--padding-bottom:8%;--padding-left:4%;--padding-right:4%;}.elementor-417 .elementor-element.elementor-element-37f3b4ec{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:4%;}.elementor-417 .elementor-element.elementor-element-1ed82c39 .elementor-image-box-wrapper{text-align:start;}.elementor-417 .elementor-element.elementor-element-1ed82c39 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-417 .elementor-element.elementor-element-1ed82c39 .elementor-image-box-title{font-size:45px;}.elementor-417 .elementor-element.elementor-element-1ed82c39 .elementor-image-box-description{font-size:14px;}.elementor-417 .elementor-element.elementor-element-8b2585d{text-align:left;--icon-size:18px;}.elementor-417 .elementor-element.elementor-element-70758fd4{--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:0%;}.elementor-417 .elementor-element.elementor-element-32005fca .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-417 .elementor-element.elementor-element-32005fca .elementor-nav-menu--dropdown .elementor-item, .elementor-417 .elementor-element.elementor-element-32005fca .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}.elementor-417 .elementor-element.elementor-element-45acaa5e{--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:0%;}.elementor-417 .elementor-element.elementor-element-6f8bfc2d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-417 .elementor-element.elementor-element-6f8bfc2d .elementor-icon-list-item > a{font-size:14px;}.elementor-417 .elementor-element.elementor-element-68c85bb4 .elementor-heading-title{font-size:14px;}}@media(max-width:767px){.elementor-417 .elementor-element.elementor-element-138c984{--padding-top:20%;--padding-bottom:20%;--padding-left:6%;--padding-right:6%;}.elementor-417 .elementor-element.elementor-element-37f3b4ec{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-417 .elementor-element.elementor-element-37f3b4ec.e-con{--order:99999 /* order end hack */;}.elementor-417 .elementor-element.elementor-element-1ed82c39 .elementor-image-box-wrapper{text-align:center;}.elementor-417 .elementor-element.elementor-element-1ed82c39 .elementor-image-box-img{margin-bottom:11px;}.elementor-417 .elementor-element.elementor-element-1ed82c39 .elementor-image-box-title{font-size:28px;line-height:1.1em;}.elementor-417 .elementor-element.elementor-element-8b2585d{text-align:center;}.elementor-417 .elementor-element.elementor-element-70758fd4{--width:50%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:4%;}.elementor-417 .elementor-element.elementor-element-54877cfc .elementor-heading-title{font-size:18px;}.elementor-417 .elementor-element.elementor-element-32005fca{--e-nav-menu-horizontal-menu-item-margin:calc( 8px / 2 );}.elementor-417 .elementor-element.elementor-element-32005fca .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:8px;}.elementor-417 .elementor-element.elementor-element-45acaa5e{--width:50%;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:0%;}.elementor-417 .elementor-element.elementor-element-5db9fa02 .elementor-heading-title{font-size:18px;}.elementor-417 .elementor-element.elementor-element-6f8bfc2d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-417 .elementor-element.elementor-element-6f8bfc2d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-417 .elementor-element.elementor-element-6f8bfc2d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-417 .elementor-element.elementor-element-6f8bfc2d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-417 .elementor-element.elementor-element-6f8bfc2d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}}@media(min-width:768px){.elementor-417 .elementor-element.elementor-element-138c984{--content-width:1790px;}.elementor-417 .elementor-element.elementor-element-37f3b4ec{--width:44%;}.elementor-417 .elementor-element.elementor-element-70758fd4{--width:15.981%;}.elementor-417 .elementor-element.elementor-element-45acaa5e{--width:18.482%;}.elementor-417 .elementor-element.elementor-element-1b59feb4{--content-width:1790px;}}@media(max-width:1024px) and (min-width:768px){.elementor-417 .elementor-element.elementor-element-37f3b4ec{--width:36%;}.elementor-417 .elementor-element.elementor-element-70758fd4{--width:32%;}.elementor-417 .elementor-element.elementor-element-45acaa5e{--width:32%;}}/* Start custom CSS for image-box, class: .elementor-element-1ed82c39 */.custom-elitesleep-footer {
    background-color: #1a1b26; /* Matches the dark header from the reference /
    color: #f1f1f1;
    font-family: Arial, sans-serif;
    padding: 60px 20px 20px;
    border-top: 3px solid #2d3748;
}

.custom-elitesleep-footer .footer-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #2d3748;
}

.custom-elitesleep-footer .footer-brand {
    flex: 1 1 300px;
}

.custom-elitesleep-footer .brand-name {
    color: #3b82f6; / Accent blue /
    font-size: 26px;
    font-weight: bold;
    margin: 0 0 8px 0;
    letter-spacing: 1px;
}

.custom-elitesleep-footer .brand-tagline {
    color: #a0aec0;
    font-size: 15px;
    margin: 0;
}

.custom-elitesleep-footer .footer-links {
    display: flex;
    gap: 80px;
    flex-wrap: wrap;
}

.custom-elitesleep-footer .link-column {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.custom-elitesleep-footer .column-title {
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.custom-elitesleep-footer .link-column a {
    color: #a0aec0;
    text-decoration: none;
    font-size: 15px;
    transition: color 0.3s ease;
}

.custom-elitesleep-footer .link-column a:hover {
    color: #3b82f6;
}

.custom-elitesleep-footer .footer-bottom {
    text-align: center;
    padding-top: 25px;
    font-size: 13px;
    color: #718096;
}

/ Mobile Responsiveness /
@media (max-width: 768px) {
    .custom-elitesleep-footer .footer-content {
        flex-direction: column; / Stack elements vertically /
        align-items: center; / Center items /
        padding: 20px; / Make it less spacious for mobile /
    }

    .custom-elitesleep-footer .footer-links {
        gap: 20px; / Reduce gap for mobile /
        width: 100%;
        justify-content: space-between; / Adjust to fill space /
    }

    .custom-elitesleep-footer .link-column {
        flex: 1 1 100%; / Full width for mobile /
        max-width: 200px; / Prevent overly wide columns /
    }

    .custom-elitesleep-footer .brand-name {
        font-size: 22px; / Adjust font size for mobile /
    }

    .custom-elitesleep-footer .brand-tagline {
        font-size: 14px; / Adjust font size for mobile /
    }

    .custom-elitesleep-footer .column-title {
        font-size: 15px; / Adjust font size for mobile /
    }

    .custom-elitesleep-footer .link-column a {
        font-size: 14px; / Adjust font size for mobile /
    }

    .custom-elitesleep-footer .footer-bottom {
        font-size: 12px; / Adjust footer text size for mobile */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-138c984 */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Derila Elite Sleep — Footer (self-contained)</title>
<style>
  body { margin: 0; background: #f4f4f6; }
</style>
</head>
<body>

<!--
  DROP-IN FOOTER BLOCK
  =====================
  Paste everything from <footer ...> to </footer> — including the
  <style> tag inside it — into a single "Custom HTML" / "Code" widget
  in your builder (Elementor: HTML widget, Divi: Code module, Wix:
  Embed → Custom Code, Shopify: Custom Liquid). Then delete the
  separate logo / heading / social-icon / menu widgets you currently
  have in that footer area, so there's only ONE thing controlling it.

  Why: your screenshot shows default browser styling (huge black
  heading, default blue links, white background) — which only
  happens when CSS classes don't match the real elements. Builder
  widgets usually get auto-generated class names, so custom CSS
  written against guessed class names never attaches. Making the
  whole block self-contained sidesteps that problem entirely.
-->

<footer id="derila-site-footer" class="custom-elitesleep-footer">
<style>
  #derila-site-footer {
    --ef-bg: #1a1b26;
    --ef-border: #2d3748;
    --ef-text: #f1f1f1;
    --ef-muted: #a0aec0;
    --ef-subtle: #cbd5e0;
    --ef-accent: #3b82f6;

    box-sizing: border-box;
    background-color: var(--ef-bg) !important;
    color: var(--ef-text);
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
  }

  #derila-site-footer *,
  #derila-site-footer *::before,
  #derila-site-footer *::after {
    box-sizing: inherit;
  }

  #derila-site-footer .ef-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: clamp(2.5rem, 6vw, 3.75rem) clamp(1.25rem, 4vw, 2rem) 2.5rem;
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto;
    gap: clamp(2rem, 5vw, 3.75rem);
  }

  /* ---- Brand column: logo, heading, tagline, social icons ---- */
  #derila-site-footer .ef-brand {
    min-width: 0;
  }

  #derila-site-footer .ef-logo {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0 0 1.1rem;
    font-size: 0.9rem !important;
    font-weight: 700;
    color: var(--ef-accent) !important;
    letter-spacing: 0.5px;
    text-decoration: none;
  }
  /* Swap this for your real logo:
     <img src="your-logo.svg" alt="Derila" style="height:22px;"> */

  #derila-site-footer .ef-heading {
    color: var(--ef-accent) !important;
    font-size: clamp(1.3rem, 2.2vw, 1.625rem) !important;
    font-weight: 700 !important;
    line-height: 1.25;
    margin: 0 0 0.6rem !important;
    letter-spacing: 0.3px;
  }

  #derila-site-footer .ef-tagline {
    color: var(--ef-muted);
    font-size: 0.9375rem;
    line-height: 1.6;
    margin: 0 0 1.4rem;
    max-width: 34ch;
  }

  #derila-site-footer .ef-social {
    display: flex;
    gap: 0.9rem;
  }

  #derila-site-footer .ef-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    transition: background 0.2s ease, transform 0.2s ease;
  }

  #derila-site-footer .ef-social a:hover,
  #derila-site-footer .ef-social a:focus-visible {
    background: var(--ef-accent);
    transform: translateY(-2px);
  }

  #derila-site-footer .ef-social a:focus-visible {
    outline: 2px solid var(--ef-accent);
    outline-offset: 3px;
  }

  #derila-site-footer .ef-social svg {
    width: 16px;
    height: 16px;
    fill: var(--ef-text);
  }

  /* ---- Link columns ---- */
  #derila-site-footer .ef-links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, max-content));
    gap: 2rem clamp(2rem, 4vw, 5rem);
  }

  #derila-site-footer .ef-col {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  #derila-site-footer .ef-col-title {
    font-weight: 600 !important;
    font-size: 0.9375rem !important;
    color: #ffffff !important;
    margin: 0 0 0.25rem !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  #derila-site-footer .ef-col a,
  #derila-site-footer .ef-col span {
    color: var(--ef-muted) !important;
    text-decoration: none !important;
    font-size: 0.9375rem !important;
    width: fit-content;
    padding: 0.125rem 0;
    transition: color 0.2s ease;
  }

  #derila-site-footer .ef-col a:hover,
  #derila-site-footer .ef-col a:focus-visible {
    color: var(--ef-accent) !important;
  }

  #derila-site-footer .ef-col a:focus-visible {
    outline: 2px solid var(--ef-accent);
    outline-offset: 3px;
    border-radius: 2px;
  }

  /* ---- Bottom bar: full-width solid band ---- */
  #derila-site-footer .ef-bottom {
    background-color: var(--ef-accent) !important;
    text-align: center;
    padding: 1rem 1.25rem;
  }

  #derila-site-footer .ef-bottom p {
    margin: 0;
    font-size: 0.8125rem;
    color: #ffffff !important;
    line-height: 1.6;
  }

  /* ---- Tablet ---- */
  @media (max-width: 900px) {
    #derila-site-footer .ef-inner {
      grid-template-columns: 1fr;
    }
  }

  /* ---- Mobile ---- */
  @media (max-width: 560px) {
    #derila-site-footer .ef-brand {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    #derila-site-footer .ef-social {
      justify-content: center;
    }
    #derila-site-footer .ef-links {
      grid-template-columns: 1fr;
      justify-items: center;
      text-align: center;
      gap: 1.75rem;
    }
    #derila-site-footer .ef-col {
      align-items: center;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    #derila-site-footer .ef-social a,
    #derila-site-footer .ef-col a {
      transition: none;
    }
  }
</style>

  <div class="ef-inner">
    <div class="ef-brand">
      <!-- Replace with <img src="your-logo.svg" alt="Derila Elite Sleep"> if you have a logo file -->
      <p class="ef-logo">DERILA™</p>

      <h2 class="ef-heading">Derila Elite Sleep</h2>
      <p class="ef-tagline">Ergonomic pillows engineered for deeper, pain-free sleep — backed by our comfort guarantee.</p>

      <div class="ef-social">
        <a href="#" aria-label="Facebook">
          <svg viewBox="0 0 24 24"><path d="M22 12.06C22 6.5 17.52 2 12 2S2 6.5 2 12.06c0 5 3.66 9.16 8.44 9.94v-7.03H7.9v-2.9h2.54V9.85c0-2.5 1.49-3.89 3.77-3.89 1.09 0 2.23.2 2.23.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56v1.88h2.78l-.44 2.9h-2.34V22c4.78-.78 8.44-4.93 8.44-9.94z"/></svg>
        </a>
        <a href="#" aria-label="Twitter / X">
          <svg viewBox="0 0 24 24"><path d="M22 5.9c-.74.33-1.53.55-2.36.65a4.1 4.1 0 0 0 1.8-2.27c-.8.47-1.68.82-2.62 1.01a4.1 4.1 0 0 0-7 3.74A11.65 11.65 0 0 1 3.4 4.7a4.1 4.1 0 0 0 1.27 5.47c-.67-.02-1.3-.2-1.86-.51v.05a4.1 4.1 0 0 0 3.29 4.02c-.6.17-1.25.19-1.85.07a4.11 4.11 0 0 0 3.83 2.85A8.24 8.24 0 0 1 2 18.58a11.62 11.62 0 0 0 6.29 1.84c7.55 0 11.68-6.26 11.68-11.68 0-.18 0-.36-.01-.53.8-.58 1.5-1.3 2.04-2.12z"/></svg>
        </a>
      </div>
    </div>

    <div class="ef-links">
      <div class="ef-col">
        <p class="ef-col-title">Quick Links</p>
        <a href="#">Home</a>
        <a href="#">About</a>
        <a href="#">Contact</a>
      </div>
      <div class="ef-col">
        <p class="ef-col-title">Get In Touch</p>
        <span>Email: contact@derilaelitesleep.com</span>
        <a href="tel:+18632815350">Phone: +1 863-281-5350</a>
      </div>
    </div>
  </div>

  <div class="ef-bottom">
    <p>&copy; 2026 Derila Elite Sleep. All Rights Reserved.</p>
  </div>
</footer>

</body>
</html>/* End custom CSS */