.elementor-kit-20{--e-global-color-primary:#000000;--e-global-color-secondary:#212121;--e-global-color-text:#F0F0F0;--e-global-color-accent:#F0F0F0;--e-global-color-8a6eaf5:#181818;--e-global-color-b72ff5e:#000000;--e-global-color-25fe8e3:#02010100;--e-global-color-e118c1c:#000000CC;--e-global-color-b8ffb71:#0B0B0B;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:95px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:105px;--e-global-typography-primary-letter-spacing:-0.28px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:50px;--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:60px;--e-global-typography-secondary-letter-spacing:-0.28px;--e-global-typography-secondary-word-spacing:0px;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:25px;--e-global-typography-text-letter-spacing:1px;--e-global-typography-text-word-spacing:0px;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:60px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:underline;--e-global-typography-accent-line-height:74px;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-accent-word-spacing:0px;--e-global-typography-e1ae241-font-family:"Montserrat";--e-global-typography-e1ae241-font-size:22px;--e-global-typography-e1ae241-font-weight:700;--e-global-typography-e1ae241-text-transform:none;--e-global-typography-e1ae241-font-style:normal;--e-global-typography-e1ae241-text-decoration:underline;--e-global-typography-e1ae241-line-height:30px;--e-global-typography-e1ae241-letter-spacing:0px;--e-global-typography-e1ae241-word-spacing:0px;--e-global-typography-b6196b7-font-family:"Montserrat";--e-global-typography-b6196b7-font-size:30px;--e-global-typography-b6196b7-font-weight:700;--e-global-typography-b6196b7-line-height:38px;--e-global-typography-b6196b7-letter-spacing:-0.13px;--e-global-typography-b84f1b3-font-family:"Montserrat";--e-global-typography-b84f1b3-font-size:25px;--e-global-typography-b84f1b3-font-weight:500;--e-global-typography-b84f1b3-text-transform:none;--e-global-typography-b84f1b3-font-style:normal;--e-global-typography-b84f1b3-text-decoration:none;--e-global-typography-b84f1b3-line-height:35px;--e-global-typography-b84f1b3-letter-spacing:0px;--e-global-typography-b84f1b3-word-spacing:0px;--e-global-typography-22e62d7-font-family:"Montserrat";--e-global-typography-22e62d7-font-size:156px;--e-global-typography-22e62d7-font-weight:700;--e-global-typography-22e62d7-text-transform:none;--e-global-typography-22e62d7-font-style:normal;--e-global-typography-22e62d7-text-decoration:none;--e-global-typography-22e62d7-line-height:198px;--e-global-typography-22e62d7-letter-spacing:-1.22px;--e-global-typography-22e62d7-word-spacing:0px;--e-global-typography-785de07-font-family:"Montserrat";--e-global-typography-785de07-font-size:14px;--e-global-typography-785de07-font-weight:400;--e-global-typography-785de07-text-transform:none;--e-global-typography-785de07-font-style:normal;--e-global-typography-785de07-text-decoration:none;--e-global-typography-785de07-line-height:17px;--e-global-typography-785de07-letter-spacing:0px;--e-global-typography-785de07-word-spacing:0px;--e-global-typography-d7a06da-font-family:"Montserrat";--e-global-typography-d7a06da-font-size:20px;--e-global-typography-d7a06da-font-weight:700;--e-global-typography-d7a06da-text-transform:uppercase;--e-global-typography-d7a06da-font-style:normal;--e-global-typography-d7a06da-text-decoration:none;--e-global-typography-d7a06da-line-height:24px;--e-global-typography-d7a06da-letter-spacing:0px;--e-global-typography-d7a06da-word-spacing:0px;background-color:#E3FCB0;overscroll-behavior:auto;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:#FFF;--e-preloader-size:20px;}.elementor-kit-20 e-page-transition{background-color:#FFFFFF00;}.site-header{background-color:#000000;padding-inline-end:0px;padding-inline-start:0px;}.elementor-kit-20 a{color:var( --e-global-color-accent );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:3px;}.elementor-element{--widgets-spacing:3px 3px;--widgets-spacing-row:3px;--widgets-spacing-column:3px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:#E3FCB0;--lightbox-ui-color:#72D0CA;--lightbox-ui-color-hover:#D8B9FF;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-20{--e-global-typography-primary-font-size:59px;--e-global-typography-primary-line-height:60px;--e-global-typography-primary-letter-spacing:-0.28px;--e-global-typography-primary-word-spacing:0em;--e-global-typography-secondary-font-size:50px;--e-global-typography-text-font-size:15px;--e-global-typography-text-line-height:17px;--e-global-typography-accent-font-size:14px;--e-global-typography-accent-line-height:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-20{--e-global-typography-primary-font-size:36px;--e-global-typography-primary-line-height:40px;--e-global-typography-primary-letter-spacing:-0.28px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-line-height:50px;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:20px;--e-global-typography-accent-letter-spacing:2px;--e-global-typography-e1ae241-font-size:20px;--e-global-typography-b84f1b3-font-size:18px;--e-global-typography-b84f1b3-line-height:20px;--e-global-typography-22e62d7-font-size:100px;--e-global-typography-22e62d7-line-height:110px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .construction-container {
      font-family: 'Arial', sans-serif;
      background-color: #000;
      color: #fff;
      padding: 40px;
      text-align: center;
      max-width: 800px;
      margin: 0 auto;
      border: 1px solid #333;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    }
    
    .construction-title {
      font-size: 42px;
      font-weight: 700;
      margin-bottom: 20px;
      letter-spacing: 2px;
      text-transform: uppercase;
    }
    
    .construction-subtitle {
      font-size: 20px;
      letter-spacing: 1px;
      margin-bottom: 30px;
      font-weight: 300;
    }
    
    .red-accent {
      color: #ff0000;
      font-weight: 700;
    }
    
    .progress-container {
      background-color: #222;
      height: 8px;
      margin: 30px auto;
      width: 80%;
    }
    
    .progress-bar {
      background-color: #ff0000;
      height: 100%;
      width: 35%;
    }
    
    .construction-icon {
      font-size: 60px;
      margin: 20px 0;
      display: inline-block;
    }
    
    .construction-message {
      line-height: 1.6;
      margin-bottom: 30px;
    }
    
    .social-icons {
      margin-top: 20px;
    }
    
    .social-icons a {
      color: #fff;
      font-size: 24px;
      margin: 0 10px;
      text-decoration: none;
    }
    
    .social-icons a:hover {
      color: #ff0000;
      transition: color 0.3s ease;
    }
    
    .countdown {
      display: flex;
      justify-content: center;
      margin: 30px 0;
    }
    
    .countdown-section {
      margin: 0 15px;
    }
    
    .countdown-amount {
      font-size: 32px;
      font-weight: 700;
    }
    
    .countdown-period {
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }
    
    @media (max-width: 768px) {
      .construction-title {
        font-size: 32px;
      }
      
      .construction-subtitle {
        font-size: 18px;
      }
    }
  </style>
</head>
<body>
  <div class="construction-container">
    <div class="construction-icon">⚙️</div>
    <h1 class="construction-title">UNDER <span class="red-accent">CONSTRUCTION</span></h1>
    <p class="construction-subtitle">We're working hard to bring you something amazing</p>
    
    <div class="progress-container">
      <div class="progress-bar"></div>
    </div>
    
    <p class="construction-message">
      Our website is currently undergoing scheduled maintenance and upgrades.<br>
      We'll be back online with a fresh new look very soon.
    </p>
    
    <div class="countdown">
      <div class="countdown-section">
        <div class="countdown-amount">14</div>
        <div class="countdown-period">Days</div>
      </div>
      <div class="countdown-section">
        <div class="countdown-amount">08</div>
        <div class="countdown-period">Hours</div>
      </div>
      <div class="countdown-section">
        <div class="countdown-amount">33</div>
        <div class="countdown-period">Minutes</div>
      </div>
    </div>
    
    <div class="social-icons">
      <a href="#"><span>&#xf099;</span></a>
      <a href="#"><span>&#xf09a;</span></a>
      <a href="#"><span>&#xf16d;</span></a>
    </div>
  </div>
</body>
</html>/* End custom CSS */