/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.piramid-home {
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 1130px) {
  .piramid-home {
    display: none;
  }
}

.cta-arrow .elementor-cta__button {
  position: relative; 
  display: inline-block; 
}

.cta-arrow .elementor-cta__button::after {
  content: url("/wp-content/uploads/2025/08/arrow.svg");
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -70px; 
}

.list-arrow .elementor-icon-list-item a {
  flex-direction: row-reverse;
  gap: 10px;
}

.list-arrow .elementor-icon-list-item .elementor-icon-list-icon svg {
  height: auto;
}

.list-posts .elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img {
  width: 100%;
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.list-posts .elementor-post__thumbnail {
  position: relative;
  overflow: hidden;
}

.list-posts .elementor-post__thumbnail::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: #5b8ac599;
  transition: opacity 0.5s ease;
  opacity: 1;
  z-index: 2;
  width: 100%;
  height: 100%;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 
  pointer-events: none;
}

.list-posts .elementor-post__thumbnail:hover::before {
  opacity: 0;
}

.newsletter a {
  color: var( --e-global-color-ace38a9 );
  text-decoration: underline;
}
.newsletter a:hover {
  color: #fff;
}

.activity-list .e-con-inner{
  flex-wrap: wrap;
  justify-content: center;
}

.activity-list .e-con-inner > div{
  width: 580px;
}

li {
    margin-bottom: 22px;
}

li::marker {
  color: #5b8ac5;
}