@font-face {
  font-family: 'segoeu';
  src: url('../fonts/segoeuithibd.ttf') format('opentype');
  font-style: normal;
}

        @font-face {
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.ttf') format('opentype');
  font-style: normal;
}

        @font-face {
  font-family: 'Vazirmatn';
  src: url('../fonts/Vazirmatn[wght].ttf') format('opentype');
  font-style: normal;
}

        @font-face {
  font-family: 'Oakley';
  src: url('../fonts/fony/DFVN-Oakley-Bold.otf') format('opentype');
  font-style: normal;
}
    
 *{
      margin:0;
      padding:0;
      box-sizing:border-box;
    }

    body{
      font-family: Arial, sans-serif;
      height:100vh;
      display:flex;
      justify-content:center;
      align-items:center;
      background:url('/assets/images/bannerimg.png') center center/cover no-repeat;
      overflow:hidden;
      position:relative;
    }

    body::before{
      content:"";
      position:absolute;
      inset:0;
      background:rgba(0,0,0,0.45);
    }

    .popup-wrapper{
      position:relative;
      z-index:2;
      width:780px;
      max-width:95%;
      display:flex;
      background:#b9f3f3;
      border-radius:8px;
      overflow:hidden;
      box-shadow:0 10px 40px rgba(0,0,0,0.35);
    }

    .popup-image{
      width:34%;
      background:url('/assets/images/d5061f2e-6549-4791-9d97-68f4695bc832.png') center center/cover no-repeat;
      min-height:500px;
    }

    .popup-content{
      width:66%;
      padding:35px 45px;
      text-align:center;
      position:relative;
    }

    .close-btn{
      position:absolute;
      top:18px;
      right:18px;
      width:42px;
      height:42px;
      border:2px solid #24487c;
      border-radius:50%;
      background:transparent;
      font-size:32px;
      line-height:35px;
      cursor:pointer;
      color:#24487c;
    }

    .popup-content h1{
      font-size:58px;
      line-height:1.05;
      color:#07224d;
      font-weight:500;
      margin-top:10px;
      margin-bottom:40px;
    }

    .popup-content p{
      font-size:18px;
      color:#07224d;
      line-height:1.2;
      margin-bottom:25px;
    }

    .email-box{
      width:100%;
      height:52px;
      border:1px solid #999;
      border-radius:4px;
      padding:0 16px;
      font-size:20px;
      margin-bottom:20px;
      outline:none;
    }

    .unlock-btn{
      width:100%;
      height:58px;
      background:#06244d;
      color:#fff;
      border:none;
      border-radius:4px;
      font-size:18px;
      font-weight:700;
      cursor:pointer;
      margin-bottom:20px;
      transition:0.3s;
    }

    .unlock-btn:hover{
      opacity:0.9;
    }

    .small-text{
      font-size:13px !important;
      line-height:1.5 !important;
      margin-bottom:22px !important;
      color:#07224d;
    }

    .decline-btn{
      background:#fff;
      border:1px solid #333;
      padding:12px 22px;
      font-size:25px;
      cursor:pointer;
    }

    @media(max-width:768px){

      .popup-wrapper{
        flex-direction:column;
      }

      .popup-image{
        width:100%;
        min-height:260px;
      }

      .popup-content{
        width:100%;
        padding:30px 20px;
      }

      .popup-content h1{
        font-size:42px;
      }

    }