@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "cocogoose_regular";
  src: url('/_ui/_assets/fonts/cocogoose_regular.eot');
  src: url('/_ui/_assets/fonts/cocogoose_regular.eot#iefix') format('eot'), url('/_ui/_assets/fonts/cocogoose_regular.woff2') format('woff2'), url('/_ui/_assets/fonts/cocogoose_regular.woff') format('woff'), url('/_ui/_assets/fonts/cocogoose_regular.eot') format('embedded-opentype'), url('/_ui/_assets/fonts/cocogoose_regular.ttf') format('truetype'), url('/_ui/_assets/fonts/cocogoose_regular.svg') format('svg')
}
@font-face {
  font-family: "cocogoose_light";
  src: url('/_ui/_assets/fonts/cocogoose_light.eot');
  src: url('/_ui/_assets/fonts/cocogoose_light.eot#iefix') format('eot'), url('/_ui/_assets/fonts/cocogoose_light.woff2') format('woff2'), url('/_ui/_assets/fonts/cocogoose_light.woff') format('woff'), url('/_ui/_assets/fonts/cocogoose_light.eot') format('embedded-opentype'), url('/_ui/_assets/fonts/cocogoose_light.ttf') format('truetype'), url('/_ui/_assets/fonts/cocogoose_light.svg') format('svg')
}
@font-face {
  font-family: "cocogoose_demibold";
  src: url('/_ui/_assets/fonts/cocogoose_demibold.eot');
  src: url('/_ui/_assets/fonts/cocogoose_demibold.eot#iefix') format('eot'), url('/_ui/_assets/fonts/cocogoose_demibold.woff2') format('woff2'), url('/_ui/_assets/fonts/cocogoose_demibold.woff') format('woff'), url('/_ui/_assets/fonts/cocogoose_demibold.eot') format('embedded-opentype'), url('/_ui/_assets/fonts/cocogoose_demibold.ttf') format('truetype'), url('/_ui/_assets/fonts/cocogoose_demibold.svg') format('svg')
}
@font-face {
  font-family: "inter_regular";
  src: url('/_ui/_assets/fonts/inter_regular.eot');
  src: url('/_ui/_assets/fonts/inter_regular.eot#iefix') format('eot'), url('/_ui/_assets/fonts/inter_regular.woff') format('woff'), url('/_ui/_assets/fonts/inter_regular.eot') format('embedded-opentype'), url('/_ui/_assets/fonts/inter_regular.ttf') format('truetype'), url('/_ui/_assets/fonts/inter_regular.svg') format('svg')
}
@font-face {
  font-family: "inter_bold";
  src: url('/_ui/_assets/fonts/inter_bold.eot');
  src: url('/_ui/_assets/fonts/inter_bold.eot#iefix') format('eot'), url('/_ui/_assets/fonts/inter_bold.woff') format('woff'), url('/_ui/_assets/fonts/inter_bold.eot') format('embedded-opentype'), url('/_ui/_assets/fonts/inter_bold.ttf') format('truetype'), url('/_ui/_assets/fonts/inter_bold.svg') format('svg')
}
@font-face {
  font-family: "inter_semibold";
  src: url('/_ui/_assets/fonts/inter_semiBold.eot');
  src: url('/_ui/_assets/fonts/inter_semiBold.eot#iefix') format('eot'), url('/_ui/_assets/fonts/inter_semiBold.woff') format('woff'), url('/_ui/_assets/fonts/inter_semiBold.eot') format('embedded-opentype'), url('/_ui/_assets/fonts/inter_semiBold.ttf') format('truetype'), url('/_ui/_assets/fonts/inter_semiBold.svg') format('svg')
}
body {
  font-family: Calibri;
}
html {
  font-family: Calibri;
}
.pad-img-0{padding: 0px !important;}
.pad-img-0{padding: 0px !important;}
.container{width: 954px;
max-width: 954px;
}
.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}
.card-title {
    margin-bottom: 0.75rem;
    font-weight: bold;
    font-size: 20px;
    color: #470a68 !important;
}
#top-header{background-color: #470a68;padding: 0px 0px 0px 0px;}
#form-sec {
  padding: 30px 30px;
}
#form-sec .form-control {
  text-align: left;
  height: calc(1.5em + 0.65rem + 2px);
  border-radius: 0px;
}
#form-sec .input-control {
  text-align: left;
  height: calc(1.5em + 0.65rem + 2px);
  border-radius: 0px;
    
}
.input-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.input-control:focus-visible{outline: none;}
#form-sec h5 {
  text-align: center;
  padding-bottom: 25px;
}
#form-sec .box-border {
  border: 3px solid #dc0000;
  padding: 25px;
  text-align: center;
  max-width: 95.666667%;
  margin-left: 17px;
  margin-top: 30px !important;
  margin-bottom: 30px !important;
  margin: 0 auto;
}
#error-sec .box-border {
  border: 3px solid #dc0000;
  padding: 25px;
  text-align: center;
  max-width: 95.666667%;
  margin-left: 17px;
  margin-top: 30px !important;
  margin-bottom: 30px !important;
  margin: 0 auto;
}
#form-sec .box-border > h4 {
  color: #dc0000;
  font-weight: bold;
}
#error-sec .box-border > h4 {
  color: #dc0000;
  font-weight: bold;
}
#form-sec .rm-pad {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#error-sec .rm-pad {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#form-sec p {
  color: #dc0000;
}
#error-sec p {
  color: #dc0000;
}
#form-sec a {
  text-decoration: underline;
  color: #dc0000;
}
#error-sec a {
  text-decoration: underline;
  color: #dc0000;
}
#form-sec .form-group {
  padding: 0px 15px;
}
#form-sec .input-group {
  padding: 0px 15px;
}
#form-sec .desclaimer > p {
  color: #000000;
  text-align: center;
  font-size: 14px;
}
#form-sec .btn {
  background-color: #470a68;
  border: 0px;
  border-radius: 0px;
  width: 200px;
  padding: 13px;
  margin-top: 20px;
}
#form-sec .gray_form_box {
  background-color: #dddddd;
  padding: 20px;
  width: 60%;
  margin: 0 auto;
}
#form-sec h3 {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #470a68;
}
#form-sec p {
  font-weight: normal;
  color: #000;
  font-size: 19px;
  line-height: 21px;
  text-align: center;
}
#form-sec .form-brd {
  border: 1px solid #470a68;
  border-radius: 4px;
  padding: 40px 20px;
  background-color: #ffffff;
  margin: 20px;
}
#tnc h4 {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  color: #470a68;
  padding-top: 20px;
}
#tnc p {
  font-size: 10px;
  line-height: 14px;
  font-weight: normal;
  color: #000000;
}
#tnc a {
  text-decoration: underline;
  color: #470a68;
  font-weight: bold;
}
#header-text {
  padding: 40px 20px;
}
#header-text h1 {
  font-size: 32px;
  line-height: 35px;
  color: #470a68;
  font-weight: bold;
}
#header-text p {
  font-size: 19px;
  line-height: 21px;
  color: #000;
}
#threecol-sec h2 {
  font-size: 38px;
  line-height: 42px;
  color: #470a68;
  font-weight: bold;
  padding: 30px 0px;
}
#threecol-sec h3 {
  font-size: 25px;
  line-height: 32px;
  color: #470a68;
  font-weight: bold;
  padding: 10px 0px;
}

#threecol-sec p {
  font-size: 19px;
  line-height: 21px;
  color: #000;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-right: 10px;
  padding-left: 10px;
}
#thingstoknow {
  padding: 30px 0px;
}
#thingstoknow h2 {
  font-weight: bold;
  font-size: 28px;
  color: #470a68;
  text-align: left;
  display: block;
  padding: 20px 0px;
}
#thingstoknow h4{ font-weight: bold;
  font-size: 20px;
  color: #470a68;
  text-align: left;
  display: block;
  padding-bottom: 10px;}

#thingstoknow p{ font-weight: normal;
  font-size: 16px;
  color: #470a68;
  text-align: left;
  display: block;
  padding-bottom: 20px;}

#footer {
    background-color: #470a68;
    padding: 0px 0px 0px 0px;
    height: 30px;
}

/* :::::::::::::::::::::::: Mobile breakpoints :::::::::::::::::::::::::::: */
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
@media (max-width:575px) {
    #form-sec .form-brd {
    border: 1px solid #470a68;
    border-radius: 4px;
    padding: 20px 0px;
    background-color: #ffffff;
    margin: 0px;
}
    #form-sec .gray_form_box {
    background-color: #dddddd;
    padding: 20px;
    width: 100%;
    margin: 0 auto;
}
    #thingstoknow h4{padding-left: 0px;   }
  .img-hide {
    display: none;
  }
  .col-mbl-100 {
    width: 100% !important;
  }
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
  }
  .col-sm-8 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .row {
    margin-right: 2px;
    margin-left: 2px;
  }
  .col-sm-4 {
    padding-right: 5px;
    padding-left: 5px;
  }
  .mbl-height {
    height: 53px !important;
    padding-top: 7px;
  }
  .round2 {
    position: absolute;
    top: 12px !important;
    left: 45px !important;
  }
}
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 992px) {
    #thingstoknow h4{padding-left: 0px;   }
  #form-sec {
    padding: 0px 0px;
  }
  .col-md-8 {
    width: 100% !important;
  }
  .col-mbl-50 {
    width: 50%;
  }
  #slider-sec h4 {
    font-size: 18px;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  br {
    display: none;
  }
  h4 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 768px) {
  #form-sec {
    padding: 0px 0px;
  }
  .col-md-8 {
    width: 100% !important;
  }
  .col-mbl-50 {
    width: 50%;
  }
  #slider-sec h4 {
    font-size: 18px;
  }
}
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
     #form-sec .gray_form_box{width: 100%;}
  #form-sec {
    padding: 0px 0px;
  }
  .col-md-8 {
    width: 100% !important;
  }
  .col-mbl-50 {
    width: 50%;
  }
  #slider-sec h4 {
    font-size: 18px;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
  .col-md-8 {
    width: 100% !important;
  }
  .col-mbl-50 {
    width: 50%;
  }
  #slider-sec h4 {
    font-size: 18px;
  }
}
/*
xs = Extra small <576px
Max container width None (auto)

sm = Small ≥576px
Max container width 540px

md = Medium ≥768px
Max container width 720px

lg = Large ≥992px
Max container width 960px

xl = Extra large ≥1200px
Max container width 1140px
*/
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
/* Set width to make card deck cards 100% width */
@media (max-width: 950px) {
    .container{width: 100%;
max-width: 100%;
}
  #form-sec {
    padding: 0px 0px;
  }
  .col-md-8 {
    width: 100% !important;
  }
  .col-mbl-50 {
    width: 50%;
  }
  #slider-sec h4 {
    font-size: 18px;
  }
}