@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;1,100&display=swap');


.mainbanner-refer {
    background-image: url(https://index.enago.cn/acs-alt-form/images/bannerbg-refer.jpg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: 50% !important;
    color: #fff;
    min-height: 450px;
    background-color: #000;
    border-bottom: 2px solid #fcc82f;
  }
  
  .mainbanner-refer .uspswrap {
    width: 100%;
  }
  
  .mainbanner-refer .uspswrap h1 {
    font-weight: 700;
    font-size: 36px;
    color: #000;;
    line-height: 60px;
    margin-left: 38%;
    line-height: 54px;
    text-align: left;
}

  .mainbanner-refer .uspswrap h1 span{
    color: #952222;
  }
  
  .mainbanner-refer .uspswrap p {
    font-size: 28px;
    margin-top: .5rem;
    margin-bottom: 10px;
    line-height: 2rem;
    color: #000000;
  }

  /* css taken from enago global */

  .refer #content{padding:0}
  .refer-desk{display:block;}
  .refer-mobile{display:none;}
  .refer .slidemain{background-position:center !important;background-repeat:no-repeat !important;background-size:cover !important;}
  #refer-banner .owl-prev{background-image:url(https://index.enago.cn/acs-alt-form/images/carousel-control-left.png) !important;background-repeat:no-repeat !important;width:20px;height:30px;font-size:0px;position:absolute;left:30px;}
  #refer-banner .owl-next{background-image:url(https://index.enago.cn/acs-alt-form/images/carousel-control-right.png) !important;background-repeat:no-repeat !important;width:20px;height:30px;font-size:0px;position:absolute;right:20px;}
  .refer .slidersection-1{background:url(https://index.enago.cn/acs-alt-form/images/refercoverbg.jpg);}
  .refer .slidersection-2{background:url(https://index.enago.cn/acs-alt-form/images/refer-banner-02.jpg);}
  .refer .slidersection-3{background:url(https://index.enago.cn/acs-alt-form/images/refer-banner-03.jpg);}
  .refer .slidemain .slidercontent{position:relative;min-height:427px}
  .refer .slidemain .slidercontent .kindle{position:absolute;right:-42px;bottom:-55px}
  .refer .slidersection-1 .slidercontent h1{font-weight:700;font-size:54px;color:#fff;line-height:70px;margin-top:11%}
  .refer .slidersection-2 .slidercontent h2{font-weight:700;font-size:42px;color:#952222;line-height:60px;margin-left:38%;margin-top:13%;line-height:54px;text-align:left;}
  .refer .slidersection-2 .slidercontent h2 span{display:block;color:#000;font-weight:normal;font-size:36px;}
  .refer .slidersection-3 .slidercontent h2{font-weight:700;font-size:36px;color:#952222;line-height:60px;margin-left:38%;margin-top:10%;line-height:54px;text-align:left;}
  .refer .slidersection-3 .slidercontent h2 span{color:#000;font-weight:normal;font-size:36px;}
  .refer .refer-work1{background:#f0f0f0;min-height:305px;position:relative;}
  .refer .refer-tile{background:url(https://index.enago.cn/acs-alt-form/images/tile_bg.png);background-repeat:no-repeat;background-size:cover;width:190px;height:40px;position:absolute;left:-20px;top:15px;}
  .refer .refer-tile p{font-size:24px;color:#ffffff;font-family:"Open Sans";margin:0px;padding:5px 20px;}
  .refer .refer-work1-in{padding-top:80px;margin-left:0;}
  .refer .refer-work1-in p{font-size:24px;color:#000000;font-family:"Open Sans";margin:0px;}
  .refer .refer-work1-in .col-md-3{text-align:center;padding-left:0;margin-left:0;}
  .refer .refer-work1-in .arw-lft{position:relative;}
  .refer .refer-work1-in .arw-lft::before{content:'';background:url(https://index.enago.cn/acs-alt-form/images/work-left-arrow.png) no-repeat;position:absolute;right:-30px;top:70px;width:70px;height:40px;}
  .refer .refer-work1-in .arw-rgt{position:relative;}
  .refer .refer-work1-in .arw-rgt::before{content:'';background:url(https://index.enago.cn/acs-alt-form/images/work-right-arrow.png) no-repeat;position:absolute;left:-30px;top:70px;width:70px;height:40px;}
  .refer .refer-work1-in .col-md-3 p{text-align:center;margin-top:10px;font-weight:bold;}
  .refer .refer-work1-in .col-md-6{margin:0px;padding:40px 0 0 0px;}
  .refer .shr-link{display:block;}
  .refer .shr-link > ul > li{display:inline-block;width:auto;margin-right:10px;}
  .refer .shr-link > ul > li p{font-size:12px;width:auto;font-weight:bold;}
  .refer .shr-link > ul > li input{height:0px;border-radius:0px;border-color:#000;color:#000000;background:#fff;font-weight:bold;}
  .refer .shr-link > ul > li .blutxt{color:#00f;text-decoration:underline;}
  .refer .shr-link > ul > li span.note{border: solid 2px #000;
    padding: 3px 50px 3px 10px;
    background: #fff;}
  .refer .benefits h2{font-size:28px;text-align:center;margin:20px 0;font-weight:bold;}
  .refer .refer-benefit{background:#f0f0f0;min-height:100%;position:relative;}
  .refer .refer-benefit-in{padding:0px 30px;}
  .refer .benefits .col-md-6{background:#f0f0f0;margin-left:0;}
  .refer .benefits .col-md-6:last-child{margin-left:40px;}
  .refer-benefit-in > ul{padding-left:0px;padding-top:60px;}
  .refer-benefit-in > ul > li{list-style:none;height:150px;}
  .refer-benefit-in > ul > li span{display:block;float:left;}
  .refer-benefit-in > ul > li p{font-size:16px;line-height:28px;color:#000000;font-family:"Open Sans";padding:30px 0 0;margin-left:165px;}
  .benefit-rgt .refer-benefit-in > ul > li:nth-child(3) p{padding:42px 0 0;}
  yellow{color:#ffbe00;font-weight:700}
  yellowgrad{font-weight:700;background:-webkit-linear-gradient(#dca11f, #f2d35a, #fde184, #e1b857);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#e1b857;}
  .refer .slidersection .slidercontent p{font-weight:700;color:#fff;font-size:24px;margin-top:20px}
  .refer .servicecard{padding:10px 0}
  .refer .servicecard.rb .highlightcard{background:url(https://index.enago.cn/acs-alt-form/images/refer_cardbg.png);background-size:cover;background-position:center;width:30%;border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:6px;border-bottom-left-radius:6px;padding:15px 25px}
  .refer .servicecard.rb .highlightcard h2{text-align:left;margin-top:0;line-height:37px;font-size:40px;font-weight:700;background:-webkit-linear-gradient(#dca11f, #f2d35a, #fde184, #e1b857);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;padding-bottom:20px; color:#e1b857;}
  .refer .servicecard.rb .highlightcard h2 small{font-size:28px}
  .refer .servicecard.rb .highlightcard h2:before{content:'';background:url(https://index.enago.cn/acs-alt-form/images/referral_text_shine.png);width:74px;height:74px;background-size:74px;position:absolute;top:10px;left:-20px}
  .refer .servicecard.rb .highlightcard ul{color:#fff;padding-left:20px;font-size:18px}
  .refer .servicecard.rb .highlightcard ul li{list-style:square;margin-bottom:10px;line-height:24px}
  .referformpanel{margin-top:100px;margin-bottom:50px;}
  .refer .referformpanel .card{padding:0}
  .refer .referformpanel .card .cardcontent{margin:-30px 0;min-height:600px}
  .refer .referformpanel .card .cardcontent h2{text-align:center;margin:20px 0 25px;font-weight:700}
  .refer .hdw h2{font-size:28px;text-align:center;margin:20px 0;font-weight:bold;}
  .refer .hdw,
  .refer .working,
  .refer section.clients{margin-top:30px;margin-bottom:30px}
  .refer .tandc h4{font-size:18px;font-weight:700;margin-bottom:10px;margin-top:20px;}
  .refer .tandc ul{padding:0;margin-left:20px;list-style:square;margin-bottom:18px;}
  .refer .tandc ul li{margin-bottom:8px}
  .refer .refer-form div.ordivider{background:url(https://index.enago.cn/acs-alt-form/images/refer_formdivider.png) no-repeat;float:left;width:100%;position:relative;text-align:center;background-position-y:20px;margin:20px 0 10px;background-size:100%}
  .refer .refer-form div.ordivider span{background:#eee;border-radius:50%;width:40px;height:40px;border:1px solid #c6c5c5;display:inline-block;line-height:38px;font-size:16px}
  .refer .refer-form input{border-radius:0;width:82.5%;padding:10px 5px;border:1px solid #ddd}
  .refer .refer-form input.org-btn3{width:auto;padding:15px 30px 10px;border:inherit;border-radius:4px}
  .refer .refer-form input.name{width:78%}
  .refer .refer-form input.captcha{width:53%; margin:auto!important;}
  .refer .refer-form label{font-size:12px;font-weight:700}
  .refer .refer-form h4{text-align:center;font-weight:700;margin:10px 0 20px;font-size:18px;}
  .refer .refer-form .form-group{float:left;width:50%;margin-bottom:25px;}
  .refer .refer-form .form-group-03{float:left;width:37%;margin-bottom:25px;}
  .refer .refer-form .form-group-04{float:left;}
  .refer .refer-form .form-group.g-full{
      float: none !important;
      margin: 0 auto 15px !important;
      text-align: center;
      display: block; 
  }
  .refer .refer-form sup{color:#d52b1e}
  .refer ul.socialmediacontacts{list-style:none;float:left;width:100%;padding-left:0;margin:0}
  .refer ul.socialmediacontacts li{float:left;width:26.3%;border:1px solid #c6c5c5;margin-right:2%;line-height:26px;min-height:30px;text-align:center;position:relative;padding:10px 20px}
  .refer ul.socialmediacontacts li:last-child{margin-right:0}
  .refer ul.socialmediacontacts li img{float:left}
  .marb-15{margin-bottom:15px !important}
  .refer .chkemail{color:#00f;font-size:12px;text-decoration:underline}
  .refer .ordernow_link{color:#00f;font-size:14px;text-decoration:underline;text-align:left}
  .refer #appendmorefields input.smallemailinput{width:77%}
  .refer .remove-link{margin-left:8px;color:#000}
  .refer .visible-mobile{display:none}
  .refer-page.page .kindlecontainer{display:none}
  @media (max-width:1280px){.refer .slidersection-2{background-position:center 0;}
  .refer .slidersection-3{background-position:center 0;}
  .refer .refer-work1-in .col-md-6{padding:40px 20px 0 110px;}
  .refer .refer-work1-in .arw-lft::before{background-size:70%;}
  .refer .refer-work1-in .arw-rgt::before{left:-35px;top:70px;background-size:70%;}
  .refer .benefits .col-md-6:last-child{margin-left:35px;}
  }
  @media only screen and (max-width:768px){
  /* .refer-desk{display:none;}
  .refer-mobile{display:block;} */
  
  #referformpanel .span12{margin-left:0!important;}
  .refer .slidemain .slidercontent {
      position: relative;
      min-height: 300px;
  }
  .refer .slidersection-3 .slidercontent h2 {
      font-weight: 700;
      font-size: 28px;
      color: #952222;
      line-height: 60px;
      margin-left: 30%;
      margin-top: 7%;
      line-height: 40px;
      text-align: left;
  }
  .refer .slidersection-3 .slidercontent h2 span {
      color: #000;
      font-weight: normal;
      font-size: 28px;
  }
  .refer .refer-work1-in .col-md-6{padding:0px 0 0 40px;}
  .refer .shr-link > ul{margin-bottom:0px;}
  .refer .shr-link > ul > li{margin-bottom:10px;}
  .refer .refer-work1-in .arw-rgt::before{left:-65px;}
  .refer .refer-work1-in .arw-lft::before{right:-85px;}
  .refer .benefits .col-md-6{width:100%;}.refer .benefits .col-md-6:last-child{margin-left:0px;margin-top:30px;}

}
.servicecard{display:table;margin-bottom:20px;padding:10px 20px}
.highlightcard{width:25%;display:table-cell;border-top-right-radius:6px;border-bottom-right-radius:6px;box-shadow:1px 0 5px 0 rgba(0, 0, 0, 0.26);position:relative;z-index:2}
.card{width:75%;display:table-cell;padding:10px 0;z-index:1;position:relative;vertical-align:middle;}
.servicecard.one .cont-box{border-top-right-radius:6px;border-bottom-right-radius:6px;box-shadow:1px 0 5px 0 rgba(0, 0, 0, 0.26);}
.servicecard.two .cont-box{border-top-right-radius:6px;border-bottom-right-radius:6px;box-shadow:1px 0 5px 0 rgba(0, 0, 0, 0.26);background:#f6f6f6;}
.cardcontent{background-color:#eee;border-radius:3px;box-shadow:1px 0 5px 0 rgba(0, 0, 0, 0.26);padding:35px}


/* Inline CSS */

.col-md-6 {width: 48%!important;}
.kindlecontainer {display: none;}
.social_share_wrap {    margin: 10px 0 30px;    text-align: center;}
.social_share_wrap a {    float: none !important;    display: inline-block;    margin: 0 15px;}
.social_share_wrap a span{ border-radius:50% !important;    float: none !important;    display: inline-block;    vertical-align: middle;}
.social_share_wrap .a2a_default_style .a2a_img_text {    margin-right: 8px;}
.social_share_wrap .a2a_svg {    height: 30px;    padding: 5px;    width: 30px;}
span.a2a_svg.a2a_s__default.a2a_s_wechat.a2a_img_text{    background-color: #00dc6b !important;}
.refer .refer-form .copytxtwrap input {    margin: 0 !important;    width: 98%;}
.copytxtwrap {    position: relative;}
.copytxtwrap a {    position: absolute;    right: 25px;    top: 5px;    color: #00f;    font-size: 16px;    cursor: pointer;} 
.copytxtwrap a:hover {    color: #000;}
.pointer_trigger{     pointer-events: none;    opacity: 0.4;}
.pointer_trigger.enable{pointer-events: unset; opacity: 1;}
.refer .slidersection .slidercontent h1 {    text-align: center;    font-size: 54px;    line-height: 75px;}
.refer .servicecard.rb .highlightcard {    background-image: url(https://index.enago.cn/acs-alt-form/images/refer_cardbg_speaker.png);}
.refer .refer-form input { width: 82%;}
.refer .hdw ul li.win h4:before {    background: url(refer-registration/images/step3.png) no-repeat;}
.refer .hdw ul li h4:before{height: 75px;}
div#memidTable {    box-shadow: 0 7px 10px #dddddd;    overflow-x: hidden;    max-height: 500px;    width: 85%;    margin: 0 auto 15px;}
.clientdblk {
border: 1px solid #eeeeee;
background: #fff;
position: relative;
border-left: 5px solid transparent;
color: #000000;
display: block;
padding: 15px 15px;
letter-spacing: normal;
font-weight: bold;
text-transform: uppercase;
}
.clientdblk div {    display: inline-block;}
.mem_name {margin: 0 10px 0 0;}
.clientdblk:hover {    border-left: 5px solid #d52b1e;    background: #f2f2f2;}
.clientdblk:after {content: "";position: absolute;right: 20px;top: 37.5%;/*background-image: url(images/grey-arrow.png);width: 6px;height: 11px;*/}
.clientdblk:hover:after{    /*background-image: url(images/red-arrow.png);    width: 9px;    height: 16px;*/}
#memidTable_main p {    margin: 0 0 20px;}
span.client_memid{	    cursor: pointer; color:#00f; text-decoration:underline;}
.modal.fade.in {    top: 43%;}
#myOverlay {
background: rgba(0,0,0,0.7);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width:100%;
height:100%;
z-index:99999;
}
.lds-ring {
display: inline-block;
width: 64px;
height: 64px;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: fixed;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 51px;
height: 51px;
margin: 6px;
border: 6px solid #fff;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
#email_sub_text{
display: none;
text-align: center;
color: rgb(255, 47, 47);
margin: 0px auto;
right: 95px;
font-size: 14px;
position: absolute;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.refer-form .btn-submit{
  padding: 10px 55px !important;
    font-size: 22px;
    font-weight: 700;
    width: auto !important;
    margin: auto;

}
.btn-submit {
  background-color: #ffd032;
  color: #000;
  display: block;
  border: 0;
  margin: auto;
}
.btn-submit:hover {
  background-color: #d4af37;
  color: #000;
  display: block;
  border: 0;
}


.refer .refer-form input.is-invalid{
  border: 2px solid red;
}

body:has(.loader-wrapper.show-flex) {
  overflow: hidden;
}

.loader-wrapper{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0,0,0,0.5);
  justify-content: center;
  align-items: center;
  /* display: flex; */
  z-index: 9999;
  display: none;
}

.loader-wrapper.show-flex{
  display: flex;
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 50px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #fff;
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}
.invalid-feedback {
  text-align: center;
  margin-bottom: 10px;
  color: #950000;
  background: rgba(255, 0, 0, .1);
  display: inline-block;
  width: 100%;
  padding: 10px;
  border: 1px solid rgb(173 0 0 / 26%);
  border-radius: 5px;
}

/********************
MEDIA QUERIES
***********************/

@media only screen and (max-width: 756px){
  .mainbanner-refer .uspswrap h1{
      padding-left: 20px;
  }

  .servicecard.rb {
  display: flex;
  flex-direction: column;
}

.highlightcard {
  width: 100% !important;
  padding-bottom: 300px !important;
  background-position: bottom right !important;
}

.cardcontent {
  width: 100% !important;
}

.card {
  width: 100% !important;
}

.refer .refer-work1-in .arw-lft::before{
   right: 50%;
   bottom: -64px;
   top: unset;
   transform: translateX(50%);
}

.col-md-3.arw-lft {
  margin-bottom: 100px;
}

.refer-work1 .col-md-6 {
  width: 100% !important;
}

  .refer .shr-link > ul {
  text-align: center;
  padding-left: 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 25px;
}

.refer .refer-work1-in .col-md-6{
  padding-left: 0px;
  margin-bottom: 100px;
}

.refer .refer-work1-in .arw-rgt::before {
  top: -81px;
  bottom: unset;
  left: 50%;
  transform: rotate(180deg) translateX(50%);
}

.refer .refer-work1-in .arw-rgt {
  padding-bottom: 50px;
}
.refer .benefits .col-md-6 {
  width: 100% !important;
}
div#page {
  box-sizing: border-box;
  padding: 0px 40px;
}
.mainbanner-refer{
  background-position: center right !important;
}
.form-group.marb-15 {
  float: unset !important;
  display: block !important;
  width: 100% !important;
}

.refer .refer-form input.name {
  width: 100%;
}

input#email {
  width: 100% !important;
}
.form-group.marb-15 {
  float: unset !important;
  display: block !important;
  width: 100% !important;
}

.refer .refer-form input.name {
  width: 100%;
}

input#email {
  width: 100% !important;
}

input#handleMemId {
  font-size: 15px !important;
  width: 100% !important;
  padding: 10px !important;
}

.form-group.g-full {
  width: 100% !important;
  text-align: center;
}
.col-12.font-title h1 {
  font-size: 35px;
}

.refer .servicecard.rb .highlightcard {
  border-top-right-radius: 6px;
  border-bottom-left-radius: 0px;
}



.a2a_kit.a2a_kit_size_32.a2a_default_style {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 30px;
}

.a2a_default_style:not(.a2a_flex_style) a {
  text-align: left;
}
.refer .referformpanel .card .cardcontent{
  padding: 30px 15px;
}

.refer .refer-benefit-in span {
    max-width: 100px;
    width: 100%;
}

.refer .refer-benefit-in span  img{
  width: 100%;
}

.refer-benefit-in > ul > li p{
  margin-left: 50px;
  padding-top: 0;
  margin-left: 10px;
}

}

@media only screen and (max-width: 400px){
  .a2a_kit.a2a_kit_size_32.a2a_default_style {
    grid-template-columns: repeat(1, 1fr);
  }
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
  float: left;
}



.ACSFooterBar p{
  margin-bottom: 5px !important;
  margin-top: 5px !important;
  line-height: 1.5 !important;
}
  
  .ACSFooterBar .ACSFooterlinks a:hover{
    color: #fff;
    text-underline-offset: 2px;
  }

    .ACSFooterBar h5{
      font-weight: bold;
    }