@charset "utf-8";
/* CSS Document */

* {
  box-sizing: border-box;
}

/* Create two columns that floats next to each other */
.column_left {
  float: left;
  width: 55%;
  padding: 20px 10px 10px 10px;
  height: auto;
}

.column_right {
  float: left;
  width: 45%;
  padding: 10px;
  height: auto;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column_left, .column_right {
    width: 100%;
  }

img {
  max-width:100%;
  height: auto !important;
  display: block !important;
 }
 
div {
  width:100% !important;
  max-width: 600px !important;
  position:relative !important;
  height:auto !important;
  overflow:visible !important;
  top:0px !important;
 }
}
.cont-wrapper {
  width: 600px;
  height: auto;
  margin: 0 auto;
}
 
 h1, h2 {
  font-weight: bold;
  line-height: normal;
 }
 
 h1 {
  color: #001871;
  font-size: 16px;
 }
 
 h2 {
 color: #4f00ca;
  font-size: 14px;
 }

body, p {
    margin: 0 auto !important;
    padding: 0 !important;
    height: 100% !important;
    width: 100% !important;
 mso-height-rule: exactly; 
 font-family:arial, helvetica, sans-serif;
 color: #363636;
font-size: 14px;
line-height: normal !important;
} 
 
 a {
  color: #1352de;
  text-decoration: underline;
  line-height: 2em;
 }

 .footer {
  background-color: #f6f6f6;
  font-size: 10px;
  padding: 20px;
 border-radius:20px;
 }
 
 .footer a {
  color: #001871;
  text-decoration: underline;
 }

 #form-container {
    width: 100%;
    padding: 20px;
    background: #e0e0fb;
    box-shadow: 0 2px 4px 1px rgb(0 0 0 / 14%);
    color: #333333;
    max-height: 1190px;
    position: relative;
    margin-right: 30px;
    border: 1.5px solid rgba(0, 0, 0, 0.14);
    border-radius:20px;
    font-family:helvetica;
}

.font-10{
    font-size: 10px !important;
}
 
.font-14{
    font-size: 14px !important;
}

.margin-bottom-15{
 margin-bottom: 15px !important;
}

.margin-bottom-30{
 margin-bottom: 30px !important;
}

.margin-top-40{
 margin-top: 40px !important;
}

.form-header {
 font-size: 28px !important;
 line-height: 28px !important;
}

.ssp-reg{
    font-family: 'Source Sans Pro', sans-serif; 'Open Sans', Arial !important;
}

.ssp-reg-comments{
    font-family: 'Source Sans Pro', sans-serif; 'Open Sans', Arial !important;
 color: #495057 !important;
}

.ssp-bold{
    font-family: 'Source Sans Pro', sans-serif; 'Open Sans', Arial !important;
 font-weight: bold !important;
}

.aig-blue-font{
 color: #001871 !important;
}
 
.form-control, .form-control-drp-down {
    display: block;
    width: 100%;
    height: 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 font-family: 'Source Sans Pro', sans-serif; 'Open Sans', Arial !important;
}

.form-control {
 padding: .375rem .75rem !important;
}

.form-control-drp-down {
 padding: 5px 8px;
}

.margin-top-5{
 margin-top: 5px !important;
}

.margin-top-10{
 margin-top: 10px !important;
}

.radio-buttons-container {
    /* width: 130px; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 30px !important;
}

.radio-buttons-container label{

 display: flex;
 justify-content: flex-start;
 align-items: center;
 margin-top: 10px;
}

.radio-buttons-container span {
 /* background-color: rgb(13, 255, 0); */
 display: block;
 margin: 0 10px;
}

.container-choice {
 max-height: 0;
 overflow: hidden;
 display: none;
 transition: 0.4s;
}

.container-choice.active{
 max-height: 500px;
}
 
.btn-primary {
    color: #fff;
    background-color: #4f00ca !important;
 border-color: #4f00ca !important;
 border-radius: 20px !important;
}
 
.btn-primary:hover {
    color: #fff;
    background-color: #001871 !important;
 border-color: #001871 !important;
 border-radius: 20px !important;
}

.pop-up-link-style{
 display: inline-block;
 margin-top: 30px;
}

.pop-up-link-style:hover, .pop-up-link-style:focus{
 outline: solid 2px #001871;
 outline-offset: 3px;
text-decoration: none !important; 
}
 
 .text-center {
 text-align:center;
 }
 
 ::placeholder,
.placeholder {
 color: #969696;
}