.fs-join-top-banner {
 background: url(https://images.livegood.com/fundraising/student/fs-join-banner.jpg) no-repeat;
 margin-bottom:80px;
 position:relative;
}
.fs-join-banner-container {
 position:relative;
}
.fs-join-top-banner-products {
 position:absolute;
 bottom:-140px;
 right:0px;
}
.fs-join-top-banner-products-mobile {
 display:none;
}
.fs-join-top-banner-products-mobile img{
 max-width:90%;
 margin:15px auto;
}
.fs-join-top-banner-container {
 padding-top:25px;
 max-width: 550px;
}
.fs-banner-text {
 font-size:16px;
 line-height:19px;
 font-weight:400;
}
.fs-join-center {
 text-align:center;
}

.fs-join-swoops {
 display:flex;
 justify-content:space-evenly;
 flex-wrap: wrap;
 align-items: stretch;
 margin:20px 0px;
 background-image: url(https://images.livegood.com/fundraising/student/fs-join-swoops.png);
 background-repeat: no-repeat;
 background-size:cover;
 min-height:350px;
}

.fs-join-swoop {
 text-align:center;
 max-width:250px;
 padding-top:40px;
}
.fs-join-swoop-header, .fs-join-swoop-header-top {
 color:#1a1a1a;
 font-family: "Poppins", sans-serif;
 font-weight: 600;
 font-style: normal; 
 font-size:18px;
 line-height:24px;
 padding-top:20px;
 padding-bottom:20px;
}
.fs-join-swoop-header-top {
 padding-top:0px;
}
.fs-join-swoop-text {
 color:#656565;
 font-family: "Poppins", sans-serif;
 font-weight: 300;
 font-style: normal;
 font-size:16px;
 line-height:21px;
 padding-bottom:20px;
}
@media (max-width: 1400px) {
 .fs-join-top-banner {
  background-size:cover;
 }
}
@media (max-width: 1200px) {
 .fs-join-top-banner-products  img {
   width:400px;
   bottom:0px;
 } 
 .fs-join-swoops {
  background-image:none;
 }
 .fs-join-swoop {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(234, 244, 244);
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 27px 0px rgba(172, 209, 209, 0.24);
  border-radius:15px;
  margin-bottom:20px;
  padding-bottom:20px;
 }
 .fs-join-swoop-header, .fs-join-swoop-header-top, .fs-join-swoop-text {
  padding-left:10px;
  padding-right:10px;
 }
}
@media (max-width: 992px) {
 .fs-join-top-banner {
  background: none;
  position: relative;
  isolation: isolate;
 }
 .fs-join-top-banner:after {
  content: "";
  position: absolute;
  inset: 0;          
  z-index: -1;
  background-image: url('https://images.livegood.com/fundraising/student/fs-join-banner.jpg');
  background-size: cover;
  background-position: center;
  opacity: 0.6; 
 }
 .fs-banner-header {
  font-size:40px;
  line-height:45px;
 }
 .fs-join-top-banner-products img {
   width:250px;
 }
 .fs-join-top-banner-products {
   bottom:-60px;
   right:-20px;
 }
}
@media (max-width: 768px) {
 .fs-join-top-banner {
   margin-bottom:0px;
 }
 .fs-join-top-banner:after {
  opacity: 0.4;
 }
  .fs-join-top-banner-products {
   display:none;
 }
 .fs-join-top-banner-products-mobile {
  display:inline-block;
 }  
}
.green-section-list-linear{
 display:flex;
 justify-content:space-between;
 flex-wrap: wrap;
 padding:15px;
 border: 1px white dashed;
 border-radius:25px;
 color:white;
 font-family: "Poppins", sans-serif;
 font-weight: 600;
 font-size:18px;
}
.green-section-list-linear-row {
 display:flex;
}
.green-section-list-linear-icon {
 padding-right:10px;
}
.green-section-list-linear-icon, .green-section-list-linear-text {
  display:inline-block;
}
.green-section-list-linear-text {
  line-height:31px;
}
.fs-join-works-bubbles {
 display:flex;
 justify-content:space-evenly;
 flex-wrap: wrap;
 align-items: stretch;
 margin:20px 0px;
}
.fs-join-works-bubble {
 position:relative;
}

.fs-join-works-bubble-number {
 position:absolute;
 color:white;
 font-family: "Poppins", sans-serif;
 font-weight: 700;
 font-style: normal;
 background-color:#66a92f;
 font-size:22px;
 border-radius:44px;
 text-align:center;
    top: 25px;
    right: 0px;
    width: 44px;
    height: 44px;
    line-height: 44px;
}
.fs-join-works-bubble-top {
 background-image: url(https://images.livegood.com/fundraising/student/fs-join-bubble-top.png);
 background-repeat: no-repeat;
 width:253px;
 text-align:center;
}
.fs-join-works-bubble-top img {
 padding-top:30px;
}

.fs-join-works-bubble-middle {
 background-image: url(https://images.livegood.com/fundraising/student/fs-join-bubble-middle.png);
 background-repeat: repeat-y;
 width:253px;
 text-align:center;
 color:#656565;
 font-family: "Poppins", sans-serif;
 font-weight: 300;
 font-style: normal;
 padding-top:20px;
}
.fs-join-works-bubble-middle-content {
 margin:0px auto;
 max-width:80%;
 min-height:120px;
}
.fs-join-works-bubble-middle-header {
 font-family: "Poppins", sans-serif;
 font-weight: 600;
 font-style: normal;
 color:#1a1a1a;
 padding-bottom:10px;
}

.fs-join-actually-works-bg {
 background-image: url(https://images.livegood.com/fundraising/student/fs-join-couple.png);
 background-repeat:no-repeat;
 background-size:contain;
 background-position-x: calc(50% - 300px);
 background-position-y: bottom;
}
.fs-join-actually-works {
  display: flex;
  justify-content: flex-end;
 margin-top:50px;
 margin-bottom:50px;
}
.fs-join-actually-works-bubble {
 display:flex;
 align-items:center;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(221, 231, 231);
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  width: 516px;
  margin-bottom:20px;
  padding:10px;
}
.fs-join-actually-works-bubble-icon {
 padding-left:10px;
}
.fs-join-actually-works-bubble-text-section {
 padding-left: 15px;
}
.fs-join-actually-works-bubble-text-header {
 font-family: "Poppins", sans-serif;
 font-weight: 600;
 font-style: normal;
 color:#1a1a1a;
 font-size:18px;
 line-height:21px;
 padding-bottom:10px;
}
.fs-actually-works-non-bg {
 display:none;
}
.fs-actually-works-non-bg img {
 max-width:100%;
}
@media (max-width: 1200px) {
 .fs-join-actually-works-bg {
  background-position-x: calc(50% - 200px);
 }
}
@media (max-width: 992px) {
 .fs-join-actually-works {
  margin-top:0px;
 }
 .fs-join-actually-works-bubble {
  width:400px;
 } 
}
@media (max-width: 768px) {
 .fs-join-actually-works-bubble {
  width:100%;
 }
 .fs-join-actually-works-bg {
  background-image:none;
 }
 .fs-join-actually-works {
  margin-bottom:20px;
 }
 .fs-actually-works-non-bg {
  display:inline-block;
 }
 
}
.fs-join-why-switch-bg {
 background-image: url(https://images.livegood.com/fundraising/student/fs-join-product-bg.jpg);
 background-repeat:no-repeat;
 background-position:right;
}
.fs-join-why-switch {
 display:flex;
 justify-content:center;
 gap:2%;
}
.fs-join-why-switch-text, .fs-join-why-switch-orange, .fs-join-why-switch-blank {
 width:31%;
}
.fs-join-why-switch-orange {
 background-color:#f15a24;
 color:white;
 font-family: "Poppins", sans-serif;
 font-weight: 300;
 font-size:16px;
 border-radius: 15px;
 line-height:19px;
}
.fs-join-why-switch-icon-section-inner {
 padding:10px;
}
.fs-join-why-switch-icon-row {
 display:flex;
 align-items:top;
 border-bottom: 1px solid white;
 padding-bottom:14px;
 margin-bottom:14px;
}
.fs-join-why-switch-icon-row:last-child {
 border-bottom:none;
}
.fs-join-why-switch-icon-text {
 padding-left:10px;
}
.fs-join-why-switch-icon-text strong{
 font-weight: 600;
}
.fs-join-why-switch-quote {
    margin: 15px 0px;
    padding-left: 15px;
    border-left: 2px solid #f15a24;
    font-family: "Poppins", sans-serif;
    color: #666464;
    font-weight: 300;
 font-style:italic;
}
.fs-join-why-switch-text .blue-section-text {
 color:#666464;
 font-weight:300;
}
.fs-join-why-switch-text .blue-section-text b{
 color:#1a1a1a;
 font-weight:600;
}
@media (max-width: 1200px) {
 .fs-join-why-switch-text .blue-section-text { 
  color:#1a1a1a;
  font-weight:400;
 } 
 .fs-join-why-switch-quote {
  color:#1a1a1a;
  font-weight:400;
 }
}
@media (max-width: 992px) {
 .fs-join-why-switch-text, .fs-join-why-switch-orange, .fs-join-why-switch-blank {
  width:48%;
 }
 .fs-join-why-switch-blank { 
  display:none;
 }
 .fs-join-why-switch-bg {
  background-image: none; 
  position: relative;
  isolation: isolate;
 }
 .fs-join-why-switch-bg:after {
  content: "";
  position: absolute;
  inset: 0;           /* Spans across the entire parent area */
  z-index: -1;
  background-image: url(https://images.livegood.com/fundraising/student/fs-join-product-bg.jpg);
  background-repeat:no-repeat;
  background-position:right;
  opacity: 0.3;       

 }
}

@media (max-width: 768px) {
 .fs-join-why-switch-bg:after {
   opacity: 0.2;
 }
 .fs-join-why-switch-text .blue-section-header {
  font-size:30px;
  line-height:35px;
 }
 .fs-join-why-switch-orange {
  font-size:14px;
  line-height:17px;
 }
}
@media (max-width: 550px) {
 .fs-join-why-switch {
  flex-wrap:wrap;
 }
 .fs-join-why-switch-text, .fs-join-why-switch-orange, .fs-join-why-switch-blank {
  width:100%;
  margin-bottom:15px;
 }
 .fs-join-why-switch-orange {
  font-size:16px;
  line-height:19px;
 } 
 .fs-join-why-switch-bg:after { 
  background-position:bottom;
 }
 .fs-join-why-switch-text .blue-section-header {
  font-size: 40px;
  line-height: 45px;
 }
}
.fs-join-rewards-boxes {
 display:flex;
 justify-content:center;
 gap:10px;
 margin-bottom:25px;
 flex-wrap:wrap
}
.fs-join-reward-box {
  border-style: solid;
  border-width: 2px;
  border-color: rgb(253, 215, 173);
  border-radius: 12px;
  background-color: rgb(255, 247, 238);
  width: 213px;
}
.fs-join-reward-box-inner {
 padding:15px;
}
.fs-join-reward-box-requirement {
 color:#c0421b;
 font-family: "Poppins", sans-serif;
 font-weight: 700;
 font-size:14px;
 background-color:rgb(255, 237, 214);
 padding:5px 15px;
 border-radius:20px;
 margin:10px 0px;
 display:inline-block
}
.fs-join-reward-box-reward {
 font-family: "Poppins", sans-serif;
 font-weight: 700;
 color:#1a1a1a;
 font-size:18px;
}
.fs-join-reward-box-green {
  border-color: rgb(189, 246, 209);
  background-color: rgb(241, 253, 244);
}
.fs-join-reward-box-green .fs-join-reward-box-requirement{
 color:#208142;
 background-color:rgb(221, 252, 232);
}

.fs-join-reward-box-blue {
  border-color: rgb(192, 220, 253);
  background-color: rgb(239, 246, 255);
} 
.fs-join-reward-box-blue .fs-join-reward-box-requirement{
 color:#2253d5;
 background-color:rgb(220, 235, 253);
}
.fs-join-reward-box-purple {
  border-color: rgb(233, 214, 254);
  background-color: rgb(250, 245, 255);
} 
.fs-join-reward-box-purple .fs-join-reward-box-requirement{
 color:#7d2ecb;
 background-color:rgb(243, 233, 255);
}
.fs-join-reward-box-yellow {
  border-color: rgb(252, 223, 86);
  background-color: rgb(254, 252, 233);
} 
.fs-join-reward-box-yellow .fs-join-reward-box-requirement{
 color:#a76e26;
 background-color:rgb(254, 248, 198);
}
.fs-join-form-bg {
 background-image: url(https://images.livegood.com/fundraising/student/fs-join-form-bg.jpg);
 background-size:cover;
 background-position: bottom center;
 padding-bottom:550px;
 background-repeat:no-repeat;
}
.fs-join-form-section {
 margin: 15px auto;
 width:80%;
}
.fs-join-form-section input {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(221, 231, 231);
  background-color: rgb(255, 255, 255);
  margin-bottom:15px;
  border-radius:30px;
  padding: 10px 5px;
  display:block;
  width:100%;
  text-indent:15px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size:16px;
}
.fs-join-form-section-row input {
 display:inline-block;
 width:48%;
 float:left;
}
.fs-join-form-section-row input:last-child {
 float:right;
}
.fs-join-form-section input[type="submit"] {
 background-color:#f15a24;
 color:white;
}
.fs-join-reward-box-icon {
 font-size:50px;
}
@media (max-width: 1400px) {
 .fs-join-form-bg {
  background-size:contain;
 }
}

@media (max-width: 1200px) {
 .fs-join-form-bg {
  padding-bottom:250px;
 }
}
@media (max-width: 992px) {
 .fs-join-form-section {
  width:95%;
 }
}
@media (max-width: 768px) {
 .fs-join-form-section {
  width:100%;
 }
 .fs-join-form-section-row input {
  display:block;
  width:100%;
  float:none;
 }
 .fs-join-form-section-row input:last-child {
  float:none;
 }
 .fs-join-form-bg {
  padding-bottom:200px;
 }
}

@media (max-width: 550px) {
 .fs-join-form-bg {
  padding-bottom:120px;
 }
}