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

.referrals-wrapp ::-webkit-input-placeholder {
  color:#107277;
}
.referrals-wrapp ::-moz-placeholder { 
  color:#107277;
}
.referrals-wrapp :-ms-input-placeholder {
  color:#107277;
}
.referrals-wrapp :-moz-placeholder {
  color:#107277;
}

.referrals-wrapp, .benefits-wrapp { width:100%; float:left;}
.referrals-wrapp .margin { width:100%; max-width:1096px; margin:auto;}

/*referrals-wrapp*/
.referrals-wrapp { text-align:center; background:#fff1ec; padding:47px 0 30px; position:relative;}
.referrals-wrapp p { float:none; font-size:18px; font-weight:400; color:#107277; letter-spacing:normal; line-height:1.56; margin:0 0 16px;}
.referrals-wrapp p a { color:#107277;}
.referrals-wrapp p span { display:block;}
.referrals-wrapp p strong { font-weight:700;}
.referrals-wrapp h2 { font-size:45px; font-weight:300; color:#107277; letter-spacing:normal; line-height:1; margin:0 0 33px;}
.referrals-wrapp h2 a { color:#107277;}
.referrals-wrapp h2 span { display:block;}
.referrals-wrapp h3 { font-size:62px; font-weight:300; color:#107277; letter-spacing:4.96px; line-height:0.65; margin:0 0 38px;}
.referrals-wrapp h3 a { color:#107277;}
.referrals-wrapp h3 span { display:block;}
.referrals-wrapp .referrals-col1 { width:88%; float:none; display:table; margin:0 auto 35px;}
.referrals-wrapp .referrals-col1 img { width:100%; display:block;}
.referrals-wrapp .referrals-col1 .referrals-row1 { width:100%; float:none;}
.referrals-wrapp .referrals-col2 { width:100%; float:left; margin:0 0 80px; position:relative;}
.referrals-wrapp .referrals-col2 img { width:100%; display:block;}
.referrals-wrapp .referrals-col2 .referrals-row2 { width:100%; float:left;}
.referrals-wrapp .referrals-col3 { width:100%; float:none; display:table; margin:0 auto 80px;}
.referrals-wrapp .referrals-col3 img { width:100%; display:block;}
.referrals-wrapp .referrals-col3:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 { width:100%; float:left; margin:1.3% 0 0;}
.referrals-wrapp .referrals-col3 .referrals-row3:first-child { margin-top:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { text-align:left; font-size:18px; font-weight:400; color:#107277; text-transform:inherit; background:none; border-radius:500px; resize:none; border:1px solid #ffb0a8; position:relative;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { width:49.2%; height:57px; float:left; margin:0 0 0; padding:0 3.3% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2:nth-child(2n) { float:right;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { width:100%; height:57px; float:left; margin:0 0 0; padding:18px 3.3% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { width:100%; height:57px; float:left; margin:0 0 0; padding:0 6.6% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5 { width:100%; height:131px; float:left; margin:0 0 0; padding:52px 3.4% 0;}
.referrals-wrapp .referrals-col4 { width:87.7%; float:none; display:table; margin:0 auto 76px;}
.referrals-wrapp .referrals-col4 img { width:100%; display:block;}
.referrals-wrapp .referrals-col4 .referrals-row4 { width:100%; float:left; margin:0 0 33px;}
.referrals-wrapp .referrals-col4 .referrals-row4:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-btn1 { float:right; border:none; border-color:#fed007;}
.referrals-wrapp .referrals-btn1 button { color:#107277; background:none; border-color:#ffb0a8; padding:14px 45px 14px 45px;}
.referrals-wrapp .referrals-btn1:hover button { color:#ffb0a8; background:#107277; border-color:#107277;}
.referrals-wrapp .referrals-btn2 { float:left; color:#107277; background:none; border-color:#ffb0a8; margin:8px 0 0 0; padding:17px 45px 19px;}
.referrals-wrapp .referrals-btn2:hover { color:#ffb0a8; background:#107277; border-color:#107277;}
.referrals-wrapp h2, .referrals-wrapp h2 span, .referrals-wrapp h3, .referrals-wrapp h3 span { font-family: 'paralucent-light-font';}

/*benefits-wrapp*/
.benefits-wrapp { text-align:center; background:#91384f; padding:123px 0 108px;}
.benefits-wrapp p { float:none; font-size:18px; font-weight:400; color:#ffffff; letter-spacing:normal; line-height:1.56; margin:0 0 16px;}
.benefits-wrapp p a { color:#ffffff;}
.benefits-wrapp p span { display:block;}
.benefits-wrapp p strong { font-weight:700;}
.benefits-wrapp h2 { font-size:62px; font-weight:300; color:#ffffff; letter-spacing:4.96px; line-height:0.65; margin:0 0 33px;}
.benefits-wrapp h2 a { color:#ffffff;}
.benefits-wrapp h2 span { display:block;}
.benefits-wrapp .margin { max-width:852px;}
.benefits-wrapp h2, .benefits-wrapp h2 span { font-family: 'paralucent-light-font';}

/*btn-css*/
.referrals-btn1, .referrals-btn1 button, .referrals-btn2, .referrals-btn2 input { text-align:center; font-size:14px; font-weight:700; letter-spacing:normal; line-height:normal; border:1px solid; border-radius:44px; transition:all 0.25s ease-out 0s; display:inline-block; position:relative;}



.referrals-wrapp .referrals-col1 .cog-form .cog-form__container{width:100%!important;max-width:100%!important;display:block!important;float:left!important}
.referrals-wrapp .referrals-col1 form.cog-form{width:100%!important;max-width:100%!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field label{text-transform:inherit;font-size:18px;letter-spacing:normal;font-weight:400;color:#107277;font-family:"Inter",sans-serif}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__inner{width:100%;height:57px;margin:0 0 2%;padding:0 28px 0;font-size:18px;font-weight:400;color:#107277!important;resize:none;text-align:left;letter-spacing:1px;transition:all 0.25s ease-out 0s;display:inline-block;vertical-align:baseline;position:relative;box-shadow:none;outline:none;line-height:normal;border-radius:500px;text-transform:inherit;background:none;border:1px solid #ffb0a8;font-family: "Inter", sans-serif;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-textarea__inner{width:100%;height:131px!important;margin:0 0 2%;padding: 14px 50px 0;;font-size:13px;text-align:left;transition:all 0.25s ease-out 0s;display:inline-block;vertical-align:baseline;position:relative;box-shadow:none;outline:none;line-height:normal;border-radius:500px;border:1px solid #ffb0a8!important;font-weight:400;color:#107277;background:none}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-checkbox .el-checkbox__label{width:auto;padding-left:20px;cursor:pointer;font-size:12px;font-weight:400;color:#37314b;line-height:2.25;display:inline-block;letter-spacing:normal;position:relative;top:0;height:auto;margin:0 0 0;z-index:9;text-transform:inherit}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-checkbox .el-checkbox__label>div{text-transform:none;font-size:18px;font-weight:400;line-height:2;position:relative;top:0;left:6px;color:#107277;font-family:"Inter",sans-serif}
.referrals-wrapp .referrals-col1 .abouts-wrapp .abouts-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-radio .el-radio__label{width:auto;padding-left:20px;cursor:pointer;font-size:12px;font-weight:400;color:#37314b;line-height:2.25;display:inline-block;letter-spacing:normal;position:relative;top:0;height:auto;margin:0 0 0;z-index:9;text-transform:inherit}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-radio .el-radio__label>div{text-transform:none;font-size:13px;font-weight:500;letter-spacing:normal;line-height:2.17;display:inherit;position:relative;top:0;left:7px;color:#107277;font-family:"Inter",sans-serif}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-radio .el-radio__label a {display: inline-block;text-decoration: none;color: #37314b;font-weight: 700;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-radio .el-radio__label a:hover {color:#000;}

.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-section__inner.cog-section__inner--no-background{padding:0}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-page__navigation{margin:0;padding:0}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body button.el-button.cog-button--secondary {width:auto;height:auto;float:right;padding: 13px 39px 13px 39px !important;cursor:pointer;text-align:center;font-size:13px!important;letter-spacing:1px;text-transform:inherit;border-radius:500px!important;transition:all 0.25s ease-out 0s;display:inline-block;position:relative;vertical-align:baseline;outline:none!important;line-height:normal!important;box-shadow:none !important;background:none!important;font-family:"Inter",sans-serif!important;border:1px solid #ffb0a8!important;color:#107277!important;font-weight:700!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body button.el-button.cog-button--secondary:hover{color:#000000!important;border-color:#27407a!important;background:#ffffff!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-radio .el-radio__inner{width:18px;height:18px;transform:none;background:none;box-shadow:none;position:relative;top:-4px;border-radius:50%;border:1px solid #ffb0a8!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-radio{position:relative}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-radio .el-radio__input{transform:none !important;top:6px}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-radio .is-checked .el-radio__inner{box-shadow:none;transform:none;background:none;border:1px solid #000000}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-radio .is-checked .el-radio__inner:after{box-shadow:none;background:#000;width:8px;height:8px;top:4px;left:4px;border-radius:50%;background:#ffb0a8}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .el-upload-dragger button.el-button:hover{background:#107277!important;border-color:#107277!important;color:#ffb0a8!important}

.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-checkbox .el-checkbox__inner{width:17px;height:17px;transform:none;background:none;box-shadow:none;position:relative;top:0;border-radius:50%;border:1px solid #ffb0a8}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-checkbox{position:relative}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-checkbox .el-checkbox__input{transform:none !important;top:6px}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-checkbox .is-checked .el-checkbox__inner{box-shadow:none !important;transform:none;background:none;border: 1px solid rgba(54, 75, 84, 0.5) !important;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-checkbox .is-checked .el-checkbox__inner:after{box-shadow:none;width:7px;height:7px;top:3px;left:4px;transform:none;border:0;position:relative;background:#ffb0a8;border-radius:50%}

.referrals-wrapp .referrals-col1 .cog-form .cog-form__container .cog-header__text h1{font-size:30px!important;font-weight:normal!important;color:#3c3c3b;letter-spacing:1.5px;text-transform:uppercase;line-height:1;margin:0 0 46px;font-family:'Jost',sans-serif!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.cog-address .cog-label {display: none;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.cog-name .cog-label {display: none;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-section h2{text-align:center;font-size:45px!important;font-weight:300!important;letter-spacing:normal;text-transform:inherit;line-height:.65;margin:0 0 45px!important;color:#107277!important;font-family:'paralucent-light-font'!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.cog-address{margin:0 0 45px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.cog-choice .cog-label{font-size:45px!important;font-weight:300!important;color:#107277!important;letter-spacing:normal;text-transform:inherit;line-height:.65;margin:0 0 38px!important;text-align:center;font-family:'paralucent-light-font'}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.cog-choice--radiobuttons .cog-label{display:none}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .el-upload-dragger>div{width:100%!important;background:none!important;border:none!important;padding:18px 22px 18px!important;display:flex!important;flex-wrap:wrap;align-content:center;align-items:center;flex-direction:row-reverse;justify-content:space-between}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-upload{width:100%!important;background:none!important;border-radius:500px!important;border:1px solid #ffb0a8!important}


.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-content h2{font-size:45px!important;font-weight:300!important;color:#107277!important;letter-spacing:normal!important;line-height:.65;text-align:center;font-family:'paralucent-light-font'!important;padding:36px 0 36px}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__inner::placeholder{color:#107277!important;font-size:18px;font-weight:400;letter-spacing:normal;font-family:"Inter",sans-serif}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .el-upload-dragger>div span.cog-upload__drag-text{font-size:18px;font-weight:400!important;color:#107277;font-family:"Inter",sans-serif}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-upload .cog-upload__list {padding: 0 6% 0;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-page__navigation .cog-button--navigation{float:left;color:#107277!important;background:none!important;border-color:#ffb0a8!important;margin:8px 0 0 0;padding:15px 45px 15px!important;border-radius:500px!important;font-weight:700!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-page__navigation .cog-button--navigation:hover{color:#ffb0a8 !important;background:#107277 !important;border-color:#107277 !important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__suffix{bottom:16px;right:3%}


.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.is-error.is-required:before,.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.is-error.is-required:after{display:none!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-error-message{background: none !important; color: red !important;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__inner:focus{border:1px solid #ffb0a8!important}

.referrals-wrapp .referrals-col1 .cog-form__container  .cog-inner-col--no-css-columns>* {  justify-content: center !important;width: 100% !important;}

.referrals-wrapp .referrals-col1 .cog-form__container .cog-inner-col--no-css-columns.cog-inner-col--4 .cog-inner-col__item {  width: 100%;  text-align: center;}
/*Smartphone css*/
@media screen and (max-width: 480px) {
.referrals-wrapp .margin { width:90%;}
.benefits-wrapp .margin { width:90%;}

.referrals-wrapp { text-align:center; padding:50px 0 30px;}
.referrals-wrapp p { font-size:15px; margin:0 0 10px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp h2 { font-size:32px; letter-spacing:3px;}
.referrals-wrapp h3 { font-size:32px; letter-spacing:3px; margin:0 0 25px;}
.referrals-wrapp .referrals-col1 { width:100%; margin:0 0 18px;}
.referrals-wrapp .referrals-col1 .referrals-row1 { width:100%;}
.referrals-wrapp .referrals-col2 { width:100%; margin:0 0 34px;}
.referrals-wrapp .referrals-col2 .referrals-row2 { width:100%;}
.referrals-wrapp .referrals-col3 { width:100%; margin:0 0 34px;}
.referrals-wrapp .referrals-col3 .referrals-row3 { width:100%; margin:4.2% 0 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { text-align:center; font-size:14px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { width:100%; height:49px; margin:0 0 4.2%; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { width:100%; height:49px; margin:0 0 4.2%; padding:15px 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { width:100%; height:49px; margin:0 0 4.2%; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5 { width:100%; height:117px; margin:0 0 4.2%; padding:47px 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col4 { width:100%; margin:0 0 40px;}
.referrals-wrapp .referrals-col4 .referrals-row4 { width:100%; margin:0 0 10px;}
.referrals-wrapp .referrals-col4 .referrals-row4:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-btn1 { float:none;}
.referrals-wrapp .referrals-btn2 { float:none;}

.benefits-wrapp { text-align:center; padding:54px 0 40px;}
.benefits-wrapp p { font-size:14px; margin:0 0 10px;}
.benefits-wrapp p span { display:inline;}
.benefits-wrapp h2 { font-size:32px; line-height:1; letter-spacing:3px;}
.benefits-wrapp h2 span { display:inline;}

.referrals-wrapp .referrals-col2 .referrals-row3 { width:100%; margin:30px 0 0; position:relative; top:inherit; transform:none;}

.referrals-btn1, .referrals-btn1 button, .referrals-btn2, .referrals-btn2 input { font-size:12px;}


.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-content h2{line-height:1}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-content h2{font-size:32px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-section h2{font-size:32px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.cog-choice .cog-label{font-size:32px!important;line-height: 1;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field label{font-size:14px}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__inner::placeholder{font-size:14px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .el-upload-dragger>div span.cog-upload__drag-text{font-size:14px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-checkbox .el-checkbox__label>div{font-size:14px;top:3px}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__inner{height:49px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body button.el-button.cog-button--secondary{padding:13px 26px 13px 26px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-page__navigation .cog-button--navigation{padding:15px 35px 15px!important}

.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-address__city {width: 100% !important;flex: 100% !important;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.cog-text--singleline {width: 100% !important;flex: 100% !important;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.cog-date {width: 100% !important;flex: 100% !important;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-checkbox-group {justify-content: center;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__suffix {bottom: 7px;right: 6%;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-name__first {width: 100% !important;flex: 100% !important;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__inner {font-size: 14px;}

.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-textarea__inner {height: 108px !important;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .el-upload-dragger>div{display:flex;flex-wrap:wrap;flex-direction:column-reverse}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body button.el-button.cog-button--secondary{margin:12px 0 0 !important}

}

@media screen and (min-width:481px) and (max-width:600px) {
.referrals-wrapp .margin { width:90%;}
.benefits-wrapp .margin { width:90%;}

.referrals-wrapp { text-align:center; padding:50px 0 30px;}
.referrals-wrapp p { font-size:14px; margin:0 0 10px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp h2 { font-size:35px;}
.referrals-wrapp h3 { font-size:35px;}
.referrals-wrapp .referrals-col1 { width:100%; margin:0 0 18px;}
.referrals-wrapp .referrals-col1 .referrals-row1 { width:100%;}
.referrals-wrapp .referrals-col2 { width:100%; margin:0 0 50px;}
.referrals-wrapp .referrals-col2 .referrals-row2 { width:100%;}
.referrals-wrapp .referrals-col3 { width:100%; margin:0 0 50px;}
.referrals-wrapp .referrals-col3 .referrals-row3 { width:100%; margin:4.2% 0 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { text-align:center; font-size:14px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { width:100%; height:49px; margin:0 0 4.2%; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { width:100%; height:49px; margin:0 0 4.2%; padding:15px 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { width:100%; height:49px; margin:0 0 4.2%; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5 { width:100%; height:117px; margin:0 0 4.2%; padding:15px 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col4 { width:100%; margin:0 0 40px;}
.referrals-wrapp .referrals-col4 .referrals-row4 { width:100%; margin:0 0 10px;}
.referrals-wrapp .referrals-col4 .referrals-row4:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-btn1 { float:none;}
.referrals-wrapp .referrals-btn2 { float:none;}

.benefits-wrapp { text-align:center; padding:54px 0 40px;}
.benefits-wrapp p { font-size:14px; margin:0 0 10px;}
.benefits-wrapp p span { display:inline;}
.benefits-wrapp h2 { font-size:32px;}
.benefits-wrapp h2 span { display:inline;}

.referrals-wrapp .referrals-col2 .referrals-row3 { width:100%; margin:30px 0 0; position:relative; top:inherit; transform:none;}

/*btn-css*/
.referrals-btn1, .referrals-btn1 button, .referrals-btn2, .referrals-btn2 input { font-size:12px;}

.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-content h2{line-height:1}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-content h2{font-size:35px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-section h2{font-size:35px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.cog-choice .cog-label{font-size:35px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field label{font-size:14px}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__inner::placeholder{font-size:14px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .el-upload-dragger>div span.cog-upload__drag-text{font-size:14px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-checkbox .el-checkbox__label>div{font-size:14px;top:3px}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__inner{height:49px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body button.el-button.cog-button--secondary{padding:13px 26px 13px 26px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-page__navigation .cog-button--navigation{padding:15px 35px 15px!important}

.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-address__city {width: 100% !important;flex: 100% !important;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.cog-text--singleline {width: 100% !important;flex: 100% !important;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.cog-date {width: 100% !important;flex: 100% !important;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__suffix {bottom: 7px;right: 6%;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-name__first {width: 100% !important;flex: 100% !important;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.cog-phone {width: 100% !important;flex: 100% !important;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__inner {font-size: 14px;}

.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .el-upload-dragger>div{display:flex;flex-wrap:wrap;flex-direction:column-reverse}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body button.el-button.cog-button--secondary{margin:12px 0 0 !important}

}

@media screen and (min-width:601px) and (max-width:767px) {
.referrals-wrapp .margin { width:90%;}
.benefits-wrapp .margin { width:90%;}

.referrals-wrapp { text-align:center; padding:50px 0 30px;}
.referrals-wrapp p { font-size:14px; margin:0 0 10px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp h2 { font-size:46px;}
.referrals-wrapp h3 { font-size:46px;}
.referrals-wrapp .referrals-col1 { width:100%; margin:0 0 18px;}
.referrals-wrapp .referrals-col1 .referrals-row1 { width:100%;}
.referrals-wrapp .referrals-col2 { width:100%; margin:0 0 50px;}
.referrals-wrapp .referrals-col2 .referrals-row2 { width:100%;}
.referrals-wrapp .referrals-col3 { width:100%; margin:0 0 50px;}
.referrals-wrapp .referrals-col3 .referrals-row3 { width:100%; margin:4.2% 0 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { text-align:center; font-size:14px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { width:48%; height:49px; margin:0 0 0; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { width:100%; height:49px; margin:0 0 0; padding:15px 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { width:100%; height:49px; margin:0 0 0; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5 { width:100%; height:117px; margin:0 0 0; padding:15px 5% 0;}
.referrals-wrapp .referrals-col4 { width:100%; margin:0 0 40px;}
.referrals-wrapp .referrals-col4 .referrals-row4 { width:100%; margin:0 0 10px;}
.referrals-wrapp .referrals-col4 .referrals-row4:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-btn1 { float:none;}
.referrals-wrapp .referrals-btn2 { float:none;}

.benefits-wrapp { text-align:center; padding:54px 0 40px;}
.benefits-wrapp h2 { font-size:46px;}
.benefits-wrapp p { font-size:14px; margin:0 0 10px;}
.benefits-wrapp p span { display:inline;}

.referrals-wrapp .referrals-col2 .referrals-row3 { width:100%; margin:30px 0 0; position:relative; top:inherit; transform:none;}

/*btn-css*/
.referrals-btn1, .referrals-btn1 button, .referrals-btn2, .referrals-btn2 input { font-size:12px;}

.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-content h2{line-height:1}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-content h2{font-size:46px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-section h2{font-size:46px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.cog-choice .cog-label{font-size:46px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field label{font-size:14px}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__inner::placeholder{font-size:14px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .el-upload-dragger>div span.cog-upload__drag-text{font-size:14px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-checkbox .el-checkbox__label>div{font-size:14px;top:3px}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__inner{height:49px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body button.el-button.cog-button--secondary{padding:13px 26px 13px 26px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-page__navigation .cog-button--navigation{padding:15px 35px 15px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__suffix {bottom: 7px;right: 6%;}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__inner {font-size: 14px;}

.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .el-upload-dragger>div{display:flex;flex-wrap:wrap;flex-direction:column-reverse}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body button.el-button.cog-button--secondary{margin:12px 0 0 !important}

}

@media screen and (min-width:768px) and (max-width:900px) {
.referrals-wrapp .margin { width:94%;}
.benefits-wrapp .margin { width:94%;}

.referrals-wrapp { padding:60px 0 30px;}
.referrals-wrapp p { font-size:14px; margin:0 0 10px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp h2 { font-size:48px;}
.referrals-wrapp h3 { font-size:48px;}
.referrals-wrapp .referrals-col1 { margin:0 auto 28px;}
.referrals-wrapp .referrals-col2 { margin:0 auto 56px;}
.referrals-wrapp .referrals-col3 { margin:0 auto 56px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { font-size:13px; letter-spacing:0.4px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { height:49px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { height:49px; padding-top:14px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { height:49px;}
.referrals-wrapp .referrals-col4 { margin:0 auto 52px; width:93.7%;}
.referrals-wrapp .referrals-col4 .referrals-row4 { margin:0 0 21px;}
.referrals-wrapp .referrals-btn1 button { padding:14px 20px 14px;}

.benefits-wrapp { padding:104px 0 84px;}
.benefits-wrapp p { font-size:14px; margin:0 0 10px;}
.benefits-wrapp p span { display:inline;}
.benefits-wrapp h2 { font-size:48px;}

/*btn-css*/
.referrals-btn1, .referrals-btn1 button, .referrals-btn2, .referrals-btn2 input { font-size:12px;}

.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-content h2{line-height:1}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-content h2{font-size:48px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-section h2{font-size:48px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.cog-choice .cog-label{font-size:48px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field label{font-size:13px}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__inner::placeholder{font-size:13px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .el-upload-dragger>div span.cog-upload__drag-text{font-size:13px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .el-checkbox .el-checkbox__label>div{font-size:13px;top:3px}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__inner{height:49px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body button.el-button.cog-button--secondary{padding:13px 26px 13px 26px!important}
.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-page__navigation .cog-button--navigation{padding:15px 35px 15px!important}

}

@media screen and (min-width:901px) and (max-width:1024px) {
.referrals-wrapp .margin { width:94%;}
.benefits-wrapp .margin { width:94%;}

.referrals-wrapp { padding:70px 0 30px;}
.referrals-wrapp p { font-size:15px; margin:0 0 13px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp .referrals-col1 { margin:0 auto 32px;}
.referrals-wrapp .referrals-col2 { margin:0 auto 68px;}
.referrals-wrapp .referrals-col3 { margin:0 auto 68px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { font-size:14px; letter-spacing:0.6px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { height:53px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { height:53px; padding-top:16px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { height:53px;}
.referrals-wrapp .referrals-col4 { margin:0 auto 64px;}
.referrals-wrapp .referrals-col4 .referrals-row4 { margin:0 0 27px;}
.referrals-wrapp .referrals-btn1 button { padding:14px 30px 14px;}

.benefits-wrapp { padding:116px 0 96px;}
.benefits-wrapp p { font-size:15px; margin:0 0 13px;}
.benefits-wrapp p span { display:inline;}

/*btn-css*/
.referrals-btn1, .referrals-btn1 button, .referrals-btn2, .referrals-btn2 input { font-size:12px;}

.referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-content h2 {line-height: 1;}

}

@media screen and (min-width:1025px) and (max-width:1240px) {
.referrals-wrapp .margin { width:94%;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { font-size:15px;}
.referrals-wrapp .referrals-col4 { width:91%;}
.referrals-wrapp .referrals-btn1 button { padding:14px 30px 14px;}
}

@media screen and (min-width:1241px) and (max-width:1340px) {
.margin { width:94%;}

}

@media screen and (min-width:1341px) and (max-width:1900px) {

}

@media screen and (max-width:767px) {

  .referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field label{text-align:center}
  .referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field .cog-input .el-input__inner{text-align:center}
  .referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .el-upload-dragger>div{justify-content:center}
  .referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-page__navigation .cog-button--navigation{float:none;margin:8px auto 0}
  .referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body button.el-button.cog-button--secondary {margin: 0 0 0px 14px;}
  .referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.cog-file {width: 100% !important;flex: 100% !important;}
  .referrals-wrapp .referrals-col1 .cog-form__container .cog-form__content .cog-body .cog-field.cog-choice--radiobuttons{text-align:center!important}
  
}