.elementor-17234 .elementor-element.elementor-element-450cf1b5{--display:flex;}.elementor-17234 .elementor-element.elementor-element-565377aa{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-17234 .elementor-element.elementor-element-565377aa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17234 .elementor-element.elementor-element-3b6e33dc{width:var( --container-widget-width, 55vw );max-width:55vw;--container-widget-width:55vw;--container-widget-flex-grow:0;}.elementor-17234 .elementor-element.elementor-element-3b6e33dc.elementor-element{--align-self:center;}.elementor-17234 .elementor-element.elementor-element-7d7c8f86{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17234 .elementor-element.elementor-element-7d7c8f86.e-con{--align-self:flex-end;}.elementor-17234 .elementor-element.elementor-element-64bf1fcf{width:var( --container-widget-width, 15vw );max-width:15vw;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:15vw;--container-widget-flex-grow:0;}@media(max-width:1024px){.elementor-17234 .elementor-element.elementor-element-565377aa{--padding-top:5%;--padding-bottom:5%;--padding-left:3%;--padding-right:3%;}}@media(min-width:768px){.elementor-17234 .elementor-element.elementor-element-565377aa{--width:79.309vw;}.elementor-17234 .elementor-element.elementor-element-7d7c8f86{--width:20vw;}}@media(max-width:767px){.elementor-17234 .elementor-element.elementor-element-565377aa{--justify-content:space-evenly;--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-17234 .elementor-element.elementor-element-64bf1fcf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 165px;padding:0px 0px 0px 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-4ebb29b9 */h2 {
            border-left: 4px solid #e74c3c;
            padding-left: 15px;
            background-color: #f8f9fa;
            padding: 10px 15px;
            margin: 25px 0 15px 0;
        }
        .intro-box {
            background-color: #e8f4fd;
            border-left: 4px solid #e74c3c;
            padding: 20px;
            margin: 20px 0;
            border-radius: 5px;
        }
        .time-estimate {
            background-color: #fff3cd;
            border: 1px solid #ffeaa7;
            padding: 8px 12px;
            border-radius: 4px;
            font-style: italic;
            margin: 10px 0;
            display: inline-block;
        }
        ul, ol {
            padding-left: 25px;
        }
        li {
            margin-bottom: 5px;
        }
        .checklist {
            list-style-type: none;
            padding-left: 0;
        }
        .checklist li {
            padding: 5px 0;
            position: relative;
            padding-left: 25px;
        }
        .checklist li:before {
            content: "☐";
            position: absolute;
            left: 0;
            color: #3498db;
            font-weight: bold;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            border: 1px solid #ddd;
        }
        th, td {
            padding: 12px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
        th {
            background-color: #f8f9fa;
            font-weight: bold;
            color: #2c3e50;
        }
        .pro-tip {
            background-color: #d4edda;
            border: 1px solid #c3e6cb;
            border-radius: 5px;
            padding: 15px;
            margin: 15px 0;
        }
        .pro-tip strong {
            color: #155724;
        }
        .warning {
            background-color: #f8d7da;
            border: 1px solid #f5c6cb;
            border-radius: 5px;
            padding: 15px;
            margin: 15px 0;
        }
        .toc {
            background-color: #f8f9fa;
            border: 1px solid #707070;
            border-radius: 5px;
            padding: 20px;
            margin: 20px 0;
        }
        .toc ul {
            margin: 0;
        }
        .toc a {
            color: #E50914;
            text-decoration: none;
        }
        .toc a:hover {
            text-decoration: underline;
        }
        .section-divider {
            border-top: 2px solid #707070;
            margin: 40px 0 30px 0;
            padding-top: 20px;
        }
        .highlight-box {
            background-color: #fff3cd;
            border: 1px solid #ffeaa7;
            border-radius: 5px;
            padding: 20px;
            margin: 20px 0;
        }
        code {
            background-color: #f8f9fa;
            padding: 2px 5px;
            border-radius: 3px;
            font-family: 'Courier New', monospace;
            color: #e74c3c;
        }
        
h3 {
    color: #E50914 !important;
    font-family: monospace !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    padding: 10px 15px !important;
    margin: 25px 0 15px 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64bf1fcf */.elementor-17234 .elementor-element.elementor-element-64bf1fcf {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.elementor-17234 .elementor-element.elementor-element-64bf1fcf .eco-button {
  align-self: flex-end;
}
/* Base button */
.eco-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  width: 125px;
  height: 125px;
  border-radius: 50%;

  background: #fff;
  border: 1px solid #000;
  color: #000; /* text colour */
  text-decoration: none;
  text-align: center;
  cursor: pointer;

  transition: all 0.3s ease;
}

/* Ensure anchor text inherits */
.eco-button, 
.eco-button * {
  color: #000;
}

/* Hover effect */
.eco-button:hover, 
.eco-button:hover * {
  background: #505050;
  border-color: #fff;
  color: #fff; !important;  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d7c8f86 */.elementor-17234 .elementor-element.elementor-element-7d7c8f86 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.elementor-17234 .elementor-element.elementor-element-7d7c8f86 .elementor-button-wrapper {
  align-self: flex-end;
}/* End custom CSS */