@charset "UTF-8";
/* ================= Font Family =========== */
/* ================= Colors =========== */
/* ============== Define Color ============== */
/* ================= Font Size =========== */
/* ================= Padding =========== */
.earth-pledge-div .pledgeChart {
  width: 250px;
  height: 250px;
  background: rgba(115, 137, 150, 0.2901960784);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: url(../../images/earth-pledge/m-earth-3.gif) no-repeat;
  background-size: contain;
}

.earth-pledge-div .pie-value {
  font-size: 25px;
  color: #ffffff;
  text-shadow: 0 0 10px #000000;
}

.earth-pledge-div .pie-title-center {
  padding-top: 0;
}

.earth-pledge {
  background: url(../../images/background/bg-2.jpg);
}

.earth-pledge-div {
  background: rgba(4, 46, 72, 0.73) url(../../images/earth-pledge/bg-health.png) repeat-x bottom right;
  background-size: 60%;
}

.pledge-lifestyle .icon {
  width: 60px;
  line-height: 60px;
  height: 60px;
  background: #91a21f;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 26px;
}

.pledge-lifestyle .sqr-chk-box .sqr-chk {
  margin-bottom: -10px;
}

.pledge-lifestyle-table-div {
  background: rgba(250, 235, 215, 0.0392156863);
  background-size: 8%;
  margin-bottom: 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.pledge-lifestyle-table-div .table {
  margin: 0;
}

.earth-pledge-dashboard-top-section {
  background: url(../../images/earth-pledge/bg-pledge-dashboard-2.jpg) no-repeat;
  position: relative;
  background-size: cover;
  color: #ffffff;
}

.earth-pledge-dashboard-top-section::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(4, 46, 72, 0.73);
}

.wd-section-blog-services article {
  padding-top: 30px;
}

.wd-section-blog-services.style-3 .wd-blog-post {
  margin-top: 30px;
}

.wd-section-blog-services .wd-blog-post {
  border: 1px solid #33758c;
  margin-bottom: 20px;
}

.wd-section-blog-services.style-3.anim-on .wd-blog-post > div {
  -webkit-transform: rotate(45deg) translateX(-15px) translateY(-15px);
  -moz-transform: rotate(45deg) translateX(-15px) translateY(-15px);
  -ms-transform: rotate(45deg) translateX(-15px) translateY(-15px);
  -o-transform: rotate(45deg) translateX(-15px) translateY(-15px);
  transform: rotate(45deg) translateX(-15px) translateY(-15px);
  opacity: 1;
}

.wd-section-blog-services.style-3 .wd-blog-post > div {
  -webkit-transform: rotate(45deg) translateX(-50px) translateY(-50px);
  -moz-transform: rotate(45deg) translateX(-50px) translateY(-50px);
  -ms-transform: rotate(45deg) translateX(-50px) translateY(-50px);
  -o-transform: rotate(45deg) translateX(-50px) translateY(-50px);
  transform: rotate(45deg) translateX(-50px) translateY(-50px);
  transition: all 1s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s;
  -webkit-transition: all 1s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s;
  -moz-transition: all 1s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s;
  -ms-transition: all 1s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s;
  -o-transition: all 1s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s;
  opacity: 0;
  width: 160px;
  height: 160px;
  margin: 0 auto;
  border: 2px solid #f8ba07;
}

.wd-section-blog-services.style-3 .wd-blog-post svg {
  position: absolute;
  top: -6px;
  left: -6px;
}

.wd-section-blog-services.style-3 .wd-blog-post.nohover .shape {
  stroke-dasharray: 80, 504;
  stroke-dashoffset: -585;
  stroke-width: 8px;
}

.wd-section-blog-services.style-3 .wd-blog-post .shape {
  stroke: rgb(131, 202, 19);
}

.wd-section-blog-services.style-3 .wd-blog-post .shape {
  stroke-dasharray: 760;
  stroke-dashoffset: 0;
  stroke-width: 2px;
  fill: transparent;
  stroke: #82ca13;
  border-bottom: 5px solid #000000;
  transition: stroke-width 1s ease 0s, stroke-dashoffset 1s ease 0s, stroke-dasharray 1s ease 0s;
  -webkit-transition: stroke-width 1s ease 0s, stroke-dashoffset 1s ease 0s, stroke-dasharray 1s ease 0s;
  -moz-transition: stroke-width 1s ease 0s, stroke-dashoffset 1s ease 0s, stroke-dasharray 1s ease 0s;
  -ms-transition: stroke-width 1s ease 0s, stroke-dashoffset 1s ease 0s, stroke-dasharray 1s ease 0s;
  -o-transition: stroke-width 1s ease 0s, stroke-dashoffset 1s ease 0s, stroke-dasharray 1s ease 0s;
}

.wd-section-blog-services.style-3 .wd-blog-post .img-wrapper {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: #17546c;
}

.wd-section-blog-services.style-3 .wd-blog-post .img-wrapper span {
  -webkit-transform: rotate(-45deg) scale(1) translateY(10px);
  -moz-transform: rotate(-45deg) scale(1) translateY(10px);
  -ms-transform: rotate(-45deg) scale(1) translateY(10px);
  -o-transform: rotate(-45deg) scale(1) translateY(10px);
  transform: rotate(-45deg) scale(1) translateY(10px);
  font-size: 40px;
  position: absolute;
  left: 0;
  padding-top: 30px;
  right: 0;
  padding-right: 83px;
}

.wd-section-blog-services.style-3 .wd-blog-post .img-wrapper span.span-text {
  font-size: 11px;
  padding-top: 66px;
  padding-right: 53px;
}

.wd-section-blog-services h4 {
  padding: 0 35px;
}

.wd-title-element {
  font-size: 17px;
  margin-top: 30px;
  margin-bottom: 16px;
}

.wd-section-blog-services.style-3 .wd-blog-post h4:after {
  content: " ";
  display: block;
  background-color: #82ca13;
  height: 3px;
  width: 40px;
  margin: 20px auto 0;
}

.wd-section-blog-services p {
  padding: 5px 35px 20px;
}

.wd-section-blog-services.style-3 .wd-blog-post:hover .shape {
  stroke-dasharray: 760;
  stroke-dashoffset: 0;
  stroke-width: 2px;
}

.earth-pledge-corporate-dashboard .wd-section-blog-services.style-3 .wd-blog-post .img-wrapper span {
  -webkit-transform: rotate(-45deg) scale(1) translateY(45px);
  -moz-transform: rotate(-45deg) scale(1) translateY(45px);
  -ms-transform: rotate(-45deg) scale(1) translateY(45px);
  -o-transform: rotate(-45deg) scale(1) translateY(45px);
  transform: rotate(-45deg) scale(1) translateY(45px);
  font-size: 30px;
  margin-left: -120px;
  padding-top: 30px;
  padding-right: 0 !important;
  text-align: center;
  margin-right: -20px;
}

.earth-pledge-corporate-dashboard .wd-section-blog-services.style-3 .wd-blog-post .img-wrapper span.span-text {
  padding-left: 20px;
  font-size: 11px;
  padding-right: 53px;
  padding-top: 58px;
}

.earth-pledge-dashboard-top-section #leaderboard {
  padding-bottom: 30px;
  box-shadow: 0 0 10px #11516c;
}

.lifeStyleInfo {
  color: #98bad0;
}

.pledge-list-dashboard {
  background: #f1f1f1;
  box-shadow: 0 0 11px #c6d0b3;
  background-size: cover;
  position: relative;
  color: #000000;
}

.pledge-list-dashboard .indiDashboardSocialShare .copyLink, .pledge-list-dashboard .indiDashboardSocialShare .copyLinkDiv, .pledge-list-dashboard .indiDashboardSocialShare .copyLinkLi {
  display: none;
}

.pledge-list-dashboard .btn.bg-transparent {
  border: 1px solid #000000;
  color: #000000;
}

.pledge-list-dashboard .social-icon ul li a {
  color: #000000;
}

.pledge-list-dashboard .icon {
  width: 100px;
  height: 100px;
  text-align: center;
  font-size: 60px;
  line-height: 100px;
  background: #eaeaea;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 10px auto;
}

.earth-pledge-update {
  background: #ddf7a3;
  padding-bottom: 0;
  padding-top: 40px;
  background-size: cover;
  position: relative;
  color: #000000;
}

.pledge-batch-pic {
  position: absolute;
  left: -16px;
  right: 0;
  top: -1px;
}

#socialComing {
  position: absolute;
  z-index: 1;
  width: 100%;
}

.earth-pledge .error {
  background: 0 0;
}

.earth-pledge-div .card-inverse-success {
  background: 0 0;
}

.pledge_update_box_background {
  background: #f0fbd9;
  box-shadow: 0 0 11px #c6d0b3;
}

.pledge_update_box_left {
  position: absolute;
  left: -115px;
  top: -115px;
  z-index: -1;
}

.pledge_update_box_right {
  position: absolute;
  right: -115px;
  bottom: -130px;
  z-index: -1;
}

.pledge-update-div-section {
  background: #e4f1c9;
}

.pledge_update_box_background .input-group-addon {
  background-color: #f0fbd9;
}

.pledge-down-arrow {
  position: absolute;
  font-size: 50px;
  left: 0;
  right: 0;
  text-align: center;
  width: 60px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  height: 80px;
  line-height: 80px;
  margin: 0 auto;
  color: #94c22d;
  margin-top: -20px;
}

.pledge-down-arrow path {
  stroke: #94c22d;
  fill: transparent;
  stroke-width: 2px;
  -webkit-animation: pledgeArrow 2s infinite;
  -moz-animation: pledgeArrow 2s infinite;
  -ms-animation: pledgeArrow 2s infinite;
  -o-animation: pledgeArrow 2s infinite;
  animation: pledgeArrow 2s infinite;
}

.pledge-down-arrow path.a1 {
  animation-delay: -1s;
  -webkit-animation-delay: -1s;
}

.pledge-down-arrow path.a2 {
  animation-delay: -0.5s;
  -webkit-animation-delay: -0.5s;
}

.pledge-down-arrow path.a3 {
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
}

.pledge-arrow-right {
  -webkit-animation: pledgeArrowRight 2s infinite;
  -moz-animation: pledgeArrowRight 2s infinite;
  -ms-animation: pledgeArrowRight 2s infinite;
  -o-animation: pledgeArrowRight 2s infinite;
  animation: pledgeArrowRight 2s infinite;
  float: right;
}

.main-content-bingo {
  max-width: 600px;
  width: 100%;
  margin: 0em auto 0;
  overflow: hidden;
  color: #000000;
}

.main-content-bingo .title {
  background: #fdb90b;
  color: #000000;
  padding: 30px 10px;
  grid-column: span 5;
  text-align: center;
  font-size: 30px;
}

.welcomeBingoTasksSection .main-content-bingo .title {
  background: transparent;
}

.welcomeBingoTasksSection .main-content-bingo .bingo-card {
  background: transparent;
}

.welcomeBingoTasksSection .main-content-bingo .bingo-card__item {
  background: rgba(255, 255, 255, 0.5607843137);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 0 5px #d5d5d5;
}

.welcomeBingoTasksSection .main-content-bingo .bingo-card__item.text {
  box-shadow: none;
  background: transparent;
}

.welcomeBingoTasksSection .topHeaderDiv {
  /* background: linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
  background-size: 500% 500%; */
  background: url(../../images/pixlet-bg.svg) no-repeat;
  -webkit-animation: eventGradient 100s ease infinite;
  -moz-animation: eventGradient 100s ease infinite;
  -ms-animation: eventGradient 100s ease infinite;
  -o-animation: eventGradient 100s ease infinite;
  animation: eventGradient 100s ease infinite;
}

.welcomeBingoTasksSection .rightDiv {
  box-shadow: 4px -17px 15px #000000;
}

.welcomeBingoTasksSection .main-content-bingo .bingo-card__item.active {
  background: #7ed0c6;
}

.welcomeBingoTasksSection .main-content-bingo .bingo-card__item:after {
  display: none;
}

.welcomeBingoTasksSection .main-content-bingo .bingo-card {
  grid-gap: 5px;
  grid-template-rows: repeat(3, 115px);
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 600px) {
  .main-content-bingo .title {
    font-size: 20px;
    padding: 15px 10px;
  }
}
.main-content-bingo .bingo-card {
  background: #f7d75c;
  padding: 10px;
  display: grid;
  grid-gap: 3px;
  grid-template-rows: repeat(5, 115px);
  grid-template-columns: repeat(5, 1fr);
}

.main-content-bingo .bingo-card__item {
  background: #f9f59e;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.35;
  user-select: none;
}

.main-content-bingo .bingo-card__item:after {
  content: "-";
  position: absolute;
  top: -28%;
  left: -30%;
  color: #000000;
  width: 100%;
  opacity: 0;
  transition: 0.1s ease;
  -webkit-transition: 0.1s ease;
  -moz-transition: 0.1s ease;
  -ms-transition: 0.1s ease;
  -o-transition: 0.1s ease;
  height: 0;
  pointer-events: none;
  font: 280px/0.5 "Caveat Brush", cursive;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.main-content-bingo .bingo-card__item.active:after {
  height: 100%;
  opacity: 0.7;
}

.main-content-bingo .bingo-card__item {
  padding: 0px;
}

.main-content-bingo .bingo-card__item a.itemText {
  padding: 10px;
  /* display: table-cell; */
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  left: 0;
  right: 0;
}

.main-content-bingo .bingo-card__item.active .bingo-card__checkbox:before {
  content: "✔";
  position: absolute;
  color: black;
  left: 3px;
  top: 0px;
  color: #fdb90b;
}

.main-content-bingo .bingo-card__checkbox {
  display: none;
}

@media screen and (max-width: 600px) {
  .main-content-bingo {
    max-width: none;
    margin: 0;
  }
  .main-content-bingo .bingo-card {
    grid-template-rows: repeat(24, auto);
    grid-template-columns: auto;
    margin: 1em;
  }
  .main-content-bingo .bingo-card__item {
    justify-content: flex-start;
    padding: 15px 15px 15px 40px;
    text-align: left;
  }
  .main-content-bingo .bingo-card__item:after {
    content: "";
    opacity: 0;
  }
  .main-content-bingo .bingo-card__item:nth-child(13) {
    display: none;
  }
  .main-content-bingo .bingo-card__checkbox {
    display: inline;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 10px;
    border: 2px dashed #f7d75c;
  }
  .main-content-bingo .bingo-card__item a.itemText {
    padding: 0px;
    position: static;
  }
}
@media (max-width: 767px) {
  .pledge_update_box_right {
    right: 0;
  }
  .pledge_update_box_left {
    left: 0;
    top: -150px;
  }
  .pledge-lifestyle-table-div .table .input-group, .pledge-lifestyle-table-div .table select.form-control {
    min-width: 100px;
  }
  .pledge-lifestyle-table-div.table-responsive {
    border: 1px solid #163e56;
  }
  .welcomeBingoTasksSection .main-content-bingo .bingo-card {
    margin: 0;
    padding: 0;
  }
  .welcomeBingoTasksSection .main-content-bingo .bingo-card__item {
    padding: 10px;
  }
  .welcomeBingoTasksSection .main-content-bingo .bingo-card__checkbox {
    top: 10px;
  }
}

/*# sourceMappingURL=earthPledge.css.map */