.switchback.white {
  background: #fff;
}
.switchback__video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  width: 85%;
  margin: 0 auto;
}
.switchback__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.switchback.green {
  background: url("https://5802517.fs1.hubspotusercontent-na1.net/hubfs/5802517/colorado_springs_utilities/images/switchback-bg-primary.png") no-repeat center/cover;
}
.switchback.light_green { 
  border-radius: 30px 30px 0 0;
  background: url("https://5802517.fs1.hubspotusercontent-na1.net/hubfs/5802517/colorado_springs_utilities/images/light-green-theme.png") no-repeat center/cover;
}
.switchback__header-top {
  margin-bottom: 60px;
}
.switchback__header-top h2 {
  font-size: 48px;
  color: #101828;
  font-weight: 700;
  margin-bottom: 24px;
  font-family: "Inter", sans-serif;
}
.switchback__kicker {
  border-top: 1px solid #054646;
  padding-top: 32px;
  color: #054646;
  display: inline-flex;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0; 
  margin-bottom: 24px;
}
.switchback.green .switchback__kicker {
  color: #e0f0f4;
}
.switchback.green h2 {
  color: #fff;
}
.switchback.green {
  color: #e0f0f4;
}
.switchback__header h2 { 
  color: #101828;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  font-size: 30px;
  line-height: 127%;
  letter-spacing: 0;
}  
.switchback__header h3 { 
  color: #101828;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  font-size: 30px;
  line-height: 127%;
  letter-spacing: 0;
}
.switchback p {
  font-size: 20px;
  line-height: 156%; 
}
.switchback p:last-child {
  margin-bottom: 0;
}
.switchback__image img {
  border-radius: 16px;
} 
.switchback p > p:not(:last-child) {
  margin-bottom: 30px;
}
.switchback__map {
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.switchback__map-detail { 
  padding: 24px; 
  background: #054646; 
  color: #fff;
}
.switchback__map-detail {
  font-size: 20px;
  line-height: 150%;
}
.switchback__map-detail strong {
  font-weight: 600;
}
.switchback__map-detail p:last-child {
  margin-bottom: 0;
}
.switchback__map-detail a {
  font-weight: 400;
  text-decoration: underline;
  color: #fff;
}
.switchback__map .hs-responsive-embed-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  object-fit: cover;
}
.switchback__subheading {
  margin-bottom: 24px;
}
.switchback__subheading ul {
  padding: 0;
  list-style: none;
  margin-bottom: 24px;
  padding-left: 27px;
}
.switchback__content-col-reverse .switchback__subheading ul {
  padding-left: 0;
}
.switchback__subheading ul li {
  align-items: center;
  padding-left: 21px;
  position: relative;
  font-size: 20px;
}
.switchback__subheading ul li:not(:last-child) {
  margin-bottom: 20px;
}
.switchback__subheading ul li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 12px;
  height: 12px;
  background: #008E95;
  border-radius: 50%;
}
.switchback__subheading > *:last-child {
  margin-bottom: 0;
}
.switchback__map-detail a:hover {
  text-decoration: none;
}
@media (min-width: 1200px) {
  .switchback__video {
    width: 100%;
  } 
}
@media (min-width: 1300px) {
  .switchback__image-col {
    /*     max-width: 750px; */
    /*     flex: 0 0 750px; */
    display: flex;
/*     justify-content: center; */
        justify-content: flex-start;
  }
  .switchback__image-col-reverse {
    justify-content: flex-end;
  }
  .switchback__map-detail p,
  .switchback__map-detail a {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .switchback__content-col {
    margin-bottom: 56px;
  }
  .switchback__image-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .switchback br {
    display: none;
  }
  .switchback__image-col {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .switchback h2 {
    font-size: 24px;
    line-height: 133%;
  }
  .switchback .btn {
    width: 100%;
    margin-top: 16px;
  }
  .switchback__map-detail {
    padding: 8px;
  }
  .switchback__map-detail p,
  .switchback__map-detail a  {
    font-size: 16px;
  }
  .switchback__map-detail p {
    margin-bottom: 7px;
  }
  .switchback__map .hs-responsive-embed-wrapper {
    height: 163px !important; 
  }
}
@media(min-width: 1200px) {
  .switchback. { 
    {% if module.padding_top %}
    padding-top: px;
    {% endif %}
    {% if module.padding_bottom %}
    padding-bottom: px; 
    {% endif %}
  }
}