@import url("https://fonts.googleapis.com/css2?family=Anton&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

* {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}



body {

  overflow-x: hidden !important;

  background-color: #fff !important;

  background-image: url(../images/backgrounds/body1.png);

  font-family: "Open Sans", sans-serif;

  overflow-x: hidden !important;

}



@font-face {

  src: url(/colourBlast/public/fonts/fat-frank-heavy.otf);

  font-family: Fatfrank1;

  font-weight: 400;

}



@font-face {

  src: url(/colourBlast/public/fonts/fonnts.com-FatFrank_Heavy-1.otf);

  font-family: Fatfrank2;

  font-weight: 500;

}



@font-face {

  src: url(/colourBlast/public/fonts/fonnts.com-FatFrank_Heavy-1.ttf);

  font-family: Fatfrank3;

  font-weight: 600;

}



@font-face {

  src: url(/colourBlast/public/fonts/Jellee-Roman.otf);

  font-family: Jelle;

}



@font-face {

  src: url(/colourBlast/public/fonts/Montserrat-Italic-VariableFont_wght.ttf);

  font-family: Montserrat-i;

}



@font-face {

  src: url(/colourBlast/public/fonts/Montserrat-VariableFont_wght.ttf);

  font-family: Montserrat;

}



@font-face {

  src: url(/colourBlast/public/fonts/OpenSans-Italic-VariableFont_wdthwght.ttf);

  font-family: OpenSans-i;

}



@font-face {

  src: url(/colourBlast/public/fonts/OpenSans-VariableFont_wdthwght.ttf);

  font-family: OpenSans;

}



/* ORGANISATION */



.organisation-top {

  padding: 0px 0 70px;

  margin-top: -140px;

}



.organ-top {

  font-size: 50px;

  font-family: FatFrank3;

  color: #f1e70d;

  letter-spacing: 0.1rem;

  line-height: normal;

  -webkit-text-stroke: 10px black !important;

  paint-order: stroke fill;

  text-align: center;

  font-weight: 900;

}



.organ-top-img {

  text-align: center;

  margin-top: 50px;

}



.organ-top-img img {

  width: 22%;

}



/* East Green */



.eastGreen-sec {

  padding: 50px 0 100px;

}



.eastGreen-background {

  background-image: url(../images/backgrounds/eastGreen-background.png);

  width: 100%;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  height: 650px;

  padding: 50px 100px;

}



.eastGreen-h h1 {

  font-size: 50px;

  font-family: FatFrank3;

  color: #fff;

  letter-spacing: 0.1rem;

  line-height: normal;

  -webkit-text-stroke: 10px black !important;

  paint-order: stroke fill;

  text-align: center;

  font-weight: 900;

}



.eastGreen-p p {

  font-family: "Open Sans";

  font-weight: 700;

  color: white;

  font-size: 20px;

  text-align: center;

  padding: 0 30px;

}



.fund-bar {

  display: flex;

  align-items: center;

}



.cir-img {

  width: 20%;

  text-align: center;

  background: #fff;

  border-radius: 50%;

}



.cir-img img {

  width: 100%;

}



.bar-box {

  width: 90%;

  margin: 0 15px;

}



.bar-star {

  width: 10%;

  text-align: center;

}



.bar-flex {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.bar-flex span {

  font-family: Jelle;

  font-weight: 400;

  text-transform: uppercase;

  white-space: nowrap;

  font-size: 15px;

  color: #fff;

}



.bar .progress {

  height: 40px;

  border-radius: 50px;

  background: #fff;

}



.total-profiles {

  text-align: center;

}



.total-profiles span {

  font-family: "Open Sans";

  font-weight: 700;

  font-size: 24px;

  color: #fff;

}



.active-fund {

  text-align: center;

}



.active-fund span {

  font-family: "Open Sans";

  font-weight: 700;

  font-size: 24px;

  color: #fff;

}



.eastGreen-btns {

  text-align: center;

  margin: 30px 0 50px;

}



.eastGreen-btns a {

  margin: 0 5px;

}



.eastGreen-btns a:nth-child(1) {

  background: #f32085;

  padding: 9px 70px;

  border-radius: 40px;

  border: 0;

  font-size: 23px;

  font-family: FatFrank3;

  color: white;

  box-shadow: 0px 3px 0px #951251;

  text-decoration: none;

}



.eastGreen-btns a:nth-child(1):hover {

  box-shadow: 0px 3px 0px #f32085;

}



.eastGreen-btns a:nth-child(2) {

  background: #634583;

  padding: 9px 70px;

  border-radius: 40px;

  border: 0;

  font-size: 23px;

  font-family: FatFrank3;

  color: white;

  box-shadow: 0px 3px 0px #332343;

  text-decoration: none;

}



.eastGreen-btns a:nth-child(2):hover {

  box-shadow: 0px 3px 0px #634583;

}



/* swiper sliders */



.merchandise-sec {

  padding: 100px 0;

}



.pr-pink-b {

  background: url(../images/backgrounds/merchandise.png) center no-repeat;

  /* background-size: 95% 80%; */

  padding: 70px 60px;

  height: 580px;

  width: 100%;

}



.swiper {

  width: 100%;

  max-width: 780px;

  height: 300px;

  margin-top: 40px;

  height: 365px;

  cursor: grab;

  overflow: hidden;

}



.swiper-slide {

  display: flex;

  align-items: center;

  justify-content: center;

  background: url(../images/backgrounds/merchan-blue.png) center no-repeat;

  background-size: 95% 100%;

}



.product-center_img {

  height: 185px;

  margin: 30px 0 65px;

}



.product-center_img img {

  width: 100%;

  padding: 0 15px;

}



.pr-select {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 60px;

}



.pr-select .pr-price {

  font-weight: 700;

  font-size: 23px;

  color: #fff;

  font-family: "Open Sans";

}



.pr-cart img {

  width: 85%;

}



.pr-text {

  padding-left: 70px;

}



.pr-heading {

  margin-top: 50px;

}



.pr-heading h1 {

  color: #fff;

  line-height: normal;

  font-family: "FatFrank1";

  font-size: 50px;

  text-transform: uppercase;

  -webkit-text-stroke: 9px black;

  paint-order: stroke fill;

  padding-top: 49px;

}



.pr-p p {

  font-family: Open Sans;

  font-weight: 700;

  font-size: 21px;

  line-height: 33px;

  color: #fff;

  padding: 20px 0;

}



.pr-btn button {

  padding: 11px 55px;

  background: #03aad6;

  font-size: 23px;

  color: white;

  border: 1px solid #575151;

  border-radius: 50px;

  font-family: "FatFrank1";

  font-weight: 700;

  box-shadow: 2px 2px 0px #575151;

}



/* Event details Control panel */



.EventControl-sec {

  padding: 100px 0;

}



.event-details {

  background: url(../images/backgrounds/suh-fundraising-panel.png) no-repeat;

  height: 500px;

  background-size: 95% 95%;

  width: 100%;

  padding: 60px 0 50px;

}



.ed-h {

  margin-bottom: 30px;

  top: 30px;

  position: relative;

}



.ed-h h1 {

  font-size: 40px;

  font-family: FatFrank3;

  color: #000;

  letter-spacing: 0.1rem;

  line-height: normal;

  -webkit-text-stroke: 3px white !important;

  paint-order: stroke fill;

  text-align: center;

  font-weight: 900;

  margin-top: -60px;

  border-bottom: 1px solid white;

}



.ed-inputs {

  margin-top: 80px;

}



.ed-flex {

  margin: 10px 0;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

}



.ed-flex button {

  cursor: pointer;

  outline: 0;

  font-weight: 400;

  border: 1px solid #fff;

  border-radius: 40px;

  min-height: 45px;

  text-align: left;

  background-color: #e5178a;

  font-size: 12px;

  text-transform: uppercase;

  color: #fff;

  white-space: nowrap;

  padding: 10px 14px 10px 5px;

  transition: all 0.5s ease;

  width: 220px;

  overflow: hidden;

  font-family: Montserrat;

}



.ed-flex input {

  cursor: pointer;

  outline: 0;

  font-weight: 400;

  border: 1px solid #fff;

  border-radius: 40px;

  min-height: 45px;

  text-align: left;

  background-color: #e5178a;

  font-size: 12px;

  text-transform: uppercase;

  color: #fff;

  white-space: nowrap;

  padding: 10px 14px 10px 5px;

  transition: all 0.5s ease;

  width: 250px;

  overflow: hidden;

  font-family: Montserrat;

}



/* Control Panel */



.control-panels {

  background: url(../images/backgrounds/control-panel.png) no-repeat;

  height: 500px;

  background-size: 95% 95%;

  width: 100%;

  padding: 60px 0 50px;

  margin-top: 6px;

}



.cp-h {

  margin-bottom: 30px;

  top: 30px;

  position: relative;

}



.cp-h h1 {

  font-size: 40px;

  font-family: FatFrank3;

  color: #000;

  letter-spacing: 0.1rem;

  line-height: normal;

  -webkit-text-stroke: 3px white !important;

  paint-order: stroke fill;

  text-align: center;

  font-weight: 900;

  margin-top: -60px;

  border-bottom: 1px solid white;

}



.cp-inputs {

  margin-top: 80px;

}



.cp-flex {

  margin: 10px 0;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

}



.cp-flex a {

  cursor: pointer;

  outline: 0;

  font-weight: 400;

  border: 1px solid #fff;

  border-radius: 40px;

  text-align: left;

  background-color: #441e52;

  font-size: 14px;

  text-transform: uppercase;

  color: #fff;

  white-space: nowrap;

  padding: 12px 14px 12px 9px;

  transition: all 0.5s ease;

  width: 250px;

  overflow: hidden;

  font-family: Montserrat;

  text-decoration: none;

  margin: 7px 0;

}



/* Recent Donations Control Panel */



.RecentCloses-sec {

  padding: 100px 0;

}



.recent-donation {

  background: url(../images/backgrounds/recent-donations.png) no-repeat;

  height: 544px;

  background-size: 96% 98%;

  width: 100%;

  padding: 100px 0;

}



.rd-h {

  margin-bottom: 30px;

}



.rd-h h1 {

  font-size: 40px;

  font-family: FatFrank3;

  color: #000;

  letter-spacing: 0.1rem;

  line-height: normal;

  -webkit-text-stroke: 3px white !important;

  paint-order: stroke fill;

  text-align: center;

  font-weight: 900;

  margin-top: -60px;

  border-bottom: 1px solid white;

}



.rd-flex {

  margin: 10px 0;

  display: flex;

  align-items: center;

  justify-content: center;

}



.rd-flex input:nth-child(1) {

  background: #441e52;

  color: #fff;

  border-top: 1px solid white;

  border-bottom: 1px solid white;

  border-left: 1px solid white;

  border-top-left-radius: 40px;

  border-bottom-left-radius: 40px;

  padding: 10px 15px;

  width: 160px;

  font-size: 20px;

  text-align: center;

  font-family: OpenSans;

}



.rd-flex input:nth-child(2) {

  background: #441e52;

  color: #fff;

  border-top: 1px solid white;

  border-bottom: 1px solid white;

  border-right: 1px solid white;

  border-top-right-radius: 40px;

  border-bottom-right-radius: 40px;

  padding: 10px 15px;

  width: 300px;

  font-size: 20px;

  border-left: white 1px solid;

  font-family: OpenSans;

}



.suh-fundraising_panel {

  background: url(../images/backgrounds/suh-fundraising-panel.png) no-repeat;

  height: 544px;

  background-size: 96% 98%;

  width: 100%;

}



.suh-fundraising_panel_heading {

  font-size: 85px;

  font-family: "Have Heart Two";

  color: white;

  letter-spacing: 0.1rem;

  line-height: 60px;

  font-weight: 400;

  text-align: center;

  margin-bottom: 30px;

  border-bottom: 1px solid white;

  padding-bottom: 24px;

}



.suh-share-page {

  text-align: center;

  margin-bottom: 20px;

}



.suh-share-page p {

  font-size: 80px;

  font-family: "Have Heart Two";

  color: white;

  letter-spacing: 0.1rem;

  line-height: normal;

  font-weight: 400;

  text-align: center;

}



.suh-circle-radius {

  text-align: center;

  display: flex;

  justify-content: center;

  flex-direction: column;

  align-items: center;

  border: 2px solid white;

}



.s-c-n {

  font-size: 18px;

}



.s-c-t {

  font-size: 16px;

}



.fund-social {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 80px;

  margin: 25px 50px;

}



.fund-social a svg {

  background-color: #f1e70d;

  border-radius: 50px;

  padding: 10px;

}



.suh-btn-sponsor {

  background: #f32085;

  font-size: 20px;

  padding: 10px 25px;

  border-radius: 40px;

  border: 0;

  font-family: FatFrank3;

  color: white;

  box-shadow: 0px 3px 0px #951251;

}



.suh-btn-sponsor:hover {

  box-shadow: 0px 3px 0px #f32085;

  padding: 10px 25px 8px;

}



/* ====================== */



.fundraising_closes_times .timer_mz .timer {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 20px;

}



.fundraising_closes_times .timer_mz .timer .circle {

  position: relative;

  width: 90px;

  height: 90px;

}



.fundraising_closes_times .timer_mz .timer .circle svg {

  fill: transparent;

  width: 90px;

  height: 90px;

  border: 1px solid white;

  border-radius: 50px;

}



.fundraising_closes_times .timer_mz .timer .circle circle:last-of-type {

  stroke: transparent !important;

}



.fundraising_closes_times .timer_mz .timer .circle .count {

  position: absolute;

  top: 32px;

  left: 25px;
  
  right: 25px;

  font-size: 13px;

  z-index: 5;

  font-family: Fatfrank1;

  font-weight: 400 !important;

  font-size: 18px;

  text-align: center;

  text-transform: capitalize;

  color: #fff;

}



/* ========================= */

/*      PROGRESS CIRCLES     */

/* ========================= */



.circle svg circle {

  cx: 45;

  cy: 45;

  r: 42;

}



.progress-ring {

  fill: none;

  stroke: #71cacc; /* halka blue, border effect jaisa */

  stroke-width: 6;

  stroke-linecap: round;

  transform: rotate(-90deg);

  transform-origin: center;

  stroke-dasharray: 282.6; /* 2 * π * 45 */

  transition: stroke-dashoffset 0.3s ease;

}



/* Kitna progress dikhana hai (example static values) */

.days-ring {

  stroke-dashoffset: calc(282.6 - (282.6 * 0.15)); /* 15% filled */

}



.hours-ring {

  stroke-dashoffset: calc(282.6 - (282.6 * 0.25)); /* 25% */

}



.minutes-ring {

  stroke-dashoffset: calc(282.6 - (282.6 * 0.35)); /* 35% */

}



.seconds-ring {

  stroke-dashoffset: calc(282.6 - (282.6 * 0.45)); /* 45% */

}



/* 2 Purple Green Background */



.TwoPurple-sec {

  background-image: url(../images/backgrounds/2purple-green.png);

  background-repeat: no-repeat;

  padding: 220px 0 100px;

  background-size: 100% 100%;

  margin-bottom: 100px;

  height: 1100px;

}



/* Purple One */

.purple-one {

  width: 100%;

  background-image: url(../images/twopurples.png);

  background-repeat: no-repeat;

  padding: 30px 60px 50px 0px;

  background-size: 90% 100%;

  height: 550px;

}



.po-h {

  text-align: center;

}



.po-h h1 {

  font-family: "Have Heart Two";

  font-size: 80px;

  font-weight: 500;

  -webkit-text-stroke: unset;

  color: white;

  line-height: 50px;

  margin-bottom: 50px;

}



.po-flex {

  display: flex;

  align-items: center;

  justify-content: center;

}



.po-flex input:nth-child(1) {

  background: #441e52;

  color: #fff;

  border-top-left-radius: 40px;

  border-bottom-left-radius: 40px;

  padding: 10px 15px;

  width: 200px;

  font-size: 20px;

  text-align: center;

  margin: 8px 0;

  border: 0;

  outline: 0;

  font-family: OpenSans;

}



.po-flex input:nth-child(2) {

  background: #441e52;

  color: #fff;

  border-top-right-radius: 40px;

  border-bottom-right-radius: 40px;

  padding: 10px 15px;

  width: 250px;

  font-size: 20px;

  border: 0;

  outline: 0;

  border-left: white 1px solid;

  margin: 8px 0;

  font-family: OpenSans;

}



/* Purple Two */

.purple-two {

  background-image: url(../images/twopurples.png);

  background-repeat: no-repeat;

  padding: 30px 60px 50px 0px;

  background-size: 90% 100%;

  height: 550px;

  width: 100%;

}



.pt-h {

  text-align: center;

}



.pt-h h1 {

  font-family: "Have Heart Two";

  font-size: 80px;

  font-weight: 500;

  -webkit-text-stroke: unset;

  color: white;

  line-height: 50px;

  margin-bottom: 50px;

}



.pt-flex {

  display: flex;

  align-items: center;

  justify-content: center;

}



.pt-flex input:nth-child(1) {

  background: #441e52;

  color: #fff;

  border-top-left-radius: 40px;

  border-bottom-left-radius: 40px;

  padding: 10px 15px;

  width: 200px;

  font-size: 20px;

  text-align: center;

  margin: 8px 0;

  border: 0;

  outline: 0;

  font-family: OpenSans;

}



.pt-flex input:nth-child(2) {

  background: #441e52;

  color: #fff;

  border-top-right-radius: 40px;

  border-bottom-right-radius: 40px;

  padding: 10px 15px;

  width: 250px;

  font-size: 20px;

  border: 0;

  outline: 0;

  border-left: white 1px solid;

  margin: 8px 0;

  font-family: OpenSans;

}



/* Resources Templates */



.ResourcesTemplates-sec {

  padding: 0px 0 100px;

}



.RT-pink {

  background-image: url(../images/backgrounds/resources-templates.png);

  background-repeat: no-repeat;

  padding: 125px 0 75px;

  width: 100%;

  background-size: 100% 100%;

}



.RT-h {

  text-align: center;

  margin-bottom: 30px;

}



.RT-h h1 {

  font-size: 40px;

  font-family: FatFrank3;

  color: #000;

  letter-spacing: 0.1rem;

  line-height: normal;

  -webkit-text-stroke: 3px white !important;

  paint-order: stroke fill;

  font-weight: 900;

  margin-top: -60px;

  border-bottom: 1px solid white;

}



.RT-flex {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 45px;

}



.RT-flex a {

  background: #441e52;

  color: white !important;

  border: 0;

  border-radius: 50px;

  padding: 13px 18px;

  font-size: 18px;

  width: 450px;

  margin: 6px 0;

  font-family: OpenSans;

  font-weight: 700;

  text-decoration: none;

}



/* Just Blue */



.just-blue {

  background-image: url(../images/backgrounds/dash-page-1-blue.png);

  height: 550px;

  background-repeat: no-repeat;

  background-size: 100% 100%;

}



/* Pink Sponsor */



.Psponsor-back {

  background-image: url(../images/backgrounds/pink-sponsor.png);

  height: 600px;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  margin-top: 100px;

}



.ps-heading {

  text-align: center;

}



.ps-heading h1 {

  font-size: 95px;

  font-family: "Have Heart Two";

  color: white;

  letter-spacing: 0.1rem;

  line-height: normal;

  font-weight: 400;

  text-align: center;

}



.ps-inputs {

  margin-top: 50px;

}



.Psponsor-flex {

  margin: 10px 0;

  display: flex;

  align-items: center;

  justify-content: center;

}



.Psponsor-flex input {

  margin: 5px 0;

}



.Psponsor-flex input:nth-child(1) {

  background: #004355;

  color: #fff;

  border: 0;

  outline: 0;

  border-top-left-radius: 40px;

  border-bottom-left-radius: 40px;

  padding: 10px 15px;

  font-size: 20px;

  text-align: center;

  font-family: OpenSans;

}



.Psponsor-flex input:nth-child(2) {

  background: #004355;

  color: #fff;

  border: 0;

  outline: 0;

  border-top-right-radius: 40px;

  border-bottom-right-radius: 40px;

  padding: 10px 15px;

  width: 700px;

  font-size: 20px;

  border-left: white 1px solid;

  font-family: OpenSans;

}



.pSponsor-btn {

  text-align: center;

}



.pSponsor-btn button {

  padding: 13px 80px;

  background: #03aad6;

  font-size: 20px;

  color: white;

  border: 1px solid white;

  border-radius: 50px;

  font-family: FatFrank3;

  font-weight: 700;

  margin-top: 15px;

}



.pSponsor-btn button:hover {

  border: 1px solid #03aad6;

}



/* Big Purple */



.big-Purple {

  background-color: #634583;

  position: relative;

  padding: 150px 0 0px;

  margin-top: 300px;

}



.big-Purple::before {

  content: "";

  position: absolute;

  background-image: url(../images/backgrounds/big-purple-before.png);

  background-repeat: no-repeat;

  width: 100%;

  height: 100%;

  top: -200px;

  left: 0;

  z-index: -1;

}



.participants-h {

  text-align: center;

}



.participants-h h1 {

  font-size: 50px;

  font-family: FatFrank3;

  color: #fff;

  letter-spacing: 0.1rem;

  line-height: normal;

  -webkit-text-stroke: 6px black !important;

  paint-order: stroke fill;

  text-align: center;

  font-weight: 900;

  margin-top: -60px;

  text-transform: uppercase;

  padding-left: 80px;

  padding-right: 80px;

  margin-bottom: 60px;

}



/* Big Image */

#big-image {

  width: 300px;

  height: 300px;

  border-radius: 50%;

  overflow: hidden;

  margin: 0 auto 20px;

  border: 5px solid #e91e63;

  box-shadow: 0 0 0 5px green;

}



#big-image img {

  width: 100%;

  height: 100%;

}



.big-image-down {

  text-align: center;

  font-family: "Have Heart Two";

  font-size: 70px;

  font-weight: 500;

  -webkit-text-stroke: unset !important;

  margin-bottom: 20px;

  line-height: 40px;

  color: #f1e70d;

}



.edit-btn {

  padding: 10px 55px;

  font-weight: 700;

  font-family: "Montserrat";

  font-size: 18px;

  background: #8abe44;

  border: 0;

  box-shadow: 1px 2px 1px #507025;

  border-radius: 50px;

  color: #fff;

  margin-top: 50px;

}



.edit-btn:hover {

  box-shadow: 1px 2px 1px #8abe44;

}



.owl-carousel .item {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}



.owl-carousel .item img {

  width: 120px !important;

  height: 120px;

  border: 4px solid #e91e63;

  border-radius: 50%;

  cursor: pointer;

  transition: 0.3s;

}



.owl-dots {

  text-align: center;

  margin-top: 15px;

}



.owl-dot {

  display: inline-block;

  width: 12px;

  height: 12px;

  background: #ccc;

  border-radius: 50%;

  margin: 0 5px;

  transition: background 0.3s;

}



.owl-dot.active {

  background: #ff0;

}



.owl-form label,

.owl-form-row label {

  color: white;

  font-size: 18px;

  text-transform: uppercase;

  font-weight: 700;

  font-family: FatFrank3;

}



.owl-form-label {

  color: white;

  font-size: 18px;

  text-transform: uppercase;

  font-weight: 700;

  font-family: FatFrank3;

  margin-bottom: 8px;

}



.owl-form-control {

  border-radius: 30px;

  width: 100%;

  padding: 10px 20px;

  background-color: #3b2552;

  border: 1px solid white;

  color: #fff;

}



.owl-form-row {

  display: flex;

  gap: 25px;

  margin: 20px 0;

}



.owl-form-group {

  width: 100%;

}



.form-label {

  font-weight: bold;

  text-transform: uppercase;

}



.suh-column_heading {

  margin-bottom: 35px;

  margin-left: 85px;

  font-size: 40px;

  font-family: "FatFrank1", sans-serif;

  color: #fff;

  letter-spacing: 0.1rem;

  line-height: normal;

  -webkit-text-stroke: 6px black !important;

  paint-order: stroke fill;

  text-align: left;

  font-weight: 900;

}



.suh-btn-pink {

  padding: 10px 60px;

  font-size: 17px;

  background-color: #f32085;

  color: white;

  cursor: pointer;

  outline: 0;

  font-weight: 500;

  border: 0;

  box-shadow: 1px 2px 1px #99004a;

  border-radius: 40px;

  text-transform: uppercase;

  transition: all 0.5 ease;

  font-family: "FatFrank1", sans-serif;

  margin-top: 30px;

}



.suh-btn-pink:hover {

  box-shadow: 1px 2px 1px #f32085;

}



.btn-input {

  border-radius: 30px;

  width: 100%;

  padding: 10px 20px;

  background-color: #3b2552;

  border: 0;

  color: #fff;

  text-align: -webkit-auto;

}



/* Sponsor Blue */



.sponsor-blue {

  background-image: url(../images/backgrounds/sp-blue.png);

  height: auto;

  padding: 70px 0 70px;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  margin-top: 100px;

}



.spsp-text {

  text-align: center;

}



.spsp-text h1 {

  font-size: 55px;

  font-family: FatFrank3;

  color: #000;

  letter-spacing: 0.1rem;

  line-height: normal;

  -webkit-text-stroke: 3px white !important;

  paint-order: stroke fill;

  text-align: center;

  font-weight: 900;

}



.spsp-text p {

  font-weight: 700;

  font-family: "Open Sans";

  margin-top: 15px;

  font-size: 20px;

}



.spsp-btn {

  text-align: center;

}



.spsp-btn button {

  padding: 10px 60px;

  font-size: 19px;

  background-color: #f32085;

  color: white;

  cursor: pointer;

  outline: 0;

  font-weight: 500;

  border: 0;

  box-shadow: 1px 2px 1px #99004a;

  border-radius: 40px;

  text-transform: uppercase;

  transition: all 0.5 ease;

  font-family: "FatFrank1", sans-serif;

  margin-top: 30px;

}



.spsp-btn button:hover {

  box-shadow: 1px 2px 1px #f32085;

}



.blue-fund-bar {

  margin: 0 130px;

}



.blue-progress {

  box-shadow: 0px 0px 8px 5px #979797cf inset;

  border: 0;

  outline: 0;

}



.blue-bar-flex {

  margin-bottom: 10px;

}



.gp-purple-sec {

  padding: 100px 0;

}



.gp-green {

  background-image: url(../images/backgrounds/incentive.png);

  background-repeat: no-repeat;

  padding: 70px 0 50px;

  background-size: 100% 100%;

  margin: 0 25px;

}



.gp-text {

  text-align: center;

  padding: 0 20px;

}



.gp-text h1 {

  color: #353535;

  font-size: 40px;

  line-height: 33px;

  letter-spacing: 0.15rem;

  font-family: "Open Sans", sans-serif;

  font-optical-sizing: auto;

  font-weight: 700;

}



.gp-text p {

  font-size: 40px;

  line-height: 30px;

  color: #fff;

  letter-spacing: 0.5px;

  font-family: Have Heart Two;

}



.gp-star {

  text-align: center;

  margin: 50px 0 10px;

}



.gp-card-text h1 {

  font-size: 85px;

  font-family: Have Heart Two;

  color: white;

  letter-spacing: 0.1rem;

  line-height: 70px;

  font-weight: 400;

  text-align: center;

}



.gp-card-text h1 span {

  font-family: "Open Sans", sans-serif;

  font-size: 40px;

}



/* gp-pink */



.gp-pink {

  background-image: url(../images/backgrounds/incent-pink.png);

  background-repeat: no-repeat;

  padding: 15px 0 20px;

  background-size: 100% 99%;

  margin: 0 20px;

}



.gp-pink-text {

  text-align: center;

}



.gp-pink-text h1 {

  font-size: 65px;

  font-family: "Have Heart Two";

  color: white;

  letter-spacing: 0.1rem;

  line-height: 35px;

  font-weight: 400;

  text-align: center;

}



.gp-inputs {

  margin-top: 35px;

}



.gp-flex {

  margin: 10px 0;

  display: flex;

  align-items: center;

  justify-content: center;

}



.gp-flex input {

  margin: 5px 0;

}



.gp-flex input:nth-child(1) {

  background: #004355;

  color: #fff;

  border: 0;

  outline: 0;

  border-top-left-radius: 40px;

  border-bottom-left-radius: 40px;

  padding: 10px 15px;

  font-size: 18px;

  text-align: center;

  font-family: OpenSans;

}



.gp-flex input:nth-child(2) {

  background: #004355;

  color: #fff;

  border: 0;

  outline: 0;

  border-top-right-radius: 40px;

  border-bottom-right-radius: 40px;

  padding: 10px 15px;

  font-size: 18px;

  border-left: white 1px solid;

  font-family: OpenSans;

}



.gp-btn {

  text-align: center;

  margin-bottom: 30px;

}



.gp-btn button {

  padding: 8px 40px;

  background: #03aad6;

  font-size: 17px;

  color: white;

  border: 1px solid white;

  border-radius: 50px;

  font-family: FatFrank3;

  font-weight: 700;

  margin-top: 15px;

}



.gp-btn button:hover {

  border: 1px solid #03aad6;

}

/* Trouble */



.trouble-sec {

  background-image: url(../images/backgrounds/trouble1.png);

  background-repeat: no-repeat;

  background-size: 100% 100%;

  padding: 260px 0 100px;

  height: 1000px;

  position: relative;

}



.tr-h {

  text-align: center;

}



.tr-h h1 {

  font-size: 60px;

  font-family: "FatFrank1", sans-serif;

  color: #ffffff;

  letter-spacing: 0.1rem;

  line-height: normal;

  -webkit-text-stroke: 10px black !important;

  paint-order: stroke fill;

  text-align: center;

  font-weight: 900;

  text-transform: uppercase;

}



.tr-p {

  text-align: center;

  margin-top: 20px;

}



.tr-p p {

  color: #000000;

  font-size: 20px;

  font-family: "Open Sans";

  font-weight: 700;

  width: 90%;

  display: block;

  margin: 8px auto;

  padding-bottom: 10px;

}



.tr-btn {

  text-align: center;

  position: relative;

  z-index: 201;

}



.tr-btn button {

  background-color: #e82c94;

  padding: 12px 55px;

  color: #fff;

  border: none;

  text-transform: uppercase;

  font-family: FatFrank;

  font-weight: 900;

  border-radius: 50px;

  margin-top: 20px;

  font-size: 24px;

  box-shadow: 1px 2px 1px #99004a;

}



.tr-btn button:hover {

  box-shadow: 1px 2px 1px #e82c94;

}