/* Contact Us — from CouponBirds Contact Us.html + screenshot polish */
footer p.follow-us-on{font-weight:700;color:#b3b3b3;margin:0 0 1rem;white-space:nowrap}
footer p.follow-us-on{font-weight:600;color:#b3b3b3;margin:0 0 1rem;white-space:nowrap}
.as-contact-container h1{padding-top:30px;padding-bottom:20px;margin:0;font-size:36px;letter-spacing:-.5px;font-weight:700;text-align:center;color:#404040}
.as-contact-container p{font-size:18px;color:#404040;padding-bottom:10px;padding:10px 0 0 0}
.as-contact-container .coupon-faqs ul{padding-left:0}
.as-contact-container .coupon-faqs ul li{list-style:none}
.as-contact-container .coupon-faqs ul>li{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px;margin-top:40px}
.as-contact-container .coupon-faqs ul>li:first-child{margin-top:0}
.as-contact-container .coupon-faqs ul>li h2{padding-top:30px;padding-bottom:20px;font-weight:700;margin-bottom:0;font-size:24px;letter-spacing:-.5px;color:#404040}
.as-contact-container .coupon-faqs ul>li>div:first-child{margin-right:40px}
.as-contact-container .coupon-faqs ul .text>p{font-size:18px;letter-spacing:-.5px;color:#404040;margin-top:20px;padding-top:0}
.as-contact-container .coupon-faqs ul .text>p a{font-weight:600}
.as-contact-container .coupon-faqs ul .text ol{padding-left:1rem;list-style:none;margin-top:20px}
.as-contact-container .coupon-faqs ul .text ol li{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:20px}
.as-contact-container .coupon-faqs ul .text ol li:last-child{padding-bottom:0}
.as-contact-container .coupon-faqs ul .text ol li span{width:6px;height:6px;background-color:#1bb69b;border-radius:50%}
.as-contact-container .coupon-faqs ul .text ol li p{padding-top:0;margin-left:8px;font-size:18px;color:#404040}
.as-contact-container .coupon-faqs ul .text div{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px}
.as-contact-container .coupon-faqs ul .text div img{width:30px;margin-right:35px}
.as-contact-container .form-control{border-radius:10px;background-color:#f3f3f3;border:1px solid #f3f3f3}
.as-contact-container .form-footer-rec{font-size:14px;line-height:2.14;letter-spacing:normal}
.as-contact-container .as-contact-panel{padding:39px 44px 29px;border-radius:31px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.5);box-shadow:0 2px 4px 0 rgba(0,0,0,.5);background-color:var(--white);width:100%;max-width:596px;margin-left:auto;margin-right:0}
.as-contact-container .as-contact-panel .user-info{margin-left:0;margin-right:0}
.as-contact-container .as-contact-panel .contact-form-group{margin-bottom:30px;height:60px}
.as-contact-container .as-contact-panel .contact-format-error{color:red;font-size:14px;display:none}
.as-contact-container .as-contact-panel .required-panel{position:relative;padding-right:0;padding-left:0}
.as-contact-container .as-contact-panel .required-panel .required-flag{position:absolute;left:10px;color:red}
.as-contact-container .as-contact-panel .required-panel .image-caret{position:absolute;right:10px;top:44px}
.as-contact-container .as-contact-panel .user-identify{display:none;background-color:#fff}
.as-contact-container .as-contact-panel #id-message,.as-contact-container .as-contact-panel #id-user-classify{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:20px;background-color:#fff}
.as-contact-container .as-contact-panel .verify-panel{max-width:305px;margin:20px auto}
.as-contact-container .as-contact-panel .submit-button-panel{margin-top:20px;text-align:center;padding-bottom:30px}
.as-contact-container .as-contact-panel .submit-button-panel .btn-contact-submit{width:300px;height:54px;line-height:54px;margin:0 auto;color:#fff;background-color:#2fc2a9;border-radius:27px;font-size:20px;letter-spacing:-.5px;font-weight:600}
.as-contact-container .as-contact-panel .submit-button-panel .btn-contact-submit:hover{background-color:#41c4a1;cursor:pointer}
.as-contact-container .as-contact-panel .contact-us-question-explain{display:none}
.as-contact-container .as-contact-panel .contact-us-question-explain .contact-us-question-explain-next{text-align:left;margin:1em 0 1em;padding:10px;background-color:#fff;font-size:14px}
.as-contact-container .as-contact-panel .contact-us-question-explain .contact-us-question-explain-next .contact-us-question-explain-result h2{padding-top:30px;padding-bottom:20px;font-weight:700;font-size:24px}
.as-contact-container .as-contact-panel .contact-us-question-explain .contact-us-question-explain-next .contact-us-question-explain-result p{font-size:15px;padding-left:0}
.as-contact-container .modal-contact-us .modal-header{border-bottom:none}
.as-contact-container .modal-contact-us .modal-body{font-size:24px;font-weight:700;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.as-contact-container .modal-contact-us .modal-footer{border-top:none;padding:1.5rem}
.as-contact-container .form_contact_us{border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:40px 0}
.as-contact-container .form_contact_us .minimum{font-size:13px;color:#f80000;float:right;line-height:2;display:none}
.as-contact-container .form_contact_us .contact-us-title-h2{font-size:36px;letter-spacing:-.5px;font-weight:600;color:#404040;text-align:center;padding:43px 0 0 0}
.as-contact-container .form_contact_us .contact-us-title-p{font-size:20px;letter-spacing:-.5px;line-height:1.88;color:#404040;padding:20px 0 0 0}
.as-contact-container .form_contact_us .form-footer-rec{padding:10px 0 0 0}
.as-contact-container .contact_us_base_info{border-radius:10px;background:url("../images/cb-imported/contactus/map.png") no-repeat;-webkit-box-shadow:0 2px 6px 1px rgba(173,173,173,.55);box-shadow:0 2px 6px 1px rgba(173,173,173,.55);margin:0 0 39px 0;background-size:contain;background-position:100%}
.as-contact-container .contact_us_base_info_span{font-size:24px;letter-spacing:-.5px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#404040}
.as-contact-container .contact_us_base_info_p{font-size:16px;letter-spacing:-.5px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:#404040}
.as-contact-container .contact_us_base_info_detail{padding:17px 0 10px 60px;margin-top:40px;background-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(44%,#fff));background-image:-webkit-linear-gradient(right,transparent,#fff 44%);background-image:linear-gradient(to left,transparent,#fff 44%);border-radius:10px}
.as-contact-container .email_image_contact_us_component{width:35px;height:35px;margin-right:10px;padding:0!important}
.as-contact-container .contact-us-title-span{font-size:16px!important}
.as-contact-container .contact-us-title-p{font-size:14px!important}
.as-contact-container .form_contact_us{padding:20px!important}
.as-contact-container .form_contact_us .contact-us-title-h2{font-size:28px!important}
.as-contact-container .form_contact_us .contact-us-title-p{font-size:16px!important}
.as-contact-container .field-name{font-size:14px!important}
.as-contact-container .form-footer-rec{font-size:12px!important}
.as-contact-container .contact_us_base_info_span{font-size:20px!important}
.as-contact-container .contact_us_base_info_p{font-size:16px!important}
.as-contact-container .field-name{font-weight:600;padding-bottom:10px;font-size:18px;letter-spacing:-.5px}
.as-contact-container .as-contact-panel .required-panel{position:relative;padding-right:0}
.as-contact-container .as-contact-panel .required-panel .input-explain{font-size:14px;color:#8a8a8a}
.container-help-center-detail .content-container .email_image{width:26px;height:20px;margin:3px 7px 1px 0}
.container-thermometer .as-contact-panel .required-panel{position:relative;padding-left:20px;padding-right:0}
.container-thermometer .as-contact-panel .required-panel .required-flag{position:absolute;left:10px;color:red}
.container-thermometer .as-contact-panel .required-panel .image-caret{position:absolute;right:10px;top:12px}
.container-thermometer .method{margin-bottom:2rem;width:100%}
.container-thermometer .method .method-title{padding-left:30px;font-size:20px;font-weight:700;color:#404040;margin-bottom:1rem;text-align:center}
.container-thermometer .method .method-detail{padding-left:10px;color:#404040}
.container-thermometer .method .method-detail .email{color:#2fc2a9}
.container-thermometer .as-contact-panel{margin:0 auto}
.container-thermometer .as-contact-panel .user-info{margin-left:0;margin-right:0}
.container-thermometer .as-contact-panel .contact-form-group{margin-bottom:30px;height:40px}
.container-thermometer .as-contact-panel .contact-format-error{color:red;font-size:14px;display:none}
.container-thermometer .as-contact-panel .user-identify{display:none;background-color:#fff}
.container-thermometer .as-contact-panel #id-message,.container-thermometer .as-contact-panel #id-user-classify{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:20px;background-color:#fff}
.container-thermometer .as-contact-panel .verify-panel{max-width:305px;margin:20px auto}
.container-thermometer .as-contact-panel .submit-button-panel{margin-top:20px;text-align:center;padding-bottom:30px}
.container-thermometer .as-contact-panel .submit-button-panel .btn-thermometer-contact-submit{width:300px;height:54px;line-height:54px;margin:0 auto;color:#fff;background-color:#2fc2a9;border-radius:27px;font-size:20px;font-weight:700}
.container-thermometer .as-contact-panel .submit-button-panel .btn-thermometer-contact-submit:hover{background-color:#41c4a1;cursor:pointer}
.container-thermometer .modal-contact-us .modal-header{border-bottom:none}
.container-thermometer .modal-contact-us .modal-body{font-size:24px;font-weight:700;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.container-thermometer .modal-contact-us .modal-footer{border-top:none;padding:1.5rem}

/* --- Polish to match CB screenshot --- */
/* Section FAQ headings left (next to icons), not centered */
.as-contact-container .coupon-faqs > ul > li h2,
.as-contact-container .coupon-faqs .text > h2 {
  text-align: left !important;
  padding-top: 16px !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
}

/* Keep page title centered (CB does this) */
.as-contact-container > h1 {
  text-align: center !important;
}

/* Top-level FAQ rows only — never style nested Partnership points as cards */
.as-contact-container .coupon-faqs > ul > li {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 40px !important;
  margin-bottom: 20px !important;
}
.as-contact-container .coupon-faqs > ul > li:first-child {
  margin-top: 0 !important;
}
.as-contact-container .coupon-faqs > ul > li > div:first-child {
  flex: 0 0 62px !important;
  width: 62px !important;
  margin-right: 40px !important;
  line-height: 0;
}
.as-contact-container .coupon-faqs > ul > li > div:first-child svg {
  display: block !important;
  width: 62px !important;
  height: 62px !important;
  max-width: 62px !important;
}

/* Partnership / nested bullet points — teal dots only, NO boxes, CB dump spacing */
.as-contact-container .coupon-faqs .text ol {
  list-style: none !important;
  margin: 20px 0 0 !important;
  padding-left: 1rem !important;
}
.as-contact-container .coupon-faqs .text ol > li {
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 0 20px !important;
  margin: 0 !important;
  gap: 0 !important;
}
.as-contact-container .coupon-faqs .text ol > li:last-child {
  padding-bottom: 0 !important;
}
.as-contact-container .coupon-faqs .text ol > li > span {
  flex: 0 0 6px !important;
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  background-color: #1bb69b !important;
  border-radius: 50% !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.as-contact-container .coupon-faqs .text ol > li > p {
  margin: 0 0 0 8px !important;
  padding: 0 !important;
  font-size: 18px !important;
  color: #404040 !important;
  border: none !important;
  background: transparent !important;
  line-height: 1.4 !important;
}

/* Full page white canvas (matches CB contact) */
html:has(main.as-contact-container),
body:has(main.as-contact-container),
body.cb-contact-page,
main.as-contact-container {
  background: #fff !important;
  background-color: #fff !important;
}
main.as-contact-container {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  box-sizing: border-box;
}

/* Lock address + form to CB desktop look (beat unscoped static-pages overrides) */
.as-contact-container .contact_us_base_info {
  border-radius: 10px !important;
  background: url("../images/cb-imported/contactus/map.png") no-repeat !important;
  background-size: contain !important;
  background-position: 100% !important;
  box-shadow: 0 2px 6px 1px rgba(173, 173, 173, 0.55) !important;
  margin: 0 0 39px 0 !important;
  overflow: hidden;
  min-height: 120px;
}
.as-contact-container .contact_us_base_info_detail {
  padding: 17px 0 10px 60px !important;
  margin-top: 40px !important;
  background-image: linear-gradient(to left, transparent, #fff 44%) !important;
  border-radius: 10px !important;
}
.as-contact-container .contact_us_base_info_span {
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #404040 !important;
  display: block;
}
.as-contact-container .contact_us_base_info_p {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.67 !important;
  color: #404040 !important;
  margin: 0 !important;
}

.as-contact-container .form_contact_us {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  margin: 40px 0 !important;
  padding: 0 !important;
  gap: 0;
}
.as-contact-container .form_contact_us .contact-us-title-h2 {
  font-size: 36px !important;
  font-weight: 600 !important;
  letter-spacing: -0.5px !important;
  color: #404040 !important;
  text-align: center !important;
  padding: 43px 0 0 0 !important;
  margin: 0 !important;
}
.as-contact-container .form_contact_us .contact-us-title-p {
  font-size: 20px !important;
  letter-spacing: -0.5px !important;
  line-height: 1.88 !important;
  color: #404040 !important;
  text-align: center !important;
  padding: 20px 0 0 0 !important;
  margin: 0 !important;
}

.as-contact-container .as-contact-panel {
  margin-top: 0 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  background: #fff !important;
  border: none !important;
  border-radius: 31px !important;
  padding: 39px 44px 29px !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;
  width: 100% !important;
  max-width: 596px !important;
}
.as-contact-container .as-contact-panel .form-row.user-info {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}
.as-contact-container .as-contact-panel .user-info .col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
  box-sizing: border-box;
}
.as-contact-container .as-contact-panel .contact-form-group {
  margin-bottom: 30px !important;
  height: auto !important;
  flex: none !important;
}
.as-contact-container .as-contact-panel .field-name {
  display: block;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
  padding-bottom: 10px;
  color: #404040;
}
.as-contact-container .as-contact-panel .form-control,
.as-contact-container .as-contact-panel input.form-control,
.as-contact-container .as-contact-panel select.form-control,
.as-contact-container .as-contact-panel textarea.form-control {
  width: 100% !important;
  border-radius: 10px !important;
  background-color: #f3f3f3 !important;
  border: 1px solid #f3f3f3 !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  box-shadow: none !important;
}
.as-contact-container .as-contact-panel .form-footer-rec {
  font-size: 14px !important;
  line-height: 2.14 !important;
  padding: 10px 0 0 0 !important;
  color: #404040;
}
.as-contact-container .as-contact-panel .form-footer-rec a {
  color: #2fc2a9;
  text-decoration: none;
}
.as-contact-container .as-contact-panel .verify-panel {
  max-width: 305px;
  margin: 20px auto;
}
.as-contact-container .as-contact-panel .submit-button-panel {
  margin-top: 20px !important;
  text-align: center !important;
  padding-bottom: 30px !important;
}
.as-contact-container .as-contact-panel .submit-button-panel .btn-contact-submit {
  display: inline-block !important;
  width: 300px !important;
  max-width: 100% !important;
  height: 54px !important;
  line-height: 54px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: #fff !important;
  background-color: #2fc2a9 !important;
  border: 0 !important;
  border-radius: 27px !important;
  font-size: 20px !important;
  letter-spacing: -0.5px !important;
  font-weight: 600 !important;
  cursor: pointer;
}

main.container.as-contact-container,
.container.as-contact-container {
  max-width: 1140px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

@media (max-width: 991.98px) {
  .as-contact-container .form_contact_us {
    flex-direction: column !important;
    align-items: center !important;
  }
  .as-contact-container .form_contact_us > div:first-child {
    max-width: 100% !important;
    padding: 0 !important;
    width: 100%;
  }
  .as-contact-container .as-contact-panel {
    max-width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 28px 20px 20px !important;
  }
  .as-contact-container .as-contact-panel .form-row.user-info {
    flex-direction: column !important;
  }
  .as-contact-container .as-contact-panel .user-info .col-md-6 {
    flex: 1 1 100%;
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .as-contact-container .form_contact_us .contact-us-title-h2 {
    font-size: 28px !important;
    padding-top: 20px !important;
  }
  .as-contact-container .form_contact_us .contact-us-title-p {
    font-size: 16px !important;
  }
  .as-contact-container .contact_us_base_info_detail {
    padding-left: 48px !important;
    margin-top: 24px !important;
  }
  .as-contact-container .contact_us_base_info_span {
    font-size: 20px !important;
  }
}

@media (max-width: 767.98px) {
  .as-contact-container .coupon-faqs > ul > li > div:first-child {
    margin-right: 20px !important;
  }
}