/**
Theme Name: Wecode Awesome Theme
Author: Wecode Geneva
Author URI: https://wecode.swiss
Description: Wecode Theme is the fastest, fully customizable, and stunning theme suitable for blogs, personal portfolios, and business websites. It is extremely lightweight (less than 50KB on the frontend) and provides unmatched speed. Designed with SEO in mind, Wecode Theme includes integrated schema.org code to ensure search engines will love your site.

Wecode Theme offers a wide array of sidebar options and widget areas, giving you complete control over customizations. Additionally, we have included special features and templates, allowing you to choose any of your favorite page builder plugins to create pages flexibly.

Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wecode-awesome-theme
Template: astra
*/

.center-content, .center-content * {
    text-align: center;

}


.elementor-widget-button.small .elementor-button{
    font-size: 14px;
    padding: 8px 15px;
}

.elementor-widget-button.black .elementor-button{
    background-color: black;
    color: white;
}

.elementor-widget-button.black .elementor-button:hover{
    background-color: black;
    color: white;
}

.elementor-widget-button.reverse .elementor-button{
    background-color: white;
    color: black;
}

.elementor-widget-button.reverse .elementor-button:hover{
    background-color: black;
    color: white;
}

.ratio-1 img{
    object-fit: contain;
    aspect-ratio: 1/1;
}

/* Custom styles for Elementor swiper arrows */
.elementor-swiper-button {
    opacity: 1 !important;
    transform: none !important;
}

.elementor-swiper-button img {
    transition: transform 0.3s ease;
}

.elementor-swiper-button:hover img {
    transform: scale(1.1);
}

/* Ensure proper positioning of arrows */
.elementor-swiper .elementor-swiper-button-prev {
    left: -60px;
}

.elementor-swiper .elementor-swiper-button-next {
    right: -60px;
}

.swiper-arrow{
    width: 40px;
    height: auto;
    display: block;
}

.reset-p p{
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text span {
    display: flex !important;
    flex-wrap: wrap;
    justify-items: start;
    align-items: start;
    row-gap: 10px;
    column-gap:3px;
}

.elementor-post-info__terms-list-item {
    padding: 5px 10px;
    background-color: rgba(243, 154, 142, 0.9333);
    border-radius: 3px;
    color: #fff;
    white-space: nowrap;
}