/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 01 2024 | 11:00:32 */
w/* color */
.first-color{
	color:#203373!important;
}
.second{
	color:#FDE750;
}
/* End Color */
.elementor-posts--thumbnail-top .elementor-post__text{
	margin-top: -120px;
	
}
.df-popup-thumb {
   
    margin: 0 !important;
	
}
 .contactusFooter a {
    color: #fff !important;
}

.Menu-org-fa ul li a {
    width: 100% !important;
    position: relative;
}
.Encatalog {
    position: relative;
    left: 35%;
}
.Menu-org-fa ul li a:after {
    width: 20% !important;
    position: absolute;
    height: 2px !important;
    content: "" !important;
    bottom: 0;
    right: calc(100% - 62%) !important;
    background-color: #fbe750 !important;
    text-align: center !important;
    justify-content: center !important;
    left: auto;
}
/* product in Home page */
.productcategory .elementor-widget-wrap .elementor-element-populated::after{
	  position: absolute;
    content: "";
    background: rgb(0 0 0 / 50%);
    width: 100%;
    filter: blur(5px);
    right: 0;
    bottom: 0;
    top: 70%;
}
.ProductHover{
  box-shadow: 0 0 10px rgba(0,0,0,0.09);
   transition: transform .2s;
}

.ProductHover .elementor-element-populated {
  background-size: 107% !important;
  background-position: center !important;
	  transition: 0.5s !important;
}
.ProductHover .elementor-element-populated:hover {
  background-size: 130% !important;
  transition: 0.5s !important;
}
.ProductHover::after {
    content: url(https://baloni.ir/wp-content/uploads/2024/04/ProductHover.png);
    z-index: 99;
    position: absolute;
    bottom: 0;
       margin: -20px 105px;
    display: block;
	opacity:0;
}
.ProductHover:hover:after{
	opacity:1;
}
/*End product in Home page */

/*blogs*/
.blogs a.elementor-post__thumbnail__link::after {
    position: absolute !important;
    content: "" !important;
    background: rgb(106 181 113) !important;
    width: 100%;
    /* filter: blur(5px); */
    right: 0;
    bottom: 0;
    top: 68%;
}


.blogs a.elementor-post__read-more::after {
    content: " ←";
    position: absolute;
    /* margin-bottom: 10px; */
    
	font-size:16px;
}

 .elementor-8 .elementor-element.elementor-element-c26d131 .elementor-post__text {
    padding: 0 12px;
    margin-top: -150px;
    color: white !important;
    z-index: 10;
}
 
.blogs .elementor-posts .elementor-post__card .elementor-post__title{
	margin-top:0!important;
}
.blogs .elementor-posts .elementor-post__card .elementor-post__meta-data {
    padding: 10px 12px!important;
    border-top: none!important; 
	 font-family: 'dana'!important;
	 margin-top: -50px;
    z-index: 10;
}
.blogs .elementor-posts .elementor-post__card .elementor-post__excerpt, .elementor-posts .elementor-post__card .elementor-post__title {
    margin-bottom:0!important;
}
.blogs .elementor-posts .elementor-post__badge {
	border-radius:0!important;
}
.blogs .elementor-post__read-more-wrapper {
    position: absolute!important;
    left: 28px!important;
    bottom: 8px!important;
}
.blogs .elementor-8 .elementor-element.elementor-element-c26d131 .elementor-post__title, .elementor-8 .elementor-element.elementor-element-c26d131 .elementor-post__title a {
	line-height:1.4rem;
}
/* producta page */
b{
	color:#FDE750
}
/*End  products page */
/* lineArrow */
.CategoryProduct.ChangeBG .LineArrow {
    background: var(--first);
    z-index: 0;
}
.LineArrow {
    position: absolute;
    width: 2px;
    height: 0;
    top: -31px;
    right: calc(50% - 1px);
    background: var(--second);
    z-index: -1;
    display:none;
}
div#df_363 {
    width: 164px;
    position: relative;
    right: 80px;
}
nav.rank-math-breadcrumb {
    font-family: 'dana';
    font-weight: 800;
    font-size: 18px;
}
section.elementor-section.elementor-top-section.elementor-element.elementor-element-f815e9a.catalog-product-single.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.exad-parallax-effect-no.exad-background-color-change-no.exad-glass-effect-no.exad-sticky-section-no.exad-particles-section {
    margin-bottom: -132px;
}



.BlogItem .elementor-post__card {
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
}
.BlogItem .elementor-post__card .elementor-post__thumbnail__link {
  margin: 0;
}
.BlogItem .elementor-post__card .elementor-post__thumbnail.elementor-fit-height {
  padding-bottom: ;
}
.BlogItem .elementor-post__card .elementor-post__text {
  background: #203373;
  margin: 0 !important;
  padding: 11px !important;
}
.BlogItem .elementor-post__meta-data {
  background: #203373;
  position: absolute;
  left: 11px;
  top: 14px;
  padding: 3px 10px !important;
  border: 0 !important;
}
.BlogItem .elementor-post__card .elementor-post__text .elementor-post__title a {
  font-size: 15px !important;
  font-weight: 800 !important;
  text-align: center;
  float: right;
  line-height: 1.6;
  height: 46px;
  overflow: hidden;
}
.BlogItem .elementor-post__card .elementor-post__text .elementor-post__read-more-wrapper a {
  text-align: center;
  font-size: 13px;
  float: right;
  width: 100%;
  margin: 6px 0 1px 0;
  color: #c6bb5c;
  font-weight: 600;
}
.BlogItem .elementor-post__meta-data .elementor-post-date {
  font-size: 13px;
  padding: 0;
}
.BlogItem .elementor-post__badge {
  border-radius: 0!important;
  font-size: 13px !important;
  top: -5px !important;
  padding: 7px 10px;
  right: -7px !important;
}

.HeaderBox {
  position: fixed;
  width: 100%;
  top: 0;
}
body.admin-bar .HeaderBox {
  top: 32px;
}
.HeaderBox.active {
  background: #203373;
}
.cataloge_style div#df_363 {
    left: 18px !important;
}
/*blog*/
.Category-Blogpost h5 {
	display:none;
}
.Category-Blogpost ul {
    float: right;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	margin: 0;
    padding: 0;
}
.Category-Blogpost ul li {
    list-style: none;
    background: #FDE750;
    margin: 16px 0 0 0;
}
.Category-Blogpost ul li a {
    font-family: 'dana';
    font-size: 20px;
    font-weight: 700;
    color: #203373;
    padding: 24px 36px !important;
    display: block;
}
.Category-Blogpost-en ul li a {
    font-family: 'dana';
    font-size: 19px;
    font-weight: 700;
    color: #203373;
    padding: 24px !important;
    display: block;
}
.Category-Blogpost ul li a:hover {
    background-color: #fff195;
    color: #000000f0;
}

.BreadCrumbStyle a, .BreadCrumbStyle span {
  font-size: 17px;
  font-weight: 500;
  color: #000;
}