/*
Theme Name: Extendable Child
Template: extendable
Author: Your Name
Version: 1.0
*/

/* Подключаем родительскую тему */

.page-wrapper {
max-width:1780px;
margin: 0 auto;
    width: 100%
}
.stats-container {
            position: relative;
            background-color: #f8f9fa;
            padding: 20px 0;
            text-align: center;
            font-family: Arial, sans-serif;
        }


        .stats-row {
            display: flex;
            justify-content: space-around;
            max-width: 1200px;
            margin: 0 auto;
        }

        .stat-item {
            flex: 1;
            margin: 0 20px;
        }

        .stat-number {
            font-size: 2.5em;
            color: #00a884; /* Green color */
            margin-bottom: 5px;
        }

        .stat-text {
            font-size: 1.2em;
            color: #00a884; /* Green color */
        }

        .skills-text {
            margin-top: 20px;
            font-size: 1.5em;
            color: #00a884;
        }
/* Container Setup */
.motive-section {
    position: relative;
    padding: 80px 20px;
    background-color: #ffffff;
    overflow: hidden; /* Keeps squares inside */
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.motive-grid {
    display: flex;
    max-width: 1100px;
    margin: 0 auto;
    align-items: center;
    gap: 50px;
    position: relative;
    z-index: 2;
}

/* Image Styling */
.motive-image-wrap img {
    width: 100%;
    max-width: 500px;
    border-radius: 4px;
    display: block;
}

/* Typography */
.motive-brand {
    color: #1a4d32;
    font-size: 2.2rem;
    font-weight: 800;
    margin: 0;
    letter-spacing: 1px;
}

.motive-main-title {
    color: #1a4d32;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: -5px;
}

.motive-description p {
    font-size: 1.05rem;
    line-height: 1.6;
    color: #333;
    margin-bottom: 20px;
}

/* Decorative Squares (The floating shapes) */
.square {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 1;
    transform: rotate(45deg);
}

.sq-yellow-1 { background-color: #f1b500; top: 10%; left: 5%; }
.sq-yellow-2 { background-color: #f1b500; bottom: 15%; right: 5%; width: 25px; height: 25px; }
.sq-green-1 { background-color: #1a4d32; bottom: 10%; left: 8%; }

/* Responsive Adjustments */
@media (max-width: 900px) {
    .motive-grid {
        flex-direction: column;
        text-align: center;
    }
    .motive-main-title { font-size: 2rem; }
    .square { display: none; } /* Optional: hide decorations on small mobile */
}