.elementor-11856 .elementor-element.elementor-element-7217f72{--display:flex;--min-height:304px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);--margin-top:-112px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11856 .elementor-element.elementor-element-7217f72:not(.elementor-motion-effects-element-type-background), .elementor-11856 .elementor-element.elementor-element-7217f72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bealaveh.com/wp-content/uploads/2025/04/page-title.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11856 .elementor-element.elementor-element-7217f72::before, .elementor-11856 .elementor-element.elementor-element-7217f72 > .elementor-background-video-container::before, .elementor-11856 .elementor-element.elementor-element-7217f72 > .e-con-inner > .elementor-background-video-container::before, .elementor-11856 .elementor-element.elementor-element-7217f72 > .elementor-background-slideshow::before, .elementor-11856 .elementor-element.elementor-element-7217f72 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11856 .elementor-element.elementor-element-7217f72 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11856 .elementor-element.elementor-element-cc1393d > .elementor-widget-container{margin:69px 0px 0px 0px;}.elementor-11856 .elementor-element.elementor-element-cc1393d{text-align:center;}.elementor-11856 .elementor-element.elementor-element-cc1393d .elementor-heading-title{font-family:"sans", Sans-serif;font-size:20px;font-weight:600;color:#353535;}.elementor-11856 .elementor-element.elementor-element-5b02b9c.elementor-element{--align-self:center;}.elementor-11856 .elementor-element.elementor-element-14918e1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11856 .elementor-element.elementor-element-39989ad{width:100%;max-width:100%;}.elementor-11856 .elementor-element.elementor-element-e0191fd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for shortcode, class: .elementor-element-5b02b9c */.ranc-to-servise .rank-math-breadcrumb {
  font-size: 14px;
  color: #555;
  font-weight: 400;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}

.ranc-to-servise .rank-math-breadcrumb a {

  color: #252525;
  font-weight: bold;
  text-decoration: none;
  transition: color 0.3s ease;
}

.ranc-to-servise .rank-math-breadcrumb a:hover {
  color:#0681cb;
  text-decoration: underline;
}

.ranc-to-servise .rank-math-breadcrumb span.separator {
  color: #999;
  font-size: 14px;
  margin: 0 4px;
}



/* آخرین بخش (صفحه فعلی) */
.ranc-to-servise .rank-math-breadcrumb span:last-child {
  color: #F1A005;
  font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7217f72 */.bc-header-single-services {
  position: relative;
  overflow: hidden;
}

.hexagon {
  width: 7px;
  height: 7px;
  background-color: red;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  position: absolute;
  opacity: 0.6;
}

@keyframes moveHexagonX {
  0% {
    transform: translateX(-100px);
  }
  50% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100px);
  }
}

@keyframes moveHexagonY {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(100%);
  }
}

@keyframes moveHexagonDiagonal {
  0% {
    transform: translateX(-100px) translateY(-100px);
  }
  50% {
    transform: translateX(100%) translateY(100%);
  }
  100% {
    transform: translateX(-100px) translateY(-100px);
  }
}/* End custom CSS */