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

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

.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; padding:85px 0 63px; position:relative;}
.referrals-wrapp p { float:none; font-size:19px; font-weight:400; color:#000000; letter-spacing:normal; line-height:1.42; margin:0 0 16px;}
.referrals-wrapp p a { color:#000000;}
.referrals-wrapp p span { display:block;}
.referrals-wrapp p strong { font-weight:600;}
.referrals-wrapp h2 { font-size:36px; font-weight:500; color:#3b506c; letter-spacing:normal; line-height:1.31; margin:0 0 22px;}
.referrals-wrapp h2 a { color:#3b506c;}
.referrals-wrapp h2 span { display:block;}
.referrals-wrapp h3 { font-size:36px; font-weight:500; color:#3b506c; letter-spacing:normal; line-height:1.31; margin:0 0 35px;}
.referrals-wrapp h3 a { color:#3b506c;}
.referrals-wrapp h3 span { display:block;}
.referrals-wrapp .referrals-col1 { width:87.7%; 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 0px; 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:95%; 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:19px; font-weight:400; color:#000000; text-transform:inherit; background:none; border-radius:0; resize:none; border:1px solid #f18a62; 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:20px 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:#f18a62;}
.referrals-wrapp .referrals-btn1 button { color:#ffffff; background:#f18a62; border-color:#f18a62; padding:18px 50px 18px; font-weight:600; font-family: "Dosis", sans-serif;}
.referrals-wrapp .referrals-btn1:hover button { color:#f18a62; background:none; border-color:#f18a62;}
.referrals-wrapp .referrals-btn2 { float:left; color:#ffffff; background:#f18a62; border-color:#f18a62; margin:10px 0 0; padding:18px 50px 18px;}
.referrals-wrapp .referrals-btn2:last-child { margin-right:0;}
.referrals-wrapp .referrals-btn2:hover { color:#f18a62; background:none; border-color:#f18a62;}

/*benefits-wrapp*/
.benefits-wrapp { text-align:center; background:#124044; padding:113px 0 98px;}
.benefits-wrapp p { float:none; font-size:18px; font-weight:400; color:#ffffff; letter-spacing:normal; line-height:1.67; margin:0 0 22px;}
.benefits-wrapp p a { color:#ffffff;}
.benefits-wrapp p span { display:block;}
.benefits-wrapp p strong { font-weight:700;}
.benefits-wrapp h2 { float:none; font-size:35px; font-weight:400; color:#ffffff; line-height:1.31; margin:0 0 22px;}
.benefits-wrapp h2 a { color:#ffffff;}
.benefits-wrapp h2 span { display:block;}
.benefits-wrapp .margin { max-width:944px;}

/*btn-css*/
.referrals-btn1, .referrals-btn1 button, .referrals-btn2, .referrals-btn2 input { text-align:center; font-size:16px; font-weight:600; 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 .referral-col3{width:100%;display:block;float:left;margin:60px 0 0}



.referrals-wrapp .referral-col3 .cog-cognito.cog-form {
    max-width: 100% !important;
}

.referrals-wrapp .referral-col3 .cog-cognito.cog-form .cog-form__container {
    max-width: 100% !important;
}


.referrals-wrapp .referrals-col3 {
    width: 100%;
    float: left;
}
.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row h2 {
    font-size: 36px !important;
    font-weight: 500 !important;
    color: #3b506c !important;
    letter-spacing: normal !important;
    line-height: 1.31;
    margin: 0 0 12px !important;
    font-family: "Dosis", sans-serif !important;
    text-align: center !important;
}

.referrals-wrapp .referrals-col3 .el-radio-group .cog-choice__value {
 color: #8c8c8c;
    font-size: 14px;
    font-weight: 400;
    padding-left: 8px;
       font-family: "Montserrat", sans-serif !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .cog-label {
    text-align: left;
    font-size: 19px !important;
    font-weight: 400 !important;
    color: #000000 !important;
    text-transform: inherit;
    font-family: "Dosis", sans-serif !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .el-input__inner::placeholder {
 color: #8c8c8c!important;
    font-size: 16px !important;
}


.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .cog-upload span.cog-upload__drag-text {
    font-size: 16px !important;
    color:#bbbdbf !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row  .el-input__inner
{
  width: 100% !important;
  height: 57px;
  padding: 0 20px !important;
  color: #bbbdbf !important;
  background: none;
  resize: none;
  text-align: left;
  transition: all 0.25s ease-out 0s;
  display: inline-block;
  vertical-align: baseline;
  position: relative;
  box-shadow: none !important;
  border-radius: 2px;
  outline: none;
  border: 1px solid rgba(187, 189, 191, 0.4);
  outline: none !important;
  outline-width: unset !important;
  font-size: 19px !important;
}




.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row label.el-checkbox.cog-checkable__allow-other.cog-inner-col__item .el-checkbox__label input.el-input__inner
{border: none !important;outline:none !important;}



.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row label.el-checkbox.cog-checkable__allow-other.cog-inner-col__item .el-checkbox__label .el-input
{border: none !important;outline:none !important;}


.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row label.el-checkbox.cog-checkable__allow-other.cog-inner-col__item .el-checkbox__label input.el-input__inner {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 42px!important;
}


.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .el-checkbox__inner {
  border-radius: 50% !important;
}


.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row  button.el-button.cog-button--secondary.cog-upload__upload-button.el-button--default.cog-button {
  box-shadow: none !important;
  float: left;
  color: #b59e76 !important;
  margin: 0 12.4px 0 0 !important;
  text-align: center;
  font-size: 14px;
  font-weight: 600 !important;
  letter-spacing: normal;
  line-height: normal !important;
  border-radius: 30px !important;
  transition: all 0.25s ease-out 0s !important;
  display: inline-block;
  position: relative !important;
  font-family: "Montserrat", sans-serif !important;
padding: 0 23px 0px 0 !important; text-transform: uppercase;
  letter-spacing: 1.59px !important;
  border: none !important;
  background-size: 10px !important;
  background: transparent !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row button.el-button.cog-button--secondary.cog-upload__upload-button.el-button--default.cog-button:hover {
    color: #f18a61 !important;
    background: none !important;
    border: 1px solid #f18a61 !important;
}


.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row  button.el-button.cog-button--secondary.cog-upload__upload-button.el-button--default.cog-button::after
{
content: "";
    width: 6.9px;
    height: 9px;
    float: right;
    background: url(../images/right-gold-and-white-plain-arrow.svg) no-repeat top / 100%;
    transform: translateY(-50%);
    transition: all 0.25s
ease-out 0s;
    margin: 0 0 0;
    position: absolute;
    top: 50%;
    right: 0;
}
.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row  button.el-button.cog-button--secondary.cog-upload__upload-button.el-button--default.cog-button:hover::after

{content: "";
    width: 6.9px;
    height: 9px;
    float: right;
    background: url(../images/right-gold-and-white-plain-arrow.svg) no-repeat bottom / 100%;
    transform: translateY(-50%);
    margin: 0 0 0;
    position: absolute;
    top: 50%;
    right: 0;
}



.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .el-checkbox__input{position: relative !important;}
.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .el-checkbox__inner
{
  border-radius: 0 !important;
  width: 19px !important;
  height: 19px !important;
  transform: scale(1) !important;
  background: none !important;
  border: none !important;
  outline: none !important;
    position: relative !important;
     top: -4px;
     box-shadow: none !important;
     cursor: pointer;
}



.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .el-checkbox__inner::before
{
  border-radius: 0 !important;
  transform:none !important;
  content: '';
    border: none !important;
  transition: transform calc(var(--speed) / 4) .1s;
  opacity: 0 !important;
    position: absolute;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 1 !important;
    -webkit-transform: scale(0);
    background: url(../images/checkbox1.svg) no-repeat 100% / 100%;
    width: 19px !important;
    height: 19px !important;
    top: 4px;
    left: 2px;
    cursor: pointer;
}

 .referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .is-checked.cog-inner-col__item .el-checkbox__inner::before
 {
      background: url(../images/checkbox1-hover.svg) no-repeat 100% / 100%;
    width: 19px !important;
    height: 19px !important;
 }

.referrals-wrapp .referrals-col3 .cog-cognito--styled .el-radio__inner {
    border-radius: 0 !important;
    width: 19px !important;
    height: 19px !important;
    transform: none !important;
    border: none !important;
    position: relative !important;
    top: 4px !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .el-radio__inner::after {
    border-radius: 0 !important;
    transform: none !important;
    content: '';
    border: none !important;
    transition: transform calc(var(--speed) / 4) .1s;
    opacity: 0 !important;
    position: absolute !important;
    -webkit-transition: all 0.2s
ease;
    transition: all 0.2s
ease;
    opacity: 1 !important;
    -webkit-transform: scale(0);
    background: url(../images/checkbox1.svg) no-repeat 100% / 100%;
    width: 19px !important;
    height: 19px !important;
    top: 0px !important;
    left: 0px !important;
    cursor: pointer;
}
.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .el-radio__inner {
  transform: none !important;
    border-radius: 0 !important;
    border: none !important;
    width: 19px !important;
    height: 19px !important;
}


.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .is-checked .el-radio__inner::after
 {
      background: url(../images/checkbox1-hover.svg) no-repeat 100% / 100%;
   width: 19px !important;
    height: 19px !important;
        box-shadow: none  !important;
 }

 .referrals-wrapp .referrals-col3 .cog-row:nth-child(6) .cog-choice .cog-checkable > div .el-radio__input .el-radio__inner {
    background: transparent !important;
    box-shadow: none !important;
}


.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row  .cog-upload
{
  width: 100% !important;
  padding: 0 1% !important;
  font-size: 15px;
  font-weight: 400;
  color: #373737 !important;
  background: none;
  border-radius: 0px !important;
  text-align: center;
  transition: all 0.25s ease-out 0s;
  display: inline-block;
  vertical-align: baseline;
  position: relative;
  box-shadow: none;
  outline: none;
  line-height: normal;
  border: 1px solid #f18a61 !important;
  font-family: "Dosis", sans-serif !important;
}


.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .el-textarea__inner {
    border: none !important;
    background: none !important;
    margin: 1% 3% !important;
    min-height: 120px !important;
    border: none !important;
    margin-inline: 0 !important;
    border: 1px solid #f18a61 !important;
    padding: 53px 20px !important;
    height: 140px !important;
    font-size: 19px !important;
    font-family: "Dosis", sans-serif !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .el-textarea {
  min-height: 131px !important;
  border-radius: 0px !important;
    }

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .is-checked .el-radio__inner {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  width: 19px!important;
  height: 19px!important;
 top: 0px !important;
 box-shadow: none !important;

}
.referrals-wrapp .referrals-col3 .cog-form__container  button.el-button.cog-button--has-status.cog-button--primary.cog-button--navigation.cog-button--submit.el-button--default.cog-button
{
  float: left;
  color: #b59e76 !important;
  margin: 0px 32px 0 0;
  text-align: center;
  font-size: 13px !important;
  letter-spacing: normal;
  line-height: normal !important;
  border: 1px solid #2a292e !important;
  border-radius: 30px !important;
  transition: all 0.25s ease-out 0s !important;
  display: inline-block;
  position: relative !important;
  font-family: "Montserrat", sans-serif !important;
  padding: 0 20px 0 0!important;
  text-transform: uppercase;
  letter-spacing: 2.47px !important;
  font-weight: 600 !important;
  background-size: 20px;
  background: transparent !important;
    border: none !important;
}
.referrals-wrapp .referrals-col3 .cog-form__container button.el-button.cog-button--has-status.cog-button--primary.cog-button--navigation.cog-button--submit.el-button--default.cog-button:hover{
    color: #ffffff !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.referrals-wrapp .referrals-col3 .cog-form__container  button.el-button.cog-button--has-status.cog-button--primary.cog-button--navigation.cog-button--submit.el-button--default.cog-button::after
{
    content: "";
    width: 6.9px;
    height: 9px;
    float: right;
    background: url(../images/right-gold-and-white-plain-arrow.svg) no-repeat top / 100%;
    transform: translateY(-50%);
    transition: all 0.25s
ease-out 0s;
    margin: 0 0 0;
    position: absolute;
    top: 50%;
    right: 0;
}

.referrals-wrapp .referrals-col3 .cog-form--light-background .cog-col.is-error::before {
    border: transparent !important;
    outline: none !important;
}

.referrals-wrapp .referrals-col3 .cog-form__container  button.el-button.cog-button--has-status.cog-button--primary.cog-button--navigation.cog-button--submit.el-button--default.cog-button:hover::after

{    content: "";
    width: 6.9px;
    height: 9px;
    float: right;
    background: url(../images/right-gold-and-white-plain-arrow.svg) no-repeat bottom / 100%;
    transform: translateY(-50%);
    margin: 0 0 0;
    position: absolute;
    top: 50%;
    right: 0;

}

.referrals-wrapp .referrals-col3 .el-radio-group .el-radio__label .cog-choice__value {
    color: #8c8c8c;
}
.referrals-wrapp .referrals-col3 .cog-cognito--styled.cog-cognito--protect-css label {color: #373737 !important;font-weight: 400 !important;letter-spacing: 0.75px;}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row:nth-child(6) .cog-choice.cog-choice--checkboxes .cog-label {
    float: none;
    font-size: 36px !important;
    font-weight: 500 !important;
    color: #3b506c !important;
    line-height: 1.37;
    margin: 0 0 23px;
    text-transform: none !important;
    text-align: center !important;
    font-family: "Dosis", sans-serif !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row:nth-child(6) .cog-choice .cog-checkable > div {
    width: 100% !important;
}

.referrals-wrapp .referrals-col3 .cog-inner-col--css-columns.cog-inner-col--2 {
    columns: unset !important;
}


.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row:nth-child(5) .cog-label {
    font-weight: 400 !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row:nth-child(2) .cog-label {
    font-weight: 400 !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .el-input__inner::placeholder {
    text-align: left;
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: 0.75px;
    text-transform: inherit;
    background: none;
    border-radius: 2px;
    resize: none;
    position: relative;
text-transform: capitalize !important;

color: #8c8c8c !important;
      font-family: "Montserrat", sans-serif !important;
    letter-spacing: 0.7px;


}
.referrals-wrapp .referrals-col3 .cog-checkable .el-checkbox__label.el-checkbox__label {
    font-size: 15px;
    font-weight: 400;
    color: #373737;
    letter-spacing: 0.75px;
    line-height: 2.33;
    display: inherit;
    position: relative;
    top: 0;
}

.referrals-wrapp .referrals-col3 .cog-cognito--styled .cog-checkable .el-checkbox__input {
    top: 4px !important;
}
.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row:nth-child(6) {
    margin-top: 28px !important;
    margin-bottom: 23px !important;
}

.referrals-wrapp .referrals-col3 .cog-checkable .el-radio__label.el-radio__label {
    padding-left: 4px !important;
}

.referrals-wrapp .referrals-col3 .cog-cognito--styled .el-radio__inner{
    box-shadow: none !important;
}
.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row:nth-child(10) .cog-label {
    margin-bottom: 15px !important;
}

.referrals-wrapp .referrals-col3 .cog-form--light-background .cog-col.is-error::after{
    background: transparent !important;
    outline: none !important;
}
.referrals-wrapp .referrals-col3 .cog-error-message{
    background: none !important;
    color: hsl(2, 70%, 47%) !important;
}.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row:nth-child(1) .cog-section__inner {padding-bottom: 25px!important;}
.referrals-wrapp .referrals-col3 .cog-page .cog-row:nth-child(5) h2{margin-bottom: 25px !important;}
.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row:nth-child(6) h2{margin-bottom: 0px !important;}
.referrals-wrapp .referrals-col3 .cog-page .cog-row:nth-child(6) .cog-row:nth-child(10) .cog-choice .cog-choice {padding-inline: 6px;}
.referrals-wrapp .referrals-col3 .cog-page .cog-row:nth-child(6) .cog-row:nth-child(6) .cog-field{padding-inline: 6px;}



.referrals-wrapp .referrals-col3 .cog-checkable .el-radio__label.el-radio__label a {color: #8c8c8c !important;text-decoration: none !important;font-weight: 600 !important;}
.referrals-wrapp .referrals-col3 .cog-checkable .el-radio__label.el-radio__label a:hover{color: #e6c95d !important;}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .cog-choice--radiobuttons .cog-label {font-weight: 500 !important;margin-bottom: 4px !important;}
.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .el-checkbox__inner svg {display: none !important;}


.referrals-wrapp .referrals-col3 .cog-checkable.cog-input.cog-inner-col.cog-inner-col--2.cog-checkable--label-on-right {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.referrals-wrapp .referrals-col3 .cog-checkable.cog-inner-col .el-checkbox__label {
    color: #8c8c8c;
    font-size: 14px;
    font-weight: 400;
    padding-left: 8px;
     font-family: "Montserrat", sans-serif !important;
}

.referrals-wrapp .referrals-col3 .cog-upload__drag-text {
    color: #8c8c8c !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding-left: 8px;
    font-family: "Montserrat", sans-serif !important;
    letter-spacing: 0.8px !important;
}
.referrals-wrapp .referrals-col3 .cog-upload .el-upload-dragger>div {
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
    background: none !important;
}

.referrals-wrapp .referrals-col3 .cog-form__container {
    background: none !important;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-form__container .cog-row .cog-address .cog-row {
    column-gap: calc(var(--gutter) / 1) !important;
}

.referrals-wrapp .referrals-col3 .cog-form {
    width: 100% !important;
    /* margin: 0 !important; */
    max-width: 100% !important;
}
.referrals-wrapp .referrals-col3 .cog-cognito.cog-form {
    width: 100% !important;
    max-width: 100% !important;
}

.referrals-wrapp .referrals-col3 .cog-cognito.cog-form .cog-form__container {
    width: 100% !IMPORTANT;
    max-width: 100% !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .el-input__inner {
    height: 57px;
    margin: 0 0 0;
    padding: 0 3.3% 0;
    border: 1px solid #f18a62 !important;
    position: relative;
  color: #202527 !important;}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .el-input__inner::placeholder {
text-align: left;
    font-size: 17px !important;
    font-weight: 400 !important;
    color: #202527 !important;
    font-family: 'gibson-book-font' !important;
}
.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .el-input__inner::placeholder {
     color: #202527 !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .cog-choice .cog-checkable .el-checkbox {
    font-size: 14px;
    font-weight: 400;
    color: #202527 !important;
    line-height: 1.5;
    letter-spacing: 0.14px;
    top: 0;
    width: auto;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .cog-choice .cog-checkable .el-checkbox span.cog-choice__value {
    font-size: 19px;
    font-weight: 400;
    color: #000;
    line-height: 1;
    display: inherit;
    padding-left: 7px;
    font-family: "Dosis", sans-serif !important;
}
.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .cog-choice  .cog-checkable {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    margin: 0 auto !important;
    width: 100% !important;
    gap:20px !important;
}
.referrals-wrapp .referral-col3 .cog-body .cog-row:nth-child(6) .cog-checkable.cog-inner-col--2 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: 0 0 40px;
    justify-content: flex-start !important;
        width: 87.7% !important;
    margin-inline: auto !important;
}




.referrals-wrapp .referrals-col3 .cog-page .cog-row:nth-child(10) .cog-choice .cog-choice
{padding-inline:0 !important;}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .cog-checkable.cog-input .el-radio-group label.el-radio.cog-checkable__item.cog-choice-option span.cog-choice__value {
    font-size: 17px !important;
    font-weight: 400 !important;
    color: #202527 !important;
    line-height: 1.4;
    display: inherit;
    font-family: "Dosis", sans-serif !important;
    letter-spacing: normal !important;
    padding-left: 10px;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .cog-checkable.cog-input .el-radio-group label.el-radio.cog-checkable__item.cog-choice-option {
    display: flex !important
;
    width: 100% !important;
    margin: 0 0 22px;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .cog-upload>div {
    padding: 2.1% 2% 2.1% 2%;
    border-radius: 0 !important;
}
.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .cog-choice--radiobuttons span.cog-choice__value a {
    font-weight: 700 !important;
    color: #202527 !important;
    text-decoration: none !important;
        display: inline-block;
}
.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .cog-choice--radiobuttons span.cog-choice__value a:hover {
    color: #f18a61 !important
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container button.el-button.cog-button--has-status.cog-button--primary.cog-button--navigation.cog-button--submit.el-button--default.cog-button {
    float: left;
    color: #ffffff;
    background: #f18a61;
    border-color: #f18a61;
    margin: -21px 0 0 !important;
    padding: 16px 45px 16px;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    border: 1px solid;
    border-radius: 100px;
    transition: all 0.25s ease-out 0s;
    display: inline-block;
    position: relative;
    font-family: "Dosis", sans-serif;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container button.el-button.cog-button--has-status.cog-button--primary.cog-button--navigation.cog-button--submit.el-button--default.cog-button:hover {
    color: #f18a61;
    border: 1px solid #f18a61;
    background: none;
}
.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .cog-checkable.cog-input .el-radio-group label.el-radio.cog-checkable__item.cog-choice-option:last-child {
    margin-bottom: 0;
}
.cog-page__navigation {
    margin: 0;
    padding: 0 !important;
}
.cog-form--light-background .cog-col.is-error::before {
    background: transparent !important;
    outline: none !important;
}

.cog-form--light-background .cog-col.is-error::before {
    background: transparent !important;
    outline: none !important;
}

.cog-error-message.cog-error-message--container-footer {
    background: transparent !important;
    outline: none !important;
}

.cog-form--light-background .cog-col.is-error::after {
    background: transparent !important;
    outline: none !important;
}
.cog-form--light-background .cog-col.is-error::before {
    background: transparent !important;
    outline: none !important;
}
.cog-error-message.cog-error-message--container-footer {
    color:#e80000 !important;
}

.cog-input--icon .cog-icon g {
    stroke: #fff !important;
    fill: #fff !important;
}

.cog-icon {
  stroke: #f18a61 !important;
}

.cog-picker .cog-icon g {
 stroke: #f18a61 !important
}
.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .el-date-editor.el-input.el-input--prefix.el-input--suffix.el-date-editor--date input#cog-9 {
    cursor: pointer !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container  .cog-row .el-date-editor.el-input.el-input--prefix.el-input--suffix.el-date-editor--date span.el-input__suffix-inner {
    cursor: pointer !important;
}


 .cog-date-picker .is-current .el-date-picker__cell {
    display: block;
    border-radius: 0.25rem !important;
    line-height: 2rem;
    transition: 0.3s all;
    background-color: #f18a61 !important;
    color: white !important;
    width: 2.5rem ! IMPORTANT;
    height: 2rem !important;
    padding: 4px 0 6px ! IMPORTANT;
    font-weight: normal !important;
}
 .el-picker-panel.el-date-picker.el-popper {
    border: none !important;
    background-color: #fff !important;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1) !important;
    margin-top: 0.25rem;
    border-radius: 0.5rem !important;
    padding: 0.5rem !important;
}
.cog-date-picker .is-selectable:hover .el-date-picker__cell {
    background:#f18a61 !important;
    border-radius: 0.25rem !important;
    transition: 0.3s all;
    color: white !important;
    width: 2.5rem ! IMPORTANT;
    height: 2rem !important;
    padding: 4px 0 6px ! IMPORTANT;
    font-weight: normal !important;
}
.cog-date-picker th {
   font-family: "Dosis", sans-serif !important;
}

span.el-date-picker__cell {
       font-family: 'gibson-book-font' !important;
        font-weight: 500 !important;
}



.el-date-picker__header span {
    font-family: 'Montserrat' !important;
}
.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .cog-upload .el-upload-dragger>div {
    flex-direction: row-reverse !important;
    justify-content: space-between;
    background: transparent !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .cog-upload span.cog-upload__drag-text {
    font-size: 19px !important;
    font-weight: 400 !important;
    color: #202527 !important;
    text-transform: inherit;
    font-family: "Dosis", sans-serif;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row button.el-button.cog-button--secondary.cog-upload__upload-button.el-button--default.cog-button {
    text-transform: none !important;
    color: #ffffff !important;
    background: #f18a61 !important;
    border: 1px solid #f18a61 !important;
    padding: 16px 39px 16px !important;
    font-weight: 500 !important;
    text-align: center;
    font-size: 17px !important;
    font-weight: 400;
    letter-spacing: normal !important;
    line-height: normal !important;
    border: 1px solid;
    border-radius: 100px;
    transition: all 0.25s ease-out 0s;
    display: inline-block;
    position: relative;
    font-family: "Dosis", sans-serif !important;
}
.referrals-wrapp .referral-col3 .cog-cognito.cog-form .cog-form__container .cog-row {
    column-gap: 25px !important;
}
.referrals-wrapp .referral-col3 .cog-cognito.cog-form .cog-form__container .cog-row .cog-address .cog-row .cog-input {
    margin: 0 0 22px !important;
}
.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .el-input__inner::placeholder {
    font-size: 19px !important;
    font-family: "Dosis", sans-serif !important;
}

.referrals-wrapp .referral-col3 .cog-form__container .cog-confirmation.cog-page .cog-confirmation__message p strong {
    font-size: 19px !important;
    font-family: "Dosis", sans-serif !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row:nth-child(6) .cog-choice .cog-checkable .el-checkbox {
    width: 100% !important;
}


/*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 25px;}
.referrals-wrapp p { font-size:15px; margin:0 0 10px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp h2 { font-size:26px;}
.referrals-wrapp h3 { font-size:26px;}
.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 0px;}
.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; margin:10px 0 0;}

.benefits-wrapp { text-align:center; padding:54px 0 40px;}
.benefits-wrapp p { font-size:15px; margin:0 0 10px;}
.benefits-wrapp p span { display:inline;}
.benefits-wrapp h2 { font-size:26px;}
.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:13px;}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .cog-upload .el-upload-dragger>div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse !important;
    gap: 10px !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row button.el-button.cog-button--secondary.cog-upload__upload-button.el-button--default.cog-button {
    margin: 0 0 0 !important;
}

.referrals-wrapp .referral-col3 {margin: 32px 0 0;}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .cog-choice .cog-checkable .el-checkbox {
    width: 100% !important;
    text-align: center !important;
}

.referrals-wrapp .referrals-col1 .referrals-row1 p {
    font-size: 17px;
}


.referrals-wrapp .referrals-col1 .referrals-row1 ul li {
    font-size: 17px;
}
.referrals-wrapp .referral-col3 .cog-body .cog-row:nth-child(6) .cog-checkable.cog-inner-col--2{ grid-template-columns: repeat(1, minmax(0, 1fr)) !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 span { display:inline;}
.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 0px;}
.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; margin:10px 0 0;}

.benefits-wrapp { text-align:center; padding:54px 0 40px;}
.benefits-wrapp p span { display:inline;}
.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:13px;}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .cog-upload .el-upload-dragger>div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse !important;
    gap: 10px !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row button.el-button.cog-button--secondary.cog-upload__upload-button.el-button--default.cog-button {
    margin: 0 0 0 !important;
}
.referrals-wrapp .referral-col3 {
    margin: 30px 0 0;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .cog-choice .cog-checkable .el-checkbox {
    width: 46% !important;
}

.referrals-wrapp .referrals-col1 .referrals-row1 p {
    font-size: 17px;
}


.referrals-wrapp .referrals-col1 .referrals-row1 ul li {
    font-size: 17px;
}
.referrals-wrapp .referral-col3 .cog-body .cog-row:nth-child(6) .cog-checkable.cog-inner-col--2{ grid-template-columns: repeat(2, minmax(0, 1fr)) !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 60px;}
.referrals-wrapp p { font-size:14px; margin:0 0 10px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp h2 { font-size:34px;}
.referrals-wrapp h3 { font-size:34px;}
.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 0px;}
.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; margin:10px 0 0;}

.benefits-wrapp { text-align:center; padding:54px 0 40px;}
.benefits-wrapp h2 { font-size:38px;}
.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 .referral-col3 .cog-cognito .cog-form__container .cog-row .cog-upload .el-upload-dragger>div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse !important;
    gap: 10px !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row button.el-button.cog-button--secondary.cog-upload__upload-button.el-button--default.cog-button {
    margin: 0 0 0 !important;
}

.referrals-wrapp .referral-col3 .cog-cognito .cog-form__container .cog-row .cog-choice .cog-checkable .el-checkbox {
    width: 46% !important;
}

.referrals-wrapp .referrals-col1 .referrals-row1 p {
    font-size: 17px;
}


.referrals-wrapp .referrals-col1 .referrals-row1 ul li {
    font-size: 17px;
}
.referrals-wrapp .referral-col3 .cog-body .cog-row:nth-child(6) .cog-checkable.cog-inner-col--2{ grid-template-columns: repeat(2, minmax(0, 1fr)) !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 70px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp .referrals-col1 { margin:0 auto 28px;}
.referrals-wrapp .referrals-col2 { margin:0 auto 0px;}
.referrals-wrapp .referrals-col3 { margin:0 auto 56px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { font-size:15px;}
.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 span { display:inline;}

/*btn-css*/
.referrals-btn1, .referrals-btn1 button, .referrals-btn2, .referrals-btn2 input { font-size:12px;}
.referrals-wrapp .referral-col3 .cog-body .cog-row:nth-child(6) .cog-checkable.cog-inner-col--2 {width: 93% !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 70px;}
.referrals-wrapp p { font-size:19px; 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 0px;}
.referrals-wrapp .referrals-col3 { margin:0 auto 68px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { font-size:15px;}
.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;}
}

@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;}
.referrals-wrapp .referral-col3 .cog-body .cog-row:nth-child(6) .cog-checkable.cog-inner-col--2 {width: 91% !important;}
}

@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 .referral-col3 .cog-body .cog-row:nth-child(6) .cog-checkable.cog-inner-col--2 {width: 100% !important;}

}