.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: url(https://daisy.ma/wp-content/uploads/2021/09/marketplace-promo-popup.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.header-banner{
	background-color:rgb(5,212,92);
	background-repeat:repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position:center center;
}

.page-title-default{
	background-color:#0a0a0a;
	background-image: url(https://daisy.ma/wp-content/uploads/2021/10/marketplace-page-title.jpg);
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:rgb(53,50,48);
}

:root{
--wd-text-font:Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:16px;
}
:root{
--wd-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-title-font-weight:400;
--wd-title-transform:capitalize;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:400;
--wd-entities-title-transform:capitalize;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Lato", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:400;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:18px;
}
:root{
--wd-header-el-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:15px;
}
:root{
--wd-primary-color:rgb(0,210,100);
}
:root{
--wd-alternative-color:rgb(0,210,100);
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
body{
	background-color:rgb(247,247,247);
}

.page .main-page-wrapper{
	background-color:rgb(247,247,247);
}

:root{
--btn-default-bgcolor:rgb(0,210,100);
}
:root{
--btn-default-bgcolor-hover:rgb(0,210,100);
}
:root{
--btn-shop-bgcolor:rgb(0,210,100);
}
:root{
--btn-shop-bgcolor-hover:rgb(6,208,101);
}
:root{
--btn-accent-bgcolor:rgb(6,208,101);
}
:root{
--btn-accent-bgcolor-hover:rgb(6,208,101);
}
:root{
--notices-success-bg:rgb(6,208,101);
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:rgb(6,208,101);
}
:root{
--notices-warning-color:rgb(255,255,255);
}
	:root{
	
	
			--wd-form-brd-radius: 0px;
	
	--wd-form-brd-width: 2px;

	--btn-default-color: #fff;
	--btn-default-color-hover: #fff;

	--btn-shop-color: #fff;
	--btn-shop-color-hover: #fff;

	--btn-accent-color: #fff;
	--btn-accent-color-hover: #fff;
			--btn-default-brd-radius: 0px;
		--btn-default-box-shadow: none;
		--btn-default-box-shadow-hover: none;
		--btn-default-box-shadow-active: none;
		--btn-default-bottom: 0px;
	
			--btn-shop-brd-radius: 0.001px;
		--btn-shop-box-shadow: none;
		--btn-shop-box-shadow-hover: none;
		--btn-shop-box-shadow-active: none;
		--btn-shop-bottom: 0px;
	
			--btn-accent-brd-radius: 0px;
		--btn-accent-box-shadow: none;
		--btn-accent-box-shadow-hover: none;
		--btn-accent-box-shadow-active: none;
		--btn-accent-bottom: 0px;
	
	
	
	
	
	
	
	
	
		}

	/* Site width */
		/* Header Boxed */
	@media (min-width: 1025px) {
		.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
			max-width: 1570px;
		}
	}

	.container {
		max-width: 1600px;
	}
	
	
		.elementor-section.wd-section-stretch > .elementor-column-gap-no {
			max-width: 1570px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-narrow {
			max-width: 1580px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-default {
			max-width: 1590px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-extended {
			max-width: 1600px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-wide {
			max-width: 1610px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-wider {
			max-width: 1630px;
		}

		@media (min-width: 1617px) {

			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}

		@media (min-width: 1600px) {

			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}

	
/* Quick view */
div.wd-popup.popup-quick-view {
	max-width: 920px;
}

/* Shop popup */
div.wd-popup.wd-promo-popup {
	max-width: 800px;
}

/* Age verify */
div.wd-popup.wd-age-verify {
	max-width: 500px;
}

/* Header Banner */
.header-banner {
	height: 40px;
}

body.header-banner-display .website-wrapper {
	margin-top:40px;
}

/* Tablet */
@media (max-width: 1024px) {
	/* header Banner */
	.header-banner {
		height: 80px;
	}
	
	body.header-banner-display .website-wrapper {
		margin-top:80px;
	}
}


@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//daisy.ma/wp-content/themes/woodmart/fonts/woodmart-font.woff2?v=6.2.3") format("woff2");
}

To make a header banner text move from right to left, you can use CSS animations. Here's an example:

HTML:

css

<div class="banner">
  <h1 class="moving-header">My Header Text</h1>
</div>

CSS:

css

.banner {
  overflow: hidden;
}

.moving-header {
  animation: move 10s linear infinite;
  white-space: nowrap;
}

@keyframes move {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}




.product-grid-item .star-rating {
   
    background-color:  white;
    padding-right: 45px;
    padding-left: 45px;
	   margin-bottom: -7px;
}

.star-rating::before {
  content: "\f149" "\f149" "\f149" "\f149" "\f149";
  color: #fdc85b;
}


.product-grid-item.col-6 .price, .product-grid-item.col-6 .star-rating {
  font-size: 17px;
  background-color: white ;
}