@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Helvetica_Now_Text';
    src: local('Helvetica Now Text  Regular'), local('Helvetica-Now-Text--Regular'),
        url('HelveticaNowText-Regular.woff2') format('woff2'),
        url('HelveticaNowText-Regular.woff') format('woff'),
        url('HelveticaNowText-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
@font-face {
    font-family: 'Helvetica_Now_Text_Bold';
    src: local('Helvetica Now Text  Bold'), local('Helvetica-Now-Text--Bold'),
        url('HelveticaNowText-Bold.woff2') format('woff2'),
        url('HelveticaNowText-Bold.woff') format('woff'),
        url('HelveticaNowText-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }

body {
 font-family: 'Helvetica_Now_Text', sans-serif;
 font-size: 15px;
}
option {
 font-family: 'Helvetica_Now_Text', sans-serif;
 font-size: 16px;
}
.bannerimg {
    padding: 0px 30px;
}
h2 {
 color: #e11b22;
}
h4 {
 font-size: 1.2em;
}
.card.article {
 border-left: none;
 border-right: none;
    font-size: 1.3em;
}
.artlink {
 color: #e11b22;
 text-decoration: none;
}
.rtxt {
  color: #e11b22;  
}
.card-title {
  margin-bottom: 0px;
}
.investbutton {
    background-color: #fff; /* Light gray background */
    color: #333; /* Dark gray text */
    padding: 10px 20px; 
    border-style: groove; /* No border */
    border-radius: 5px; /* Rounded corners */
    border-color: #000000;
    font-size: 18px;
    text-decoration: none; /* Remove underline */
    display: inline-block;
}

.investbutton:hover {
    background-color: #e0e0e0; /* Slightly darker gray on hover */
}

.investbutton-container {
    margin-top: 10px; /* Add some spacing above */
    text-align: right; /* Align the button to the right */
}

.card-body {
 padding: 5px;
}
.btn.btn-red {
 background-color: #252836;
 color: #fff;
 border-radius: 0px;
 width: 100%;
 margin-bottom: 8px;
}
.banner{
 background-image: url(https://image.affinityinsurance.aon.co.za/lib/fe5c15707c6001787311/m/1/23347a6b-c48a-4abe-adcd-a5fcb3a0b6a4.png);
 background-repeat: no-repeat;
 background-size: cover;
}
.bg-light {
 background-color: #f9fcfc !important; 
}
.bg_grey08 {
 background-color: #e6f1f2 !important; 
}
.card.bg_grey08.brd_lr {
 border-left: 6px solid #252836;
}

.bg_primary, .btn-danger {
 background-color: #252836 !important;
 border:#252836;
 font-size: 1.2em;
}
.bg_secondary{
 background-color: #252836;
}
.col-lg-3.addoverflow {
 margin: 15px 0px;
}
.cobrand {
 max-width: 360px;
}
h5 {
 font-family: 'Helvetica_Now_Text_Bold', sans-serif;
 font-size: 15px;
}
.card {
 border-radius: 0px !important;
 border-color: #e6f1f2;
}
.bg_grey {
 background-color: #eef6f7;
}
.card img {
 margin-top: 12px;
}
.list-group {
 border: 1px solid #000;
 padding: 0px !important;
}
li.list-group-item::before {
 content: '';
}
.list-group-item {
 border-bottom: none !important;
 padding: 0px 12px;
}
.zams{
 color: #252836;
}
.red-icons{

}
.redtxt {
 color: #252836;
 font-family: 'Helvetica_Now_Text_Bold', sans-serif;
 font-size: 1.4em;
 margin: 6px 0px;
}

h1 {
 font-family: 'Helvetica_Now_Text_Bold', sans-serif;
 font-size: 3em;
 color: #fff;
 
}
.card.bg_grey08.brd_lr {
 width: 100%;
}
.card.bg_grey08.fullwdth {
 width: 100%;
}
.icnspc {
 margin: 6px 0px 10px 0px;
}
.makeblock {
 display: block;
}
.form-control.nobrd {
 border: none !important;
}
.form-control:disabled {
 background-color: rgba(123,123,123,0.0) !important;
}
#deviceAmount {
 font-family: 'Helvetica_Now_Text_Bold';
 font-size: 4em;
 padding: 0px !important;
 line-height: 0px;
}
#basic-addon1 {
 border: none !important;
 padding: 25px 0px 0px 0px;
 font-size: 1.8em;
 background: none !important;
}
.input-group.nopm {
 width: 85%;
}
.form-check {
 font-size: 12px;
 line-height: 14px;
}
.form-check-input {
 border: 1px solid #000;
}
.form-check-input {
 width: 1.2em;
 height: 1.2em;
 margin-top: 0em;
}
.form-check-input:checked {
 background-color: #eb0017;
 border-color: #eb0017;
}
.prod {
 position: relative;
}
.prodimg {
 position: absolute;
 margin-top: -30px;
}
.disclaimers {
 font-size: 12px;
margin-top: auto;
}
ul {
 list-style: none;
}
li {
 display: inline;
}
.footer-links li a {
 color: #fff;
 text-decoration: none;
 padding: 0px 16px;
}
.footer-links li a:hover {
 text-decoration: underline;
}
li+li:before
{
  content: '| ';
 color: #fff;
}

.social {
 color: #fff;
 font-size: 1.8em;
 padding: 0px 15px 0px 0px;
}
.footer-links {
 margin-bottom: .6em !important;
    margin-left: -48px;
}
.d-none {
 display: none;
}
@media only screen and (max-width: 1400px) {
#deviceAmount {
     font-size: 3.4em;
}
}