/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* =========================
   GLOBAL STYLE (FLATSOME MEDICAL)
========================= */

body {
    font-family: "Inter", sans-serif;
    color: #1b1b1b;
    background: #ffffff;
}

/* =========================
   BUTTON STYLE
========================= */

.button.primary {
    background: #1f6f43 !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 25px rgba(31,111,67,0.15);
}

.button.primary:hover {
    background: #165235 !important;
    transform: translateY(-2px);
}

.button.is-outline {
    border: 1px solid #1f6f43 !important;
    color: #1f6f43 !important;
    border-radius: 10px !important;
}

/* =========================
   HERO TITLE
========================= */

h1 {
    letter-spacing: -1px;
}

.hero-green {
    color: #1f6f43;
}

/* =========================
   ICON BOX STYLE
========================= */

.icon-box {
    background: #ffffff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    transition: 0.3s ease;
    border: 1px solid #eef2f3;
}

.icon-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

.icon-box .icon-box-text {
    text-align: center;
}

/* =========================
   SECTION SPACING
========================= */

.section {
    padding-top: 70px;
    padding-bottom: 70px;
}

/* =========================
   CARD BLOG STYLE
========================= */

.post-item {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

.post-item .box-text {
    padding: 15px;
}

/* =========================
   TESTIMONIAL SLIDER
========================= */

.testimonial-box {
    background: #f5fbf7;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

/* =========================
   FORM STYLE
========================= */

input, select, textarea {
    border-radius: 10px !important;
    border: 1px solid #e5e7eb !important;
    padding: 12px !important;
}

input:focus, select:focus, textarea:focus {
    border-color: #1f6f43 !important;
    box-shadow: 0 0 0 3px rgba(31,111,67,0.1);
}

/* =========================
   HEADER STYLE (OPTIONAL)
========================= */

.header-main {
    box-shadow: 0 2px 15px rgba(0,0,0,0.05);
}

/* =========================
   BADGE / RATING
========================= */

.rating {
    color: #f5b301;
    font-size: 18px;
}

/* =========================
   IMAGE STYLE
========================= */

img {
    border-radius: 12px;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}