/* common css */
@media screen and (max-width: 991.8px) {
  body {
    padding-top: 5rem !important;
    overflow-x: hidden;
  }

  .nomi-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("../img/icons/select-arrow.svg") no-repeat;
    background-position: right 10px center;
    padding: 10px 40px 10px 10px;
    /* Adjust padding to accommodate the arrow */
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
  }

  /*.fixed-top {
    position: sticky; !important;
} */

  .about-tab-inner-mainmob {
    font-family: "grab_community_solid_enmedium";
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    color: #65737e;
    padding-bottom: 15px;
  }

  .mobil-homegrab {
    background: #feba021a;
  }

  .see-h a {
    font-size: 12px;
    color: #343d46;
    font-family: Inter;
    font-weight: 500;
    line-height: 19.6px;
    letter-spacing: 0.05em;
    position: relative;
    margin-left: -10px;
  }

  .see-h a:after {
    display: inline-block;
    -webkit-transform: scale(0.5, 1);
    /* Safari and Chrome */
    -moz-transform: scale(0.5, 1);
    /* Firefox */
    -ms-transform: scale(0.5, 1);
    /* IE 9 */
    -o-transform: scale(0.5, 1);
    /* Opera */
    transform: scale(0.5, 1);
    /* W3C */
    content: ">";
    position: relative;
    margin-left: -2px;
  }

  .see-h a:hover {
    color: #343d46;
  }

  .see-h {
    justify-content: right;
    display: grid;
  }

  .tab-padding {
    padding: 0px 0px 30px 0px;
  }
}

@media screen and (min-width: 992px) {
  .lg-nav.navbar {
    top: 3px;
    margin-top: -7px;
  }
}

.slide-hed {
  font-family: "grab_community_solid_enmedium";
  font-size: 55px;
  line-height: 60.5px;
  text-align: left;
}

.slide-hedspan {
  font-family: "grab_community_en_v2.0inline";
  font-size: 55px;
  line-height: 60.5px;
  text-align: left;
}

.section-pad {
  padding: 60px 0px 0px 0px;
  margin: 60px 0px 0px 0px;
}

.spacer-30 {
  padding: 30px 0px;
}

.spacer-35 {
  padding: 35px 0px;
}

.spacer-10 {
  padding: 10px 0px;
}

.spacer-20 {
  padding: 20px 0px;
}

.spacer-40 {
  padding: 40px 0px;
}

.spacer-50 {
  padding: 50px 0px;
}

.spacer-60 {
  padding: 60px 0px;
}

.spacer-70 {
  padding: 70px 0px;
}

.vl {
  border-left: 1px solid #4f5b66;
  height: 45px;
  display: inline-block;
  left: 14px;
  position: relative;
  bottom: -12px;
}

.vln {
  border-left: 1px solid #4f5b66;
  height: 45px;
  display: inline-block;
  right: 14px;
  position: relative;
  bottom: -12px;
}

/* common css */

/* Home Slider*/

.banner-txt-homesli {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  text-align: left;
  color: #005339;
  margin-top: 20px;
}

.carousel-caption.grab {
  text-align: left;
  left: 5%;
  right: 0;
  top: 50%;
}

.carousel-caption.grab.img {
  top: 56px;
  width: 29%;
}

.carousel-indicators.grab-home {
  right: 72%;
  margin-left: 0;
  bottom: 72px;
}

.carousel-indicators.grab-home button {
  background-color: #005339;
}

.carousel-caption.mobilehome {
  right: 2%;
  left: 2%;
}

.carousel-caption.mobilehome p {
  margin-top: -7px;
  position: relative;
  top: -10px;
}

.carousel-caption.grabmob.img {
  top: 4%;
  width: 54%;
  text-align: center;
  left: 22%;
}

.carousel-indicators.mobilehome {
  margin-bottom: 23px;
}

.carousel-indicators.mobilehome button {
  background-color: #005339 !important;
}

.ban-text {
  font-family: "grab_community_solid_enmedium";
  font-size: 30px;
}

.ban-text-span {
  font-family: "grab_community_en_v2.0inline";
}

/* Home Slider*/

/* Menu */

.manu-left {
  margin-right: 30px;
}

.fixed-top {
  background: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.nav-item-mobile.active {
  color: #005339;
}

.top-bar-text a {
  color: #005339;
  font-size: 14px;
  font-family: "grab_community_en_v2.0inline";
  text-decoration: none;
}

.top-bar-number {
  background: #1f8a35;
  padding: 5px;
  border-radius: 5px;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 12px;
}

.days {
  font-weight: 500;
  font-size: 15px;
}

.hours {
  font-weight: 500;
  font-size: 15px;
}

.logo-mobile img {
  width: 100px;
}

.mob-logo1 img {
  width: 115px;
  margin-left: 13px;
}

.main-logo img {
  width: 135px;
}

.fanlogo {
  margin-left: -63px;
}

.movile-nav {
  background-color: #eee !important;
}

.status-bar {
  position: relative;
  top: 0;
  background: #d9fcde;
  padding: 10px 10px;
  margin-top: -9px;
}

.status-bar1 {
  position: relative;
  top: 0;
  background: #343d46;
}

.sidenav {
  height: 0;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 0px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  /* justify-content: center; */
}

.sidenav a {
  font-family: "Inter", sans-serif;
  padding: 20px 0px !important;
  text-decoration: none;
  font-size: 24px;
  color: #a3acb2;
  display: block;
  transition: 0.3s;
  text-align: left;
}

.nav-bor {
  border-bottom: 1px solid #ddd;
}

.sidenav a:hover {
  color: #005339;
  font-weight: 500;
}

a.status-bar {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 13.31px;
  text-align: center;
}

.sidenav .closebtn {
  position: absolute;
  right: 25px;
  font-size: 36px;
}

.navbar-brand.row {
  width: 100%;
  text-align: left;
  gap: 0;
  margin-top: -20px;
  margin-right: -6px;
}

.navbar-brand.mob {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100% !important;
  text-align: left;
  gap: 0;
  margin-top: -10px;
  margin-right: -6px;
}

.mob-logo2 {
  margin-left: -70px;
}

@media screen and (max-height: 450px) {
  .sidenav a {
    font-size: 18px;
  }
}

@media screen and (max-width: 991.8px) {
  .nav-item-mobile {
    top: -9px;
  }

  .top-bar-mobile {
    font-family: "Inter", sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 13.31px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
  }

  .lg-nav {
    display: none !important;
  }

  .lg-btn {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .movile-nav {
    display: none !important;
  }
}

.movile-nav {
  width: 100%;
  background-color: #000;
}

.mobile-download-btn {
  width: 95%;
  margin-bottom: 30px;
  /* margin-top: 30px;
    position: absolute;
    bottom: 50px; */
}

.nav-item-mobile {
  text-align: center;
  align-self: flex-start;
  width: 100%;
  padding: 12px 0px !important;
}

/* .last-nav {
  border-bottom: 2px solid #818181;
} */

.mobile-nav-logo {
  display: inline !important;
  align-self: flex-start;
  padding: 20px !important;
}

.btn.btn-outline-light {
  background: #005339;
  border: 1px solid #005339;
  color: #fff;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.btn.btn-outline-light:hover {
  background: #fff;
  border: 1px solid #005339;
  color: #005339;
  text-align: center;
}

.date-font {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
  margin-top: 10px;
  text-transform: uppercase;
  color: #343d46;
}

.vote-f {
  font-family: "Inter", sans-serif;
  font-size: 8px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
}

.order-f {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  text-align: center;
  color: rgba(0, 83, 57, 0.3);
}

a.nav-link {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  text-align: center;
  color: #a3acb2;
  padding: 0px 22px;
}

a.nav-link:active {
  color: #005339;
}

.logo-mobile:hover,
.logo-mobile {
  color: #000;
  text-decoration: none;
  margin-left: 10px;
}

.opennav-grab.btn a {
  background: #005339;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  text-decoration: none;
  padding: 8px 15px;
  border-radius: 20px;
}

.opennav-grab.btn a:hover {
  background: transparent;
  color: #005339;
  border: 1px solid #005339;
}

/*.opennav-grab {
    margin-right: 23px;
    margin-top: 80px;
    position: absolute;
    right: 0;
    color: #65737E;
} */

.movile-nav.navbar.fixed-top {
  background-color: #fff !important;
}

.countdown-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #e0f7da;
  padding: 16px 20px;
  border-radius: 10px;
  color: #1b5e20;
}

.countdown-timer {
  display: flex;
  align-items: center;
  background-color: #43a047;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  margin: 5px;
  left: 10px;
  position: relative;
}

.vote-txt {
  font-size: 14px;
  line-height: 19.2px;
  text-align: left;
  font-family: "grab_community_en_v2.0inline";
  color: #005339;
  left: -5px;
  position: relative;
}

.sp-days {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
}

.sp-dats {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0.05em;
  text-align: center;
  top: -2px;
  position: relative;
}

/* Menu */

/* Banner */

.ban-bg-home {
  background-image: url("../img/home/slider-desktop-home.webp");
  background-position: center right;
  background-repeat: no-repeat;
  min-height: 500px;
  background-size: cover;
}

.bannerpad.hide-desktop {
  overflow: hidden;
}

.ban-bg {
  background-image: url("../img/home/slider-1.webp");
  background-position: top center;
  background-repeat: no-repeat;
  min-height: 550px;
  background-size: cover;
}

@media (min-width: 576px) {
  .ban-bg {
    min-height: 550px;
  }
}

@media (min-width: 768px) {
  .ban-bg {
    min-height: 690px;
  }
}

@media (min-width: 800px) {
  .ban-bg {
    min-height: 950px;
  }
}

.display-huge1 {
  font-family: "grab_community_solid_enbold";
  font-size: 55px;
  line-height: 60.5px;
  text-align: center;
}

.text-secondary1 {
  font-family: "Inter", sans-serif;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 25.6px;
  text-align: center;
}

.ban-below {
  font-family: "grab_community_solid_enbold";
  font-size: 32px;
  line-height: 38.4px;
  text-align: center;
}

.ban-below-s {
  font-family: "grab_community_en_v2.0inline";
  font-size: 32px;
  line-height: 38.4px;
  text-align: left;
}

.ban-below-d {
  padding: 16px 0px;
  background: #dddddd;
}

.b-img img {
  width: 100%;
  text-align: center;
}

.nomi {
  font-family: "grab_community_en_v2.0inline";
  line-height: 60.5px;
  text-align: left;
}

.below-bannerbg {
  background: #d3f035;
  padding: 15px 0px;
}

.b-below-s {
  font-family: "grab_community_en_v2.0inline";
  font-size: 32px;
  line-height: 38.4px;
  text-align: left;
  color: #005339;
}

.sf1-bannerbelow {
  font-family: "grab_community_solid_enmedium";
  font-size: 31px;
  line-height: 38.4px;
  text-align: left;
  color: #005339;
}

.social-icons-banner {
  background: #fff;
  border-radius: 50px;
  margin-left: 10px;
  width: 35px;
  height: 35px;
  display: inline-block;
  text-align: center;
}

.social-icons-banner svg {
  margin-top: -9px;
}

.social-icons-banner svg {
  width: 20px;
}

.social-icons-banner img {
  width: 20px;
  margin-top: -3px;
}

.social-icons-banner1.lead {
  width: 32px;
  height: 32px;
}

.social-icons-banner1.lead img {
  width: 32px;
}

@media (min-width: 992px) {
  .sf1-bannerbelow {
    padding-right: 40px;
  }

  .hide-desktop {
    display: none;
  }

  .social-icons-banner.nomi {
    background: #fff;
    border-radius: 50px;
    margin-left: 10px;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    top: 21px;
    position: relative;
  }

  .social-icons-banner.nomi img {
    margin-top: -34px;
  }
}

.grab-ni-right-ul {
  margin-top: 10px;
}

#GrabHomeSlider {
  position: relative;
  top: -30%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  left: 0;
  margin-left: 1px;
}

#GrabHomeSliderDesk {
  position: relative;
  top: 25%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: left;
  text-align: left;
  box-sizing: border-box;
  margin-left: 1px;
}

@media (min-width: 1200px) {
}

@media (min-width: 992px) and (max-width: 1199.8px) {
  #GrabHomeSliderDesk {
    top: 69%;
  }
}

.grab-banner-left img {
  width: 62%;
  margin-top: 30px;
  margin-left: -18px;
}

/* @media (min-width: 856px) {
 #GrabHomeSlider {
        margin-top: 72%;
    }
} */

@media (min-width: 991.8px) {
  .carousel-indicators.grab-home-desk {
    left: -92%;
  }

  .social-icons-banner img {
    margin-top: 6px;
  }

  .or-carosual-btn a {
    background: #005339;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "Inter";
    font-weight: 500;
    text-decoration: none;
    padding: 12px 24px;
    border-radius: 20px;
    letter-spacing: 1px;
  }

  .or-carosual-btn a:hover {
    background: #fff;
    color: #005339;
    border: 1px solid #005339;
  }

  .caption-caro {
    padding: 20px 0px;
  }

  .home-banner-p {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 25.6px;
    text-align: left;
    color: #fff;
    margin-bottom: 30px;
  }

  .carousel-indicators [data-bs-target] {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
  }
}

.vertical-bar {
  display: inline-block;
  height: 60px;
  /* Adjust based on the height of your content */
  width: 1px;
  background-color: #343d46;
  /* Adjust the color of the vertical bar */
  margin-right: 10px;
  /* Adjust space between the bar and the description */
  vertical-align: middle;
  opacity: 20%;
}

.carousel-indicators.dots-indicators.leader-tab [data-bs-target] {
  background-color: #808080 !important;
  border: 1px solid #808080;
}

.carousel-indicators.dots-indicators.nomi button.active {
  width: 8px !important;
  height: 8px !important;
}

.leaders-courosel-card-btn {
  background: #005339;
  color: #fff !important;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

@media (min-width: 992px) {
  .leaders-courosel-card-btn {
    background: rgba(0, 83, 57, 0.3);
    color: #005339 !important;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}

@media (max-width: 991.8px) {
}

@media (max-width: 567px) {
  .social-icons-banner {
    margin-top: 7px;
  }

  .social-icons-banner.hm {
    width: 40px;
    height: 25px;
  }
}

.led a img {
  margin: 0px 3px;
  width: 32px;
  height: 32px;
}

@media (max-width: 467px) {
  .led img {
    position: relative;
    left: 10px;
  }

  .soci {
    right: 9px;
    position: relative;
  }
}

@media (min-width: 467px) {
  .justify-content-grab {
    margin: 0px 10px;
  }
}

@media (max-width: 991.98px) {
  .social-icons-banner {
    background: #eeeeee;
    border-radius: 50px;
    margin-left: 10px;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
  }

  .carousel-inner.grab-in {
    padding: 30px 0px;
  }

  .or-carosual-btn a {
    background: #005339;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    line-height: 19.6px;
    text-decoration: none;
    padding: 14px 40px 14px 40px;
    border-radius: 20px;
    letter-spacing: 0.8px;
  }

  .or-carosual-btn a:hover {
    background: #fff;
    color: #005339;
    border: 1px solid #005339;
  }

  .home-banner-p {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.4px;
    text-align: center;
    color: #fff;
    padding: 0px 10px;
  }

  .carousel-caption p {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.4px;
    text-align: center;
  }

  .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0px;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
  }

  .carousel-caption {
    bottom: 3.75rem !important;
  }

  .sli-btn a {
    background: #005339;
    padding: 10px 20px;
    border-radius: 20px;
    color: #fff;
    text-decoration: navajowhite;
    font-weight: 500;
    font-family: "Inter", sans-serif;
  }

  .display-huge1 {
    font-family: "grab_community_en_v2.0inline";
    font-size: 40px;
    line-height: 44px;
    text-align: center;
  }

  .nomi {
    font-size: 40px;
    line-height: 44px;
    text-align: center;
  }

  .text-secondary1 {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.4px;
    text-align: center;
  }

  .hide-sm {
    display: none;
  }

  a.mobile-ordernowbt-banner {
    background: #333333;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 20px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
  }

  a.mobile-ordernowbt-banner:hover {
    background: #fff;
    color: #333333;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 20px;
    border: 1px solid #333333;
  }

  .sf1-bannerbelow {
    font-family: "grab_community_solid_enbold";
    font-size: 16px;
    line-height: 19.2px;
    text-align: left;
  }

  .b-below-s {
    font-size: 16px;
    line-height: 19.2px;
    text-align: left;
  }

  .social-icons-banner {
    background: #fff;
    border-radius: 50px;
    height: 25px;
    width: 25px;
    display: inline-block;
    text-align: center;
  }

  .social-icons-banner img {
    width: 17px;
  }

  .below-bannerbg {
    background: #d3f035;
    padding: 10px 10px;
    border-radius: 10px;
    margin: -32px 10px 0px 10px;
    position: relative;
    width: -moz-available;
    width: -webkit-fill-available;
  }

  .below-bannerbg.home {
    background: #d3f035;
    padding: 10px 10px;
    border-radius: 10px;
    position: relative;
    width: -moz-available;
    width: -webkit-fill-available;
  }
}

.so-grab-start {
  justify-content: flex-start;
  display: inline-flex;
}

.so-grab-end {
  justify-content: end;
  display: inline-flex;
}

/* Banner */

/* Home Tab  */

.tab-mainhead-h1 {
  font-family: "grab_community_solid_enmedium";
  font-size: 40px;
  line-height: 48px;
  text-align: left;
  color: #005339;
}

.tab-mainhead-span {
  font-family: "grab_community_en_v2.0inline";
  font-size: 40px;
  line-height: 48px;
  text-align: left;
  color: #00b14f;
}

.tab-mainhead-p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 25.6px;
  text-align: left;
  color: #a3acb2;
}

.grab-tab-home {
  padding: 50px 0px;
}

.btn.grab:hover {
  background: #4f5b66;
  color: #fff;
  border: 1px solid #4f5b66;
}

.btn.grab {
  padding: 6px 16px;
}

.btn.grab.active {
  background: #4f5b66;
  color: #fff;
  border: 1px solid #4f5b66;
}

.grab-ni-right-ul {
  list-style: none;
  margin-bottom: 0;
}

.grab-ni {
  position: relative;
  top: 25px;
}

.supportive-padding {
  padding: 25px 30px 10px 30px !important;
}

.grab-ni-number {
  font-family: "Inter", sans-serif;
  background: #feba0233;
  position: relative;
  top: 9px;
  left: 21px;
  padding: 11px 24px 11px 14px;
  text-align: center;
  color: #343d46;
  border-radius: 6px;
  margin-bottom: 18px;
  font-size: 24px;
  font-weight: 400;
}

.grab-ni-brand {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  color: #a3acb2;
}

.grab-ni-camboo {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #65737e;
}

.grab-ni-order {
  color: #7d7d7d;
  font-weight: 500;
}

.gran-ni-head {
  font-family: "grab_community_solid_enbold";
  font-size: 14px;
  color: #ac1e11;
  text-align: center;
  margin-top: 5px;
}

.grab-ni {
  text-align: center;
}

.see-all-bt {
  font-family: "Inter", sans-serif;
  color: #343d46;
  font-weight: 500;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  top: 43px;
  position: relative;
}

.grab-ni-left {
  background: #feba02;
}

.grab-ni-left1 {
  background: #ff806b;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.grab-ni-left1 .gran-ni-head {
  color: #d3f035;
}

.grab-ni-left1 .see-all-bt {
  color: #fff;
}

.grab-ni-right-bg {
  background: #feba021a;
  border-bottom: 1px solid #feba024d;
  padding: 5px 0px;
}

.grab-ni-right-bg-white {
  background: #feba021a;
  border-bottom: 1px solid #feba024d;
  padding: 5px 0px;
}

.grab-ni-right-bg1 {
  background: #ff806b1a;
  border-bottom: 1px solid #ff806b4d;
  padding: 5px 0px;
}

.grab-ni-right-bg-white1 {
  background: #ff806b1a;
  border-bottom: 1px solid #ff806b4d;
  padding: 5px 0px;
}

.grab-ni-right-bg2 {
  background: #ffe0a11a;
  border-bottom: 1px solid #ffe0a14d;
  padding: 5px 0px;
}

.grab-ni-right-bg-white2 {
  background: #ffe0a11a;
  border-bottom: 1px solid #ffe0a14d;
  padding: 5px 0px;
}

.grab-ni-right-bg3 {
  background: #f3b0861a;
  border-bottom: 1px solid #f3b0864d;
  padding: 5px 0px;
}

.grab-ni-right-bg-white3 {
  background: #f3b0861a;
  border-bottom: 1px solid #f3b0864d;
  padding: 5px 0px;
}

.grab-ni-right-bg .grab-ni-number {
  background: #feba0233;
}

.grab-ni-right-bg-white .grab-ni-number {
  background: #feba0233;
}

.grab-ni-right-bg1 .grab-ni-number {
  background: #ff806b33;
}

.grab-ni-right-bg-white1 .grab-ni-number {
  background: #ff806b33;
}

.grab-ni-right-bg2 .grab-ni-number {
  background: #ffe0a133;
}

.grab-ni-right-bg-white2 .grab-ni-number {
  background: #ffe0a133;
}

.grab-ni-right-bg3 .grab-ni-number {
  background: #f3b08633;
}

.grab-ni-right-bg-white3 .grab-ni-number {
  background: #f3b08633;
}

.grab-ni-left2 {
  background: #ffe0a1;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.grab-ni-left2 .gran-ni-head {
  color: #005673;
}

.grab-ni-left2 .see-all-bt {
  color: #343d46;
}

.grab-ni-left3 {
  background: #f3b086;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.grab-ni-left3 .gran-ni-head {
  color: #005339;
}

.grab-ni-left3 .see-all-bt {
  color: #343d46;
}

.grab-custom-padding {
  padding: 0px !important;
}

.bor-right {
  border-top-right-radius: 20px;
}

.bor-right-bottom {
  border-bottom-right-radius: 20px;
}

.grab-ni-left {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

/*.carousel-indicators [data-bs-target] {
    width: 20px !important;
    height: 2px !important;
    border-radius: 100% !important;
    background: #cccccc !important;
    top: 35px;
    position: relative;
} */

.btn.grab {
  border: 1px solid #e1e2e2;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  color: #818f99;
}

.view-leaderboard a {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0.07em;
  color: #a3acb2;
  text-decoration: none;
  text-transform: uppercase;
}

@media (max-width: 991.98px) {
  .custom-carousel .slick-list {
    overflow: revert;
  }

  .leaders-courosel-card-courosel {
    padding: 15px 0px 0px 0px;
  }

  .carousel-indicators.dots-indicators.leader-tab {
    top: 96% !important;
  }

  .leaders-courosel-items-card {
    top: 10px;
    position: relative;
  }
}

.side-none {
  display: none !important;
}

@media (max-width: 419.98px) {
  .nomi-r-image.nominee img {
    width: 551px;
    margin-left: -171px;
  }
}

@media (min-width: 420px) {
  .nomi-r-image.nominee img {
    width: 100%;
    margin-left: 0px;
  }
}

.span-a {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.2px;
  text-align: center;
  position: relative;
  top: -2px;
}

@media (max-width: 991.98px) {
  button.nav-link.tababoutmob {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.4px;
    text-align: center;
    color: #818f99;
    border: 1px solid #f2f2f3 !important;
    white-space: nowrap;
  }

  button.nav-link.active.tababoutmob {
    border: 0px solid #f2f2f3 !important;
    background: #4f5b66 !important;
    color: #fff !important;
  }

  #MobAboutTab {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
  }

  #MobAboutTab::-webkit-scrollbar {
    display: none;
  }

  #MobAboutTab {
    -ms-overflow-style: none;
    scrollbar-width: none;
    left: 7px;
    position: relative;
  }

  .nomi-r-image.leader img {
    padding-bottom: 40px;
  }

  .tab-mainhead-h1 {
    font-size: 32px;
    line-height: 38.4px;
    text-align: center;
    color: #005339;
    padding-top: 20px;
  }

  .tab-mainhead-span {
    font-size: 32px;
    line-height: 38.4px;
    text-align: center;
  }

  .tab-mainhead-p {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 22.4px;
    text-align: center;
  }

  .btn.grab {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.4px;
    text-align: left;
  }

  .btn.grab.active {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.4px;
    text-align: left;
    color: #fff;
  }

  .btn.grab {
    margin-top: 15px;
    margin-left: 5px;
  }

  .select-home {
    margin-top: -25px;
    padding-bottom: 25px;
    text-align: center;
  }

  #food-category {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.4px;
    text-align: left;
    color: #343d46;
    border: 1px solid #005339;
    border-radius: 20px;
    padding: 9px 15px;
    text-align: center;
    width: 100%;
  }

  .nomi-select {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.4px;
    text-align: left;
    color: #343d46;
    border: 1px solid #005339;
    border-radius: 20px;
    padding: 9px 15px;
    text-align: center;
    width: 100%;
  }

  .cat-head {
    font-family: "grab_community_solid_enbold";
    font-size: 20px;
    line-height: 24px;
    color: #ac1e11;
    margin: 0px 10px 0px 10px;
    text-align: center;
  }

  .grab-mobtab-frow {
    background: #feba02;
    padding: 9px 0px;
  }

  .number-mob-tab {
    background: #feba0233;
  }

  .logo-brand {
    padding: 0px 0px 0px 15px;
  }

  .cat-head-trow {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    margin: 0px 10px 0px 10px;
    color: #65737e;
  }

  .cat-head-pill {
    font-family: "Inter", sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    color: #a3acb2;
    margin-left: 10px;
  }

  .grab-mobtab-thirdrow {
    padding: 20px 15px;
    border-bottom: 1.5px solid #ffe7a2;
  }

  .gf-fave {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: center;
    color: #65737e;
    margin-left: -32px;
  }

  .view-board a {
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    letter-spacing: 0.05em;
    color: #a3acb2;
    text-transform: uppercase;
    font-family: "Inter", sans-serif;
    text-decoration: none;
  }

  .view-board a:hover {
    color: #a3acb2;
  }

  .number-mob-tab img {
    width: 50px;
  }

  .span-a {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.2px;
    text-align: center;
    position: relative;
  }

  .grab-mobtab {
    text-align: left;
  }

  .number-mob-tab {
    min-width: 60px;
    min-height: 60px;
    border-radius: 6px;
    color: #343d46;
    font-size: 32px;
    font-family: "Inter", sans-serif;
  }

  .grab-mobtab-trow {
    padding: 20px 15px;
    border-bottom: 1.5px solid #ffe7a2;
  }

  .see-all-mob a {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    letter-spacing: 0.05em;
    text-align: right;
    color: #7f6b2d;
    text-decoration: none;
  }

  .view-leaderboard a {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    letter-spacing: 0.07em;
    text-align: right;
    color: #a3acb2;
    text-decoration: none;
    text-transform: uppercase;
  }

  .national_icons {
    padding-bottom: 0px;
  }

  .mob-flow {
    display: flex;
    width: 100%;
    overflow-x: scroll;
  }

  .logo-brand img {
    width: 50px;
    height: 50px;
  }

  .mob-flow {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .mob-flow::-webkit-scrollbar {
    display: none;
    /* Hide scrollbar for Chrome, Safari, and Opera */
  }

  .mob-flow {
    -ms-overflow-style: none;
    /* Hide scrollbar for IE and Edge */
    scrollbar-width: none;
    /* Hide scrollbar for Firefox */
  }

  .btn.grab {
    white-space: nowrap;
  }
}

.grab-ni img {
  /*background-image: url("../img/brand-bg-cut.webp");*/
  padding: 4px;
  background-position: center center;
  width: 60px;
  background-repeat: no-repeat;
  position: relative;
  border-radius: 5px;
  top: -10px;
}

.se-img img {
  background: none;
}

/*  Home Tab */

/*  Home Footer Before 2 column Section   */

.video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio */
}

.video-container iframe,
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.tab-below-padding {
  padding: 60px 0px;
}

.tab-below-bgcolor {
  background: #eeeeee;
}

.tab-below-h4 {
  font-family: "grab_community_solid_enmedium";
  font-size: 30px;
  line-height: 40px;
  text-align: left;
  color: #005339;
}

.tab-below-span {
  font-family: "grab_community_en_v2.0inline";
  font-size: 30px;
  line-height: 40px;
  text-align: left;
  color: #005339;
}

.tab-below-p {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
  text-align: left;
  color: #343d46;
}

a.tab-below-btn {
  background: #005339;
  color: #fff;
  text-decoration: none;
  border-radius: 25px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
  display: inline-block;
  padding: 16px 0px;
}

a.tab-below-btn:hover {
  color: #fff;
}

a.tab-below-btnhome {
  background: #005339;
  color: #fff;
  text-decoration: none;
  padding: 14px 40px 14px 40px;
  border-radius: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

a.tab-below-btnhome:hover {
  color: #fff;
}

.tab-below-h4 {
  text-align: left;
}

@media screen and (min-width: 992px) {
  .tab-padding {
    padding: 60px 0px;
  }

  .tab-padding {
    padding: 60px 0px;
  }
}

@media screen and (max-width: 991.8px) {
  .tab-below-btn-mob {
    text-align: center;
  }

  .tab-below-p {
    text-align: center;
  }

  .tab-below-h4 {
    text-align: center;
  }
}

/*  Home Footer Before 2 column Section   */

/* footer */

.foo-logo-text {
  font-family: "grab_community_en_v2.0inline";
  font-size: 40px;
  line-height: 44px;
  text-align: left;
  color: #fff;
}

.bg-footer {
  background: #272d33;
  padding: 30px 0px;
}

.social-icons-banner-foo img {
  width: 24px;
}

.social-headf {
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 14.52px;
  text-align: center;
  position: absolute;
  text-transform: uppercase;
  color: #a3acb2;
}

.social-icons-banner-foo {
  margin-left: 2px;
}

.apple-text {
  position: absolute;
  margin-top: -17px;
  margin-left: 22px;
}

.android-text {
  position: absolute;
  margin-top: -17px;
  margin-left: 22px;
}

.android img {
  margin-top: -9px;
  margin-left: -10px;
}

.app-store {
  background: #000000;
  padding: 0px 20px;
  border-radius: 10px;
  max-height: 47px;
  display: inline-block;
  border: 0.2px solid #ffffff;
}

.apple img {
  margin-top: -15px;
}

.social-menu ul {
  display: flex;
}

.googly-play {
  background: #000000;
  padding: 0px 20px;
  border-radius: 10px;
  max-height: 47px;
  display: inline-block;
  border: 0.2px solid #ffffff;
}

.social-menu ul li {
  list-style: none;
  margin: 0 4px;
}

.social-menu ul li .fab {
  font-size: 30px;
  line-height: 60px;
  transition: 0.3s;
  color: #000;
}

.social-menu ul li .fab:hover {
  color: #fff;
}

.follow-s {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  text-align: center;
  color: #7777;
}

.social-menu ul li a {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
}

.social-menu ul li a:hover {
  transform: translate(0, -10%);
}

.social-menu ul li:nth-child(1) a:hover {
  background-color: rgba(0, 0, 0, 0.829);
}

.social-menu ul li:nth-child(2) a:hover {
  background-color: #e4405f;
}

.social-menu ul li:nth-child(3) a:hover {
  background-color: #0077b5;
}

.social-menu ul li:nth-child(4) a:hover {
  background-color: #000;
}

.terms-txt {
  text-align: right;
}

.privacy-txt a {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  text-align: right;
  text-decoration: none;
  color: #818f99;
}

.privacy-txt a:hover {
  color: #d5d5d5;
}

.pvc {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  color: #4f5b66;
  margin-top: 10px;
}

.secondary-footerbg {
  background: #d9fcde;
  padding: 15px 0px;
}

.sf1 {
  font-family: "grab_community_solid_enbold";
  font-size: 24px;
  line-height: 28.8px;
  text-align: left;
  color: #005339;
  position: relative;
  top: 10px !important;
}

.sf2 {
  font-family: "Inter", sans-serif;
  background: #1f8a35;
  padding: 10px;
  border-radius: 8px;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  margin: 0 10px;
}

.sf3 a {
  font-family: "Inter", sans-serif;
  text-decoration: none;
  color: #005339;
  border-radius: 20px;
  padding: 10px 24px 10px 24px;
  background: #0053391a;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.05rem;
  top: 10px;
  position: relative;
}

.sf3 a:hover {
  font-family: "Inter", sans-serif;
  text-decoration: none;
  color: #005339;
  border-radius: 20px;
  padding: 10px 24px 10px 24px;
  background: #0053391a;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.05rem;
}

@media (max-width: 991.98px) {
  .privacy-txt {
    text-align: center;
  }

  .pvc {
    text-align: center;
  }

  .foo-logo-text {
    text-align: center;
  }

  .googly-play {
    background: #000000;
    padding: 0px 20px;
    border-radius: 10px;
    min-height: 43px;
    display: inline-block;
    margin: 20px 0px;
  }

  .app-store {
    background: #000000;
    padding: 0px 20px;
    border-radius: 10px;
    min-height: 42px;
    display: inline-block;
  }

  .sf1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 38.4px;
    text-align: center;
    color: #005339;
  }

  .secondary-footerbg {
    line-height: 50px;
  }
}

/* footer */

.step-container {
  display: flex;
  align-items: flex-start;
  background: #37d2db1a;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 20px;
  box-shadow: 0px 0px 20px 0px #00000026;
  min-height: 216px;
}

.step-icon {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -40px;
  position: relative;
  left: -15px;
}

.step-icon img {
  width: 60px;
  height: 60px;
}

.step-content {
  max-width: 600px;
  text-align: left;
}

.step-title {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #005339;
}

.step-description {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  color: #65737e;
  margin-top: 5px;
}

.step-number {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 19px;
  text-align: left;
  color: #a3acb2;
}

.step-clr {
  background: #00b14f;
  padding-left: 56px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

/*about-2*/

/* About page */

.about-hw {
  font-family: "grab_community_en_v2.0inline";
  font-size: 40px;
  line-height: 44px;
  text-align: left;
  color: #00b14f;
}

.about-hw-span {
  font-family: "grab_community_solid_enbold";
  font-size: 40px;
  line-height: 44px;
  text-align: left;
  color: #005339;
}

.fan-premier {
  background: #feba02;
  padding: 15px;
  border-radius: 15px 15px 0px 0px;
}

.award-badge {
  display: flex;
  border-radius: 8px;
}

.award-badge img {
  text-align: center;
  background: #fff;
  padding: 5px 20px;
  margin: 15px 20px 15px 0px;
  border-radius: 6px;
}

.natinolfavitembgplatinum .award-badge img {
  background: #feba0233;
}

.natinolfavitembg .award-badge img {
  background: #feba0233;
}

.natinolfavitembg1 .award-badge img {
  background: #feba0233;
}

.natinolfavitembgpizzaplatinum .award-badge img {
  background: #ff806b33;
}

.natinolfavitembgpizza .award-badge img {
  background: #ff806b33;
}

.natinolfavitembgpizza1 .award-badge img {
  background: #ff806b33;
}

.natinolfavitembgcofeeplatinum .award-badge img {
  background: #ffe0a166;
}

.natinolfavitembgcofee .award-badge img {
  background: #ffe0a166;
}

.natinolfavitembgcofee1 .award-badge img {
  background: #ffe0a166;
}

.regionalfavesbg .award-badge img {
  background: #6f3a961a;
}

.regionalfavesbg1 .award-badge img {
  background: #6f3a961a;
}

.carousel-indicators.tre.dots-indicators.leader-tab {
  top: 102% !important;
}

.award-badge.tre-n img {
  background: #f3b08633;
}

.fan-fave-item.trn {
  border-bottom: 1px solid #f3b0864d;
}

#GrabNomineeMobileTrendingFoodFavesAbout {
  background: #f3b0861a;
}

@media (min-width: 992px) {
  .award-badge img {
    margin: 15px 5px 15px 14px;
  }
}

.fan-fave-item {
  border-bottom: 1.5px solid #ffe7a2;
}

.shadow.fav-border {
  background: #fff;
  min-height: 300px;
}

.award-badge.me-3.tre img {
  background: #f3b08633;
}

.trebg {
  background: #f3b0861a;
}

.mobaboutborder {
  border-radius: 15px;
  background: #fff;
}

.select-home.aboutmob form {
  background: #fff;
  border-radius: 20px;
}

.nomi-select.aboutmob {
  text-align: left !important;
}

.fan-fave-item {
  display: flex;
  align-items: center;
}

.fan-fave-title {
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  text-align: left;
  color: #a3acb2;
  text-transform: uppercase;
}

.food-item {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  text-align: left;
  color: #65737e;
  margin: 3px 0px;
}

.food-brand {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  color: #65737e;
}

.fav-border {
  border-radius: 15px;
}

.award-badge-1 {
  width: 50px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

.award-badge-2 {
  width: 50px;
  height: 370px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

.award-badge-3 {
  width: 50px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

.nav-container {
  display: flex;
  justify-content: start;
  align-items: center;
  background-color: #f8f9fa;
  padding: 10px 0;
  border-radius: 8px;
}

.nav-item1 {
  margin-right: 10px;
  color: #6c757d;
  font-weight: bold;
}

.display-huge1-about {
  font-family: "grab_community_solid_enmedium";
  font-size: 55px;
  line-height: 60.5px;
  text-align: left;
  color: #fff;
}

.text-secondary1-about {
  width: 784px;
  max-width: 100%;
  font-family: "Inter", sans-serif;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 25.6px;
  text-align: left;
  color: #005339;
}

.ban-about-bg {
  background-image: url("../img/banner-bg.webp");
  width: 100%;
  background-position: top center;
  background-size: cover;
  padding: 120px 0px 110px 0px;
}

.ban-nomi-bg {
  background-image: url(../img/banner-bg-mob.png);
  width: 100%;
  background-position: center center;
  background-size: cover;
  padding: 70px 0px 0px 0px;
}

.nomi-r-image.leader {
  margin-top: 0px;
}

.ban-leader-bg1 {
  background-image: url(../img/banner-bg-mob.png);
  width: 100%;
  background-position: center center;
  background-size: cover;
  padding: 70px 0px 0px 0px;
}

.nomi-r-image img {
  border-radius: 15px;
}

@media only screen and (min-width: 992px) {
  .text-secondary1-about.abo {
    top: 20px;
    position: relative;
  }
}

.tag-single-favs a {
  text-decoration: none;
  color: #a3acb2;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
}

.tags-favs .tag-single-favs a .active {
  color: #4f5b66;
}

.grab-section {
  background-color: #00a651;
  /* Green background color */
  background-image: url("../img/banner-bg-mob.png");
  /* Background image */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  padding: 2rem;
  text-align: center;
}

.grab-section img {
  width: 100%;
  height: auto;
  max-width: 800px;
  /* Ensure image is not too wide */
  border-radius: 10px;
}

@media only screen and (min-width: 992px) {
  .nominee-sli {
    margin-right: -58%;
  }

  .text-secondary1-about.abo {
    position: relative;
  }

  .ban-media-bg {
    background-image: url("../img/banner-bg.webp");
    width: 100%;
    background-position: top center;
    background-size: cover;
    padding: 50px 0px 50px 0px;
  }

  .ban-nomi-bg {
    background-image: url(../img/about/about-bg.png);
    width: 100%;
    background-position: center center;
    background-size: cover;
    padding: 55px 0px 70px 0px;
  }

  .ban-leader-bg1 {
    background-image: url("../img/about/about-bg.png");
    width: 100%;
    background-position: center center;
    background-size: cover;
    padding: 10px 0px 10px 0px;
  }

  .ban-media-bg {
    background-image: url("../img/about/about-bg.png");
    width: 100%;
    background-position: center center;
    background-size: cover;
    padding: 33px 0px 28px 0px;
  }

  .nom-banner-pad {
    padding: 0px 0px 0px 63px !important;
  }

  .ban-leader-bg {
    background-image: url("../img/banner-bg.webp");
    width: 100%;
    background-position: center center;
    background-size: cover;
    padding: 60px 0px 40px 0px;
  }
}

@media only screen and (max-width: 991.8px) {
  .ban-leader-bg {
    background-image: url("../img/leader/banner-le-mob.png");
    width: 100%;
    background-position: center center;
    background-size: cover;
    padding: 200px 0px 200px 0px;
  }

  .ban-media-bg {
    background-image: url(../img/banner-bg-mob.png);
    width: 100%;
    background-position: center center;
    background-size: cover;
    padding: 33px 0px 28px 0px;
  }
}

.how-to-vote-section {
  padding: 60px 0;
  position: relative;
}

.how-to-vote-title {
  font-family: "grab_community_en_v2.0inline";
  font-size: 40px;
  line-height: 44px;
  text-align: left;
  color: #555555;
}

.how-to-vote-title .highlight {
  font-family: "grab_community_solid_enbold";
  font-size: 40px;
  line-height: 44px;
  text-align: left;
  color: #555555;
}

.about-tab-bg {
  background: #f2f2f3;
}

.tag-single-favs {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
  text-align: left;
  color: #a3acb2;
}

.about-tab-inner-main {
  font-family: "grab_community_solid_enmedium";
  font-size: 32px;
  line-height: 35.2px;
  text-align: left;
  color: #005339;
  margin-bottom: 40px;
}

.fan-premier-head {
  font-family: "grab_community_solid_enbold";
  font-size: 20px;
  line-height: 22px;
  text-align: left;
  color: #ac1e11;
}

.fan-premier-span {
  font-family: "grab_community_en_v2.0inline";
  font-size: 20px;
  line-height: 22px;
  text-align: left;
  color: #555;
}

.shadow.fav-border {
  background: #fff;
}

.about-caro-bg {
  overflow: hidden;
}

.light-box-bg {
  background: #d3f035;
}

@media (max-width: 991.98px) {
  .step-description {
    font-size: 14px;
    line-height: 22.4px;
  }

  .step-container {
    min-height: 0px;
  }

  .about-hw {
    font-size: 28px;
    line-height: 30px;
    text-align: center;
  }

  .about-hw-span {
    font-size: 28px;
    line-height: 30px;
    text-align: center;
  }

  .display-huge1-about {
    font-size: 36px;
    line-height: 44px;
    text-align: center;
  }

  .mob-marmedi {
    top: -20px;
    position: relative;
  }

  .text-secondary1-about {
    font-family: "Inter", sans-serif;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 22.4px;
    text-align: center;
    color: #fff;
  }

  .how-to-vote-title {
    font-family: "grab_community_en_v2.0inline";
    font-size: 32px;
    line-height: 35.2px;
    text-align: center;
  }

  .how-to-vote-title .highlight {
    font-family: "grab_community_solid_enbold";
    font-size: 32px;
    line-height: 35.2px;
    text-align: center;
    color: #555555;
  }

  .step-card-content h5 {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #555;
  }

  .step-card-content p {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;
    color: #777777;
  }

  .step-pill {
    font-family: "Inter", sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: #cccccc;
  }

  #food-category-about {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.4px;
    text-align: left;
    color: #777777;
    border: 1px solid #555555;
    border-radius: 20px;
    padding: 9px 15px;
    text-align: center;
    width: 100%;
    background: transparent;
  }

  .abot-caro-head {
    font-family: "grab_community_solid_enbold";
    font-size: 20px;
    line-height: 22px;
    text-align: left;
    color: #555555;
  }
}

/* About page */

/*courasel slider*/

.slick-slide {
  margin: 10px;
}

.slick-slide img {
  width: 100%;
  border-radius: 20px;
}

.carousel-wrapper .slick-dots li button:before {
  font-size: 20px;
  color: white;
}

.slick-prev::before,
.slick-next::before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #000 !important;
}

.horizotal-line {
  width: 1368px;
  height: 1px;
  background: #dddddd;
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
}

.about-caro-bg {
  background: #eeeeee;
  padding: 30px 0px;
}

.abot-caro-head {
  font-family: "grab_community_en_v2.0inline";
  font-size: 24px;
  line-height: 26.4px;
  text-align: left;
  color: #555555;
}

.abot-caro-span {
  font-family: "grab_community_solid_enbold";
  font-size: 24px;
  line-height: 26.4px;
  text-align: left;
  color: #555555;
}

/*courasel slider*/

/* Leaders Page */

.leaders-accordian {
  width: 100%;
}

.leaders-accordian-body {
  padding: 0 !important;
}

.leaders-list-group-item {
  border: none !important;
}

.leaders-sidebar-social-container {
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 20px 11px 20px;
  background: #d3f035;
  border-radius: 10px;
}

.side-bar-p {
  font-family: "grab_community_solid_enmedium";
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  text-align: left;
  color: #005339;
}

.side-bar-sp {
  font-family: "grab_community_en_v2.0inline";
}

.leaders-courosel-card {
  padding-top: 20px;
  margin-bottom: 50px;
}

.leaders-courosel-card-header {
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  background: #feba02;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -22px;
  margin-bottom: 15px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding-left: 20px;
}

.leaders-courosel-items-card {
  border-radius: 5px;
  margin-bottom: 30px;
}

.leaders-courosel-items-content-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.leaders-courosel-items-content-number {
  padding: 0;
  margin: 0;
  align-self: center;
}

.leaders-courosel-card-btn {
  width: 100%;
  border: none;
  height: 40px;
  margin-top: 40px;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #fff !important;
  color: #343d46 !important;
  border: 0px solid #fff !important;
  box-shadow: none !important;
}

.nav-pills .nav-link {
  border: 1px solid #555555 !important;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  text-align: left;
  color: #555555;
  border-radius: 20px !important;
  margin-left: 5px;
}

.nav-pills .nav-link:hover {
  background-color: #555555 !important;
  color: #fff !important;
  border: 1px solid #555555 !important;
}

.shadow-grab {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 20px;
}

.accordion-header {
  margin-bottom: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  text-align: left;
  --bs-accordion-active-color: #555;
}

.list-group-item.leaders-list-group-item {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.8px;
  text-align: left;
  color: #555555;
}

.accordion-button {
  background: #fff !important;
  font-weight: 500;
}

.leaderboard-caro-head {
  font-family: "grab_community_solid_enbold";
  font-size: 24px;
  line-height: 26.4px;
  text-align: left;
  color: #ac1e11;
}

.leaders-courosel-card-btn {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #005339;
  opacity: 0.3;
}

.caro-brand-span {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14.4px;
  text-align: left;
  color: #a3acb2;
}

.caro-brand-h6 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  text-align: left;
  color: #65737e;
}

.leaders-courosel-items-content-number {
  color: #343d46;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
}

.span-aa {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.2px;
  text-align: center;
  top: -4px;
  position: relative;
}

.leaders-courosel-items-content-container {
  height: 84px;
}

.first-color {
  box-shadow: 0px 2px 2px 0px #0000000d;
  box-shadow: 0px 0px 20px 0px #00000026;
  border-radius: 20px;
}

/*#grabitem-1 .leaders-courosel-items-content-container,
#grabitem-2 .leaders-courosel-items-content-container,
#grabitem-3 .leaders-courosel-items-content-container,
#grabitem-4 .leaders-courosel-items-content-container,
#grabitem-5 .leaders-courosel-items-content-container,
#grabitem-11 .leaders-courosel-items-content-container {
    background: #FEBA021A;
}*/

#grabitem-1 .leaders-courosel-items-content-container::before,
#grabitem-2 .leaders-courosel-items-content-container::before,
#grabitem-3 .leaders-courosel-items-content-container::before,
#grabitem-4 .leaders-courosel-items-content-container::before,
#grabitem-5 .leaders-courosel-items-content-container::before,
#grabitem-11 .leaders-courosel-items-content-container::before {
  background: rgba(254, 186, 2, 0.2);
}

#grabitem-1 .nominee-card,
#grabitem-2 .nominee-card,
#grabitem-3 .nominee-card,
#grabitem-4 .nominee-card,
#grabitem-5 .nominee-card,
#grabitem-11 .nominee-card {
  background: rgba(254, 186, 2, 0.2);
}

#grabitem-1 .nominee-card,
#grabitem-2 .nominee-card,
#grabitem-3 .nominee-card,
#grabitem-4 .nominee-card,
#grabitem-5 .nominee-card {
  background: rgba(254, 186, 2, 0.2);
}

#parent-nominee #grabitem-1 .leaders-courosel-card,
#parent-nominee #grabitem-2 .leaders-courosel-card,
#parent-nominee #grabitem-3 .leaders-courosel-card,
#parent-nominee #grabitem-4 .leaders-courosel-card,
#parent-nominee #grabitem-5 .leaders-courosel-card,
#parent-nominee #grabitem-6 .leaders-courosel-card,
#parent-nominee #grabitem-7 .leaders-courosel-card,
#parent-nominee #grabitem-8 .leaders-courosel-card,
#parent-nominee #grabitem-9 .leaders-courosel-card,
#parent-nominee #grabitem-10 .leaders-courosel-card,
#parent-nominee #grabitem-11 .leaders-courosel-card,
#parent-nominee #grabitem-12 .leaders-courosel-card,
#parent-nominee #grabitem-13 .leaders-courosel-card,
#parent-nominee #grabitem-14 .leaders-courosel-card,
#parent-nominee #grabitem-15 .leaders-courosel-card,
#parent-nominee #grabitem-16 .leaders-courosel-card,
#parent-nominee #grabitem-17 .leaders-courosel-card,
#parent-nominee #grabitem-18 .leaders-courosel-card,
#parent-nominee #grabitem-19 .leaders-courosel-card,
#parent-nominee #grabitem-20 .leaders-courosel-card,
#parent-nominee #grabitem-21 .leaders-courosel-card,
#parent-nominee #grabitem-22 .leaders-courosel-card,
#parent-nominee #grabitem-23 .leaders-courosel-card,
#parent-nominee #grabitem-24 .leaders-courosel-card,
#parent-nominee #grabitem-25 .leaders-courosel-card,
#parent-nominee #grabitem-26 .leaders-courosel-card,
#parent-nominee #grabitem-27 .leaders-courosel-card,
#parent-nominee #grabitem-28 .leaders-courosel-card,
#parent-nominee #grabitem-29 .leaders-courosel-card,
#parent-nominee #grabitem-30 .leaders-courosel-card {
  background: #fff;
}

#parent-nominee #grabitem-1 .leaders-courosel-card,
#parent-nominee #grabitem-2 .leaders-courosel-card,
#parent-nominee #grabitem-3 .leaders-courosel-card,
#parent-nominee #grabitem-4 .leaders-courosel-card,
#parent-nominee #grabitem-5 .leaders-courosel-card,
#parent-nominee #grabitem-6 .leaders-courosel-card,
#parent-nominee #grabitem-7 .leaders-courosel-card,
#parent-nominee #grabitem-8 .leaders-courosel-card,
#parent-nominee #grabitem-9 .leaders-courosel-card,
#parent-nominee #grabitem-10 .leaders-courosel-card,
#parent-nominee #grabitem-11 .leaders-courosel-card,
#parent-nominee #grabitem-12 .leaders-courosel-card,
#parent-nominee #grabitem-13 .leaders-courosel-card,
#parent-nominee #grabitem-14 .leaders-courosel-card,
#parent-nominee #grabitem-15 .leaders-courosel-card,
#parent-nominee #grabitem-16 .leaders-courosel-card,
#parent-nominee #grabitem-17 .leaders-courosel-card,
#parent-nominee #grabitem-18 .leaders-courosel-card,
#parent-nominee #grabitem-19 .leaders-courosel-card,
#parent-nominee #grabitem-20 .leaders-courosel-card,
#parent-nominee #grabitem-21 .leaders-courosel-card,
#parent-nominee #grabitem-22 .leaders-courosel-card,
#parent-nominee #grabitem-23 .leaders-courosel-card,
#parent-nominee #grabitem-24 .leaders-courosel-card,
#parent-nominee #grabitem-25 .leaders-courosel-card,
#parent-nominee #grabitem-26 .leaders-courosel-card,
#parent-nominee #grabitem-27 .leaders-courosel-card,
#parent-nominee #grabitem-28 .leaders-courosel-card,
#parent-nominee #grabitem-29 .leaders-courosel-card,
#parent-nominee #grabitem-30 .leaders-courosel-card {
  background: #fff;
}

#parent-nominee .nationFaves1,
#parent-nominee .nationFaves2,
#parent-nominee .nationFaves3,
#parent-nominee .nationFaves4,
#parent-nominee .nationFaves5,
#parent-nominee .nationFaves6,
#parent-nominee .nationFaves7,
#parent-nominee .nationFaves8,
#parent-nominee .nationFaves9,
#parent-nominee .nationFaves10,
#parent-nominee .nationFaves11,
#parent-nominee .nationFaves12,
#parent-nominee .nationFaves13,
#parent-nominee .nationFaves14,
#parent-nominee .nationFaves15,
#parent-nominee .nationFaves16,
#parent-nominee .nationFaves17,
#parent-nominee .nationFaves18,
#parent-nominee .nationFaves19,
#parent-nominee .nationFaves20,
#parent-nominee .nationFaves21,
#parent-nominee .nationFaves22,
#parent-nominee .nationFaves23,
#parent-nominee .nationFaves24,
#parent-nominee .nationFaves25,
#parent-nominee .nationFaves26,
#parent-nominee .nationFaves27,
#parent-nominee .nationFaves28,
#parent-nominee .nationFaves29,
#parent-nominee .nationFaves30 {
  height: auto;
}

#nationFaves1,
#nationFaves2,
#nationFaves3,
#nationFaves4,
#nationFaves5,
#nationFaves7,
#nationFaves101 {
  height: 420px;
}

#premium-burgernominee .nominee-card,
#burgernominee .nominee-card,
#FriedChickennominee .nominee-card,
#RoastGrilledChickennominee .nominee-card,
#FlavoredChickennominee .nominee-card,
#ChickenBurgernominee .nominee-card,
#ChickenWingsnominee .nominee-card {
  background: rgba(254, 186, 2, 0.2);
}

#premium-burgerleaderboardmob .leaders-courosel-items-card,
#burgerleaderboardmob .leaders-courosel-items-card,
#chikenburgerleaderboardmob .leaders-courosel-items-card,
#FriedChickenleaderboardmob .leaders-courosel-items-card,
#RoastGrilledChickenleaderboardmob .leaders-courosel-items-card,
#FlavoredChickenleaderboardmob .leaders-courosel-items-card {
  min-height: 475px;
}

#premium-burgerleadernationalmob .leaders-courosel-items-card,
#burgerleadernationalmob .leaders-courosel-items-card,
#FriedChickenleadernationalmob .leaders-courosel-items-card,
#RoastGrilledChickenleadernationalmob .leaders-courosel-items-card,
#FlavoredChickenleadernationalmob .leaders-courosel-items-card,
#chikenburgerleadernationalmob .leaders-courosel-items-card {
  min-height: 475px;
}

/*#premium-burgerleadernationalmob .first-color,
#burgerleadernationalmob .first-color,
#FriedChickenleadernationalmob .first-color,
#RoastGrilledChickenleadernationalmob .first-color,
#FlavoredChickenleadernationalmob .first-color,
#chikenburgerleadernationalmob .first-color {
    background: #fff3cf;
}*/

#premium-burgernomineenational .nominee-card,
#burgernomineenational .nominee-card,
#FriedChickennomineenational .nominee-card,
#RoastGrilledChickennomineenational .nominee-card,
#FlavoredChickennomineenational .nominee-card,
#ChickenWingsnomineenational .nominee-card,
#ChickenBurgernomineenational .nominee-card {
  background: rgba(254, 186, 2, 0.2);
}

#premium-burgerhomemob .mobil-homegrab,
#burgerhomemob .mobil-homegrab,
#FriedChickenhomemob .mobil-homegrab,
#RoastGrilledChickenhomemob .mobil-homegrab,
#FlavoredChickenhomemob .mobil-homegrab,
#ChickenWingshomemob .mobil-homegrab {
  background: #feba021a;
}

#premium-burgerhomemob .number-mob-tab,
#burgerhomemob .number-mob-tab,
#FriedChickenhomemob .number-mob-tab,
#RoastGrilledChickenhomemob .number-mob-tab,
#FlavoredChickenhomemob .number-mob-tab,
#ChickenWingshomemob .number-mob-tab {
  background: #feba0233;
}

#premium-burgerhomenationalmob .mobil-homegrab,
#burgerhomenationalmob .mobil-homegrab,
#FriedChickenhomenationalmob .mobil-homegrab,
#RoastGrilledChickenhomenationalmob .mobil-homegrab,
#FlavoredChickenhomenationalmob .mobil-homegrab,
#ChickenWingshomenationalmob .mobil-homegrab {
  background: #feba021a;
}


#premium-burgerhomenationalmob .number-mob-tab,
#burgerhomenationalmob .number-mob-tab,
#FriedChickenhomenationalmob .number-mob-tab,
#RoastGrilledChickenhomenationalmob .number-mob-tab,
#FlavoredChickenhomenationalmob .number-mob-tab,
#ChickenWingshomenationalmob .number-mob-tab {
  background: #feba0233;
}

#burgerhomenationalmob1 .mobil-homegrab,
#chickenburgerhomenationalmob1 .mobil-homegrab,
#Coffeehomenationalmob1 .mobil-homegrab,
#FlavoredChickenhomenationalmob1 .mobil-homegrab,
#FriedChickenhomenationalmob1 .mobil-homegrab,
#FriesOnioRingshomenationalmob1 .mobil-homegrab,
#HealthyOptionshomenationalmob1 .mobil-homegrab,
#Pastahomenationalmob1 .mobil-homegrab,
#RiceBowlhomenationalmob1 .mobil-homegrab,
#RoastGrilledChickenhomenationalmob1 .mobil-homegrab,
#Cakeshomenationalmob1 .mobil-homegrab,
#Coolersmob1 .mobil-homegrab,
#Filipinomob1 .mobil-homegrab,
#Dessertsmob1 .mobil-homegrab{
  background:  #f3b08633;
}

#burgerhomenationalmob1 .number-mob-tab,
#chickenburgerhomenationalmob1 .number-mob-tab,
#Coffeehomenationalmob1 .number-mob-tab,
#FlavoredChickenhomenationalmob1 .number-mob-tab,
#FriedChickenhomenationalmob1 .number-mob-tab,
#FriesOnioRingshomenationalmob1 .number-mob-tab,
#HealthyOptionshomenationalmob1 .number-mob-tab,
#Pastahomenationalmob1 .number-mob-tab,
#RiceBowlhomenationalmob1 .number-mob-tab,
#RoastGrilledChickenhomenationalmob1 .number-mob-tab,
#Cakeshomenationalmob1 .number-mob-tab,
#Coolersmob1 .number-mob-tab,
#Filipinomob1 .number-mob-tab,
#Dessertsmob1 .number-mob-tab{
  background: #ff806b33;
}

#premium-burgerleaderboardmob .leaders-courosel-items-content-container::before,
#burgerleaderboardmob .leaders-courosel-items-content-container::before,
#FriedChickenleaderboardmob .leaders-courosel-items-content-container::before,
#RoastGrilledChickenleaderboardmob
  .leaders-courosel-items-content-container::before,
#FlavoredChickenleaderboardmob
  .leaders-courosel-items-content-container::before,
#ChickenWingsleaderboardmob .leaders-courosel-items-content-container::before {
  background: rgba(254, 186, 2, 0.2);
}

#premium-burgerleadernationalmob .leaders-courosel-items-content-container,
#burgerleadernationalmob .leaders-courosel-items-content-container,
#FriedChickenleadernationalmob .leaders-courosel-items-content-container,
#RoastGrilledChickenleadernationalmob .leaders-courosel-items-content-container,
#FlavoredChickenleadernationalmob .leaders-courosel-items-content-container,
#ChickenWingsleadernationalmob .leaders-courosel-items-content-container {
  background: #feba021a;
}

#premium-burgerleadernationalmob
  .leaders-courosel-items-content-container::before,
#burgerleadernationalmob .leaders-courosel-items-content-container::before,
#FriedChickenleadernationalmob
  .leaders-courosel-items-content-container::before,
#RoastGrilledChickenleadernationalmob
  .leaders-courosel-items-content-container::before,
#FlavoredChickenleadernationalmob
  .leaders-courosel-items-content-container::before,
#ChickenWingsleadernationalmob
  .leaders-courosel-items-content-container::before {
  background: #feba02;
  opacity: 0.2;
}

#nationFaves6,
#nationFaves7,
#nationFaves8,
#nationFaves9,
#nationFaves10,
#nationFaves12 {
  height: 420px;
}

#grabitem-6 .leaders-courosel-items-content-container::before,
#grabitem-7 .leaders-courosel-items-content-container::before,
#grabitem-8 .leaders-courosel-items-content-container::before,
#grabitem-9 .leaders-courosel-items-content-container::before,
#grabitem-10 .leaders-courosel-items-content-container::before,
#grabitem-12 .leaders-courosel-items-content-container::before {
  background: rgba(254, 186, 2, 0.2);
}

#grabitem-6 .nominee-card,
#grabitem-7 .nominee-card,
#grabitem-8 .nominee-card,
#grabitem-9 .nominee-card,
#grabitem-10 .nominee-card,
#grabitem-12 .nominee-card {
  background: rgba(254, 186, 2, 0.2);
}

#Pastanominee .nominee-card,
#HealthyOptionsnominee .nominee-card,
#RiceBowlnominee .nominee-card,
#BurgerMealsnominee .nominee-card,
#ComboMealsnominee .nominee-card,
#Pizzanominee .nominee-card {
  background: rgba(254, 186, 2, 0.2);
}

#Pizzahomemob .mobil-homegrab,
#Pastahomemob .mobil-homegrab,
#HealthyOptionshomemob .mobil-homegrab,
#RiceBowlhomemob .mobil-homegrab,
#BurgerMealshomemob .mobil-homegrab,
#ComboMealshomemob .mobil-homegrab {
  background: #ff806b33;
}

#Pizzahomemob .number-mob-tab,
#Pastahomemob .number-mob-tab,
#HealthyOptionshomemob .number-mob-tab,
#RiceBowlhomemob .number-mob-tab,
#BurgerMealshomemob .number-mob-tab,
#ComboMealshomemob .number-mob-tab {
  background: #ff806b33;
}

#Pizzahomenationalmob .mobil-homegrab,
#Pastahomenationalmob .mobil-homegrab,
#HealthyOptionshomenationalmob .mobil-homegrab,
#RiceBowlhomenationalmob .mobil-homegrab,
#BurgerMealshomenationalmob .mobil-homegrab,
#ComboMealshomenationalmob .mobil-homegrab {
  background: #ff806b33;
}

#Pizzahomenationalmob .number-mob-tab,
#Pastahomenationalmob .number-mob-tab,
#HealthyOptionshomenationalmob .number-mob-tab,
#RiceBowlhomenationalmob .number-mob-tab,
#BurgerMealshomenationalmob .number-mob-tab,
#ComboMealshomenationalmob .number-mob-tab {
  background: #ff806b33;
}

#Pizzanomineenational .nominee-card,
#Pastanomineenational .nominee-card,
#HealthyOptionsnomineenational .nominee-card,
#RiceBowlnomineenational .nominee-card,
#BurgerMealsnomineenational .nominee-card,
#ComboMealsnomineenational .nominee-card {
  background: rgba(254, 186, 2, 0.2);
}

#Pizzaleaderboardmob .leaders-courosel-items-card,
#Pastaleaderboardmob .leaders-courosel-items-card,
#HealthyOptionsleaderboardmob .leaders-courosel-items-card,
#RiceBowlleaderboardmob .leaders-courosel-items-card,
#BurgerMealsleaderboardmob .leaders-courosel-items-card,
#ComboMealsleaderboardmob .leaders-courosel-items-card {
  min-height: 475px;
}

#Pizzaleadernationalmob .leaders-courosel-items-card,
#Pastaleadernationalmob .leaders-courosel-items-card,
#HealthyOptionsleadernationalmob .leaders-courosel-items-card,
#RiceBowlleadernationalmob .leaders-courosel-items-card,
#BurgerMealsleadernationalmob .leaders-courosel-items-card,
#ComboMealsleadernationalmob .leaders-courosel-items-card {
  min-height: 475px;
}

/*#Pizzaleadernationalmob .first-color,
#Pastaleadernationalmob .first-color,
#HealthyOptionsleadernationalmob .first-color,
#RiceBowlleadernationalmob .first-color,
#BurgerMealsleadernationalmob .first-color,
#ComboMealsleadernationalmob .first-color
 {
    background: #fff2f0;
}*/

#Pizzaleaderboardmob .leaders-courosel-items-content-container::before,
#Pastaleaderboardmob .leaders-courosel-items-content-container::before,
#HealthyOptionsleaderboardmob .leaders-courosel-items-content-container::before,
#RiceBowlleaderboardmob .leaders-courosel-items-content-container::before,
#BurgerMealsleaderboardmob .leaders-courosel-items-content-container::before,
#ComboMealsleaderboardmob .leaders-courosel-items-content-container::before {
  background: rgba(254, 186, 2, 0.2);
}

#Pizzaleadernationalmob .leaders-courosel-items-content-container,
#Pastaleadernationalmob .leaders-courosel-items-content-container,
#HealthyOptionsleadernationalmob .leaders-courosel-items-content-container,
#RiceBowlleadernationalmob .leaders-courosel-items-content-container,
#BurgerMealsleadernationalmob .leaders-courosel-items-content-container,
#ComboMealsleadernationalmob .leaders-courosel-items-content-container {
  background: #ff806b1a;
}

#Pizzaleadernationalmob .leaders-courosel-items-content-container::before,
#Pastaleadernationalmob .leaders-courosel-items-content-container::before,
#HealthyOptionsleadernationalmob
  .leaders-courosel-items-content-container::before,
#RiceBowlleadernationalmob .leaders-courosel-items-content-container::before,
#BurgerMealsleadernationalmob .leaders-courosel-items-content-container::before,
#ComboMealsleadernationalmob .leaders-courosel-items-content-container::before {
  background: #ff806b;
  opacity: 0.1;
}

#nationFaves13,
#nationFaves14,
#nationFaves15,
#nationFaves16,
#nationFaves17 {
  height: 420px;
}

#grabitem-13 .leaders-courosel-items-content-container::before,
#grabitem-14 .leaders-courosel-items-content-container::before,
#grabitem-15 .leaders-courosel-items-content-container::before,
#grabitem-16 .leaders-courosel-items-content-container::before,
#grabitem-17 .leaders-courosel-items-content-container::before {
  background: rgba(254, 186, 2, 0.2);
}

#grabitem-13 .nominee-card,
#grabitem-14 .nominee-card,
#grabitem-15 .nominee-card,
#grabitem-16 .nominee-card,
#grabitem-17 .nominee-card {
  background: rgba(254, 186, 2, 0.2);
}

#Coffeenominee .nominee-card,
#Milkteanominee .nominee-card,
#FriesOnioRingsnominee .nominee-card,
#CokeSulitComboMealsnominee .nominee-card,
#Cakesnominee .nominee-card {
  background: rgba(254, 186, 2, 0.2);
}

#Coffeehomemob .mobil-homegrab,
#Milkteahomemob .mobil-homegrab,
#FriesOnioRingshomemob .mobil-homegrab,
#CokeSulitComboMealshomemob .mobil-homegrab,
#Cakeshomemob .mobil-homegrab {
  background: #ffe0a166;
}

#Coffeehomemob .number-mob-tab,
#Milkteahomemob .number-mob-tab,
#FriesOnioRingshomemob .number-mob-tab,
#CokeSulitComboMealshomemob .number-mob-tab,
#Cakeshomemob .number-mob-tab {
  background: #ffe0a166;
}

#Coffeehomenationalmob .mobil-homegrab,
#Milkteahomenationalmob .mobil-homegrab,
#FriesOnioRingshomenationalmob .mobil-homegrab,
#CokeSulitComboMealshomenationalmob .mobil-homegrab,
#Cakeshomenationalmob .mobil-homegrab {
  background: #ffe0a166;
}

#Coffeehomenationalmob .number-mob-tab,
#Milkteahomenationalmob .number-mob-tab,
#FriesOnioRingshomenationalmob .number-mob-tab,
#CokeSulitComboMealshomenationalmob .number-mob-tab,
#Cakeshomenationalmob .number-mob-tab {
  background: #ffe0a166;
}

#Coffeenomineenational .nominee-card,
#Milkteanomineenational .nominee-card,
#FriesOnioRingsnomineenational .nominee-card,
#Cakesnomineenational .nominee-card {
  background: rgba(254, 186, 2, 0.2);
}

#Coffeeleaderboardmob .leaders-courosel-items-card,
#Milktealeaderboardmob .leaders-courosel-items-card,
#FriesOnioRingsleaderboardmob .leaders-courosel-items-card,
#Cakesleaderboardmob .leaders-courosel-items-card {
  min-height: 475px;
}

#Coffeeleadernationalmob .leaders-courosel-items-card,
#Milktealeadernationalmob .leaders-courosel-items-card,
#FriesOnioRingsleadernationalmob .leaders-courosel-items-card,
#Cakesleadernationalmob .leaders-courosel-items-card {
  min-height: 475px;
}

#Coffeeleadernationalmob .first-color,
#Milktealeadernationalmob .first-color,
#FriesOnioRingsleadernationalmob .first-color,
#Cakesleadernationalmob .first-color {
  background: #fffcf5;
}

#Coffeeleaderboardmob .leaders-courosel-items-content-container::before,
#Milktealeaderboardmob .leaders-courosel-items-content-container::before,
#FriesOnioRingsleaderboardmob .leaders-courosel-items-content-container::before,
#CokeSulitComboMealsleaderboardmob
  .leaders-courosel-items-content-container::before,
#Cakesleaderboardmob .leaders-courosel-items-content-container::before {
  background: rgba(254, 186, 2, 0.2);
}

#Coffeeleadernationalmob .leaders-courosel-items-content-container,
#Milktealeadernationalmob .leaders-courosel-items-content-container,
#FriesOnioRingsleadernationalmob .leaders-courosel-items-content-container,
#Cakesleadernationalmob .leaders-courosel-items-content-container {
  background: #ffe0a11a;
}

#Coffeeleadernationalmob .leaders-courosel-items-content-container::before,
#Milktealeadernationalmob .leaders-courosel-items-content-container::before,
#FriesOnioRingsleadernationalmob
  .leaders-courosel-items-content-container::before,
#Cakesleadernationalmob .leaders-courosel-items-content-container::before {
  background: #ffe0a1;
  opacity: 0.3;
}

#nationFaves26,
#nationFaves27,
#nationFaves28 {
  height: 420px;
}

#grabitem-26 .leaders-courosel-items-content-container::before,
#grabitem-27 .leaders-courosel-items-content-container::before,
#grabitem-28 .leaders-courosel-items-content-container::before {
  background: rgba(243, 176, 134, 0.2);
}

#grabitem-26 .nominee-card,
#grabitem-27 .nominee-card,
#grabitem-28 .nominee-card {
  background: rgba(243, 176, 134, 0.2);
}

#AsianTrendingallm .nominee-card,
#FilipinoTrendingallm .nominee-card,
#DessertsTrendingallm .nominee-card {
  background: rgba(243, 176, 134, 0.2);
}

#Asianhomemob .mobil-homegrab,
#Filipinohomemob .mobil-homegrab,
#Dessertshomemob .mobil-homegrab {
  background: #f3b0864d;
}

#Asianhomemob .number-mob-tab,
#Filipinohomemob .number-mob-tab,
#Dessertshomemob .number-mob-tab {
  background: #f3b08633;
}

#trendingfoodfavesasianhomemob .mobil-homegrab,
#trendingfoodfaveshomefilipinomob .mobil-homegrab,
#trendingfoodfaveshomedessertsmob .mobil-homegrab {
  background: #f3b0864d;
}

#trendingfoodfavesasianhomemob .number-mob-tab,
#trendingfoodfaveshomefilipinomob .number-mob-tab,
#trendingfoodfaveshomedessertsmob .number-mob-tab {
  background: #f3b08633;
}

#Luzonhomemob .mobil-homegrab,
#Visayashomemob .mobil-homegrab,
#Mindanaohomemob .mobil-homegrab {
  background: #6f3a961a;
}

#Luzonhomemob .number-mob-tab,
#Visayashomemob .number-mob-tab,
#Mindanaohomemob .number-mob-tab {
  background: #6f3a961a;
}

#Luzonhomeregionalmob .mobil-homegrab,
#Visayashomeregionalmob .mobil-homegrab,
#Mindanaohomeregionalmob .mobil-homegrab {
  background: #6f3a961a;
}

#Luzonhomeregionalmob .number-mob-tab,
#Visayashomeregionalmob .number-mob-tab,
#Mindanaohomeregionalmob .number-mob-tab {
  background: #6f3a961a;
}

#MarsPetPartnersoftheYearhomemob .mobil-homegrab,
#PepsiCVSPartnersoftheYearhomemob .mobil-homegrab,
#UnilabPharmacyPartnersoftheYearhomemob .mobil-homegrab,
#DiageoSanMiguelPartnersoftheYearhomemob .mobil-homegrab,
#BestFreshnessMerchantshomemob .mobil-homegrab {
  background: #4881d51a;
}

#MarsPetPartnersoftheYearhomemob .number-mob-tab,
#PepsiCVSPartnersoftheYearhomemob .number-mob-tab,
#UnilabPharmacyPartnersoftheYearhomemob .number-mob-tab,
#DiageoSanMiguelPartnersoftheYearhomemob .number-mob-tab,
#BestFreshnessMerchantshomemob .number-mob-tab {
  background: #6f3a961a;
}

#MarsPetPartnersoftheYearhomegrabmartmob .mobil-homegrab,
#PepsiCVSPartnersoftheYearhomegrabmartmob .mobil-homegrab,
#UnilabPharmacyPartnersoftheYearhomegrabmartmob .mobil-homegrab,
#DiageoSanMiguelPartnersoftheYearhomegrabmartmob .mobil-homegrab,
#BestFreshnessMerchantshomegrabmartmob .mobil-homegrab {
  background: #4881d51a;
}

#MarsPetPartnersoftheYearhomegrabmartmob .number-mob-tab,
#PepsiCVSPartnersoftheYearhomegrabmartmob .number-mob-tab,
#UnilabPharmacyPartnersoftheYearhomegrabmartmob .number-mob-tab,
#DiageoSanMiguelPartnersoftheYearhomegrabmartmob .number-mob-tab,
#BestFreshnessMerchantshomegrabmartmob .number-mob-tab {
  background: #6f3a961a;
}

#AsianTrending .nominee-card,
#FilipinoTrending .nominee-card,
#DessertsTrending .nominee-card {
  background: rgba(243, 176, 134, 0.2);
}

#Asianallmobtre .leaders-courosel-items-card,
#Filipinoallmobtre .leaders-courosel-items-card,
#Dessertsallmobtre .leaders-courosel-items-card {
  min-height: 475px;
}

#Asianmobtre .leaders-courosel-items-card,
#Filipinomobtre .leaders-courosel-items-card,
#Dessertsmobtre .leaders-courosel-items-card {
  min-height: 475px;
}

#Asianmobtre .first-color,
#Filipinomobtre .first-color,
#Dessertsmobtre .first-color {
  background: #fef7f3;
}

#Asianallmobtre .leaders-courosel-items-content-container::before,
#Filipinoallmobtre .leaders-courosel-items-content-container::before,
#Dessertsallmobtre .leaders-courosel-items-content-container::before {
  background: rgba(243, 176, 134, 0.2);
}

#Asianmobtre .leaders-courosel-items-content-container,
#Filipinomobtre .leaders-courosel-items-content-container,
#Dessertsmobtre .leaders-courosel-items-content-container {
  background: #f3b0861a;
}

#Asianmobtre .leaders-courosel-items-content-container::before,
#Filipinomobtre .leaders-courosel-items-content-container::before,
#Dessertsmobtre .leaders-courosel-items-content-container::before {
  background: #f3b086;
  opacity: 0.2;
}

.leaders-courosel-items-card {
  width: 100%;
  row-gap: 1px;
}

.leaders-courosel-items-content-container {
  position: relative;
  padding: 10px;
  overflow: hidden;
}

.leaders-courosel-items-content-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: var(--order-percent);
  background: rgba(197, 197, 197, 0.3);

  z-index: 0;
}

.leaders-courosel-items-content-container .d-flex {
  position: relative;
  z-index: 1;
}

.leaders-courosel-items-content-number {
  width: 50px;
  text-align: center;
  margin: 0;
}

.leaders-courosel-items-content-container img {
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 8px;
  margin-right: 20px;
}

.caro-brand-span,
.caro-brand-h6 {
  display: block;
  margin: 0;
}

.social-icons-banner1 {
  display: inline-block;
  text-align: center;
  position: relative;
  top: -16px;
}

.social-icons-banner1 svg {
  margin-top: -9px;
}

.social-icons-banner1 svg {
  width: 20px;
}

.see-all-leader {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0.05em;
  text-align: right;
  color: #343d46;
  margin-right: 21px;
}

.see-all-leader a {
  text-decoration: none;
  color: #343d46;
}

.side-bar-head {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  text-align: left;
  color: #005339;
}

.nav-link.grab-sidebar {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.8px;
  text-align: left;
  color: #343d46;
}

.nav-link.grab-sidebar {
  border: none !important;
  padding: 10px 0px;
}

.nav-link.grab-sidebar {
  padding-left: 13px;
}

/* .first-color {
    box-shadow: 0px 0px 20px 0px #00000026;
    border-radius: 20px;
} */

.nav-pills .collapse .nav-link.grab-sidebar.first-color:hover {
  background-color: #00b14f1a !important;
  color: #343d46 !important;
  border: 0px solid #feba021a !important;
}

.nav-pills .nav-link.grab-sidebar.first-color:hover {
  background-color: #feba021a !important;
  color: #343d46 !important;
  border: 0px solid #feba021a !important;
}

.nav-link.grab-sidebar.first-color.active {
  background-color: #00b14f !important;
  color: #fff !important;
  border: 0px solid #00b14f !important;
}

.nav-link.grab-sidebar.second-color.active {
  background-color: #00b14f !important;
  color: #fff !important;
  border: 0px solid #00b14f !important;
}

.nav-link.grab-sidebar.third-color.active {
  background-color: #00b14f !important;
  color: #fff !important;
  border: 0px solid #00b14f !important;
}

.nav-link.grab-sidebar.fourth-color.active {
  background-color: #00b14f !important;
  color: #fff !important;
  border: 0px solid #00b14f !important;
}

.nav-link.grab-sidebar.fifth-color.active {
  background-color: #00b14f !important;
  color: #fff !important;
  border: 0px solid #00b14f !important;
}

.nav-link.grab-sidebar.trend-color.active {
  background-color: #00b14f !important;
  color: #fff !important;
  border: 0px solid #00b14f !important;
}

.nav-link.grab-sidebar.trend-colornew.active {
  background-color: #f3b086 !important;
  color: #fff !important;
  border: 0px solid #f3b086 !important;
}

.nav-link.grab-sidebar.trend-colornew:hover {
  background-color: rgba(243, 176, 134, 0.2) !important;
  color: #005339 !important;
  border: 0px solid rgba(243, 176, 134, 0.2) !important;
}

.side-bar-head {
  cursor: pointer;
  position: relative;
}

.side-bar-head::after {
  content: url("../img/icons/arrow-down.svg");
  position: absolute;
  right: 0;
}

.side-bar-head.collapsed::after {
  content: url("../img/icons/arrow-up.svg");
}

.nav-link.grab-sidebar {
  right: 17px;
  position: relative;
  cursor: pointer;
}

#navbar-grabsidebar {
  width: 245px;
}

.slider-nominee-head img {
  padding: 4px;
  width: 50px;
  position: relative;
  border-radius: 5px;
  right: 25px;
}

.leader-cardimg img {
  padding: 4px;
  width: 50px;
  position: relative;
  border-radius: 5px;
  right: 7px;
}

/* Custom scroll bar styling */
.row.sidebar {
  max-height: 70vh;
  overflow-y: auto;
}

.row.sidebar::-webkit-scrollbar {
  width: 5px;
}

.row.sidebar::-webkit-scrollbar-track {
  background: #f2f2f3;
}

.row.sidebar::-webkit-scrollbar-thumb {
  background-color: #c8cdd1;
  border-radius: 10px;
  border: 5px solid #c8cdd1;
}

.row.sidebar::-webkit-scrollbar-thumb:hover {
  background: #c8cdd1;
}

.carousel-indicators.dots-indicators.leader-tab {
  top: 103%;
}

.nav-pills .nav-link.grab-sidebar.second-color:hover {
  background-color: #00b14f1a !important;
  color: #343d46 !important;
  border: 0px solid #00b14f1a !important;
}

.nav-pills .nav-link.grab-sidebar.third-color:hover {
  background-color: #00b14f1a !important;
  color: #343d46 !important;
  border: 0px solid #00b14f1a !important;
}

.nav-pills .nav-link.grab-sidebar.fourth-color:hover {
  background-color: #00b14f1a !important;
  color: #fff !important;
  border: 0px solid #00b14f1a !important;
}

.nav-pills .nav-link.grab-sidebar.fifth-color:hover {
  background-color: #00b14f1a !important;
  color: #fff !important;
  border: 0px solid #00b14f1a !important;
}

.nav-link.second-color.active {
  background-color: #28a745;
  /* Active color for second-color links */
}

.nav-link.third-color.active {
  background-color: #ffc107;
  /* Active color for third-color links */
}

.nav-link.fourth-color.active {
  background-color: #dc3545;
  /* Active color for fourth-color links */
}

.nav-link.fifth-color.active {
  background-color: #17a2b8;
  /* Active color for fifth-color links */
}

@media (max-width: 991.8px) {
  .slick-prev::before,
  .slick-next::before {
    content: "";
    display: inline-block;
    width: 24px;
    /* Adjust the width as needed */
    height: 24px;
    /* Adjust the height as needed */
    background-size: contain;
    background-repeat: no-repeat;
  }

  .leaders-courosel-items-content-container {
    height: 95px;
  }

  .leader-sidebar {
    display: none;
  }

  .below-bannerbg.nominee {
    margin: -30px 10px 0px 10px;
  }

  .accordion .accordion-button.collapsed {
    aria-expanded: false;
  }

  .accordion-header {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.4px;
    text-align: left;
    --bs-accordion-active-color: #555;
  }

  .about-tab-inner-main {
    display: none;
  }

  .leaderboard-caro-head {
    font-family: "grab_community_solid_enbold";
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #ac1e11;
  }

  .accordion-button {
    border: 1px solid #555555 !important;
    border-radius: 20px !important;
    padding: 10px 10px !important;
  }

  .accordion-item:first-of-type {
    border: 0px !important;
  }
}

/* Leaders Page */

/* nominee start */

.nominee-card {
  border-radius: 10px;
  width: 100%;
  margin-bottom: 30px;
}

.nominee-card {
  background: rgba(197, 197, 197, 0.3);
  box-shadow: 0px 0px 10px 0px #0000001a;
  margin-top: 10px;
}

.carousel-indicators.dots-indicators.nomi {
  bottom: -30px;
}

.nominee-card-img {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #fff;
}

.nominee-card-text-container {
  padding: 12px;
}

.nominee-card-text-container span {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.2px;
  text-align: left;
  color: #a3acb2;
  text-transform: uppercase;
}

.nominee-card-text-container h6 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  text-align: left;
  color: #65737e;
}

.carousel-indicators.dots-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #cccccc;
  border: none;
  margin: 0 5px;
  cursor: pointer;
}

.carousel-indicators.dots-indicators button.active {
  background-color: #808080;
  border: 1px solid #808080;
  width: 8px;
  height: 8px;
}

.see-all-bt {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #343d46;
  font-size: 12px;
  width: 175px;
}

.se-img img {
  top: 0px;
}

.see-all-bt .se-img {
  margin-left: 5px;
}

.see-all-bt img {
  width: 20px;
  height: auto;
}

#GrabHomeCarousel {
  padding-bottom: 0px;
}

#GrabHomeCarouselTrending {
  padding-bottom: 60px;
}

#GrabHomeCarouselReginol {
  padding-bottom: 60px;
}

#GrabHomeCarouselGrabmart {
  padding-bottom: 60px;
}

#accordionPanelsStayOpenExample {
  height: 750px;
  overflow-y: auto;
  z-index: 9;
}

.carousel-indicators.hometab [data-bs-target] {
  background-color: #a3acb2 !important;
}

.slider-nominee-head {
  margin-left: 25px;
}

@media (max-width: 991.8px) {
  .nominee-card {
    min-height: 259px;
  }

  .nominee-carousel .slick-prev::before {
    content: "" !important;
    background-image: url("../img/icons/arrow-lt.svg");
    left: 32px;
    position: absolute;
  }

  .nominee-carousel .slick-next::before {
    content: "" !important;
    background-image: url("../img/icons/arrow-rt.svg");
    rotate: -180deg;
    left: -38px;
    position: absolute;
  }

  .nominee-carousel .slick-slide img {
    width: 100%;
  }

  .nominee-card-text-container h6 {
    font-size: 14px;
  }

  .nominee-card-text-container span {
    font-size: 10px;
    line-height: 20px;
  }

  .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 0;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
  }

  .nominee-card img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .nominee-card {
    margin-bottom: 0px;
  }

  .nominee-carousel .slick-slide {
    margin: auto;
    padding: 6px !important;
  }

  .nominee-carousel .slick-slide img {
    padding: 0px;
  }

  .nominee-carousel {
    padding: 0px 24px;
    margin: 5px -12px 20px -9px;
  }

  .nominee-card-btn a {
    color: #fff;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.8px;
  }

  .nominee-card-btn a:hover {
    color: #fff;
  }

  .nominee-card-btn {
    position: relative;
    background: #005339;
    text-align: center;
    padding: 10px 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }

  .nominee-card-smallhead {
    font-family: "Inter", sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: #aaaaaa;
  }

  .nominee-card-brand {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.8px;
    text-align: left;
    color: #555;
  }

  .nominee-card-text-container {
    padding: 18px 10px;
    text-align: left;
  }
}

/* nominee end */

/* light box start*/
.light-box-modal-heading-container {
  padding: 20px;
}

.light-box-card {
  border-radius: 10px;
  width: 100%;
  margin-bottom: 30px;
}

.lightbox-row {
  display: flex !important;
  margin-top: 20px;
}

.column {
  float: left;
  width: 20%;
  margin: 5px;
  flex-grow: 1;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(58, 54, 54, 0.857);
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 4cap;
  max-width: 1200px;
  border: none !important;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .mySlides {
    display: none;
    width: 100%;
    padding: 100px 0px;
    background: #000;
  }
}

@media screen and (min-width: 768px) {
  .mySlides {
    display: none;
    width: 100%;
    height: 400px;
    background: #000;
  }
}

.poptext-lightbox {
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
  color: #343d46;
  font-family: "Inter", sans-serif;
  top: 8px;
  position: relative;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 60%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
/* .prev:hover,
    .next:hover {
    background-color: rgb(0, 0, 0);
    }
    */
/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.light-box-modal-content {
  width: 55% !important;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  border-radius: 10px;
}

.light-box-modal-heading-container {
  padding: 10px 20px 20px 20px;
}

@media screen and (max-width: 767px) {
  .mySlides img {
    border-radius: 0px !important;
  }

  .modal-content {
    border-radius: 0px !important;
  }

  .light-box-modal-content {
    border-radius: 0;
  }

  .light-box-modal-content {
    width: 100% !important;
    padding: 0px;
  }
}

.light-box-courosel-card {
  margin-bottom: 50px;
  margin-top: 50px;
  padding: 50px;
  display: flex;
  position: relative;
}

@media screen and (max-width: 767px) {
  .light-box-courosel-card {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }
}

.leaders-courosel-card-courosel {
  width: 100%;
}

.nominee-courosel-items-card .row.gx-cust {
  --bs-gutter-x: 10px;
}

.light-box-courosel-card h4 {
  color: #65737e;
  font-family: "grab_community_solid_enbold";
  font-size: 20px;
  line-height: 22px;
  text-align: left;
}

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.light-box-courosel-prev {
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  color: #000;
  top: 50%;
  left: 0;
  cursor: pointer;
}

.light-box-courosel-next {
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  color: #000;
  top: 50%;
  right: 0;
  cursor: pointer;
}

/* light box end*/

.video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio */
  background-color: #000;
  border-radius: 20px;
  cursor: pointer;
}

.video-container1 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio */
  background-color: #000;
  border-radius: 20px;
  cursor: pointer;
}

.play-pause-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
  display: none;
  /* Hide button by default */
}

.video-container:hover .play-pause-button {
  display: flex;
  /* Show button on hover */
}

.play-icon {
  width: 0;
  height: 0;
  border-left: 20px solid #000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.pause-icon {
  display: flex;
  justify-content: space-between;
  width: 14px;
}

.pause-icon div {
  width: 4px;
  height: 20px;
  background-color: white;
}

/* media-2 start */

.masonry {
  /* Masonry container */
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
  margin: 1.5em;
  padding: 0;
  -moz-column-gap: 1.5em;
  -webkit-column-gap: 1.5em;
  column-gap: 1.5em;
  font-size: 0.85em;
}

.item {
  display: inline-block;
  /* padding: 1em; */
  margin: 0 0 1.5em;
  width: 100%;
  -webkit-transition: 1s ease all;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* box-shadow: 2px 2px 4px 0 #ccc; */
}

.item img {
  max-width: 100%;
}

@media only screen and (max-width: 320px) {
  .masonry {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}

@media only screen and (min-width: 321px) and (max-width: 768px) {
  .masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}

@media only screen and (min-width: 1201px) {
  .masonry {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}

.masonry-item-text-container {
  padding: 10px;
}

.masonry-item {
  border-radius: 10px;
}

.masonry-img {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.ga-fan {
  font-family: "grab_community_solid_enmedium";
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  text-align: left;
  color: #005339;
}

.ga-fan-span {
  font-family: "grab_community_en_v2.0inline";
}

@media screen and (max-width: 991.8px) {
  .ga-fan {
    font-size: 32px;
    text-align: center;
  }

  .nominee-sli {
    margin-top: -25px;
  }

  .slick-slide {
    margin: 25px;
  }
}

/* media-2 end*/

.custom-carousel .slick-slide img {
  width: 200px;
  padding: 0px 18px;
}

@media (max-width: 992px) {
  .custom-carousel .slick-slide img {
    width: 160px;
    position: relative;
    bottom: 20px;
  }
}

.color-first {
  background: #ff806b;
}

.text-color-first {
  color: #d3f035;
}

.color-two {
  background: #ffe0a1;
}

.text-color-two {
  color: #005673;
}

.color-three {
  background: #6f3a96;
}

.text-color-three {
  color: #fff;
}

.color-four {
  background: #4881d5;
}

.text-color-four {
  color: #fff;
}

/*   Mobile Slider Nominee  */

.first-text-color {
  background: #feba02;
  padding: 12px 10px;
  text-align: left;
  color: #ac1e11;
  font-family: "grab_community_solid_enbold";
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.second-text-color {
  background: #feba02;
  padding: 12px 10px;
  text-align: left;
  color: #ac1e11;
  font-family: "grab_community_solid_enbold";
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.third-text-color {
  background: #feba02;
  padding: 12px 10px;
  text-align: left;
  color: #ac1e11;
  font-family: "grab_community_solid_enbold";
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.four-text-color {
  background: #272727;
  padding: 12px 10px;
  text-align: left;
  color: #00b14f;
  font-family: "grab_community_solid_enbold";
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.five-text-color {
  background: #272727;
  padding: 12px 10px;
  text-align: left;
  color: #00b14f;
  font-family: "grab_community_solid_enbold";
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.trendabout-text-color {
  background: #f3b086;
  padding: 12px 10px;
  text-align: left;
  color: #005339;
  font-family: "grab_community_solid_enbold";
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.fan-fave-item.regionalfavesbg {
  border-bottom: 1px solid #6f3a964d;
}

.fan-fave-item.regionalfavesbg1 {
  background: #6f3a961a !important;
  border-bottom: 0px solid #6f3a964d;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.fan-fave-item.regionalfavesbg {
  background: #f1ebf5 !important;
}

.fan-fave-item.natinolfavitembg {
  border-bottom: 1px solid #feba024d;
  background: #fff8e6 !important;
}

.fan-fave-item.natinolfavitembg1 {
  background: #fff8e6 !important;
  border-bottom: 1px solid #feba024d;
}

.fan-fave-item.natinolfavitembgplatinum {
  background: #feba0233 !important;
  border-bottom: 1px solid #feba024d;
}

.fan-fave-item.natinolfavitembgpizza {
  border-bottom: 1px solid #ff806b1a;
  background: #fff2f0 !important;
}

.fan-fave-item.natinolfavitembgpizza1 {
  background: #fff2f0 !important;
  border-bottom: 0px solid #ff806b1a;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.fan-fave-item.natinolfavitembgpizzaplatinum {
  background: #ffe6e1 !important;
  border-bottom: 1px solid #ff806b4d;
}

.fan-fave-item.natinolfavitembgcofee {
  border-bottom: 1px solid #ffe0a14d;
  background: #fffcf6 !important;
}

.fan-fave-item.natinolfavitembgcofee1 {
  background: #fffcf6 !important;
  border-bottom: 0px solid #ffe0a14d;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.fan-fave-item.natinolfavitembgcofeeplatinum {
  background: #fff3d9 !important;
  border-bottom: 1px solid #ffe0a14d;
}

.brand-small-bg {
  padding: 22px;
  position: relative;
}

.cat-i img {
  width: 30px;
}

.cat-i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mobile-grab-cr .slick-prev::before {
  content: "" !important;
  background-image: url("../img/icons/arrow-lt.svg");
  left: 60%;
  position: relative;
}

.mobile-grab-cr .slick-next::before {
  content: "" !important;
  background-image: url("../img/icons/arrow-rt.svg");
  rotate: -180deg;
  right: 60%;
  position: relative;
}

.mobile-grab-cr .slick-slide {
  margin: 0 5px;
}

.mobile-grab-cr .slick-list {
  margin: 0 -5px;
}

.mobile-grab-cr {
  padding: 0px 8px;
}

.filter-mob {
  display: none;
}

.vkpad {
  padding: 4px 0px 14px 0px;
}

.carousel-inner {
  position: static !important;
}

.carousel-control-prev-icon.grabnominee {
  background-image: url("../img/icons/arrow-lt.svg") !important;
  left: -52%;
  position: relative;
}

.carousel-control-next-icon.grabnominee {
  background-image: url("../img/icons/arrow-rt.svg") !important;
  rotate: -180deg;
  left: 52%;
  position: relative;
}

/*   Mobile Slider Nominee  */

/* post page */

.grid--content .column--wrapper {
  display: column;
  columns: 4;
  gap: 20;
  break-inside: avoid;
}

.post--item {
  break-inside: avoid;
}

.post--masonry {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  margin-top: 100px;
  margin-bottom: 30px;
}

.post--item {
  box-shadow: 0px 0px 20px 0px #00000026;
  border-radius: 10px;
}

.grid--content .column--wrapper .post--item img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
}

.post-arr {
  display: inline-block;
  margin-left: 4px !important;
  margin-top: -1px;
}

a .readmore-blog {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16.8px;
  letter-spacing: 0.05em;
  text-align: right;
  text-transform: uppercase;
  color: #005339;
  display: flex;
  padding-top: 10px;
}

.post-contentarea {
  padding: 0px 19px 10px 19px;
}

.post--item {
  margin-bottom: 15px;
}

.grid--content .post--title {
  color: #a3acb2;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
  text-transform: uppercase;
  right: 7px;
  position: relative;
  text-decoration: none;
}

a {
  text-decoration: none !important;
}

.grid--content .post-user {
  margin: 0px -8px;
}

.grid--content .post-user a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.grid--content .post-user img {
  border-radius: 100% !important;
  max-width: 35px;
  max-height: 35px;
  margin: 0;
  margin-bottom: 0 !important;
}

.grid--content {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
  box-sizing: border-box;
}

.meta-text {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.2px;
  text-align: left;
  color: #65737e;
  padding: 10px 0px;
}

@supports (grid-template-rows: masonry) {
  .grid--content .column--wrapper {
    display: grid;
    grid-template-columns: repeat(4), 1fr;
    grid-template-rows: masonry;
    grid-auto-flow: dense;
    align-tracks: stretch;
  }
}

@media screen and (max-width: 991.8px) {
  .grid--content .column--wrapper {
    columns: 2;
  }
}

@media screen and (max-width: 768px) {
  .grid--content .post-user img {
    max-width: 20px;
    max-height: 20px;
  }

  .grid--content .post--title {
    font-size: 12px;
  }

  .meta-text {
    font-size: 14px;
    line-height: 16.8px;
  }
}

.grab-mobtab-trow {
  display: flex;
  align-items: center;
  padding: 15px 10px;
}

.grab-mobtab-thirdrow {
  display: flex;
  align-items: center;
  padding: 15px 10px;
}

.number-mob-tab {
  align-items: center;
  justify-content: center;
  display: flex;
}

.text-container {
  display: flex;
  flex-direction: column; /* Stack the text vertically */
}

.cat-head-pill {
  margin-bottom: 2px;
}

/*home register banner*/

.home-register-header {
  font-family: "grab_community_en_v2.0inline";
  font-style: normal;
  font-size: 32px;
  line-height: 120%;
  color: #005339;
}
.home-register-header1 {
  font-family: "grab_community_solid_enmedium";
  font-style: normal;
  font-size: 32px;
  line-height: 120%;
  color: #005339;
}

.btn-register {
  color: #fff;
  padding: 14px 40px;
  background: #005339;
  border-radius: 12px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  white-space: nowrap;
}

.custom-padh {
  padding: 0px 0px 60px 0px;
}

@media (max-width: 991.88px) {
  .home-register-header {
    font-size: 16px;
    line-height: 19px;
  }
  .custom-padh {
    padding: 40px 0px 30px 0px;
  }

  .home-register-header1 {
    font-size: 16px;
    line-height: 19px;
  }

  .home-rgbg {
    margin: -32px 10px 0px 10px;
  }
}
/*home register banner*/

/* 2025 leader board start */

/* National */
#grabitemtrend-1 .leaders-courosel-items-content-container::before,
#grabitemtrend-2 .leaders-courosel-items-content-container::before,
#grabitemtrend-3 .leaders-courosel-items-content-container::before,
#grabitemtrend-4 .leaders-courosel-items-content-container::before,
#grabitemtrend-5 .leaders-courosel-items-content-container::before,
#grabitemtrend-6 .leaders-courosel-items-content-container::before,
#grabitemtrend-7 .leaders-courosel-items-content-container::before,
#grabitemtrend-8 .leaders-courosel-items-content-container::before,
#grabitemtrend-9 .leaders-courosel-items-content-container::before,
#grabitemtrend-10 .leaders-courosel-items-content-container::before,
#grabitemtrend-11 .leaders-courosel-items-content-container::before,
#grabitemtrend-12 .leaders-courosel-items-content-container::before,
#grabitemtrend-13 .leaders-courosel-items-content-container::before,
#grabitemtrend-14 .leaders-courosel-items-content-container::before,
#grabitemtrend-15 .leaders-courosel-items-content-container::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: var(--order-percent) !important;
  background: rgba(254, 186, 2, 0.2) !important;
}

/* Trending */

#grabitemtrend-16 .leaders-courosel-items-content-container::before,
#grabitemtrend-17 .leaders-courosel-items-content-container::before,
#grabitemtrend-18 .leaders-courosel-items-content-container::before,
#grabitemtrend-19 .leaders-courosel-items-content-container::before,
#grabitemtrend-20 .leaders-courosel-items-content-container::before,
#grabitemtrend-21 .leaders-courosel-items-content-container::before,
#grabitemtrend-22 .leaders-courosel-items-content-container::before,
#grabitemtrend-23 .leaders-courosel-items-content-container::before,
#grabitemtrend-24 .leaders-courosel-items-content-container::before,
#grabitemtrend-25 .leaders-courosel-items-content-container::before,
#grabitemtrend-26 .leaders-courosel-items-content-container::before,
#grabitemtrend-27 .leaders-courosel-items-content-container::before,
#grabitemtrend-28 .leaders-courosel-items-content-container::before,
#grabitemtrend-29 .leaders-courosel-items-content-container::before,
#grabitemtrend-30 .leaders-courosel-items-content-container::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: var(--order-percent) !important;
  background: rgba(243, 176, 134, 0.2) !important;
}

#grabitemtrend-16 .leaders-courosel-card-header,
#grabitemtrend-17 .leaders-courosel-card-header,
#grabitemtrend-18 .leaders-courosel-card-header,
#grabitemtrend-19 .leaders-courosel-card-header,
#grabitemtrend-20 .leaders-courosel-card-header,
#grabitemtrend-21 .leaders-courosel-card-header,
#grabitemtrend-22 .leaders-courosel-card-header,
#grabitemtrend-23 .leaders-courosel-card-header,
#grabitemtrend-24 .leaders-courosel-card-header,
#grabitemtrend-25 .leaders-courosel-card-header,
#grabitemtrend-26 .leaders-courosel-card-header,
#grabitemtrend-27 .leaders-courosel-card-header,
#grabitemtrend-28 .leaders-courosel-card-header,
#grabitemtrend-29 .leaders-courosel-card-header,
#grabitemtrend-30 .leaders-courosel-card-header {
  background: #f3b086 !important;
}

#grabitemtrend-16 .leaderboard-caro-head,
#grabitemtrend-17 .leaderboard-caro-head,
#grabitemtrend-18 .leaderboard-caro-head,
#grabitemtrend-19 .leaderboard-caro-head,
#grabitemtrend-20 .leaderboard-caro-head,
#grabitemtrend-21 .leaderboard-caro-head,
#grabitemtrend-22 .leaderboard-caro-head,
#grabitemtrend-23 .leaderboard-caro-head,
#grabitemtrend-24 .leaderboard-caro-head,
#grabitemtrend-25 .leaderboard-caro-head,
#grabitemtrend-26 .leaderboard-caro-head,
#grabitemtrend-27 .leaderboard-caro-head,
#grabitemtrend-28 .leaderboard-caro-head,
#grabitemtrend-29 .leaderboard-caro-head,
#grabitemtrend-30 .leaderboard-caro-head {
  color: #005339 !important;
}

/* regional */
#grabitem-31 .leaders-courosel-items-content-container::before,
#grabitem-32 .leaders-courosel-items-content-container::before,
#grabitem-33 .leaders-courosel-items-content-container::before,
#grabitem-34 .leaders-courosel-items-content-container::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: var(--order-percent) !important;
  background: rgba(111, 58, 150, 0.2) !important;
}

#grabitem-31 .see-all-leader a,
#grabitem-32 .see-all-leader a,
#grabitem-33 .see-all-leader a,
#grabitem-34 .see-all-leader a {
  color: #fff !important;
}

/* sponsered */

#grabitem-26 .leaders-courosel-items-content-container::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: var(--order-percent) !important;
  background: rgba(248, 47, 54, 0.2) !important;
}
#grabitem-27 .leaders-courosel-items-content-container::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: var(--order-percent) !important;
  background: rgba(30, 31, 33, 0.2) !important;
}
#grabitem-28 .leaders-courosel-items-content-container::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: var(--order-percent) !important;
  background: rgba(255, 118, 32, 0.2) !important;
}
#grabitem-29 .leaders-courosel-items-content-container::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: var(--order-percent) !important;
  background: rgba(0, 139, 71, 0.2) !important;
}

/* dine out */
#grabitem-35 .leaders-courosel-items-content-container::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: var(--order-percent) !important;
  background: rgba(254, 129, 7, 0.2) !important;
}

/* side bar start */
/* regional */
.nav-link.grab-sidebar.reg-color.active {
  background-color: #6f3a96 !important;
  color: #fff !important;
  border: 0px solid #6f3a96 !important;
}
.nav-link.grab-sidebar.reg-color:hover {
  background-color: rgba(111, 58, 150, 0.1) !important;
  color: #343d46 !important;
  border: 0px solid rgba(111, 58, 150, 0.1) !important;
}

/* dane out */

.nav-link.grab-sidebar.dine-color.active {
  background-color: #fe8107 !important;
  color: #fff !important;
  border: 0px solid #fe8107 !important;
}
.nav-link.grab-sidebar.dine-color:hover {
  background-color: rgba(111, 58, 150, 0.1) !important;
  color: #343d46 !important;
  border: 0px solid rgba(111, 58, 150, 0.1) !important;
}

/* sponser */
.nav-link.grab-sidebar.spa-1.active {
  background-color: #f82f36 !important;
  color: #fff !important;
  border: 0px solid #f82f36 !important;
}
.nav-link.grab-sidebar.spa-1:hover {
  background-color: rgba(111, 58, 150, 0.1) !important;
  color: #343d46 !important;
  border: 0px solid rgba(111, 58, 150, 0.1) !important;
}

.nav-link.grab-sidebar.spa-2.active {
  background-color: #1e1f21 !important;
  color: #fff !important;
  border: 0px solid #1e1f21 !important;
}
.nav-link.grab-sidebar.spa-2:hover {
  background-color: rgba(111, 58, 150, 0.1) !important;
  color: #343d46 !important;
  border: 0px solid rgba(111, 58, 150, 0.1) !important;
}

.nav-link.grab-sidebar.spa-3.active {
  background-color: #ff7620 !important;
  color: #fff !important;
  border: 0px solid #ff7620 !important;
}
.nav-link.grab-sidebar.spa-3:hover {
  background-color: rgba(111, 58, 150, 0.1) !important;
  color: #343d46 !important;
  border: 0px solid rgba(111, 58, 150, 0.1) !important;
}

.nav-link.grab-sidebar.spa-4.active {
  background-color: #008b47 !important;
  color: #fff !important;
  border: 0px solid #008b47 !important;
}
.nav-link.grab-sidebar.spa-4:hover {
  background-color: rgba(111, 58, 150, 0.1) !important;
  color: #343d46 !important;
  border: 0px solid rgba(111, 58, 150, 0.1) !important;
}

/* side bar end */

/* mobile start */
/* all nat */
#chikenburgerleaderboardmob .leaders-courosel-items-content-container::before,
#Asianallmobtre .leaders-courosel-items-content-container::before,
#Dessertsallmobtre .leaders-courosel-items-content-container::before,
#Filipinoallmobtre .leaders-courosel-items-content-container::before {
  background-color: rgba(254, 186, 2, 0.2) !important;
}

#Asianallmobtre .trendabout-text-color,
#Dessertsallmobtree .trendabout-text-color,
#Filipinoallmobtre .trendabout-text-color {
  background: #feba02 !important;
}

/* all tr */
#burgerleaderboardmob1 .leaders-courosel-items-content-container::before,
#Cakesleaderboardmob1 .leaders-courosel-items-content-container::before,
#chikenburgerleaderboardmob1 .leaders-courosel-items-content-container::before,
#FriedChickenleaderboardmob1 .leaders-courosel-items-content-container::before,
#RoastGrilledChickenleaderboardmob1
  .leaders-courosel-items-content-container::before,
#FlavoredChickenleaderboardmob1
  .leaders-courosel-items-content-container::before,
#Pastaleaderboardmob1 .leaders-courosel-items-content-container::before,
#HealthyOptionsleaderboardmob1
  .leaders-courosel-items-content-container::before,
#RiceBowlleaderboardmob1 .leaders-courosel-items-content-container::before,
#Coffeeleaderboardmob1 .leaders-courosel-items-content-container::before,
#FriesOnioRingsleaderboardmob1
  .leaders-courosel-items-content-container::before,
#Asianallmobtre1 .leaders-courosel-items-content-container::before,
#Dessertsallmobtre1 .leaders-courosel-items-content-container::before,
#Filipinoallmobtre1 .leaders-courosel-items-content-container::before {
  background-color: rgba(243, 176, 134, 0.2) !important;
}

#CokeSulitComboDeals .leaders-courosel-items-content-container::before {
  background-color: rgba(248, 47, 54, 0.2) !important ;
}
#CokeZeroThrillMeals .leaders-courosel-items-content-container::before {
  background-color: rgba(30, 31, 33, 0.2) !important ;
}
#RoyalMeriendaBites .leaders-courosel-items-content-container::before {
  background-color: rgba(255, 118, 32, 0.2) !important ;
}
#SpriteSpicyHits .leaders-courosel-items-content-container::before {
  background-color: rgba(0, 139, 71, 0.2) !important ;
}

/* national mob */
#burgerleaderboardmob2 .leaders-courosel-items-content-container::before,
#Cakesleaderboardmob2 .leaders-courosel-items-content-container::before,
#chikenburgerleaderboardmob2 .leaders-courosel-items-content-container::before,
#Coffeeleaderboardmob2 .leaders-courosel-items-content-container::before,
#FlavoredChickenleaderboardmob2
  .leaders-courosel-items-content-container::before,
#FriedChickenleaderboardmob2 .leaders-courosel-items-content-container::before,
#FriesOnioRingsleaderboardmob2
  .leaders-courosel-items-content-container::before,
#HealthyOptionsleaderboardmob2
  .leaders-courosel-items-content-container::before,
#Pastaleaderboardmob2 .leaders-courosel-items-content-container::before,
#Pizzaleaderboardmob2 .leaders-courosel-items-content-container::before,
#RiceBowlleaderboardmob2 .leaders-courosel-items-content-container::before,
#RoastGrilledChickenleaderboardmob2
  .leaders-courosel-items-content-container::before,
#Asianallmobtre2 .leaders-courosel-items-content-container::before,
#Dessertsallmobtre2 .leaders-courosel-items-content-container::before,
#Filipinoallmobtre2 .leaders-courosel-items-content-container::before {
  background-color: rgba(254, 186, 2, 0.2) !important;
}

/* trending mob */

#burgerleaderboardmob1TR .leaders-courosel-items-content-container::before,
#Cakesleaderboardmob1TR .leaders-courosel-items-content-container::before,
#chikenburgerleaderboardmob1TR
  .leaders-courosel-items-content-container::before,
#Coffeeleaderboardmob1TR .leaders-courosel-items-content-container::before,
#FlavoredChickenleaderboardmob1TR
  .leaders-courosel-items-content-container::before,
#FriedChickenleaderboardmob1TR
  .leaders-courosel-items-content-container::before,
#FriesOnioRingsleaderboardmobTR
  .leaders-courosel-items-content-container::before,
#HealthyOptionsleaderboardmob1TR
  .leaders-courosel-items-content-container::before,
#Pastaleaderboardmob1TR .leaders-courosel-items-content-container::before,
#RiceBowlleaderboardmob1TR .leaders-courosel-items-content-container::before,
#RoastGrilledChickenleaderboardmob1TR
  .leaders-courosel-items-content-container::before,
#Asianallmobtre1TR .leaders-courosel-items-content-container::before,
#Filipinoallmobtre1TR .leaders-courosel-items-content-container::before,
#Dessertsallmobtre1TR .leaders-courosel-items-content-container::before {
  background-color: rgba(243, 176, 134, 0.2) !important;
}

/* regional mob */
#MetroManilaleadermob .leaders-courosel-items-content-container::before,
#Luzonleadermob .leaders-courosel-items-content-container::before,
#Visayasleadermob .leaders-courosel-items-content-container::before,
#Mindanaoleadermob .leaders-courosel-items-content-container::before {
  background-color: rgba(111, 58, 150, 0.2) !important;
}

/* sponsered */

#Cokeleaderboardregimob .leaders-courosel-items-content-container::before {
  background-color: rgba(248, 47, 54, 0.2) !important;
}
#Thrillleaderboardregimob .leaders-courosel-items-content-container::before {
  background-color: rgba(30, 31, 33, 0.2) !important;
}
#Royalleaderboardregimob .leaders-courosel-items-content-container::before {
  background-color: rgba(255, 118, 32, 0.2) !important;
}
#Spriteleaderboardregimob .leaders-courosel-items-content-container::before {
  background-color: rgba(0, 139, 71, 0.2) !important;
}

#Dineoutleadermob .leaders-courosel-items-content-container::before {
  background-color: rgba(254, 129, 7, 0.2);
}

#Dineoutleadermob .leaders-courosel-items-content-container::before {
  background: rgba(254, 129, 7, 0.2);
}

/* mobile end */

/* 2025 leader board end */

/* nomines  2025 start */
#grabitem-27 .nominee-card,
#grabitem-28 .nominee-card,
#grabitem-29 .nominee-card {
  background: #feba0233 !important;
}

#grabitem-13 .nominee-card,
#grabitem-14 .nominee-card,
#grabitem-15 .nominee-card,
#grabitem-16 .nominee-card,
#grabitem-17 .nominee-card,
#grabitem-18 .nominee-card,
#grabitem-19 .nominee-card,
#grabitem-20 .nominee-card,
#grabitem-21 .nominee-card,
#grabitem-22 .nominee-card,
#grabitem-23 .nominee-card,
#grabitem-24 .nominee-card,
#grabitem-25 .nominee-card {
  background: #f3b08633 !important;
}
/* nomines 2025 end */

/* nomines 2025 mobile start */
#burgerallnominee .nominee-card,
#cakesallnominee .nominee-card,
#chickenburgerallnominee .nominee-card,
#cofeeallnominee .nominee-card,
#FlavoredChickenallnominee .nominee-card,
#friedchickenallnominee .nominee-card,
#FriesOnioRingsallnominee .nominee-card,
#HealthyOptionsallnominee .nominee-card,
#Pastaallnominee .nominee-card,
#Pizzaallnominee .nominee-card,
#RiceBowlallnominee .nominee-card,
#RoastGrilledChickenallnominee .nominee-card,
#coolersallna .nominee-card,
#dessertsallna .nominee-card,
#filipinoallna .nominee-card {
  background: #feba0233 !important;
}
#burgerallnomineetr .nominee-card,
#cakesallnomineetr .nominee-card,
#chickenburgerallnomineetr .nominee-card,
#cofeeallnomineetr .nominee-card,
#FlavoredChickenallnomineetr .nominee-card,
#friedchickenallnomineetr .nominee-card,
#FriesOnioRingsallnomineetr .nominee-card,
#HealthyOptionsallnomineetr .nominee-card,
#Pastaallnomineetr .nominee-card,
#RiceBowlallnomineetr .nominee-card,
#RoastGrilledChickenallnomineetr .nominee-card,
#coolersalltr .nominee-card,
#DessertsTrendingallmtr .nominee-card,
#FilipinoTrendingallmtr .nominee-card {
  background: #f3b08633 !important;
}

#coolersnational .nominee-card,
#dessertsnational .nominee-card,
#filipinonational .nominee-card {
  background: #feba0233 !important;
}