/* FOOTER CSS START */
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');

    .cp-footer{
      background:#000;
      color:#fff;
      padding:28px 22px 24px;
      font-family:'Space Mono', monospace;
      padding-bottom: 100px;
    }

    .cp-footer *{
      box-sizing:border-box;
    }

    .cp-footer-wrap{
      max-width:1400px;
      margin:auto;
      border-top:1px solid rgba(255,255,255,.55);
    }

    .cp-footer-topbar{
      display:flex;
      justify-content:space-between;
      padding-top:14px;
      font-size:13px;
      font-weight:300;
    }

    .cp-footer-hero{
      min-height:290px;
      display:grid;
      grid-template-columns:1.3fr .7fr;
      align-items:center;
      border-bottom:1px solid rgba(255,255,255,.55);
      gap:60px;
    }

    .cp-footer-title{
      font-family:Inter, Arial, sans-serif;
      font-size:clamp(36px,4vw,58px);
      line-height:1;
      letter-spacing:-2px;
      margin-bottom:22px;
      font-weight:300;
    }

    .cp-footer-tag{
      display:flex;
      gap:14px;
      align-items:flex-start;
      color:rgba(255,255,255,.62);
      font-size:16px;
      line-height:1.45;
      text-transform:uppercase;
      max-width:480px;
    }

    .cp-footer-tag::before{
      content:"";
      width:10px;
      height:52px;
      background:#ff4b15;
      flex:0 0 auto;
    }

    .cp-footer-nav{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:34px 90px;
      justify-self:end;
      min-width:430px;
    }

    .cp-footer-nav a{
      display:block;
      color:#fff;
      text-decoration:none;
      font-size:16px;
      line-height:2.1;
      text-transform:uppercase;
      font-weight:300;
      transition:.25s ease;
    }

    .cp-footer-nav a:hover{
      color:#ff4b15;
      transform:translateX(6px);
    }

    .cp-footer-bottom{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:80px;
      padding-top:70px;
    }

    .cp-info-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:85px 110px;
    }

    .cp-label{
      color:rgba(255,255,255,.52);
      font-size:13px;
      text-transform:uppercase;
      margin-bottom:18px;
      font-weight:300;
    }

    .cp-text{
      color:#fff;
      font-size:16px;
      line-height:1.5;
      font-weight:300;
    }

    .cp-brand{
      margin-top:80px;
    }

    .cp-brand h2{
      font-family:Inter, Arial, sans-serif;
      font-size:clamp(42px,5vw,70px);
      line-height:1;
      letter-spacing:-3px;
      font-weight:400;
      margin-bottom:22px;
    }

    .cp-brand p{
      font-size:15px;
      text-transform:uppercase;
      font-weight:300;
    }

    .cp-form{
      width:100%;
    }

    .cp-field{
      margin-bottom:28px;
    }

    .cp-field label,
    .cp-budget-label{
      display:block;
      color:rgba(255,255,255,.52);
      font-size:13px;
      text-transform:uppercase;
      margin-bottom:12px;
      font-weight:300;
    }

    .cp-field input,
    .cp-field textarea{
      width:100%;
      background:#000;
      border:1px solid rgba(255,255,255,.65);
      color:#fff;
      padding:18px 16px;
      font-family:'Space Mono', monospace;
      font-size:14px;
      outline:none;
      border-radius:0;
    }

    .cp-field textarea{
      min-height:105px;
      resize:vertical;
    }

    .cp-field input:focus,
    .cp-field textarea:focus{
      border-color:#ff4b15;
    }

    .cp-budget{
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:24px;
      margin:8px 0 30px;
    }

    .cp-budget-label{
      margin:0 10px 0 0;
    }

    .cp-check{
      display:flex;
      align-items:center;
      gap:10px;
      font-size:14px;
      font-weight:300;
      cursor:pointer;
    }

    .cp-check input{
      appearance:none;
      width:16px;
      height:16px;
      border:1px solid rgba(255,255,255,.7);
      background:#111;
      border-radius:0;
      position:relative;
    }

    .cp-check input:checked{
      background:#ff4b15;
      border-color:#ff4b15;
    }

    .cp-submit{
      width:100%;
      height:58px;
      background:#ff4b15;
      color:#fff;
      border:0;
      font-family:'Space Mono', monospace;
      text-transform:uppercase;
      font-weight:300;
      cursor:pointer;
      transition:.25s ease;
    }

    .cp-submit:hover{
      background:#fff;
      color:#000;
    }

    @media(max-width:1000px){
      .cp-footer-hero,
      .cp-footer-bottom{
        grid-template-columns:1fr;
      }

      .cp-footer-nav{
        justify-self:start;
        min-width:0;
      }
    }

    @media(max-width:650px){
      .cp-footer{
        padding:20px 14px;
      }

      .cp-footer-hero{
        min-height:auto;
        padding:70px 0;
      }

      .cp-footer-nav,
      .cp-info-grid{
        grid-template-columns:1fr;
        gap:28px;
      }

      .cp-footer-bottom{
        padding-top:45px;
        gap:45px;
      }

      .cp-brand{
        margin-top:45px;
      }

      .cp-budget{
        align-items:flex-start;
        flex-direction:column;
        gap:14px;
      }
    }

/* FOOTER CSS END */