/* .input_box{
width: 50%;
border-radius: 8px;
height: 45px;
} */
.ajax-action-links {
    position: relative;
    display: inline-block;
}

.hover-text {
    position: absolute;
    top: -20px; /* Adjust the position of the text as per your preference */
    left: 0;
    display: none;
    color: #000000;
    padding: 5px;
}

.ajax-action-links:hover .hover-text {
    display: inline-block;
}

.smaclogo{
  width:13%;
}
.container_style{
  width:40%;
}
.icon_style{
  font-size: 50px;
}
.padding_items{
    padding-top: 100px;
    padding-bottom: 100px;
  }
  a{
    text-decoration: none !important;
  }
  .lead_input{
    width: 93% !important;
    border-radius: 30px !important;
  }
  .texas_logo{
    width:25% !important;
  }
  .insu_details{
    color: crimson !important;
  }
  .search_input{
    border-radius: 30px !important;
  }
  .content_container{
    width: 65% !important;
  }
  .entry_btn{
  width: 28% !important;
  }
  input[type=text], select, textarea {
      width: 100%;
      padding: 12px;
      border: 1px solid #ccc;
      border-radius: 4px;
      resize: vertical;
    }
    
    label {
      padding: 12px 12px 12px 0;
      display: inline-block;
    }
    
    input[type=submit] {
      background-color: #04AA6D;
      color: white;
      padding: 12px 20px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      float: right;
    }
    
    input[type=submit]:hover {
      background-color: #45a049;
    }
    
    .container {
      border-radius: 5px;
      background-color: #f2f2f2;
      padding: 20px;
    }
    
    .col-25 {
      float: left;
      width: 25%;
      margin-top: 6px;
    }
    
    .col-75 {
      float: left;
      width: 75%;
      margin-top: 6px;
    }
    
    /* Clear floats after the columns */
    .row:after {
      content: "";
      display: table;
      clear: both;
    }
    .submit_btn{
      width: 8% !important;
    }
    
    /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
    @media screen and (max-width: 600px) {
      .col-25, .col-75, input[type=submit] {
        width: 100%;
        margin-top: 0;
      }
    }
  .birthday{
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #ccc;
    line-height: inherit;
    width:100%;
  }
  .gender_btn{
      width: 100% !important;
  }
  
    body {
      margin: auto;
      font-family: -apple-system, BlinkMacSystemFont, sans-serif;
      overflow: auto;
      background: linear-gradient(315deg, rgba(101,0,94,1) 3%, rgba(60,132,206,1) 38%, rgba(48,238,226,1) 68%, rgba(255,25,25,1) 98%);
      animation: gradient 15s ease infinite;
      background-size: 400% 400%;
      background-attachment: fixed;
    }
    
    @keyframes gradient {
      0% {
          background-position: 0% 0%;
      }
      50% {
          background-position: 100% 100%;
      }
      100% {
          background-position: 0% 0%;
      }
    }
    
    .wave {
      background: rgb(255 255 255 / 25%);
      border-radius: 1000% 1000% 0 0;
      position: fixed;
      width: 200%;
      height: 12em;
      animation: wave 10s -3s linear infinite;
      transform: translate3d(0, 0, 0);
      opacity: 0.8;
      bottom: 0;
      left: 0;
      z-index: -1;
    }
    
    .wave:nth-of-type(2) {
      bottom: -1.25em;
      animation: wave 18s linear reverse infinite;
      opacity: 0.8;
    }
    
    .wave:nth-of-type(3) {
      bottom: -2.5em;
      animation: wave 20s -1s reverse infinite;
      opacity: 0.9;
    }
    
    @keyframes wave {
      2% {
          transform: translateX(1);
      }
    
      25% {
          transform: translateX(-25%);
      }
    
      50% {
          transform: translateX(-50%);
      }
    
      75% {
          transform: translateX(-25%);
      }
    
      100% {
          transform: translateX(1);
      }
    }
  
  
    /* caller */
  
    /* *{
      padding: 0;
      margin: 0;
      box-sizing: border-box;
      font-family: sans-serif;
  }
  
  body{
      display: flex;
      height: 100vh;
      justify-content: center;
      align-items: center;
      background: url(bg-image.jpg);
      background-size: cover;
  }
  
  .container{
      width: 100%;
      max-width: 650px;
      background: rgba(0, 0, 0, 0.5);
      padding: 28px;
      margin: 0 28px;
      border-radius: 10px;
      box-shadow: inset -2px 2px 2px white;
  }
  
  .form-title{
      font-size: 26px;
      font-weight: 600;
      text-align: center;
      padding-bottom: 6px;
      color: white;
      text-shadow: 2px 2px 2px black;
      border-bottom: solid 1px white;
  }
  
  .main-user-info{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 20px 0;
  }
  
  .user-input-box:nth-child(2n){
      justify-content: end;
  }
  
  .user-input-box{
      display: flex;
      flex-wrap: wrap;
      width: 50%;
      padding-bottom: 15px;
  }
  
  .user-input-box label{
      width: 95%;
      color: white;
      font-size: 20px;
      font-weight: 400;
      margin: 5px 0;
  }
  
  .user-input-box input{
      height: 40px;
      width: 95%;
      border-radius: 7px;
      outline: none;
      border: 1px solid grey;
      padding: 0 10px;
  }
  
  .gender-title{
      color:white;
      font-size: 24px;
      font-weight: 600;
      border-bottom: 1px solid white;
  }
  
  .gender-category{
      margin: 15px 0;
      color: white;
  }
  
  .gender-category label{
      padding: 0 20px 0 5px;
  }
  
  .gender-category label,
  .gender-category input,
  .form-submit-btn input{
      cursor: pointer;
  }
  
  .form-submit-btn{
      margin-top: 40px;
  }
  
  .form-submit-btn input{
      display: block;
      width: 100%;
      margin-top: 10px;
      font-size: 20px;
      padding: 10px;
      border:none;
      border-radius: 3px;
      color: rgb(209, 209, 209);
      background: rgba(63, 114, 76, 0.7);
  }
  
  .form-submit-btn input:hover{
      background: rgba(56, 204, 93, 0.7);
      color: rgb(255, 255, 255);
  }
  
  @media(max-width: 600px){
      .container{
          min-width: 280px;
      }
  
      .user-input-box{
          margin-bottom: 12px;
          width: 100%;
      }
  
      .user-input-box:nth-child(2n){
          justify-content: space-between;
      }
  
      .gender-category{
          display: flex;
          justify-content: space-between;
          width: 100%;
      }
  
      .main-user-info{
          max-height: 380px;
          overflow: auto;
      }
  
      .main-user-info::-webkit-scrollbar{
          width: 0;
      }
  } */