.login-product-section .bg-section {
  background-image: url(/public_assets/web-assets/1.0.21/bundles/login-product/img/product-hero-bg-growth.jpg);
  background-size: cover;
  flex: 1 0 auto;
}
.login-product-section .bg-section hr {
  width: 140px;
}
.login-product-section .bg-section.developer-hub {
  background-image: url(/public_assets/web-assets/1.0.21/bundles/login-product/img/product-hero-bg-developer-hub.png);
}
.login-product-section .bg-section.customers-email {
  background-image: url(/public_assets/web-assets/1.0.21/bundles/login-product/img/product-hero-bg-customers-email.png);
  background-position: bottom;
}
.login-product-section .info-section {
  padding: 80px 80px 120px;
  color: #fff;
  background-color: #0d122c;
  background-size: cover;
  background-repeat: no-repeat;
}
.login-product-section .info-section.chat {
  background-image: url("/public_assets/web-assets/1.0.21/bundles/login-product/img/product-hero-bg-chat.png");
}
.login-product-section .info-section.video {
  background-image: url("/public_assets/web-assets/1.0.21/bundles/login-product/img/product-hero-bg-video.png");
}
.login-product-section .info-section.add-ons {
  background-image: url("/public_assets/web-assets/1.0.21/bundles/login-product/img/product-hero-bg-add-ons.png");
}
.login-product-section .info-section.studio {
  background-image: url("/public_assets/web-assets/1.0.21/bundles/login-product/img/product-hero-bg-studio.png");
}
.login-product-section .info-section h2 {
  line-height: 1.35;
}
.login-product-section .info-section p {
  font-size: 60px;
  font-family: "Knockout 27 A", "Knockout 27 B", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
}
.login-product-section .info-section.sendgrid {
  background: top no-repeat url("/public_assets/web-assets/1.0.21/bundles/login-product/img/sendgrid-advert-bg-top.png"), bottom no-repeat url("/public_assets/web-assets/1.0.21/bundles/login-product/img/sendgrid-advert-bg-bottom.png");
  background-size: contain;
  background-color: #fff;
  color: #565B73;
}
@media (max-width: 600px) {
  .login-product-section .info-section.sendgrid {
    background-size: 1000px;
  }
}
.login-product-section .info-section.referral-program, .login-product-section .info-section.code-exchange {
  background: transparent;
  color: #fff;
  padding: 10px;
  margin-top: 60px;
}
.login-product-section .info-section.referral-program .megaphone, .login-product-section .info-section.code-exchange .megaphone {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  height: 80px;
  width: 80px;
}
.login-product-section .info-section.referral-program h2, .login-product-section .info-section.code-exchange h2 {
  line-height: 0.8;
  font-size: 35px;
  text-align: center;
}
.login-product-section .info-section.referral-program .product-beta-status, .login-product-section .info-section.code-exchange .product-beta-status {
  display: inline;
  font-size: 12px;
  font-weight: 400;
  text-transform: capitalize;
  vertical-align: top;
  letter-spacing: 0.3px;
}
.login-product-section .info-section.referral-program .pill, .login-product-section .info-section.referral-program .blue-pill, .login-product-section .info-section.code-exchange .pill, .login-product-section .info-section.code-exchange .blue-pill {
  border-radius: 16px;
  padding: 0.25rem 1rem;
}
.login-product-section .info-section.referral-program .blue-pill, .login-product-section .info-section.code-exchange .blue-pill {
  color: #ffffff;
  background-color: #0263e0;
}
.login-product-section .info-section.developer-hub {
  background: transparent;
  color: #fff;
  padding: 10px;
  margin-top: 60px;
}
.login-product-section .info-section.developer-hub .developer-hub-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  height: 80px;
  width: 80px;
}
.login-product-section .info-section.developer-hub h2 {
  line-height: 0.8;
  font-size: 32px;
  font-weight: 600;
  text-align: center;
}
.login-product-section .info-section.customers-email {
  background: transparent;
  color: #fff;
  padding: 10px;
  margin-top: 60px;
}
.login-product-section .info-section.customers-email .customer-email-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  height: 80px;
  width: 80px;
}
.login-product-section .info-section.customers-email h2 {
  line-height: 1;
  font-size: 32px;
  font-weight: 600;
  text-align: center;
}
.login-product-section .product-section {
  padding: 80px;
  background-color: #2c2f4b;
}
.login-product-section .product-section .text-block {
  color: #ccc;
  width: 300px;
  margin: 0 auto 80px;
  font-size: 20px;
}
.login-product-section .product-section .text-block .product-name {
  color: #fff;
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
}
.login-product-section .product-section .text-block .product-name .product-status {
  display: inline;
  font-size: 12px;
  font-weight: 400;
  text-transform: capitalize;
  color: #E47333;
  vertical-align: top;
  letter-spacing: 0.3px;
}
.login-product-section .product-section .text-block p {
  line-height: 28px;
  font-weight: 200;
}
.login-product-section .product-section .btn {
  border-color: #fff;
  color: #fff;
  padding: 20px 40px;
  text-transform: uppercase;
}
.login-product-section .product-section.sendgrid {
  background-color: #233659;
}
.login-product-section .product-section.sendgrid .text-block {
  width: 100%;
  max-width: 600px;
}
.login-product-section .product-section.sendgrid .btn {
  font-weight: normal;
  letter-spacing: 1px;
  max-width: 100%;
  white-space: normal;
}
.login-product-section .product-section.code-exchange, .login-product-section .product-section.referral-program {
  background: transparent;
  padding: 10px;
  margin-bottom: 30px;
}
.login-product-section .product-section.code-exchange .text-block, .login-product-section .product-section.referral-program .text-block {
  color: #fff;
  width: 50%;
  margin: 0 auto 60px;
  font-size: 16px;
}
.login-product-section .product-section.code-exchange .text-block .product-name, .login-product-section .product-section.referral-program .text-block .product-name {
  color: #fff;
  font-weight: 400;
}
.login-product-section .product-section.code-exchange .btn, .login-product-section .product-section.referral-program .btn {
  color: #ffffff;
  padding: 17px 55px;
  text-transform: uppercase;
  border: 0;
  border-radius: 4px;
  letter-spacing: 1px;
}
.login-product-section .product-section.developer-hub {
  background: transparent;
  padding: 10px;
  margin-bottom: 30px;
}
.login-product-section .product-section.developer-hub .text-block {
  color: #fff;
  width: 50%;
  margin: 0 auto 60px;
  font-size: 18px;
}
.login-product-section .product-section.developer-hub .text-block .product-name {
  color: #fff;
  font-weight: 600;
}
.login-product-section .product-section.developer-hub .btn {
  background-color: #0263E0;
  padding: 17px 55px;
  border: 0;
  border-radius: 4px;
  letter-spacing: 1px;
  text-transform: none;
  font-size: 16px;
}
.login-product-section .product-section.customers-email {
  background: transparent;
  padding: 10px;
  margin-bottom: 30px;
}
.login-product-section .product-section.customers-email .text-block {
  color: #fff;
  width: 80%;
  margin: 0 auto 45px;
  font-size: 18px;
}
.login-product-section .product-section.customers-email .text-block .product-name {
  color: #fff;
  font-weight: 600;
}
.login-product-section .product-section.customers-email .text-block p {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
.login-product-section .product-section.customers-email .btn {
  background-color: #0263E0;
  padding: 17px 55px;
  border: 0;
  border-radius: 4px;
  letter-spacing: 1px;
  text-transform: none;
  font-size: 16px;
}

@media (max-width: 992px) {
  .login-product-section .product-section .text-block {
    width: 80%;
  }
}