.signup_form {
    height: 100vh;
  }
  .signup_section{
      position: relative;
      background-color: #F8FAFC;
      z-index: 0;
  }
  .signup_section::before {
    content: '';
    background-image: url(../../login-signup/images/mockup-chat.png);
    height: 600px;
    width: 600px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    top: 20px;
    left: -138px;
    z-index: -1;
}
  .signup_section::after{
      content: '';
      background-image: url(../../login-signup/images/mockup-snip.png);
      height:500px;
      width: 500px;
      position: absolute;
      background-repeat: no-repeat ;
      background-position: bottom right;
      background-size: contain;
      bottom:0;
      right:0;
      z-index: -2;
  }
  .signup_div{
      position: relative;
  }
  .custom-sign-section::after {
    content: '';
    background-image: url(../../login-signup/images/logo_genie.png);
    height: 100px;
    width: 300px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    top: 50px;
    right: 60px;
    z-index: -1;
}
  

  .new_signup_form{
      width: 30%;
      margin: 0 auto;
  }
  .signup_input:focus {
    outline: none;
  }
  
  
  
  .choose_plan {
    border: 1px solid black;
    border-radius: 5px;
    background-color: white;
    width: max-content;
  }
  .choose_plan li {
    list-style: none;
    list-style-type: none;
  }
  .form-check-input:checked {
    background-color: #e62eea;
    border-color: #e62eea;
  }
  .choose_plan_btn{
      background-color: black;
      color: white;
      border-radius:35px ;
      border: none;
      width:38%;
  }
  .choose_plan_div{
      height: 100vh;
  }
  .choose_plan_section{
      position: relative;
      height: 100vh;
      background-color: #F8FAFC;
      z-index: 0; 
  }
  .choose_plan_section::before{
      position: absolute;
      content: "";
      background-image: url(../../login-signup/images/mockup-chat.png);
      height:600px;
      width: 600px;
      position: absolute;
      background-repeat: no-repeat;
      background-size: contain;
      top: 0;
      left: -120px ;
      z-index: -1;
  }
  .choose_plan_section::after{
      content: '';
      background-image: url(../../login-signup/images/mockup-chat.png);
      height:500px;
      width: 500px;
      position: absolute;
      background-repeat: no-repeat ;
      background-position: bottom right;
      background-size: contain;
      bottom:0;
      right:0;
      z-index: -2;
  }
  .choose_plan_form{
      position: relative;
      z-index: 1;
  }
  .choose_plan_form::after{
      content: '';
      background-image: url(../../login-signup/images/logo_genie.png);
      height:300px;
      width: 300px;
      position: absolute;
      background-repeat: no-repeat ;
      background-position: top right;
      background-size: contain;
      top:70px;
      right:0;
      z-index: -1;
  }
  .payment_modal{
      background-color: #F8FAFC;
      border-radius: 10px;
  }
  .modal_btn{
      border: none;
      border-radius: 35px;
  }
  .img_logo{
      display: none;
  }
  
  .trial-head {
    font-size: 24px;
    font-weight: 700;
}
.custom-img_logo{
    position: absolute;
    top: 50px;
}
@media screen and (max-width: 1600px){
    .signup_section::before {
        content: '';
        background-image: url(../../login-signup/images/mockup-chat.png);
        height: 500px;
        width: 500px;
        left: -95px;
    }
    .signup_section::after {
        content: '';
        background-image: url(../../login-signup/images/mockup-snip.png);
        height: 450px;
        width: 450px;
    }
}


  @media screen and (max-width: 1200px){
      .signup_section{
          position: relative;
      }
      .signup_section::before {
        content: '';
        background-image: url(../../login-signup/images/mockup-chat.png);
        height: 450px;
        width: 450px;
        left: -105px;
    }
    .signup_section::after {
        content: '';
        background-image: url(../../login-signup/images/mockup-snip.png);
        height: 400px;
        width: 400px;
    }
      .choose_plan_section{
          position: relative;
          background-color: #F8FAFC;
          z-index: -3;
      }
      .choose_plan_section::before{
  
          position: absolute;
          content: "";
          background-image: url(../../login-signup/images/mockup-chat.png);
          height:600px;
          width: 600px;
          position: absolute;
          background-repeat: no-repeat;
          background-size: contain;
          top: 0;
          left: -250px ;
          z-index: -1;
      }
      .choose_plan_section::after{
          content: '';
          background-image: url(../../login-signup/images/mockup-chat\ \(2\).png);
          height:500px;
          width: 500px;
          position: absolute;
          background-repeat: no-repeat ;
          background-position: bottom right;
          background-size: contain;
          bottom:0;
          right:10;
          z-index: -2;
      }
      
  }
  
  @media screen and (max-width: 992px){      
      .new_signup_form{
          width: 60%;
          margin: 0 auto;
      }
      .signup_section{
          position: relative;
      }
      .signup_section::before{
          content: none;
          background-image: url(../../login-signup/images/mockup-chat.png);
          height:600px;
          width: 600px;
          position: absolute;
          background-repeat: no-repeat;
          background-size: contain;
          top: 0;
          background-position-x: -320px ;
          z-index: -1;
      }
      .signup_section::after{
          content: none;
          background-image: url(../../login-signup/images/mockup-chat.png);
          height:500px;
          width: 500px;
          position: absolute;
          background-repeat: no-repeat ;
          background-size: contain;
          bottom:0;
          right:-200px;
          z-index: -2;
      }
      .signup_div{
          position: relative;
      }
      .custom-sign-section::after {        
          content: none;
      }
      .choose_plan_section{
          position: relative;
          background-color: #F8FAFC;
          z-index: 0;
      }
      .choose_plan_section::before{
  
          position: absolute;
          content: none;
          background-image: url(../../login-signup/images/mockup-chat.png);
          height:600px;
          width: 600px;
          position: absolute;
          background-repeat: no-repeat;
          background-size: contain;
          top: 0;
          left: -320px ;
          z-index: -1;
      }
      .choose_plan_section::after{
          content: none;
          background-image: url(../../login-signup/images/mockup-snip.png);
          height:500px;
          width: 500px;
          position: absolute;
          background-repeat: no-repeat ;
          background-position: bottom right;
          background-size: contain;
          bottom:0;
          right:-200px;
          z-index: -2;
      }
      .choose_plan_form{
          position: relative;
          z-index: 1;
      }
      .choose_plan_form::after{
          content: none;
          background-image: url(../../login-signup/images/logo_genie.png);
          height:300px;
          width: 300px;
          position: absolute;
          background-repeat: no-repeat ;
          background-position: top right;
          background-size: contain;
          top:70px;
          right:0;
          z-index: -1;
      }
      .choose_plan_btn{
          background-color: black;
          color: white;
          border-radius:35px ;
          border: none;
          width:70%;
      }
      .img_logo{
          display: block;
      }
  }
  @media screen and (max-width: 576px){
      .new_signup_form{
          width: 75%;
          margin: 0 auto;
      }
  }

  .error {
    color: red;
    }
    .price-month {
       font-size: 10px;
       margin-left: -23px;
    }
    .trial-space{
       margin-bottom: 16px !important;
    }
    .list-logo-img{
       margin: auto;
    }
    @media (max-width: 1260px) {
       .price-word-app {
          width: auto;
       }
    }

    @media (max-width: 1199px) {
    .inner-content-text {
       width: auto !important;
    }
    }
 @media (max-width: 992px) {
    .price-word-app {
       width: 602px;
    }
    .list-head {
       width: 370px;
    }
    .list-logo-img{
       margin: 0px;
    }
    .list-logo-img-cus{
       margin: auto;
    }

    }
 @media (max-width: 767px) {
    .price-word-app {
       width: auto;
    }
    .list-head {
       width: 450px;
    }
    }
    @media (max-width: 420px) {
    .card-scroll {
       overflow-x: scroll;
       width: 100%;
    }
    .inner-content-text {
       width: 130px !important;
       text-align: center;
    }
    .card-scroll::-webkit-scrollbar {
       width: 5px !important;
       height: 5px !important;
       background-color: grey;
       color: grey;
       border-radius: 6px;
    }
    .list-head {
       width: 450px;
    }        
    }
    @media (max-width: 380px) {
       .list-head {
       width: 400px !important;
    } 
    }
    @media (max-width: 300px) {
       .list-head {
       width: 140px !important;
    } 
    }



    .submit-redeem {
        background: #000;
        color: #fff;
        width: 100%;
        font-size: 21px;
    }
    .sign_create_form {
        width: 391px;
        margin: auto;
        text-align: center;
    }
    .sign_create_form h5 {
        text-transform: lowercase;
        font-weight: 600;
    }
    .signup_input {
        font-weight: 400 !important;
        height: 40px;
        border-color: #676565;
        border-color: rgba(82, 82, 82, 0.671) !important;
        border-radius: 40px;
    }
    .eye-closed {
        position: absolute;
        top: 9px;
        right: 18px;
        color: #8a9197;
    }
    @media(min-width:992px) and (max-width:1200px){
        .sign_create_form {
            width: 300px;
        }
    }

    @media (max-width:600px){
        .sign_create_form {
            width: auto;
        }
    }