#fw-section-custom-html-46cab4f8-9849-41b6-8072-5b65ed89caf7 {

body {
  margin: 40px;
}
.divider {
  display: flex;
}
.divider:before, .divider:after {
  content: "";
  flex: 1;
}
.line {
  align-items: center;
  margin: 1em -1em;
}
.line:before, .line:after {
  height: 1px;
  margin: 0 1em;
}
.one-line:before, .one-line:after {
  background: black;
}
.razor:before, .razor:after {
  box-shadow: 0 0.5px 0 black;
}
.double-razor:before, .double-razor:after {
  height: 3px;
  box-shadow: 0 -0.5px 0 black, 0 0.5px 0 black;
  border-width: 0;
}
.glow:before, .glow:after {
  height: 6px;
  -webkit-filter: blur(5px);
  border-radius: 5px;
}
.glow:before {
  background: linear-gradient(to right, blue, hotpink);
}
.glow:after {
  background: linear-gradient(to left, blue, hotpink);
}
.gradient {
  align-items: stretch;
  margin: 1em 0;
  height: 2em;
  line-height: 2em;
  color: white;
  background: black;
}
.gradient:before {
  background: linear-gradient(to right, white, black);
}
.gradient:after {
  background: linear-gradient(to left, white, black);
}
.donotcross {
  overflow: hidden;
  align-items: center;
  background: #ffd500;
  color: black;
  height: 2em;
  line-height: 2em;
}
.donotcross:before, .donotcross:after {
  background: white;
  padding: 50px 0;
  height: 0;
  transform: rotate(45deg);
}

}






































#fw-section-footer {

/* --- Footer Styles - Angled Esports Theme --- */

/* Define variables if not globally available */
/* Ensure these match variables used elsewhere */
:root {
    /* Using header's red for exact match */
    --primary-color: #dc2626;
    --bg-color-footer: #000000; /* Black footer background */
    --text-color-footer-muted: #a3a3a3; /* Muted grey for links/text */
    --text-color-footer-base: #e0e0e0; /* Brighter text if needed */
    --text-color-footer-hover: #ffffff; /* White hover for menu links */
    --primary-color-rgb: 220, 38, 38; /* RGB for primary color */
}

/* --- Main Footer Styling --- */
/* Target the div with the padding class for applying background and shape */
div.footer.section-fw-section-footer-padding {
    background-color: var(--bg-color-footer) !important;
    font-family: 'Poppins', sans-serif !important;
    color: var(--text-color-footer-muted); /* Default text color */
    position: relative; /* Needed for potential pseudo-elements if used later */
    border: none !important; /* Override any default borders */

    /* --- Angled Top Border --- */
    border-top: 3px solid var(--primary-color) !important; /* Red top border */

    /* --- Upward Clip Path --- */
    /* polygon(top-left, top-right, bottom-right, bottom-left) */
    /* Move top-left Y down, keep top-right Y at 0 for upward slant */
    clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
    /* Adjust the first Y percentage (e.g., 5%) to change the slant */

    /* --- Padding --- */
    /* IMPORTANT: Increase top padding significantly to account for clip-path */
    /* Remove the inline <style> block for padding in your HTML */
    padding-top: 60px !important; /* Adjust as needed based on slant */
    padding-bottom: 30px !important; /* Adjust as needed */
    padding-left: 20px; /* Add side padding if needed */
    padding-right: 20px;
}

/* --- Footer Links & Text --- */

/* General style for footer lists */
.footer__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Base Menu Links Styles */
.footer__menu-link {
    font-family: 'Poppins', sans-serif; /* Ensure font */
    color: var(--text-color-footer-muted) !important;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase; /* Match header */
    transition: color 0.3s ease;
    display: inline-block; /* Default display */
    padding: 5px 0; /* Add some vertical padding */
}

/* --- ADDED: Specific styles for links WITH icons (like USD) --- */
.footer__menu-link--icon {
    display: inline-flex !important; /* Use flex to align text and icon */
    align-items: center !important; /* Vertically center text and icon */
    gap: 4px; /* Add space between text and icon */
}

.footer__menu-link:hover {
    color: var(--text-color-footer-hover) !important; /* White hover */
}

/* Dropdown icon styling */
.footer__menu-link .footer__link-icon svg {
    fill: var(--text-color-footer-muted) !important;
    transition: fill 0.3s ease !important;
    /* vertical-align: middle; --- Removed, flex handles alignment */
    /* margin-left: 4px; --- Removed, using gap now */
    /* Ensure SVG size is controlled if needed */
     width: 1em; /* Example size relative to font */
     height: 1em;
}
.footer__menu-link:hover .footer__link-icon svg {
    fill: var(--text-color-footer-hover) !important;
}

/* Social Links */
.footer__social-link {
    color: var(--text-color-footer-muted) !important;
    transition: color 0.3s ease;
    display: inline-block; /* Ensure proper alignment/spacing */
    padding: 5px; /* Add padding for easier clicking */
}

.footer__social-link svg {
     display: block; /* Prevent extra space below SVG */
}


.footer__social-link:hover {
    color: var(--primary-color) !important; /* Red hover */
}

/* Align social icons horizontally */
.footer__list--socials {
    display: flex;
    gap: 15px; /* Space between icons */
    justify-content: center; /* Center on mobile */
    align-items: center; /* Vertically align icons */
}

/* Align menu items */
.footer__list--menu {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
    gap: 15px 25px; /* Row and column gap */
    justify-content: center; /* Center on mobile */
    align-items: center; /* Vertically align list items */
}


/* Bottom Section (Copyright & Powered By) */
.footer__bottom {
    margin-top: 30px; /* Space above bottom section */
    padding-top: 20px; /* Space below top section */
    border-top: 1px solid rgba(192, 192, 192, 0.2); /* Subtle separator line */
    text-align: center; /* Center align bottom text */
}

.footer__list--bottom {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 10px 20px; /* Space between items */
     align-items: center; /* Vertically align items */
}


.footer__copy,
.footer__powered-by {
    font-size: 0.85rem;
    color: var(--text-color-footer-muted);
}

.footer__powered-by a {
    color: var(--text-color-footer-muted);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer__powered-by a:hover {
    color: var(--text-color-footer-hover);
    text-decoration: underline;
}

/* --- Responsive Adjustments --- */
@media (min-width: 768px) { /* Adjust breakpoint ('md') if needed */
    div.footer.section-fw-section-footer-padding {
         /* Slightly increase padding on larger screens */
         padding-top: 80px !important;
         padding-bottom: 40px !important;
         padding-left: 40px;
         padding-right: 40px;
         /* Make slant slightly more pronounced? */
         /* clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%); */
    }

    .footer__top .grid {
        align-items: center; /* Vertically align items in the top grid */
    }

    .footer__list--socials {
        justify-content: flex-start; /* Align socials left on desktop */
    }

     .footer__list--menu {
        justify-content: flex-end; /* Align menu right on desktop */
    }

     .footer__bottom {
        text-align: left; /* Align bottom text left */
    }

    .footer__list--bottom {
         justify-content: space-between; /* Space out copy and powered by */
    }
}

}