body:not(.rtl) .elementor-76586 .elementor-element.elementor-element-a34dce3.drdt_sticky_fixed{left:0px;}body.rtl .elementor-76586 .elementor-element.elementor-element-a34dce3.drdt_sticky_fixed{right:0px;}.elementor-76586 .elementor-element.elementor-element-a34dce3.drdt_sticky_fixed{top:0px;z-index:5;}.elementor-76586 .elementor-element.elementor-element-c2c258f .elementor-repeater-item-0738643{color:#FFFFFF;background:#5D53CF;border-color:#5D53CF;}.elementor-76586 .elementor-element.elementor-element-c2c258f .btn:before{background-color:#A27BEF;}.elementor-76586 .elementor-element.elementor-element-c2c258f .elementor-repeater-item-0738643:hover{border-color:#A27BEF;}.elementor-76586 .elementor-element.elementor-element-c2c258f .elementor-repeater-item-2646f4a{color:#FFFFFF;background:#5D53CF;border-color:#5D53CF;}.elementor-76586 .elementor-element.elementor-element-c2c258f .elementor-repeater-item-2646f4a:hover{border-color:#A27BEF;}.elementor-76586 .elementor-element.elementor-element-68b9df6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-76586 .elementor-element.elementor-element-25c2df3 .casestudy_fullimage .item_content .item_title > a{color:#02010100;}.elementor-76586 .elementor-element.elementor-element-25c2df3 .casestudy_grid .item_title > a{color:#02010100;}.elementor-76586 .elementor-element.elementor-element-25c2df3 .casestudy_fullimage .item_content .item_title > a:hover{color:#02010100;}.elementor-76586 .elementor-element.elementor-element-25c2df3 .casestudy_grid:hover .item_title > a{color:#02010100;}.elementor-76586 .elementor-element.elementor-element-25c2df3 .casestudy_fullimage .item_content .item_category > a{color:#02010100;}.elementor-76586 .elementor-element.elementor-element-25c2df3 .casestudy_grid .item_category > ul > li > a{color:#02010100;}.elementor-76586 .elementor-element.elementor-element-25c2df3 .casestudy_fullimage .item_content .item_category > a:hover{color:#02010100;}.elementor-76586 .elementor-element.elementor-element-25c2df3 .casestudy_grid .item_category > ul > li > a:hover{color:#02010100;}.elementor-76586 .elementor-element.elementor-element-25c2df3 .casestudy_fullimage .item_image{background-image:linear-gradient(0deg, #02010100 0%, #02010100 100%);}.elementor-76586 .elementor-element.elementor-element-25c2df3 .casestudy_grid .item_image{background-image:linear-gradient(0deg, #02010100 0%, #02010100 100%);}.elementor-76586 .elementor-element.elementor-element-25c2df3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-76586 .elementor-element.elementor-element-25c2df3.elementor-element{--align-self:center;}@media(max-width:767px){.elementor-76586 .elementor-element.elementor-element-68b9df6{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}}/* Start custom CSS for section, class: .elementor-element-a34dce3 */.elementor-76586 .elementor-element.elementor-element-a34dce3 {
  position: relative;
  max-width: 100vw;
  overflow: hidden;
}

.elementor-76586 .elementor-element.elementor-element-a34dce3::after {
  content: "";
  position: absolute;
  bottom: -120px; 
  left: 0;
  width: 300px; 
  height: 300px;
  background: url("https://www.ojoor.net/en/wp-content/uploads/sites/13/2020/03/shape_25-1.png") no-repeat left bottom;
  background-size: contain;
  z-index: -1;        
  pointer-events: none;
  transition: transform 0.2s ease-out;
}

@media (min-width: 1000px) {
  .btns_group ul {
      display: flex !important;
      align-items: center;
      gap: 15px;
      list-style: none;
      padding: 0;
      margin: 0;
  }

  .btns_group ul li {
      margin: 0 !important;
  }

  .btns_group ul li a {
      white-space: nowrap !important; 
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for makro_portfolio, class: .elementor-element-25c2df3 */.elementor-76586 .elementor-element.elementor-element-25c2df3 .item_image img {
  width: 100% !important;
  height: 110px !important;
  object-fit: contain !important;
  background: #fff;
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
}

.elementor-76586 .elementor-element.elementor-element-25c2df3 .item_image:hover img {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

.elementor-76586 .elementor-element.elementor-element-25c2df3 .item_image::before,
.elementor-76586 .elementor-element.elementor-element-25c2df3 .item_image::after {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.elementor-76586 .elementor-element.elementor-element-25c2df3 .element_grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 20px !important;
  position: relative !important;
}

.elementor-76586 .elementor-element.elementor-element-25c2df3 .element_grid .element-item {
  position: static !important;
  width: 100% !important;
  margin: 0 !important;
}

@media (max-width: 1024px) {
  .elementor-76586 .elementor-element.elementor-element-25c2df3 .element_grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .elementor-76586 .elementor-element.elementor-element-25c2df3 .item_image img {
    height: 95px !important;
  }
}

@media (max-width: 767px) {
  .elementor-76586 .elementor-element.elementor-element-25c2df3 .element_grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
  }
  .elementor-76586 .elementor-element.elementor-element-25c2df3 .item_image img {
    height: 80px !important;
  }
}

@media (max-width: 480px) {
  .elementor-76586 .elementor-element.elementor-element-25c2df3 .element_grid {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 12px !important;
  }
  .elementor-76586 .elementor-element.elementor-element-25c2df3 .item_image img {
    height: 70px !important;
  }
}

.elementor-76586 .elementor-element.elementor-element-25c2df3 .gallery_section .element_grid.column_4 .casestudy_fullimage .details_btn,
.elementor-76586 .elementor-element.elementor-element-25c2df3 .casestudy_section .element_grid.column_4 .casestudy_fullimage .details_btn,
.elementor-76586 .elementor-element.elementor-element-25c2df3 .portfolio_section .element_grid.column_4 .casestudy_fullimage .details_btn {
  display: none !important;
}

.elementor-76586 .elementor-element.elementor-element-25c2df3 .element_grid {
  height: auto !important;
}

.elementor-76586 .elementor-element.elementor-element-25c2df3 .element_grid a {
  pointer-events: none !important;
  cursor: default !important;
}

@media (max-width: 1024px) {
  .button-group.filter-btns-group ul li {
    width: 100% !important;
    display: block !important;
    margin: 6px 0 !important;
  }
  .button-group.filter-btns-group ul li button {
    width: 100% !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    padding: 10px 15px !important;
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  .button-group.filter-btns-group ul li button {
    font-size: 14px !important;
    padding: 8px 12px !important;
    line-height: 1.35 !important;
  }
}/* End custom CSS */