/* =====================================================
   TASHEEL HEALTHCARE - MASTER CSS
   Brand Color: #C62828
===================================================== */

/* =====================================================
   GLOBAL RESET
===================================================== */
*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: "Segoe UI", Arial, sans-serif;
    background: #f4f6f9;
    padding-top: 100px; /* Prevent fixed navbar overlap */
    color: #333;
}

a {
    text-decoration: none;
    transition: 0.3s ease;
}

img {
    max-width: 100%;
}

/* =====================================================
   UTILITIES
===================================================== */
.section-wrap {
    padding: 70px 0;
}

.text-danger {
    color: #C62828 !important;
}

.btn-danger {
    background: #C62828;
    border: none;
}

.btn-danger:hover {
    background: #9E1C1C;
}

.btn-outline-danger {
    border: 1px solid #C62828;
    color: #C62828;
}

.btn-outline-danger:hover {
    background: #C62828;
    color: #fff;
}


/* =========================
HEADER
========================= */

.premium-header{
background:white;
padding:12px 0;
box-shadow:0 5px 20px rgba(0,0,0,0.05);
position:sticky;
top:0;
z-index:999;
transition:.3s;
}

/* NAV LINKS */

.nav-link{
font-weight:500;
color:#333;
margin-left:12px;
}

.nav-link:hover{
color:#0d6efd;
}


/* =========================
SEARCH BAR
========================= */

.header-search{
flex:1;
max-width:420px;
margin-left:40px;
}

.header-search form{
display:flex;
background:#f1f3f5;
border-radius:30px;
overflow:hidden;
}

.header-search input{
border:none;
padding:10px 15px;
flex:1;
background:transparent;
outline:none;
}

.header-search button{
border:none;
background:#dc3545; /* Red */
color:white;
padding:0 16px;
transition:0.3s;
}

.header-search button:hover{
background:#b02a37; /* Dark Red Hover */
}

/* =========================
BOOK BUTTON
========================= */

.book-btn{
background:#dc3545; /* Red */
color:white;
padding:8px 20px;
border-radius:30px;
font-weight:600;
}

.book-btn:hover{
background:#b02a37; /* Dark Red */
color:white;
}


/* =========================
CART
========================= */

.cart-icon{
font-size:20px;
position:relative;
}

.cart-badge{
position:absolute;
top:-6px;
right:-10px;
background:red;
color:white;
font-size:12px;
padding:3px 7px;
border-radius:50%;
}


/* =====================================================
   CARD SYSTEM (Used Across Site)
===================================================== */
.card-health {
    border-radius: 18px;
    border: 1px solid #f0f0f0;
    background: linear-gradient(180deg, #ffffff, #fafafa);
    transition: all 0.3s ease;
    overflow: hidden;
}

.card-health:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

.price-pill {
    background: #ffecec;
    color: #C62828;
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 30px;
    display: inline-block;
    font-size: 16px;
}

/* =====================================================
   HOW IT WORKS SECTION
===================================================== */
.hiw-link,
.hiw-link:visited,
.hiw-link:hover,
.hiw-link:active,
.hiw-link:focus {
    text-decoration: none !important;
    color: inherit !important;
    outline: none !important;
}

.hiw-card {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid #f0f0f0;
    background: #ffffff;
    transition: all 0.35s ease;
    cursor: pointer;
}

.hiw-icon {
    font-size: 42px;
    transition: transform 0.3s ease;
}

.hiw-arrow {
    margin-top: 15px;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
    color: #C62828;
    font-size: 18px;
}

.hiw-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px rgba(198, 40, 40, 0.15);
    border-color: #C62828;
}

.hiw-card:hover .hiw-icon {
    transform: scale(1.15);
}

.hiw-card:hover .hiw-arrow {
    opacity: 1;
    transform: translateX(0);
}

/* Shine effect */
.hiw-card::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
    transform: rotate(25deg);
    transition: 0.7s ease;
}

.hiw-card:hover::before {
    top: 100%;
    left: 100%;
}

/* =====================================================
   PREMIUM NEWSLETTER
===================================================== */
.footer-newsletter {
    background: linear-gradient(135deg, #C62828, #9E1C1C);
    padding: 50px 0;
    color: #fff;
}

.newsletter-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 20px;
}

/* PREMIUM NEWSLETTER FORM */
.newsletter-form {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 50px;
    overflow: hidden;
    max-width: 520px;
    width: 100%;
    margin: 0 auto;
    height: 54px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

/* Glow when user clicks input */
.newsletter-form:focus-within {
    border-color: #C62828;
    box-shadow: 0 12px 35px rgba(198,40,40,0.25);
}

/* Email Input */
.newsletter-form input {
    flex: 1;
    border: none;
    padding: 0 22px;
    height: 100%;
    font-size: 14px;
    outline: none;
    color: #333;
    background: transparent;
}

.newsletter-form input::placeholder {
    color: #888;
}

/* Subscribe Button */
.newsletter-form button {
    background: linear-gradient(135deg,#0d1b2a,#162a44);
    border: none;
    height: 100%;
    padding: 0 28px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.3px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Button Hover */
.newsletter-form button:hover {
    background: linear-gradient(135deg,#C62828,#e53935);
}

/* =====================================================
   FOOTER
===================================================== */
.footer-premium {
    background: #0d1b2a;
    color: #fff;
    padding: 80px 0 0;
    font-size: 14px;
}

.footer-heading {
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

.footer-heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #C62828;
}

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color: #fff;
    opacity: 0.7;
}

.footer-links a:hover {
    opacity: 1;
    color: #C62828;
    padding-left: 6px;
}

/* Social */
.footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: rgba(255,255,255,0.05);
    border-radius: 50%;
    margin-right: 10px;
    color: #fff;
}

.footer-social a:hover {
    background: #C62828;
    transform: translateY(-3px);
}

/* Bottom */
.footer-bottom {
    background: #081420;
    padding: 25px 0;
    margin-top: 60px;
    font-size: 13px;
    opacity: 0.6;
}

/* Subscribe Section Center */
.footer-premium .subscribe-box {
    text-align: center;
}

.footer-premium .subscribe-box button {
    margin: 0 auto;
    display: block;
}


.whatsapp-float{
    position:fixed;
    bottom:25px;
    right:25px;
    z-index:999;
}

.wa-circle{
    width:60px;
    height:60px;
    background:#25D366;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 20px rgba(0,0,0,0.2);
}

.wa-circle img{
    width:32px;
    height:32px;
}

/* =====================================================
   RESPONSIVE
===================================================== */
@media (max-width: 992px) {
    body {
        padding-top: 90px;
    }
}

@media (max-width: 768px) {
    .section-wrap {
        padding: 50px 0;
    }

    .newsletter-box {
        text-align: center;
        justify-content: center;
    }

    .footer-premium {
        padding-top: 50px;
        text-align: center;
    }

    .footer-heading::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .hiw-icon {
        font-size: 36px;
    }
}
/* ==========================================
   FAQ SECTION - TASHEEL HEALTHCARE
========================================== */
.faq-section {
    background: #f8f9fa;
}

.faq-section h2 {
    font-size: 32px;
}

.accordion-button {
    font-size: 16px;
    background: #ffffff;
}

.accordion-button:not(.collapsed) {
    color: #C62828;
    background: #fff;
    box-shadow: none;
}

.accordion-body {
    font-size: 15px;
    line-height: 1.7;
}

.accordion-item {
    border-radius: 8px;
}
/* =====================================================
   WHY + IMPACT COMBINED SECTION
===================================================== */

.tasheel-combined {
    padding: 130px 0;
    background: #ffffff;
}

/* Section Heading */
.tasheel-combined .section-title {
    font-size: 2.6rem;
    font-weight: 700;
    color: #1f1f1f;
    margin-bottom: 20px;
}

.tasheel-combined .section-desc {
    font-size: 1.05rem;
    color: #555;
    margin-bottom: 35px;
    max-width: 600px;
}

/* Feature List */
.tasheel-combined .feature-list {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.tasheel-combined .feature-list li {
    margin-bottom: 14px;
    font-weight: 500;
    padding-left: 22px;
    position: relative;
    color: #333;
}

.tasheel-combined .feature-list li::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #C62828;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
}


./* IMPACT SECTION */

/* ================================
   PREMIUM IMPACT SECTION
================================ */

/* IMPACT SECTION */

.impact-section{
padding:80px 0;
background:#f8f9fa;
}

.impact-title{
font-size:34px;
font-weight:700;
margin-bottom:50px;
text-align:center;
}

.impact-card{
background:#ffffff;
padding:35px 25px;
border-radius:12px;
text-align:center;
transition:0.3s;
box-shadow:0 6px 18px rgba(0,0,0,0.06);
height:100%;
}

.impact-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 30px rgba(0,0,0,0.1);
}

.impact-icon{
font-size:40px;
color:#C62828;
margin-bottom:15px;
}

.impact-card h3{
font-size:38px;
font-weight:700;
color:#C62828;
margin-bottom:5px;
}

.impact-card p{
font-size:15px;
color:#666;
margin:0;
}

/* =====================================================
   IMPROVED CORPORATE CTA
===================================================== */

.tasheel-combined .cta-btn {
    background: #C62828;
    color: #ffffff;
    padding: 16px 45px;
    font-size: 1.05rem;
    font-weight: 700;
    border-radius: 6px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 8px 18px rgba(198, 40, 40, 0.25);
}

.tasheel-combined .cta-btn:hover {
    background: #9E1C1C;
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(198, 40, 40, 0.35);
    color: #ffffff;
}

.tasheel-combined .cta-arrow {
    font-size: 1.2rem;
    transition: transform 0.3s ease;
}

.tasheel-combined .cta-btn:hover .cta-arrow {
    transform: translateX(4px);
}


/* Image */
.tasheel-combined .tasheel-img {
    border-radius: 6px;
}

/* Impact Section */
.tasheel-combined .impact-wrapper {
    margin-top: 90px;
    padding-top: 70px;
    border-top: 1px solid #e5e5e5;
}

.tasheel-combined .impact-title {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 50px;
    color: #1f1f1f;
}

.tasheel-combined .impact-item h3 {
    font-size: 3rem;
    font-weight: 800;
    color: #C62828;
    margin-bottom: 8px;
}

.tasheel-combined .impact-item p {
    margin: 0;
    font-weight: 500;
    color: #555;
}

/* Responsive */
@media (max-width: 768px) {
    .tasheel-combined {
        padding: 90px 0;
    }

    .tasheel-combined .impact-item h3 {
        font-size: 2.2rem;
    }
}

/* Feature Items */
.feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    font-weight: 500;
    color: #444;
}

.feature-item i {
    color: #C62828;
    margin-right: 10px;
    font-size: 1.2rem;
}

/* CTA Button */
.tasheel-cta {
    background: #C62828;
    color: #ffffff;
    padding: 14px 34px;
    font-size: 1.05rem;
    font-weight: 700;
    border-radius: 50px;
    border: none;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
    box-shadow: 0 12px 25px rgba(198, 40, 40, 0.35);
}

.tasheel-cta:hover {
    background: #9E1C1C;
    transform: translateY(-4px);
    box-shadow: 0 18px 35px rgba(198, 40, 40, 0.45);
    color: #ffffff;
}

/* Impact Section */
.impact-box {
    background: #ffffff;
    padding: 40px 20px;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: 0.3s ease;
}

.impact-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(198,40,40,0.15);
}

.impact-box h4 {
    font-size: 2.5rem;
    font-weight: 800;
    color: #C62828;
    margin-bottom: 8px;
}

.impact-box p {
    margin: 0;
    color: #555;
    font-weight: 500;
}

/* Responsive */
@media (max-width: 768px) {
    .tasheel-premium-section {
        padding: 80px 0;
    }

    .impact-box h4 {
        font-size: 2rem;
    }
}
.tasheel-img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 8px;
}

/* =====================================================
   CORPORATE HERO SECTION
===================================================== */

.corporate-hero-section {
    background: linear-gradient(135deg, #fff5f5, #ffffff);
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.corporate-content h2 {
    font-size: 34px;
    font-weight: 700;
    color: #C62828;
    margin-bottom: 20px;
}

.corporate-content p {
    font-size: 16px;
    color: #555;
    margin-bottom: 25px;
    line-height: 1.7;
}

.corporate-benefits {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.corporate-benefits li {
    margin-bottom: 12px;
    font-weight: 500;
    color: #333;
}

.btn-corporate {
    background: #C62828;
    color: #fff;
    padding: 12px 26px;
    border-radius: 50px;
    font-weight: 600;
    transition: 0.3s ease;
    text-decoration: none;
}

.btn-corporate:hover {
    background: #9E1C1C;
    color: #fff;
    transform: translateY(-2px);
}

.corporate-img {
    max-height: 400px;
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

/* Carousel Controls Styling */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #C62828;
    padding: 18px;
    border-radius: 50%;
}

/* Responsive */
@media (max-width: 991px) {

    .corporate-hero-section {
        padding: 60px 20px;
    }

    .corporate-content h2 {
        font-size: 26px;
    }

    .corporate-img {
        margin-top: 30px;
    }
}
.whatsapp-float {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    left: auto !important;
    z-index: 999999 !important;
    text-decoration: none !important;
}

.wa-circle {
    width: 60px;
    height: 60px;
    background-color: #25D366 !important;
    color: #ffffff !important;
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 6px 15px rgba(0,0,0,0.25);
}
/* ===== MEDICAL APP STYLE SLIDER ===== */

.slider-wrapper {
    position: relative;
}

.medical-slider {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    padding-bottom: 10px;
}

.medical-slider::-webkit-scrollbar {
    display: none;
}

.medical-card {
    min-width: 280px;
    max-width: 280px;
    flex: 0 0 auto;
    scroll-snap-align: start;
}

.medical-card .card {
    border-radius: 18px;
    transition: 0.3s ease;
}

.medical-card .card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

.medical-meta div {
    margin-bottom: 6px;
    color: #555;
}

.price-box {
    font-size: 18px;
    font-weight: 700;
    color: #C62828;
    background: #ffecec;
    padding: 6px 12px;
    border-radius: 20px;
    display: inline-block;
}

/* Arrows */
.slider-btn {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    background: #fff;
    border: 1px solid #eee;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    z-index: 10;
    cursor: pointer;
}

.slider-prev { left: -15px; }
.slider-next { right: -15px; }

.slider-btn:hover {
    background: #C62828;
    color: #fff;
}

/* Mobile Adjust */
@media (max-width: 768px) {
    .slider-btn {
        display: none;
    }
}
.medical-test-card {
    border-radius: 18px;
    border: none;
    transition: 0.3s ease;
    box-shadow: 0 6px 22px rgba(0,0,0,0.08);
}

.medical-test-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* Price Badge Top Left */
.price-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #C62828;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 8px;
    z-index: 10;
}

.badge-percent {
    display: block;
    font-size: 10px;
    font-weight: 500;
    margin-top: 2px;
}
.medical-test-card .card-body {
    padding-top: 55px;
}
/* Keep slider width intact */
.medical-card {
    min-width: 280px;
    max-width: 280px;
    flex: 0 0 auto;
}

/* Add top padding so badge doesn't hide title */
.slider-body {
    padding-top: 55px;
}

/* Price badge */
.price-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #C62828;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 8px;
    z-index: 10;
}

.badge-percent {
    display: block;
    font-size: 10px;
    margin-top: 2px;
}
/* Keep slider width */
.medical-card {
    flex: 0 0 280px;
    max-width: 280px;
}

/* Card hover */
.slider-card {
    border-radius: 16px;
    transition: 0.3s ease;
}

.slider-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 35px rgba(0,0,0,0.08);
}

/* Push content down */
.slider-body {
    padding-top: 55px;
}

/* Top-left price badge */
.price-badge-left {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #C62828;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 8px;
    z-index: 10;
}
/* ===============================
   TASHEEL PREMIUM HERO SECTION
================================= */

/* ================= HERO SECTION ================= */

.hero-section{
position:relative;
overflow:hidden;
}

/* SLIDE */

.hero-slide{
position:relative;
height:75vh;
display:flex;
align-items:center;
overflow:hidden;
}

/* BACKGROUND IMAGE */

.hero-slide::before{
content:"";
position:absolute;
inset:0;
background-size:cover;
background-position:center;
filter:blur(3px);
transform:scale(1.05);
animation:zoomBg 12s ease-in-out infinite alternate;
z-index:0;
}

/* IMAGES */

.hero-slide.slide1::before{
background-image:url('../../images/hero1.jpg');
}

.hero-slide.slide2::before{
background-image:url('../../images/hero2.jpg');
}

/* OVERLAY */

.hero-overlay{
position:absolute;
inset:0;
background:linear-gradient(
90deg,
rgba(0,0,0,0.45),
rgba(0,0,0,0.2)
);
z-index:1;
}

/* CARD */

.hero-card{
position:relative;
z-index:5;
max-width:600px;
padding:45px;
border-radius:14px;
background:rgba(255,255,255,0.95);
box-shadow:0 25px 60px rgba(0,0,0,0.15);
animation:floatCard 6s ease-in-out infinite;
}

/* FLOAT ANIMATION */

@keyframes floatCard{
0%{transform:translateY(0px);}
50%{transform:translateY(-6px);}
100%{transform:translateY(0px);}
}

/* BACKGROUND ZOOM */

@keyframes zoomBg{
0%{transform:scale(1.02);}
100%{transform:scale(1.08);}
}

/* BADGE */

.hero-badge{
display:inline-block;
background:#C62828;
color:#fff;
padding:6px 14px;
border-radius:30px;
font-size:13px;
font-weight:600;
margin-bottom:12px;
}

/* HEADING */

.hero-card h1{
font-size:46px;
font-weight:700;
color:#111;
margin-bottom:10px;
}

.hero-card h1 span{
background:linear-gradient(90deg,#C62828,#ff6b6b);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

/* SUBTITLE */

.hero-subtitle{
font-size:20px;
font-weight:600;
color:#C62828;
margin-bottom:10px;
}

/* DESCRIPTION */

.hero-desc{
font-size:16px;
line-height:1.7;
color:#555;
}

/* BUTTONS */

.hero-buttons{
margin-top:20px;
display:flex;
gap:15px;
}

.hero-buttons{
display:flex;
gap:15px;
align-items:center;
}

.hero-buttons .btn{
padding:12px 30px;
border-radius:40px;
font-weight:600;
font-size:15px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
min-width:180px;
}

/* Primary Button */

.hero-btn-primary{
background:#C62828 !important;
color:#fff !important;
border:none;
box-shadow:0 8px 20px rgba(198,40,40,0.35);
}

.hero-btn-primary:hover{
background:#9E1C1C !important;
}

/* Secondary Button */

.hero-btn-secondary{
border:2px solid #C62828;
color:#C62828;
background:transparent;
}

.hero-btn-secondary:hover{
background:#C62828;
color:#fff;
}

/* PRIMARY BUTTON */

.hero-btn-primary{
background:#C62828 !important;
color:#fff !important;
padding:12px 30px;
border-radius:40px;
font-weight:600;
border:none;
box-shadow:0 8px 20px rgba(198,40,40,0.35);
transition:.3s;
}

.hero-btn-primary:hover{
background:#9E1C1C !important;
transform:translateY(-2px);
box-shadow:0 12px 25px rgba(198,40,40,0.45);
}

/* SECONDARY BUTTON */

.hero-btn-secondary{
border:2px solid #C62828;
color:#C62828;
padding:12px 30px;
border-radius:40px;
font-weight:600;
background:transparent;
}

.hero-btn-secondary:hover{
background:#C62828;
color:#fff;
}

/* FEATURES GRID */

.features-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
margin-top:25px;
}

/* FEATURE BOX */

.feature-box{
display:flex;
align-items:center;
gap:10px;
background:#f8f9fa;
padding:12px 14px;
border-radius:8px;
font-weight:500;
font-size:15px;
transition:.25s;
}

.feature-box:hover{
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

/* FEATURE ICON */

.feature-box i{
color:#C62828;
font-size:18px;
}

/* MOBILE */

@media(max-width:768px){

.hero-slide{
height:60vh;
}

.hero-card{
padding:25px;
}

.hero-card h1{
font-size:30px;
}

.hero-desc{
font-size:14px;
}

.features-grid{
grid-template-columns:1fr;
}

}

.hero-slide .container{
display:flex;
align-items:center;
justify-content:center;
height:100%;
}

body {
    font-family: 'Inter', sans-serif;
}

body{
margin:0 !important;
padding-top:0 !important;
}

html{
margin:0;
padding:0;
}

/* =====================================================
   TESTS BY BODAY ORGANS
===================================================== */

/* ========================= */
/* Section Background */
/* ========================= */

.organ-section{
padding:70px 0;
background:#e6dada;
text-align:center;
}

/* ========================= */
/* Title */
/* ========================= */

.organ-title{
font-size:40px;
font-weight:700;
margin-bottom:60px;
}

/* ========================= */
/* Grid Layout */
/* ========================= */

.organ-grid{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:40px;
justify-items:center;
margin-top:40px;
}

/* ========================= */
/* Card */
/* ========================= */

.organ-card{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
text-decoration:none;
color:#333;
}

/* ========================= */
/* Circle */
/* ========================= */

.organ-circle{
width:150px;
height:150px;
background:#f4e7e7;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
transition:all .35s ease;
box-shadow:0 6px 20px rgba(0,0,0,0.08);
}

/* Hover Effect */

.organ-card:hover .organ-circle{
transform:translateY(-8px) scale(1.05);
box-shadow:0 12px 30px rgba(0,0,0,0.15);
background:#fff;
}

/* ========================= */
/* Icon */
/* ========================= */

.organ-circle img{
width:140px;
transition:transform .3s ease;
}

.organ-card:hover img{
transform:scale(1.1);
}

/* ========================= */
/* Text */
/* ========================= */

.organ-card p{
margin-top:15px;
font-size:18px;
font-weight:600;
color:#333;
}

/* ========================= */
/* View All Button */
/* ========================= */

.view-btn{
margin-top:50px;
}

.view-all-btn{
padding:14px 50px;
border:2px solid #dc3545;
border-radius:30px;
text-decoration:none;
color:#dc3545;
font-weight:600;
transition:.3s;
}

.view-all-btn:hover{
background:#dc3545;
color:#fff;
}

/* ========================= */
/* Tablet Responsive */
/* ========================= */

@media(max-width:992px){

.organ-grid{
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.organ-circle{
width:130px;
height:130px;
}

.organ-circle img{
width:60px;
}

}

/* ========================= */
/* Mobile Responsive */
/* ========================= */

@media(max-width:576px){

.organ-grid{
grid-template-columns:repeat(2,1fr);
}

.organ-circle{
width:110px;
height:110px;
}

.organ-circle img{
width:50px;
}

.organ-card p{
font-size:16px;
}

.organ-title{
font-size:28px;
}

}

.organ-card{
cursor:pointer;
}