/*
Theme Name: MyMedi Child
Theme URI: https://demo.theme-sky.com/mymedi/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: mymedi
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: mymedi-child
*/

/* =========================
   BASE LAYOUT
========================= */
.wrp-about-wrapper{
    font-family: Arial, sans-serif;
    background: #f6f8f7;
    color: #2b2b2b;
    padding: 40px 20px;
}

.wrp-about-container{
    max-width: 1150px;
    margin: auto;
}

/* =========================
   HERO SECTION
========================= */
.wrp-hero-section{
    background: linear-gradient(135deg, #2D5356, #8DB061);
    color: #fff;
    padding: 60px 40px;
    border-radius: 16px;
    text-align: center;
    margin-bottom: 40px;
}

.wrp-hero-title{
    font-size: 36px;
    margin-bottom: 15px;
}

.wrp-hero-text{
    font-size: 18px;
    max-width: 800px;
    margin: auto;
    line-height: 1.6;
}

/* =========================
   SECTION TITLE
========================= */
.wrp-section-title{
    font-size: 24px;
    margin-bottom: 15px;
    color: #2D5356;
}

.wrp-section-subtitle{
    color: #666;
    margin-bottom: 20px;
}

/* =========================
   GRID CARDS
========================= */
.wrp-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

@media(max-width: 768px){
    .wrp-grid{
        grid-template-columns: 1fr;
    }
}

/* =========================
   CARD STYLE
========================= */
.wrp-card{
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
    transition: 0.3s ease;
}

.wrp-card:hover{
    transform: translateY(-3px);
}

.wrp-card h3{
    margin-top: 0;
    color: #2D5356;
    font-size: 18px;
}

.wrp-card ul{
    padding-left: 18px;
    margin: 10px 0 0;
}

.wrp-card ul li{
    margin-bottom: 6px;
    font-size: 14px;
}

/* =========================
   CTA SECTION
========================= */
.wrp-cta{
    margin-top: 40px;
    background: #8DB061;
    color: #fff;
    padding: 40px;
    border-radius: 14px;
    text-align: center;
}

.wrp-cta h2{
    margin-bottom: 10px;
}

.wrp-cta a{
    display: inline-block;
    margin-top: 15px;
    padding: 12px 25px;
    background: #2D5356;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
}

.wrp-cta a:hover{
    background: #1f3b3d;
}