#popup-form {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: rgb(51, 51, 51);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    transition: opacity 0.3s ease-in-out;
  }
  #popup-content h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
    font-size: 22px;
    margin-bottom: 20px;
  }
  #popup-close {
    cursor: pointer;
  }
  #popup-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    max-height: 94vh;
    overflow-y: auto;
    color: rgb(51, 51, 51);
  }
  #popup-content form{
    display: flex;
    flex-wrap: wrap;
    gap: 5%;
  }
  #popup-content::-webkit-scrollbar {
    width: 6px;
  }

  #popup-content::-webkit-scrollbar-thumb {
    background: rgba(90, 90, 90);
  }

  #popup-content::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
  }
  #popup-content{
    width: 740px !important;
  }
  #popup-form input{
    background-color: #FFF;
    width: 100% !important;
    color: #111 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
    height: 30px !important;
    border-radius: 5px !important;
    border: 0px !important;

  }
  
  #popup-form input::placeholder{
    color: #fff !important;
    padding: 0 8px;
  }
  #popup-form input[type="radio"]{
    height: 24px !important;
    width: 24px !important;
  }

  #popup-form select{
    background-color: rgba(250, 250, 250, .2);
    width: 100% !important;
    color: #111 !important;
    border: 0px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
  }
  #popup-form select,
  #popup-form input[type="text"],
  #popup-form input[type="email"]{
    height: 30px !important;
    border-radius: 5px !important;
    outline: none !important;
  }

  #popup-form .mktoFormRow{
    width: 46%;
    border-radius: 5px !important;
    border: 1px solid rgb(229, 229, 229) !important;
    margin-bottom: 16px;
  }
  #popup-form .mktoFormRow[data-wrapper-for="ConsentDisclaimer"]{
    border: 0px !important;
  }
  #popup-form .mktoFormRow[data-wrapper-for*="termCondition"]{
    border: 0px !important;
  }
  #popup-form .mktoFormRow[data-wrapper-for*="gatedurl"]{
    border: 0px !important;
    width: 100%;
  }
  #popup-form .termCondition{
    border: 0px !important;
  }
  #popup-form .mktoFieldDescriptor{
    margin-bottom: 0px !important;
    width: 100%;
    padding: 3px 16px 8px 16px;
  }
  #popup-form .mktoGutter{
    height: 0em;
  }
  #popup-form .mktoFormCol span{
    color: #111 !important;
    font-size: 13px;
    line-height: 1.2em;
  }
  #popup-form .mktoFieldWrap{
    width: 100%;
  }
  #popup-form .mktoLabel{
    font-size: 14px;
    font-weight: bold;
  }
  #popup-form .mktoLabel[for="termCondition"]{
    position: absolute;
    top: -10px;
    left: 0;
  }

  #popup-form .mktoAsterix{
    color: #bf0000 !important;
    display: inline-block;
    float: none;
  }
  #popup-form .mktoRadioList{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: -16px;
  }
  #popup-form .mktoRadioList label{
    margin-left: 0;
    margin-right: 16px;
    color: #333 !important;
  }
  #popup-form a{
    color: #005e60 !important;
    text-decoration: underline !important;
  }
  #popup-form .mktoHasWidth{
    width: 100% !important;
  }
  #popup-form div[for="honeypot"],
  #popup-form div[for="Business_Area_of_Interest__c"],
  #popup-form div[data-wrapper-for="honeypot"],
  #popup-form div[data-wrapper-for="Business_Area_of_Interest__c"],
  #popup-form div[data-wrapper-for="UTM_Medium__c"],
  #popup-form div[data-wrapper-for="UTM_Source__c"],
  #popup-form div[data-wrapper-for="UTM_Campaign__c"],
  #popup-form div[data-wrapper-for="UTM_Content__c"]{
    display: none !important;
  }
  #popup-form .mktoOffset{
    display: none;
  }
  #popup-form .mktoButtonRow{
    width: 100% !important;
    text-align: center;
  }
  #popup-form .mktoForm .mktoError .mktoErrorMsg{
      background-color: #005e60 !important;
      background-image: none !important;
      border: 1px solid #005e60 !important;
      text-shadow: none !important;
      box-shadow: none !important;
  }
  #popup-form .mktoForm .mktoError .mktoErrorArrow{
    background-color: #005e60 !important;
    border-color: #005e60 !important;
  }
  #popup-form .mktoFormCol span.mktoErrorDetail {
    color: #c8ff08 !important;
  }
  
  @media (max-width: 800px){
    #popup-form form{
      width: 95% !important;
      padding: 0;
    }
    #popup-content {
      padding: 16px;
    }
    #popup-form a{
      padding: 0;
    }
    #popup-form .mktoFormRow{
      width: 100%;
      margin-bottom: 10px;
    }
    #popup-form .mktoHasWidth{
      width: 100% !important;
    }
    #popup-form .mktoGutter{
      height: 0.1em !important;
    }
    #popup-form .mktoFieldDescriptor{
      width: 100% !important;
      padding-bottom: 4px;
    }
    #popup-form .mktoRadioList{
      margin-top: 0;
    }
    #popup-form select,
    #popup-form input{
      height: 30px !important;
      border-radius: 6px;
      padding: 2px 8px;
    }
    #popup-form input::placeholder{
      padding: 0;
    }
    #popup-form .mktoLabel[for="termCondition"]{
      top: 0;
    }
  }