.path-career .view-talent-hunt .form-radios ul {
  padding: 0;
  text-align: center;
  left: 0;
  right: 0;
  margin: 1rem auto;
  width: 80%;
}

body.path-career {
  overflow: hidden;
}

.banner-wrap {
  margin-left: -1.05rem;
}

body.path-career.cus-pop-open {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.page-node-type-landing-page .region.region-content {
  padding: 1rem 12.35rem;
}

body.path-career.cus-pop-open:before {
  content: "";
  position: absolute;
  background: rgb(0 0 0 / 53%);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  z-index: 999;
}
.messages__wrapper {
  display: none;
}
.path-career .view-talent-hunt .form-radios ul li {
  list-style: none;
  display: inline-flex;
  border: 0.12rem solid #e1e1e1;
  margin: 0 1rem;
}

.path-career .view-talent-hunt .form-radios ul li.act {
  background: #d80c0b;
  color: #fff;
  border-color: #d80c0b;
}

.path-career .view-talent-hunt .form-radios ul li.act label {
  color: #fff !important;
}

.path-career .view-talent-hunt ul li label {
  font-style: normal;
  font-weight: 400;
  font-family: "Geogtqrg";
  font-size: 1rem !important;
  min-height: 100%;
  padding: 0.55rem 1.55rem !important;
  line-height: 1.25;
  height: 100% !important;
}

.path-career .bef-exposed-form .form--inline .form-item {
  margin: 0;
  padding: 0;
}

.path-career .views-field.views-field-field-category {
  font-size: 2rem;
  text-transform: uppercase;
  color: #000000;
  font-family: "Geogtqsb";
  line-height: 1.25;
}

.cus-talentwrap {
  width: 100%;
  display: block;
  margin-bottom: 2rem;
  clear: both;
  background: #f6f6f6;
  margin-left: -1rem;
  margin-right: 0;
  padding-right: 2rem;
}

.cus-talentwrap .left-sec img {
  border: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: top;
  margin-bottom: 0;
  margin-left: 0;
}
@media (max-width: 767px) {
  .cus-talentwrap .left-sec img {
    border: 0 !important;
    width: 100% !important;
    object-fit: cover;
    object-position: top;
    margin-bottom: 0;
    margin-left: 0;
  }
}

.cus-talentwrap .left-sec {
  /*  width: 30%;
    float: left; */
  padding-left: 0;
  float: left;
  width: 32%;
  margin-right: 1.5rem;
}

.cus-talentwrap .right-sec {
  /*   width: 95%; */
  text-align: left;
  position: relative;
  float: left;
  top: 1rem;
  width: 64%;
  padding-bottom: 2rem;
}

.cus-talentwrap .right-sec h2 {
  margin-bottom: 0;
  line-height: 1.25;
}

p.exp {
  text-transform: uppercase;
}

.cus-talentwrap .right-sec p {
  width: 100%;
  margin-bottom: 0.85rem;
  display: block;
}

.cus-apply {
  background: #df002c;
  color: #fff;
  padding: 0.55rem 1.55rem;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
}

.vw-more,
.vw-less,
.vw-morels {
  color: #df002c;
  cursor: pointer;
}

.cus-apply:hover,
.vw-more:hover,
.vw-less:hover {
  color: #e7c641;
}

.intro-cnt {
  margin-bottom: 1.15rem;
}

.cus-hidden-cnt {
  margin-bottom: 1.35rem;
  display: none;
  position: relative;
  top: 0.55rem;
  width: 100%;
}

.form-group label {
  text-align: left;
  display: block;
  font-weight: 300;
  color: #231f20;
}

.description.help-block .hidden {
  display: block !important;
}

.description.help-block .hidden ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: self-start;
  justify-content: flex-start;
}

.description.help-block a {
  display: none;
}

.description.help-block ul li,
.description.help-block ul li code {
  text-align: left;
  list-style: none;
  color: #231f20;
  font-weight: 300;
  opacity: 0.8;
}

.form-actions .btn {
  height: 3rem;
  width: 7rem;
  background: #df002c;
  border: 0.5px solid #ababab;
  border-radius: 0.3rem;
  text-transform: uppercase;
  font-size: 2rem;
  margin: 0 1rem;
}

.form-actions .btn:hover {
  color: #e7c641 !important;
}

.no-data-wrap {
  border: 0.2rem solid #df002c;
  width: 50%;
  margin: 2rem auto;
  padding: 1rem;
  height: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.no-data-wrap h2 {
  margin-bottom: 0;
}

.block-webform {
  position: absolute;
  background: #fff;
  /* width: 100%;
    height: 80rem; */
  margin: 0rem auto;
  left: 0;
  right: 0;
  padding: 2rem;
  top: -12rem;
  z-index: 1000;
  display: none;
}

.block-webform {
  position: fixed;
  background: #00000087;
  width: 100%;
  height: 100%;
  /* margin: 1rem auto; */
  left: 0;
  right: 0;
  padding: 2rem;
  top: 1rem;
  z-index: 1000;
  display: none;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  top: 0rem;
}

.block-webform.shs {
  display: block;
}

.block-webform form {
  width: 50%;
  margin: 1rem auto;
}

.form-control {
  height: 3rem;
  padding: 0.46rem 0.92rem;
  font-size: 0.85rem;
  border-radius: 0.4rem;
  border: 0.12rem solid #ccc;
}

span.cus-popclose .close {
  cursor: pointer;
  font-size: 1.95rem;
  position: absolute;
  top: 2rem;
  right: 2rem;
  color: #969696;
  line-height: 1.25;
  opacity: 1;
  text-shadow: none;
  transform: rotate(76deg);
}

span.cus-popclose .close:hover {
  color: #000;
}

.webform-confirmation-modal {
  position: fixed !important;
  background: #fff !important;
  height: auto !important;
  margin: auto !important;
  left: 0 !important;
  right: 0 !important;
  padding: 2rem !important;
  /* top: 1rem!important; */
  z-index: 1000 !important;
  overflow: hidden !important;
}
.ui-dialog .ui-dialog-titlebar-close {
  right: 0;
}
.webform-confirmation-modal .ui-widget-header {
  background: transparent;
  border: 0 !important;
  width: 100%;
  display: block;
  float: left;
}

.webform-confirmation-modal .ui-widget-header .ui-dialog-title {
  overflow: visible;
  font-size: 2rem;
  white-space: normal;
  text-align: center;
  line-height: 1.25;
  margin-top: 0rem;
  text-overflow: unset;
  width: 100%;
  font-family: "Geogtqsb";
  display: block;
}

.ui-widget-overlay {
  background: #000;
}

.webform-confirmation-modal .ui-widget-header .ui-dialog-title span {
  color: #d60c14;
  text-transform: uppercase;
  font-size: 2rem;
  display: block;
}

.webform-confirmation-modal .ui-dialog-content {
  text-align: center;
  width: 43% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  height: 100% !important;
  font-family: "Geogtqmd";
  margin: 1rem auto;
  font-weight: normal;
  font-size: 1.3rem;
  color: #585858;
  display: none !important;
}

.webform-confirmation-modal .ui-icon {
  /* top: -3rem; */
  /* left: 4rem; */
  /* width: 1rem; */
}

.webform-confirmation-modal .ui-widget .ui-widget {
  font-size: 1em;
  border: 0 !important;
  background: none !important;
  z-index: -1;
}

.cus-applied-for label {
  display: inline-block;
  float: left;
  margin: 0.35rem 0 !important;
}

.cus-job-head {
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none;
  font-size: 1.55rem;
  display: inline-block;
  width: 85%;
  height: 100%;
  padding: 0;
  text-align: left;
  cursor: default !important;
  font-weight: 300;
  margin-left: 5.5rem;
  position: relative;
  top: -1.8rem;
  font-size: 1.1rem;
}
.field.field--name-field-link.field--type-text.field--label-hidden.field--item {
  display: none;
}

span.file-size,
span.file-icon {
  display: none;
}

span.file-link,
span.file-link a {
  border: 0;
  color: #231f20;
  font-size: 1rem;
  font-weight: 300;
  font-family: "Geogtqmd";
  text-align: center;
  background: none;
}

.webform-submission-talent-hunt-webform-form .form-submit.btn-danger,
.webform-submission-talent-hunt-webform-form .form-submit.btn-danger:hover,
.webform-submission-talent-hunt-webform-form .form-submit.btn-danger:active,
.webform-submission-talent-hunt-webform-form
  .form-submit.btn-danger:active:hover,
.webform-submission-talent-hunt-webform-form .form-submit.btn-danger:focus,
.webform-submission-talent-hunt-webform-form
  .form-submit.btn-danger:focus:hover {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
  background-image: url(https://rcbdev.betabasket.net/themes/custom/rcbbase/images/cus-close-22.png) !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  border: 0;
  padding: 0.45rem;
  margin: 0;
  font-size: 1rem;
  margin-top: -1rem;
}

.webform-submission-talent-hunt-webform-form .form-submit.btn-danger:hover {
  opacity: 0.8;
}

.webform-submission-talent-hunt-webform-form input[type="file"] {
  display: block;
  width: 10rem;
  color: transparent;
  padding: 1.35rem;
  opacity: 0;
  cursor: pointer;
  z-index: 100;
}

.webform-submission-talent-hunt-webform-form .form-managed-file {
  position: relative;
  cursor: pointer;
  text-align: right;
}

.webform-submission-talent-hunt-webform-form .form-managed-file:before {
  content: "Upload";
  width: 10rem;
  height: 3rem;
  position: absolute;
  z-index: -1;
  left: 0rem;
  top: 0rem;
  border-radius: 0.4rem;
  border: 0.12rem solid #ccc;
  background: #fff;
  padding: 0.75rem;
  cursor: pointer;
  text-align: center;
}

.webform-submission-talent-hunt-webform-form .file {
  display: inline-block;
  margin: 1rem 0;
  background: #f7f7f7;
  position: absolute;
  right: 0;
  padding: 0.8rem 3.9rem 0.8rem 1.4rem;
  max-width: 16.6rem;
  border-radius: 0.7rem;
  margin-top: 0rem;
}

body.page-node-type-landing-page .slick-dots {
  bottom: 2rem;
  right: 0;
  background: transparent;
  left: 0;
  display: flex;
  top: auto;
  align-items: center;
  justify-content: center;
}

.layout__region.layout__region--second {
  /* flex: 65% !important; */
  /* display: inline-block; */
  float: left;
  width: 57%;
  flex: auto !important;
}

.layout__region.layout__region--first {
  position: relative;
  float: right;
  width: 43%;
  flex: inherit !important;
}

.layout__region.layout__region--first .media.media--ratio {
  min-height: 30rem;
  margin-top: -1rem;
}

.layout__region.layout__region--first .blazy__caption {
  /* position: relative; */
}

.blazy__caption .blazy__caption--description {
  position: absolute;
  top: 35%;
  left: 3.55rem;
  right: 0;
  margin: 0 auto;
  font-size: 3.25rem;
  color: #fff;
  text-align: left;
  width: 85%;
  line-height: 1.15;
}

.layout__region.layout__region--second ol {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 1.45rem;
}

.layout__region.layout__region--second ol li {
  color: #272727;
  font-size: 1.2rem;
  font-family: "Geogtqrg";
  font-weight: 100;
  line-height: 1.2;
  padding-left: 5rem;
  margin: 0 0rem 3rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
  width: 90%;
  display: flex;
  align-items: center;
  min-height: 4rem;
}

.layout__region.layout__region--second ol li:before {
  content: "0" counter(my-awesome-counter);
  color: #696969;
  font-size: 1.5rem;
  font-family: "Geogtqrg";
  font-weight: normal;
  position: absolute;
  line-height: 1.75;
  top: -0.3rem;
  background: #f4f4f4;
  border-radius: 100%;
  text-align: center;
  width: 4.55rem;
  height: 4.55rem;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -2.55rem;
}

.layout--twocol-section {
  margin-top: 3rem;
  display: block;
}

/* banner */

.banner-wrap .field--item {
  position: relative;
}

.banner-wrap video {
  height: auto;
  width: 100%;
  object-fit: cover;
}
.banner-wrap img {
  width: 35rem;
  width: 100%;
  object-fit: cover;
}

.banner-wrap .field--name-field-caption {
  position: absolute;
  bottom: 5.55rem;
  left: 3rem;
  width: fit-content;
}

.banner-wrap .field--name-field-caption mark {
  color: #fff;
  background-color: #d80c0b;
  text-decoration: none;
  padding: 0.15rem 0.8rem 0.15rem 0.6rem;
  font-size: 25px;
  font-family: "Geogtqbd";
  text-transform: uppercase;
  padding-inline-end: 0.8rem;
  line-height: 1.4;
  display: none;
}
@media (max-width: 768px) {
  .banner-wrap .field--name-field-caption mark {
    font-size: 25px;
  }
}

/* .field--name-field-caption {
    color: #fff;
    background-color: #d80c0b;
    text-decoration: none;
    padding: 0.15rem 0.8rem 0.15rem 0.6rem;
    font-size: 41px;
    font-family: 'Geogtqbd';
    text-transform: uppercase;
    padding-inline-end: 0.8rem;
    line-height: 1.4;
    position: absolute;
    bottom: 5.55rem;
    left: 3rem;
    width: fit-content;
    user-select: none;
    pointer-events: none;
} */

/* media */

@media (max-width: 991px) {
  .path-career .view-talent-hunt .form-radios ul {
    width: 100%;
  }
  .cus-talentwrap .left-sec img {
    /* width: 50% !important; */
    width: 100% !important;
    height: 100%;
    top: 0 !important;
    margin: 0;
    margin-bottom: 0.55rem;
  }
  .cus-talentwrap .right-sec {
    top: 0;
  }
  .blazy__caption .blazy__caption--description {
    font-size: 2rem;
    left: 2rem;
  }
  .layout__region.layout__region--second .media.media--ratio {
    min-height: 32rem;
  }
  .block-webform {
    width: 80%;
  }
  .block-webform form {
    width: 80%;
  }
}

@media (max-width: 767px) {
  .cus-talentwrap .left-sec {
    width: 100%;
    float: none;
  }
  .path-career .view-talent-hunt .form-radios ul {
    text-align: left;
    white-space: nowrap;
    overflow-x: scroll;
    width: 100%;
    display: block;
    cursor: pointer;
    right: 0;
    padding-right: 0;
    position: absolute;
    top: auto;
    left: 0;
    z-index: 999;
    background: #fff;
    padding: 1rem 2.4rem;
  }
  .path-career .view-talent-hunt .form-radios ul li {
    margin: 0.35rem;
  }
  .cus-talentwrap .right-sec {
    width: 100%;
    top: 0rem;
    padding: 1rem;
  }
  .cus-talentwrap .left-sec img {
    width: 100% !important;
    height: 100% !important;
  }
  .page-node-type-landing-page .region.region-content {
    padding: 1rem 1.3rem;
  }
  .block-webform {
    width: 100%;
    height: 100%;
    top: 0rem;
    background: #00000087;
    margin: 0;
  }
  .form-actions .btn {
    width: auto;
    font-size: 0.9rem;
    padding: 0 1.7rem;
  }
  .block-webform form {
    width: 90%;
  }
  span.cus-popclose .close {
    top: 0.55rem;
    right: 2rem;
  }
  .webform-confirmation-modal .ui-dialog-content {
    width: 95% !important;
  }
  .layout__region.layout__region--second .media.media--ratio {
    min-height: 20rem;
  }
  .layout__region.layout__region--first {
    width: 100% !important;
    padding: 0;
  }
  .layout__region.layout__region--second {
    width: 100% !important;
  }
  .layout__region.layout__region--first ol li {
    width: 100%;
  }
  .banner-wrap video {
    height: auto;
  }
  .banner-wrap img {
    height: 25rem;
  }
  .banner-wrap .field--name-field-caption {
    position: relative;
    bottom: 0;
    left: 0;
    width: 85%;
    margin: 1rem auto auto auto;
    /* margin-top: 1rem; */
    text-align: center;
  }
  body.page-node-type-landing-page .slick-dots {
    position: relative;
    bottom: 0;
  }
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 0;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
  right: -1rem;
  background: none !important;
  border: none !important;
}

.form-required:after {
  margin-left: 0.5rem;
  background-size: contain;
  background-repeat: no-repeat;
}

hmtl {
  overflow-x: visible;
}

/* .block-webform form:before {
    content: 'RCB Unboxing Talent';
    position: absolute;
    font-family: 'Geogtqbd';
    font-size: 2.85rem;
    width: 3rem;
    line-height: 1.1;
    color: #d80c0b;
    left: 2rem;
    top: 2.3rem;
    font-weight: 100;
    text-transform: uppercase;
} */

.webform-submission-talent-hunt-webform-form .file .file-link a {
  font-size: 0.9rem;
  color: #7a7a7a;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 9rem;
  display: inline-block;
}
@media (min-width: 992px) {
  .page-node-type-landing-page .region.region-content {
    overflow: hidden;
  }
}

@media (max-width: 991px) {
  .page-node-type-landing-page .region.region-content {
    overflow: hidden;
    /* margin-top: 120px; */
  }
}

.messages--error file-upload-js-error {
  top: 4.2rem;
  background: #e8e8cb;
  position: relative;
}

.alert-danger,
.messages--error {
  color: #000;
  background-color: #e8e8cb;
  border-color: #e8e8cb;
  border: none;
  text-align: left;
  border-radius: 0;
  position: relative;
  padding-left: 3.7rem;
}

.alert-danger > span,
.messages--error > span {
  display: none;
}

.alert-danger:before,
.messages--error:before {
  content: "!";
  position: absolute;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: red;
  text-align: center;
  font-size: 1.1rem;
  border-radius: 100%;
  margin-left: 0.8rem;
  color: #fff;
}

.messages--error {
  padding-right: 1rem;
  position: relative;
  margin-bottom: 0.8rem;
  min-height: 4rem;
  top: 4.4rem;
  padding-top: 0.7rem;
}

body[data-curtab="1"] .cus-talent-hunt-wrap li[data-index="1"],
body[data-curtab="2"] .cus-talent-hunt-wrap li[data-index="2"],
body[data-curtab="3"] .cus-talent-hunt-wrap li[data-index="3"],
body[data-curtab="4"] .cus-talent-hunt-wrap li[data-index="4"],
body[data-curtab="5"] .cus-talent-hunt-wrap li[data-index="5"],
body[data-curtab="6"] .cus-talent-hunt-wrap li[data-index="6"],
body[data-curtab="7"] .cus-talent-hunt-wrap li[data-index="7"],
body[data-curtab="8"] .cus-talent-hunt-wrap li[data-index="8"],
body[data-curtab="9"] .cus-talent-hunt-wrap li[data-index="9"],
body[data-curtab="10"] .cus-talent-hunt-wrap li[data-index="10"],
.cus-talent-hunt-wrap li:hover {
  background: #d80c0b;
  border-color: #d80c0b;
}

body[data-curtab="1"] .cus-talent-hunt-wrap li[data-index="1"] label,
body[data-curtab="2"] .cus-talent-hunt-wrap li[data-index="2"] label,
body[data-curtab="3"] .cus-talent-hunt-wrap li[data-index="3"] label,
body[data-curtab="4"] .cus-talent-hunt-wrap li[data-index="4"] label,
body[data-curtab="5"] .cus-talent-hunt-wrap li[data-index="5"] label,
body[data-curtab="6"] .cus-talent-hunt-wrap li[data-index="6"] label,
body[data-curtab="7"] .cus-talent-hunt-wrap li[data-index="7"] label,
body[data-curtab="8"] .cus-talent-hunt-wrap li[data-index="8"] label,
body[data-curtab="9"] .cus-talent-hunt-wrap li[data-index="9"] label,
body[data-curtab="10"] .cus-talent-hunt-wrap li[data-index="10"] label,
.cus-talent-hunt-wrap li:hover label {
  color: #fff;
}

.iti,
.form-inline .form-control {
  width: 100%;
}

.cus-hidden-cnt li:hover {
  background: transparent !important;
}

@media (max-width: 991px) {
  .block-webform form:before {
    position: relative;
    font-size: 3.2rem;
    width: 100%;
    left: 0;
    top: -0.35rem;
  }
}

@media (max-width: 767px) {
  .block-webform form:before {
    font-size: 2rem;
  }
  .cus-job-head {
    top: -1.8rem;
  }
  .cus-talentwrap {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    margin-top: 6rem;
  }
  .path-career .view-talent-hunt ul li label {
    font-size: 0.8rem !important;
    padding: 0.55rem 0.65rem !important;
  }
  .blazy__caption .blazy__caption--description {
    font-size: 2rem;
    left: 0;
  }

  .banner-wrap {
    margin-left: 0rem;
  }
  .layout__region.layout__region--second ol li:before {
    font-size: 1.5rem;
    top: -0.3rem;
    width: 3.95rem;
    height: 3.95rem;
    left: -1.35rem;
  }

  .webform-confirmation-modal .ui-widget-header .ui-dialog-title {
    font-size: 1.8rem;
  }

  .webform-confirmation-modal .ui-widget-header .ui-dialog-title span {
    font-size: 2.6rem;
  }

  .layout__region.layout__region--second ol li {
    padding-left: 3.2rem;
  }

  .webform-confirmation-modal {
    width: 86% !important;
    overflow: hidden !important;
  }

  .webform-submission-talent-hunt-webform-form .file {
    max-width: 100%;
  }
}
.webform-required {
  text-align: start;
}
.form-group.cus-applied-for {
  margin-bottom: 0;
  margin-top: 1rem;
}
.webform-submission-talent-hunt-webform-form .form-submit.btn-danger,
.webform-submission-talent-hunt-webform-form .form-submit.btn-danger:hover {
  margin-top: 1rem;
  position: relative;
  left: 0.7rem;
  top: -0.5rem;
}
.intro-cnt ul {
  margin-bottom: 3rem;
}

.js-hide.button.js-form-submit.form-submit.btn-primary.btn.icon-before {
  display: inline-block;
  position: absolute;
  top: -0.1rem;
  width: 4rem;
  border: none;
  background: none;
  color: transparent;
  left: 10.4rem;
}

.js-hide.button.js-form-submit.form-submit.btn-primary.btn.icon-before
  .ajax-throbber {
  color: red;
  margin-top: 0.4rem;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  left: 0;
}
/* .paragraph.paragraph--type--rcb-talent-hunt-slider.paragraph--view-mode--default {
    position: relative;
} */
.google_ads .block-title {
  color: #d80c0b;
  text-transform: uppercase;
}

.green-form {
  text-align: center;
  font-weight: 900;
  background: green;
  margin: 5px 15px;
  min-width: max-content;
  border-radius: 40px;
}
.scrl-fxx {
  display: none;
}
.green-form a {
  color: #fff;
  /* background-color: #008000; */
  text-decoration: none;
  padding: 0.5rem 1.5rem;
  font-size: 25px;
  font-family: "Geogtqbd";
  text-transform: uppercase;
  font-weight: 600;
  width: 100;
}
/* .green-form a {
    
    color: #fff;
    background-color: #008000;
    text-decoration: none;
    padding: 0.15rem 0.8rem 0.15rem 0.6rem;
    font-size: 25px;
    font-family: 'Geogtqbd';
    text-transform: uppercase;
    font-weight: 600;
} */
.ht-scrl {
  overflow: hidden;
}
.scrl-del {
  position: fixed;
  /* top: 78px; */
  background: #fff;
  z-index: 206;
  padding: 5px 10px;
  bottom: 0px;
  width: 100%;
  left: 0;
}
.scrl-dele,
.plope,
.grr-spc {
  display: none;
}
.green-pledge {
  position: fixed;
  /* top: 78px; */
  background: #fff;
  z-index: 206;
  padding: 5px 10px;
  bottom: 0px;
  width: 100%;
  left: 0;
}
.green-form a:hover {
  /* background: #d80c0b; */
  color: #fff !important;
}
@media (min-width: 768px) {
  .green-pledge {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .green-form {
    text-align: center;
    font-weight: 900;
    min-width: max-content;
    width: 30%;
    padding: 10px;
    margin-bottom: 1rem;
    background: green;
    margin: 10px 10px 10px 10px;
    border-radius: 40px;
  }
  .green-pledge p:last-child {
    font-weight: 600;
  }
}
/* @media (max-width:767px) {
.green-pledge {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 80px;
    background: #fff;
    z-index: 100;
    padding-top: 17px;
    padding-left: 0px;
}
} */
.scrl-fxx {
  display: none;
}
@media only screen and (max-device-width: 736px) and (min-device-width: 375px) and (orientation: landscape) {
  .slick-slide {
    min-height: 1rem;
  }
}
@media (max-width: 370px) {
  .banner-wrap .field--name-field-caption mark {
    font-size: 16px;
  }
}
@media (max-width: 370px) {
  .green-form a {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .scrl-fx {
    position: fixed;
    /* top: 78px; */
    background: #fff;
    z-index: 206;
    padding: 5px 10px;
    bottom: 0px;
    width: 100%;
    left: 0;
  }
}
.green-form:hover {
  background: #d80c0b;
}
@media (min-width: 768px) {
  .scrl-fx {
    position: fixed;
    background: #fff;
    z-index: 206;
    /* padding-top: 17px; */
    padding-left: 0px;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    bottom: 0;
  }
}
/* @media (max-width:767px) {
    .scrl-fx{
        position: fixed;
        top: 78px;
        background: #fff;
    }
}
@media(min-width:768px) and (max-width:991px) {
} */

/* .slick-list.draggable {
    overflow: visible;
} */
/* .media.media--ratio {
    display: block;
    height: min-content;
    max-width: 100%; */
/* min-height: max-content; */
/* overflow: hidden; */
/* position: relative;
    width: 100%;
} */

/* for new webform */
/* start  */
.pp-frm {
  margin: 20px 0px;
}

.pp-frm-pop {
  background: #d80c0b;
  color: white;
  padding: 10px;
  cursor: pointer;
  user-select: none;
}
.pp-frm-pop:hover {
  color: white !important;
}
.pldg-fm {
  position: fixed;
  background: #fff;
  width: 80%;
  /* height: max-content; */
  margin: 1rem auto;
  left: 0;
  right: 0;
  padding: 2rem;
  top: 3rem;
  z-index: 1000;
  /* overflow-x: scroll; */
  overflow-y: scroll;
  padding: 5%;
  border: solid 1px #d80c0b;
  height: 85vh;
  z-index: 101;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.webform-confirmation-modal {
  position: fixed;
}
/* @media(max-width:991px){
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.webform-confirmation-modal {
    z-index: 130;
    height: auto;
    width: fit-content !important;
    top: 348.02px;
    left: 18% !important; 
    position: fixed;
}} */

.frm-close {
  text-align: end;
  cursor: pointer;
  position: fixed;
  top: 10%;
  z-index: 1004;
  left: 84%;
}
.frm-close a {
  color: black !important;
  font-size: 17px;
  font-weight: 900;
}
.frm-close a:hover {
  color: black !important;
}
.gr-in li {
  color: #272727;
  font-size: 1.2rem;
  font-family: "Geogtqrg";
  font-weight: 100;
  line-height: 1.2;
  /* padding-left: 5rem; */
  margin: 1rem 0rem 2rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
  width: 90%;
  display: flex;
  align-items: center;
  min-height: 4rem;
}

.gr-in li:before {
  content: counter(my-awesome-counter);
  color: #696969;
  font-size: 1.5rem;
  font-family: "Geogtqrg";
  font-weight: normal;
  /* position: absolute; */
  line-height: 1.75;
  /* top: -0.3rem; */
  background: #f4f4f4;
  border-radius: 50% 50%;
  text-align: center;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin-right: 5%;
}

.gr-in {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 1.45rem;
}
.gr-head {
  font-size: 1.2rem;
  font-family: "Geogtqrg";
  font-weight: 600;
  color: black;
  margin-top: 20px;
}
.pldg-fm .webform-button--submit {
  background: #d80c0b;
  border: solid 1px transparent;
  font-size: 15px;
}
.messages__wrapper {
  display: none;
}
.pldg-fm legend {
  display: none;
}
body {
  overflow-y: hidden !important;
}

.pldg-header {
  color: #101612;
  font-size: 1.786rem;
  font-weight: 900;
  margin-top: 0;
  margin-bottom: 15px;
}
.for-hd {
  display: none;
}
.plpp {
  display: none;
}
.block-webform .block-title {
  display: none;
}
.pldg-headdesc {
  margin-bottom: 15px;
}
/* end  */
html {
  scroll-behavior: smooth;
}
.pldg-cl {
  text-align: end;
  color: #000000 !important;
  font-size: 20px;
  margin-bottom: 17px;
}
.pldg-cl a {
  color: #000000 !important;
}
.pldg-cl a:hover {
  color: #000000 !important;
}
/* ::-webkit-scrollbar {
    width: 10px;
} */
.nw-gre {
  font-size: 20px;
  margin: 15px 0px 25px 0px;
  color: #000;
  font-weight: 700;
}
#scl-sc,
.pldg-close {
  cursor: pointer;
}

@media (max-width: 990px) {
  .gr-head {
    font-size: 1.2rem;
    font-family: "Geogtqrg";
    font-weight: 600;
    color: black;
    margin-top: 30px;
  }
}

@media (max-width: 990px) {
  .pldg-fm {
    padding: 5% 10%;
  }
}
.gi-vid .field--label {
  display: none;
}
.gi-vid .field--name-field-green-caption {
  display: none;
}
.gi-vid video {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.gi-vid video::-internal-media-controls-download-button {
  display: none;
}

.block-webform form label {
  text-align: left;
  display: block;
  font-weight: 300;
  color: #231f20;
}

.block-webform form .pldg-headdesc {
  text-align: left;
  display: block;
  font-weight: 300;
  color: #231f20;
}

.block-webform form fieldset {
  margin-bottom: 1.1em;
}

.block-webform form div#edit-actions:has(button) {
  display: flex;
  justify-content: center;
}
::placeholder {
  color: #898585 !important;
}
.ui-dialog .ui-dialog-titlebar-close::after {
  content: "×";
  font-size: 18px;
  color: #333;
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
  background-color: #f0f0f0;
  cursor: pointer;
}