@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//chertoperte.ir/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.5.1") format("woff2");
}

:root {
	--wd-text-font: iranyekan;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: iranyekan;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: iranyekan;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: iranyekan;
	--wd-widget-title-font: iranyekan;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: iranyekan;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-brd-radius: 25px;
	--wd-primary-color: rgb(255,48,99);
	--wd-alternative-color: rgb(255,222,0);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-font-family: iranyekan;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: #ffffff;
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/* *{
	transition: all 0.4 linear !important;
} */
/* header -----------------------------------------------------------------*/
.whb-header{
	width: 100%;
	overflow: hidden;
	background: rgba(255,255,255,0.1);
}
/* .whb-general-header whb-flex-row{
	background: rgba(0,0,0,0.0) !important;} */
.info-box-subtitle{
	color: black !important;
}

.wd-header-divider{
	color: white !important;
}

.whb-top-bar{
	width: 80%;
	margin: auto;
	background: linear-gradient(80deg, rgba(255, 48, 99, 0.7) 0%, rgba(15, 139, 177, 0.7) 30%, rgba(9, 213, 160, 0.7) 60%, 	rgba(255, 222, 0, 0.7) 100%);
/* 	background: linear-gradient(80deg, rgba(255, 48, 99, 0.2) 0%, rgba(15, 139, 177, 0.2) 30%, rgba(9, 213, 160, 0.2) 60%, 	rgba(255, 222, 0, 0.2) 100%); */
	border-radius: 0 0 25px 25px;
	-webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
	box-shadow: 0px 0px 30px rgba(0,0,0,0.27);
	color: #fff !important;
}
.topbar-social{
	margin: auto;
}
.atopbar-social a{
	padding: 5px;
}
/* -----------------------------------------------------------------------------------  */
.hero-section{
/* 	background: linear-gradient(80deg, rgba(255, 48, 99, 0.7) 0%, rgba(15, 139, 177, 0.7) 30%, rgba(9, 213, 160, 0.7) 60%, 	rgba(255, 222, 0, 0.7) 100%); */
background: linear-gradient(210deg,rgba(255, 255, 255, 0) 40%, rgba(15, 139, 177, 1) 100%);
}

/* loties------------------------------------------------------------------------------ */
.lottie1{
	max-width: 300px !important;
	max-height: 300px !important;
	position: absolute !important;
	left: 150px !important;
	bottom: 50px !important;
	transform: scale(2) !important;
}
.lottie2{
	max-width: 500px !important;
	max-height: 500px !important;
	position: absolute !important;
	left: 250px !important;
	bottom: 0 !important;
	transform: scale(1.5) !important;
}
.lottie3{
	max-width: 300px !important;
	max-height: 300px !important;
	position: absolute !important;
	left: 650px !important;
	bottom: -50px !important;
	transform: scale(2) !important;
}
.bat-lotie{
	transform: scale(1.3);}
/* box background animation ===================================================== */
  .box{
    position:relative;
    overflow: hidden;
		width:100%;
  }

  .box::before{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    transform:scale(0);
    transition:transform 0.6s ease;
    z-index:0;
  }

/*   .box:hover::before{
    transform:scale(1);
  }
 */
.services:hover .box::before{
    transform:scale(1);
  }

  /* گوشه‌ها و رنگ‌ها */
  .top-left::before{
    left:0; top:0;
    border-bottom-right-radius:100%;
		background: #0F8BB1;
		background: linear-gradient(135deg, rgba(15, 139, 177, 0.44) 0%, rgba(15, 139, 177, 1) 59%);
    transform-origin: top left;
  }

  .top-right::before{
    right:0; top:0;
    border-bottom-left-radius:100%;
   	background: #FF3063;
		background: linear-gradient(225deg, rgba(255, 48, 99, 0.35) 0%, rgba(255, 48, 99, 1) 50%);
    transform-origin: top right;
  }

  .bottom-left::before{
    left:0;	bottom:0 ;
    border-top-right-radius:100%;
 		background: #09D5A0;
		background: linear-gradient(45deg, rgba(255, 222, 0, 0.35) 0%, rgba(255, 222, 0, 1) 50%);
		transform-origin: bottom left;
  }

  .bottom-right::before{
    right:0; bottom:0;
    border-top-left-radius:100%;
    background: #09D5A0;
		background: linear-gradient(315deg, rgba(9, 213, 160, 0.35) 0%, rgba(9, 213, 160, 1) 50%);
    transform-origin: bottom right;
  }

  /* محتوا روی ربع دایره */
  .box > *{
    position:relative;
    z-index:1;
    padding: 0;
  }
/* ================================================================================ */
.product-bg{
	transition: all 0.5s linear;}
.product-bg:hover{
	transform: scale(1.05);
}