.pageBg {
  background-color: var(--bg-pageBgVendor);
}

.primaryButtonVendor {
  background-color: var(--primaryVendor);
  border: 1px solid var(--primaryVendor);
  padding: 14px, 32px, 14px, 32px;
  border-radius: 100px;
  font-size: var(--txt-16);
}

.headingolor {
  color: var(--txt-gold);
}

.cardHeight {
  height: 320px;
}

.borderActive,
.cardHolder .card:hover {
  border-bottom: 4px solid var(--cart-gold);
}

.cardHolderPower .card {
  border: none !important;
}

.cardHolderPower .card:hover,
.cardHolderPower .card.activeCard {
  border: 1px solid var(--cart-gold) !important;
  box-shadow: 0 4px 8px 0 rgba(225, 188, 121, 0.2),
    0 6px 20px 0 rgba(225, 188, 121, 0.2) !important;
}

.vendorSmallTextColor {
  color: var(--vendorSmallTextColor);
}

.vendorBlue {
  color: var(--vendorBlue);
}

.vendorInfo {
  color: var(--vendorInfo);
}

.vendorAlert {
  color: var(--vendorAlert);
}

.vendoHeading {
  color: var(--vendoHeading);
}

.icons64 {
  width: 64px;
  height: 64px;
  background-color: #fcfaf4;
}

.accordion-button:not(.collapsed) {
  background-color: var(--bg-white) !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("../img/close.png");
}

.accordion-button::after {
  background-image: url("../img/plus.png");
}

.joinBg {
  background-color: var(--bg-gold) !important;
}

.darkBg {
  background-color: var(--dark);
}

.steps p {
  color: #000000;
  font-family: Gilroy;
}

.banner1 {
  background: url("../img/banner1.png");

}

.banner2 {
  background: url("../img/banner2.png");
  background-position: -100px 100px;
  min-height: 35vh;
}

.banner3 {
  background: url("../img/banner3.png");
  background-size: cover;
}

.banner4 {
  background: url("../img/banner4.png");
  background-size: cover;
}

.border-left {
  border-left: 2px solid #d6ad63;
  height: auto;
  position: relative;
  top: 25px;
  left: -1px;
  width: 2px;
}

.border-none {
  height: auto;
  position: relative;
  top: 25px;
  left: -1px;
  width: 2px;
}

.form-check-input {
  width: 32px;
  height: 32px;
  margin-top: 0px;
  vertical-align: top;
  background-size: contain;
  border: 2px solid #abb7c2;
}

.steps .cardRow .bg-roseGold {
  min-height: 120px;
}

.roundedImageHolder {
  width: 84px;
  height: 84px;
  ;
}

.pageBackground {
  background-image: url("../img/vendor/vipbg.png");
  min-height: 800px;
}

.partnerBg {
  background-color: #FFF7ED;
}

.primaryCircle {
  background: #E1BC79;
  width: 48px;
  height: 48px;
  color: #000;
  font-size: 24px;
}

.secondaryCircle {
  background: #000;
  width: 48px;
  height: 48px;
  color: #fff;
  font-size: 24px;
}

.patText p {
  font-size: 16px;
  color: #646A69;
}

.globalCardBg {
  background-color: #FFEFD2;

}

.yellowBg {
  background-color: #E1BC79;
}

.mhtelv {
  min-height: 300px;
}

.heroBg {
  background-color: #FCFAF4;
}

.txt-64 {
  font-size: 64px;
}

.vipBgNew {
  background: url("/assets/img/vendor/up.png") no-repeat -10% bottom #F8EEE5;
  background-size: contain;
}

.vipBgup {
  background: url("/assets/img/vendor/down.png") no-repeat #F8EEE5;
  background-size: contain;
}

.vipBgupandDown {
  background: url("/assets/img/vendor/down.png"), url("/assets/img/vendor/up.png") #F8EEE5;
  background-position: left top, left bottom;
  background-size: contain;
  background-repeat: no-repeat, no-repeat;
}

.vipNewBg {
  background: #F8EEE5;
}

.vipNewBg .card-body {
  max-height: 550px;
  height: 550px;
}

.threeRow .vipNewBg .card-body {
  max-height: 730px;
  height: 730px;
}