@charset "utf-8";

.customer-section { display: flex; gap: 30px; }

.customer-service { max-width: 380px; margin: 0px auto 0px 0px; }

.customer { padding: 0px 60px 0px 45px; margin: 0px; background-color: rgb(255, 255, 255); border-radius: 0px 0px 15px 15px; }

.customer h4 { font-family: "SF Pro Display", sans-serif; font-style: normal; font-weight: 600; font-size: 20px; line-height: 25px; text-align: center; text-transform: capitalize; color: rgb(57, 57, 57); padding: 16.22px 0px 15.78px; margin: 0px; }

.customer ul.brands-list { padding-left: 15px; }

.customer .brands-list li { color: rgb(158, 189, 89); padding: 5px 0px; }

.customer .brands-list li span { font-family: "SF Pro Display", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 25px; color: rgb(57, 57, 57); }

.customer h6 { font-family: "SF Pro Display", sans-serif; font-style: normal; font-weight: 600; font-size: 18px; line-height: 25px; text-transform: capitalize; color: rgb(57, 57, 57); padding: 23px 0px 11px; }

.customer .inclusions-list { list-style: none; border-bottom: 1px solid rgb(165, 167, 170); padding: 0px 0px 82px; }

.customer .inclusions-list li { background-image: url("https://www.brainpower.agency/wp-content/uploads/2023/02/Checkmark.png"); background-repeat: no-repeat; background-size: 15px; background-position: left center; padding: 0px 0px 0px 27px; font-family: "SF Pro Display", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 35px; text-transform: capitalize; color: rgb(57, 57, 57); }

.customer .charge { padding: 22.78px 0px 19px; }

.customer .charge h2 { font-family: "SF Pro Display", sans-serif; font-style: normal; font-weight: 600; font-size: 50px; line-height: 60px; text-align: center; text-transform: capitalize; color: rgb(47, 47, 47); margin: 0px; }

.customer .charge h2 span { font-weight: 300; color: rgb(201, 201, 201); padding-right: 15px; }

.customer .charge h5 { font-family: "SF Pro Display", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 25px; text-align: center; text-transform: capitalize; color: rgb(47, 47, 47); margin: -5px 0px 0px; }

.customer-title { background-color: rgb(158, 189, 89); border-radius: 15px 15px 0px 0px; padding: 37px 0px 21px; text-align: center; }

.customer-title h2 { font-family: "SF Pro Display", sans-serif; font-style: normal; font-weight: 700; font-size: 24px; line-height: 30px; text-align: center; text-transform: capitalize; color: rgb(255, 255, 255); max-width: 330px; margin: 0px auto; padding-top: 21px; }

.get-started { padding-bottom: 55px; }

@media screen and (max-width: 767px) {
  .customer-title { padding: 33.8px 0px 13px; }
  .customer-title h2 { padding-top: 18px; }
  .customer h4 { padding: 15px 0px; }
  .customer .brands-list li { padding: 0px 0px 7px; }
  .customer ul.brands-list { margin: 0px; }
  .customer h6 { padding: 9px 0px 0px; }
  .customer { padding: 0px 40px 0px 41px; }
  .customer ul.brands-list { padding: 0px 0px 0px 15px; }
  .customer .inclusions-list { padding: 0px 0px 90px; margin: 0px; }
  ul.inclusions-list, .charge { max-width: 244px; }
  .customer .get-started a { padding: 6.5px 69.5px; }
  .customer .charge { padding: 20px 0px 18px; }
  .get-started { padding-bottom: 45px; }
  .price-box { margin-bottom: 62px; }
  .price-box .elementor-widget-wrap { gap: 62px; }
  .customer .brands-list li { max-width: 260px; }
  .price-box { background-color: transparent; padding: 0px; }
}

.customer-service.last { max-width: 380px; margin: 0px 0px 0px auto; }

.customer-service.last .customer { padding: 0px 56px 0px 40px; margin: 0px; background-color: rgb(255, 255, 255); border-radius: 0px 0px 15px 15px; }

.customer-service.last .customer h4 { font-family: "SF Pro Display", sans-serif; font-style: normal; font-weight: 600; font-size: 20px; line-height: 25px; text-align: center; text-transform: capitalize; color: rgb(57, 57, 57); padding: 16.22px 0px 15.78px; margin: 0px; }

.customer-service.last .customer ul.brands-list { padding-left: 0px; }

.customer-service.last .customer .inclusions-list { list-style: none; border-bottom: 1px solid rgb(165, 167, 170); padding: 0px 0px 48px; }

.customer-service.last .customer .inclusions-list li { padding: 0px 0px 0px 27px; color: rgb(57, 57, 57); }

.customer-service.last .customer .charge { padding: 22.78px 0px 19px; }

.customer-service.last .customer .charge h2 span { font-weight: 300; color: rgb(201, 201, 201); padding-right: 15px; }

.customer .get-started a { font-family: "SF Pro Display", sans-serif; font-style: normal; font-weight: 700; font-size: 20px; line-height: 32px; text-align: center; color: rgb(255, 255, 255); padding: 9px 83.21px; background-color: rgb(59, 120, 191); border-radius: 118px; }

.customer .get-started a:hover { background-color: rgb(0, 0, 0); }

.customer-service.last .customer-title { background-color: rgb(218, 49, 41); border-radius: 15px 15px 0px 0px; padding: 30px 0px 21px; text-align: center; }

.customer-service.last .customer-title h2 { color: rgb(255, 255, 255); max-width: 310px; margin: 0px auto; padding-top: 9px; }

.customer-service.last .get-started { padding-bottom: 55px; text-align: center; }

@media screen and (max-width: 767px) {
  .customer-service.last .customer-title { padding: 22px 0px 18px; }
  .customer-service.last .customer h4 { padding: 15px 0px; }
  .customer-service.last .customer .brands-list li { padding: 0px 0px 7px; }
  .customer-service.last .customer h6 { padding: 19px 0px 0px; }
  .customer-service.last .customer .inclusions-list { padding: 0px 0px 48px; margin: 0px; }
  .customer-service.last .customer .charge { padding: 20.5px 0px 18px; }
  .customer-service.last .customer .get-started a { padding: 9px 69.5px; }
  .customer-service.last .get-started { padding-bottom: 45px; }
}

.customer-service.second { max-width: 380px; margin: 0px auto; }

.customer-service.second .customer { padding: 0px 56px 0px 40px; margin: 0px; background-color: rgb(255, 255, 255); border-radius: 0px 0px 15px 15px; }

.customer-service.second .customer h4 { font-family: "SF Pro Display", sans-serif; font-style: normal; font-weight: 600; font-size: 20px; line-height: 25px; text-align: center; text-transform: capitalize; color: rgb(57, 57, 57); padding: 16.22px 0px 15.78px; margin: 0px; }

.customer-service.second .customer ul.brands-list { padding-left: 15px; }

.customer-service.second .customer .inclusions-list { list-style: none; border-bottom: 1px solid rgb(165, 167, 170); padding: 0px 0px 48px; }

.customer-service.second .customer .inclusions-list li { padding: 0px 0px 0px 27px; color: rgb(57, 57, 57); }

.customer-service.second .customer .charge { padding: 22.78px 0px 19px; }

.customer-service.second .customer-title { background-color: rgb(241, 148, 54); border-radius: 15px 15px 0px 0px; padding: 40px 0px 21px; text-align: center; }

.customer-service.second .customer-title h2 { max-width: 310px; margin: 0px auto; padding-top: 11px; }

.customer-service.second .get-started { padding-bottom: 55px; text-align: center; }

.navbar-area.navbar-color-white { display: none !important; }

@media screen and (max-width: 1100px) {
  .customer-section { gap: 10px; padding: 0px 15px; }
  .customer-service.second .customer, .customer-service.last .customer, .customer { padding: 0px 40px; }
  .customer .get-started a, .customer-service.last .customer .get-started a, .customer-service.second .customer .get-started a { padding: 9px 63px; }
  .customer-service.last { margin: 0px auto !important; }
  .customer-section { flex-wrap: wrap; gap: 60px; }
}

@media screen and (max-width: 991px) {
  .customer-service { margin: 0px auto !important; }
}

@media screen and (max-width: 767px) {
  .customer-service.second .customer-title { padding: 28px 0px 13px; }
  .customer-service.second .customer-title h2 { padding-top: 9px; }
  .customer-service.second .customer h4 { padding: 15px 0px; }
  .customer-service.second .customer .brands-list li { }
  .customer-service.second .customer h6 { padding: 16px 0px 0px; }
  .customer-service.second .customer .inclusions-list { padding: 0px 0px 18px; margin: 0px; }
  .customer-service.second .customer .charge { padding: 20.51px 0px 18px; }
  .customer-service.second .customer .get-started a { padding: 6.5px 69.5px; }
  .customer-service.second .get-started { padding-bottom: 45px; }
  .price-box .elementor-widget-wrap { padding-bottom: 0px !important; }
  .customer { padding: 0px 40px 0px 41px !important; }
  .customer-section { padding: 0px; }
}