:root {
  --Mainprimary: #000000;
  --mainprimarylight: #E8DAD11A;
  --secondprimary: #BAAEA7;
  --primary1: #FFFFFF;
  --primary2: #FDFBFA;
  --primary3: #FAF8F6;
  --primary4: #F8F4F1;
  --primary5: #F6F0ED;
  --primary6: #F1E9E3;
  --primary7: #EDE1DA;
  --primary8: #E8DAD1;
  --primary9: #BAAEA7;
  --primary10: #8B837D;
  --primary11: #5D5754;
  --primary12: #46413F;
  --primary13: #2E2C2A;
  --primary14: #171615;


  --secondary1: #F8FDFD;
  --secondary2: #E2EFEE;
  --secondary3: #F1EADD;
  --secondary4: #EBE0CB;
  --secondary5: #E4D5BA;
  --secondary6: #D6C098;
  --secondary7: #C9AC75;
  --secondary8: #BB9753;
  --secondary9: #967942;
  --secondary10: #705B32;
  --secondary11: #4B3C21;
  --secondary12: #382D19;
  --secondary13: #251E11;
  --secondary14: #130F08;
  --secondary8light: #BB97531A;
  --secondary8lighter: rgba(187, 151, 83, 0.4);


  --navigation-bg: #F3F3F3;
  --maingray-bg: #F3F3F3;
  --navigation-border-color: #B9B9B9;
  --navigation-shadow: #00000026;
  --maingray: #6B6B6B;
  --mainred: #7A0B1B;
  --mainborder: #B9B9B9;
  --secondgrey: #868686;
  --scrollcolor: #D1D1D1;
  --border-color: #B9B9B9;
  --lightMainColor: #EEE8ED;
  --primarygradiant: linear-gradient(180deg, var(--primary8) 0%, var(--secondprimary) 100%);
  --maingreen: #877A05CC;
  --mainpurple: #685ED9CC;
  --mainlightblack: #000000CC;
  --lightblue:#D1D7E84D;
  --blogbg: #F8F8F8;
  --bordergrey: #D1D1D1;
  --inputBorderColor: #d7dde8;
  --greylabel: #272727;
  --placeholder: #C5C5C5;
  --listlinkcolor: var(--MainBlack);
  --whiteprimary: var(--MainBlack);
  --subtitleColor:var(--secondgrey);
  --black:#000;
}

.zr-tab-active {
  background: var(--primarygradiant);
  color: var(--MainBlack);
}
.zr-box-star{
  background: var(--primary8);
}
.zr-btn-up{
  background: var(--Mainprimary);
}
.zr-footer{
  border-color: var(--Mainprimary);
}
.zr-color-mainsecondary{
  color: var(--primary9);
}
.zr-item-contact::after{
  background: linear-gradient(180deg, rgba(213, 196, 185, 0) 20%, #D5C4B9 100%);
}


.zr-bg-honey  , .zr-section-contact{
  background: var(--primary4);
}
.zr-footer-social{
  background: var(--primary10);
}

.zr-box-pink{
  background:var(--primary5);
}

.zw-login-main {
margin-top: 9rem !important;
}


.zw-main-accoun{
margin-top: 8rem !important;
}


.zw-account {
margin-top: 8rem !important;
}