@font-face {
    font-family: 'Campton';
    src: url('../fonts/Campton-Light.eot');
    src: url('../fonts/Campton-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Campton-Light.woff2') format('woff2'),
        url('../fonts/Campton-Light.woff') format('woff'),
        url('../fonts/Campton-Light.ttf') format('truetype'),
        url('../fonts/Campton-Light.svg#Campton-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('Campton-Bold.eot');
    src: url('../fonts/Campton-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Campton-Bold.woff2') format('woff2'),
        url('../fonts/Campton-Bold.woff') format('woff'),
        url('../fonts/Campton-Bold.ttf') format('truetype'),
        url('../fonts/Campton-Bold.svg#Campton-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('Campton-BoldItalic.eot');
    src: url('../fonts/Campton-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Campton-BoldItalic.woff2') format('woff2'),
        url('../fonts/Campton-BoldItalic.woff') format('woff'),
        url('../fonts/Campton-BoldItalic.ttf') format('truetype'),
        url('../fonts/Campton-BoldItalic.svg#Campton-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Campton SemBd';
    src: url('../fonts/Campton-SemiBold.eot');
    src: url('../fonts/Campton-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Campton-SemiBold.woff2') format('woff2'),
        url('../fonts/Campton-SemiBold.woff') format('woff'),
        url('../fonts/Campton-SemiBold.ttf') format('truetype'),
        url('../fonts/Campton-SemiBold.svg#Campton-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton Med';
    src: url('../fonts/Campton-Medium.eot');
    src: url('../fonts/Campton-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Campton-Medium.woff2') format('woff2'),
        url('../fonts/Campton-Medium.woff') format('woff'),
        url('../fonts/Campton-Medium.ttf') format('truetype'),
        url('../fonts/Campton-Medium.svg#Campton-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

header{background: #C8284A; width: 100%;}
.nav-item{font-family: 'Campton Med';  font-weight: 500; color: #fff!important; font-size: 14px; border-left: solid 1px #fff;}
.nav-item{padding: 10px 25px;} 
.nav-item strong{font-size: 18px; font-family: 'Campton Med';  font-weight: 500;}
.nav-item a{color: #fff;}
.banner-part{background: url(../images/banner.jpg) no-repeat center top; background-size: cover; float: left; width: 100%; padding: 150px 0px 250px;}
.banner-part h1{ font-family: 'Campton'; font-size: 42px; color: #fff; font-weight: bold; }
.button{border-radius: 10px; color: #fff!important; font-size: 20px; font-family: 'Campton Med'; font-weight: 500; background: #C8284A;}
.logo{height: 65px;}
.sub-banner{width: 100%; float: left; background: #5c6061;}
.sub-banner .logo{width: 200px;}
.sub-banner h2{color: #fff; font-family: 'Campton Med';  font-weight: 500; font-size: 21px;}
.middle-area{width: 100%; float: left;}
.middle-area h2{border: solid 2px #C8284A; color: #C8284A; font-size: 28px; display: inline-block; border-radius: 10px;  font-family: 'Campton'; font-weight: 300;}
.middle-area h2 strong{ font-weight: bold; font-style: italic;}
.benefits ul{padding: 0px; margin: 0px;}
.benefits li{list-style-type: none; list-style: none; margin-top: 40px; display: flex; align-items: center;  font-family: 'Campton'; font-weight: bold; font-style: italic;}
.benefits li span{text-align: left; line-height: 18px;}
.benefits li img{margin-right: 15px; width: 115px;}
.benefits-banner{height: 500px; width: 100%; object-fit: cover; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);}
.redspace{ height: 20px; background: #C8284A; float: left; width: 100%;}
.navbar-toggler{background: #fff; padding: 2px 5px;}
.form-group{margin: 20px 0px; float: left; width: 100%;}
.form-group label{font-family: 'Campton Med'; font-weight: 500; font-size: 18px; vertical-align: middle; line-height: 20px;}
.form-group .form-control{border: solid 2px #C8284A; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); padding: 4px 10px; border-radius: 0px; background: #f3f3f5;  font-family: 'Campton'; font-weight: 300; font-size: 18px;}
/* Custom Checkbox Size */
.submit-btn{background: #C8284A; font-family: 'Campton Med';  font-weight: 500; font-size: 28px;}
.form-check-input {
    width: 20px;
    height: 20px; border-radius: 0px;
    cursor: pointer; background-color: #f3f3f5; border: solid 2px #C8284A;
  }
  .form-check-input[type=checkbox]{border-radius: 0px;}
  
  /* Checked Checkbox */
  .form-check-input:checked {
    background-color: #C8284A;
    border-color: #C8284A;
  }
  
  /* Checkbox hover effect */
  .form-check-input:hover {
    box-shadow: 0 0 5px #C8284A;
  }

@media screen and (max-width: 767px) {
    .logo{height: 50px;}
    .banner-part{padding: 20px 0px 65px;}
    .banner-part h1{font-size: 24px; width: 80%;}
    .button{font-size: 16px;}
    .sub-banner .logo{width: 150px;}
    .sub-banner h2{font-size: 18px;}
    .middle-area h2{font-size: 22px;}
    .benefits li img{width: 75px;}
    .benefits li{margin-top: 0px; margin-bottom: 20px;}
    .benefits-banner{height: auto; width: 100%;}
    .benefits-banner{margin-bottom: 20px;}
    .benefits li span{font-size: 16px;}
    .form-group{margin: 10px 0px;}
    .form-group label{margin-bottom: 5px;}
}