@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: #85204a !important;*/ background-image: linear-gradient(120deg, #16243E 0%, #CE1D52 95%); 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;}

}