.elementor-491 .elementor-element.elementor-element-22ef628{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS *//* --- START: WRAPPED CSS FOR ELEMENTOR (DROPS PAGE) --- */

.medcare-drops-supplements-page {
    --primary-green: #7bc142;
    --primary-blue: #0077be;
    --secondary-green: #39b54a;
    --secondary-blue: #00a1e0;
    --accent-teal: #00bcd4;
    --dark-navy: #1a1a2e;
    --dark-text: #1a1a2e;
    --light-text: #4f5e7b;
    --white: #ffffff;
    --light-bg: #f9f9f9;
    --gradient-blue: linear-gradient(135deg, var(--secondary-blue), var(--primary-blue));
    --gradient-green: linear-gradient(135deg, var(--primary-green), var(--secondary-green));
    --gradient-main: linear-gradient(135deg, var(--primary-green), var(--accent-teal), var(--primary-blue));
    --gradient-dark: linear-gradient(135deg, #16222A, #3A6073);
    --gradient-tech: linear-gradient(135deg, #0F2027, #203A43, #2C5364);
    --gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
    --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    --box-shadow-strong: 0 15px 40px rgba(0, 0, 0, 0.15);
    --transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    --border-radius: 20px;
    font-family: 'Poppins', sans-serif;
    color: var(--dark-text);
    line-height: 1.6;
    background-color: var(--light-bg);
}

.medcare-drops-supplements-page * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.medcare-drops-supplements-page h1,
.medcare-drops-supplements-page h2,
.medcare-drops-supplements-page h3,
.medcare-drops-supplements-page h4,
.medcare-drops-supplements-page h5,
.medcare-drops-supplements-page h6 {
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.medcare-drops-supplements-page p {
    margin-bottom: 1rem;
    color: var(--light-text);
    line-height: 1.8;
}

.medcare-drops-supplements-page a {
    text-decoration: none;
    color: var(--primary-blue);
    transition: var(--transition);
}

.medcare-drops-supplements-page a:hover {
    color: var(--secondary-blue);
}

.medcare-drops-supplements-page .container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
    position: relative;
    z-index: 1;
}

.medcare-drops-supplements-page section {
    padding: 7rem 0;
    position: relative;
    overflow: hidden;
}

.medcare-drops-supplements-page .btn { display: inline-block; padding: 1.2rem 3rem; border-radius: 50px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; transition: var(--transition); cursor: pointer; font-size: 0.95rem; border: none; outline: none; position: relative; overflow: hidden; z-index: 1; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); }
.medcare-drops-supplements-page .btn::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: rgba(255, 255, 255, 0.2); transition: all 0.5s; z-index: -1; }
.medcare-drops-supplements-page .btn:hover::before { width: 100%; }
.medcare-drops-supplements-page .btn-primary { background: var(--gradient-blue); color: var(--white); box-shadow: 0 4px 15px rgba(0, 119, 190, 0.3); }
.medcare-drops-supplements-page .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 119, 190, 0.4); color: var(--white); }
.medcare-drops-supplements-page .btn-secondary { background: var(--gradient-green); color: var(--white); box-shadow: 0 4px 15px rgba(57, 181, 74, 0.3); }
.medcare-drops-supplements-page .btn-secondary:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(57, 181, 74, 0.4); color: var(--white); }
.medcare-drops-supplements-page .btn-outline { background: transparent; color: var(--primary-blue); border: 2px solid var(--primary-blue); box-shadow: none; }
.medcare-drops-supplements-page .btn-outline:hover { background: var(--primary-blue); color: var(--white); transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 119, 190, 0.4); }

.medcare-drops-supplements-page .section-title { text-align: center; margin-bottom: 5rem; position: relative; }
.medcare-drops-supplements-page .section-title h2 { font-size: 3.5rem; position: relative; display: inline-block; margin-bottom: 1.5rem; font-weight: 800; }
.medcare-drops-supplements-page .section-title h2 span { background: var(--gradient-main); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.medcare-drops-supplements-page .section-title p { max-width: 800px; margin: 1.5rem auto 0; font-size: 1.25rem; color: var(--light-text); }

/* Reveal on Scroll Animation */
.medcare-drops-supplements-page .reveal-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.medcare-drops-supplements-page .reveal-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Enhanced Hero Section */
.medcare-drops-supplements-page .hero { min-height: 90vh; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); position: relative; overflow: hidden; display: flex; align-items: center; padding: 12rem 0 8rem; }
.medcare-drops-supplements-page .hero::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 20% 50%, rgba(123, 193, 66, 0.15) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(0, 119, 190, 0.15) 0%, transparent 50%), radial-gradient(circle at 40% 20%, rgba(0, 188, 212, 0.1) 0%, transparent 50%); z-index: 0; }
.medcare-drops-supplements-page .floating-drops { position: absolute; width: 100%; height: 100%; z-index: 1; }
.medcare-drops-supplements-page .floating-drop { position: absolute; width: 40px; height: 60px; background: var(--gradient-blue); border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; opacity: 0.3; animation: float-drop 15s infinite ease-in-out; box-shadow: 0 10px 20px rgba(0, 119, 190, 0.2); }
.medcare-drops-supplements-page .floating-drop:nth-child(1) { top: 20%; left: 10%; animation-delay: 0s; animation-duration: 12s; }
.medcare-drops-supplements-page .floating-drop:nth-child(2) { top: 60%; right: 10%; animation-delay: 3s; animation-duration: 15s; }
.medcare-drops-supplements-page .floating-drop:nth-child(3) { bottom: 20%; left: 30%; animation-delay: 6s; animation-duration: 18s; }
.medcare-drops-supplements-page .floating-drop:nth-child(4) { top: 40%; right: 30%; animation-delay: 9s; animation-duration: 14s; }
@keyframes float-drop { 0%, 100% { transform: translateY(0) rotate(0deg) scale(1); } 25% { transform: translateY(-30px) rotate(45deg) scale(1.1); } 50% { transform: translateY(20px) rotate(90deg) scale(0.9); } 75% { transform: translateY(-20px) rotate(135deg) scale(1.05); } }
.medcare-drops-supplements-page .hero-content { display: flex; align-items: center; gap: 5rem; position: relative; z-index: 2; }
.medcare-drops-supplements-page .hero-text { flex: 1; max-width: 650px; }
.medcare-drops-supplements-page .hero-badge { display: inline-block; padding: 0.6rem 2rem; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); color: var(--primary-blue); border-radius: 50px; font-size: 0.95rem; font-weight: 600; margin-bottom: 2rem; box-shadow: 0 5px 15px rgba(0, 119, 190, 0.1); position: relative; overflow: hidden; border: 1px solid rgba(0, 119, 190, 0.2); }
.medcare-drops-supplements-page .hero-title { font-size: 4.5rem; font-weight: 800; margin-bottom: 2rem; line-height: 1.1; letter-spacing: -0.03em; }
.medcare-drops-supplements-page .hero-title span { position: relative; display: inline-block; background: var(--gradient-main); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradient-shift 3s ease-in-out infinite; }
@keyframes gradient-shift { 0%, 100% { filter: hue-rotate(0deg); } 50% { filter: hue-rotate(30deg); } }
.medcare-drops-supplements-page .hero-description { font-size: 1.25rem; margin-bottom: 2.5rem; color: var(--light-text); line-height: 1.8; }
.medcare-drops-supplements-page .hero-buttons { display: flex; gap: 1.5rem; margin-bottom: 3rem; flex-wrap: wrap; }
.medcare-drops-supplements-page .hero-visual { flex: 1; position: relative; min-height: 600px; z-index: 1; }
.medcare-drops-supplements-page .hero-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 500px; height: 500px; }
.medcare-drops-supplements-page .dropper-3d { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; animation: rotate-3d 20s linear infinite; }
@keyframes rotate-3d { 0% { transform: rotateY(0deg) rotateX(5deg); } 100% { transform: rotateY(360deg) rotateX(5deg); } }
.medcare-drops-supplements-page .dropper-container { position: absolute; width: 200px; height: 400px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.medcare-drops-supplements-page .dropper-bottle { position: absolute; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6)); border-radius: 20px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), inset 0 0 20px rgba(0, 119, 190, 0.2); overflow: hidden; }
.medcare-drops-supplements-page .dropper-liquid { position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; background: var(--gradient-blue); border-radius: 0 0 20px 20px; animation: liquid-wave 3s ease-in-out infinite; }
@keyframes liquid-wave { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-10px) rotate(2deg); } }
.medcare-drops-supplements-page .dropper-cap { position: absolute; top: -50px; left: 50%; transform: translateX(-50%); width: 80px; height: 120px; background: linear-gradient(135deg, #333, #666); border-radius: 10px 10px 0 0; box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.2); }
.medcare-drops-supplements-page .dropper-tip { position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); width: 20px; height: 30px; background: linear-gradient(135deg, #444, #777); border-radius: 0 0 50% 50%; }
.medcare-drops-supplements-page .animated-drops { position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%); width: 100px; height: 200px; }
.medcare-drops-supplements-page .drop-animation { position: absolute; width: 15px; height: 20px; background: var(--gradient-blue); border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; opacity: 0; animation: drop-fall 3s infinite ease-in; box-shadow: 0 5px 10px rgba(0, 119, 190, 0.3); }
.medcare-drops-supplements-page .drop-animation:nth-child(1) { left: 40%; animation-delay: 0s; }
.medcare-drops-supplements-page .drop-animation:nth-child(2) { left: 50%; animation-delay: 1s; }
.medcare-drops-supplements-page .drop-animation:nth-child(3) { left: 60%; animation-delay: 2s; }
@keyframes drop-fall { 0% { transform: translateY(0) scale(1); opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { transform: translateY(150px) scale(0.8); opacity: 0; } }

/* Features Section */
.medcare-drops-supplements-page .features { background: var(--white); position: relative; overflow: hidden; }
.medcare-drops-supplements-page .features::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 10% 50%, rgba(123, 193, 66, 0.05) 0%, transparent 40%), radial-gradient(circle at 90% 50%, rgba(0, 119, 190, 0.05) 0%, transparent 40%); z-index: 0; }
.medcare-drops-supplements-page .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 3rem; position: relative; z-index: 1; }
.medcare-drops-supplements-page .feature-card { background: linear-gradient(135deg, #ffffff, #f8f9fa); border-radius: var(--border-radius); padding: 3.5rem 2.5rem; text-align: center; transition: var(--transition); position: relative; overflow: hidden; z-index: 1; border: 1px solid rgba(0, 0, 0, 0.05); cursor: pointer; }
.medcare-drops-supplements-page .feature-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: var(--gradient-main); transform: translateX(-100%); transition: transform 0.6s ease; }
.medcare-drops-supplements-page .feature-card:hover::before { transform: translateX(0); }
.medcare-drops-supplements-page .feature-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); background: linear-gradient(135deg, #ffffff, #fafbfc); }
.medcare-drops-supplements-page .feature-icon { width: 90px; height: 90px; border-radius: 50%; background: var(--gradient-main); display: flex; align-items: center; justify-content: center; margin: 0 auto 2rem; color: var(--white); font-size: 2.5rem; transition: var(--transition); box-shadow: 0 10px 30px rgba(0, 119, 190, 0.2); position: relative; }
.medcare-drops-supplements-page .feature-icon::after { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; background: var(--gradient-main); opacity: 0.3; animation: pulse-ring 2s infinite; z-index: -1; }
@keyframes pulse-ring { 0% { transform: scale(1); opacity: 0.3; } 100% { transform: scale(1.3); opacity: 0; } }
.medcare-drops-supplements-page .feature-card:hover .feature-icon { transform: scale(1.1) rotate(5deg); box-shadow: 0 15px 40px rgba(0, 119, 190, 0.3); }
.medcare-drops-supplements-page .feature-title { font-size: 1.6rem; margin-bottom: 1rem; color: var(--dark-text); font-weight: 700; }
.medcare-drops-supplements-page .feature-description { font-size: 1.05rem; color: var(--light-text); line-height: 1.8; }

/* Enhanced Overview Section */
.medcare-drops-supplements-page .overview { background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%); position: relative; overflow: hidden; }
.medcare-drops-supplements-page .overview-content { display: flex; flex-wrap: wrap; gap: 5rem; position: relative; z-index: 1; align-items: center; }
.medcare-drops-supplements-page .overview-text { flex: 1; min-width: 300px; }
.medcare-drops-supplements-page .overview-subtitle { font-size: 1.25rem; color: var(--primary-blue); margin-bottom: 1.5rem; font-weight: 600; display: flex; align-items: center; gap: 1rem; }
.medcare-drops-supplements-page .overview-subtitle::before { content: ''; width: 60px; height: 3px; background: var(--gradient-main); border-radius: 3px; }
.medcare-drops-supplements-page .overview-title { font-size: 3rem; font-weight: 800; margin-bottom: 2rem; line-height: 1.2; }
.medcare-drops-supplements-page .overview-title span { background: var(--gradient-main); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.medcare-drops-supplements-page .overview-description { font-size: 1.15rem; margin-bottom: 2rem; color: var(--light-text); line-height: 1.8; }
.medcare-drops-supplements-page .overview-list { list-style: none; margin-bottom: 3rem; }
.medcare-drops-supplements-page .overview-list-item { display: flex; align-items: flex-start; margin-bottom: 1.5rem; font-size: 1.1rem; color: var(--light-text); padding-left: 2rem; position: relative; }
.medcare-drops-supplements-page .overview-list-item i { position: absolute; left: 0; top: 0.2rem; color: var(--primary-green); font-size: 1.2rem; }
.medcare-drops-supplements-page .overview-image { flex: 1; min-width: 300px; position: relative; height: 500px; }
.medcare-drops-supplements-page .overview-visual { position: relative; width: 100%; height: 100%; border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15); }
.medcare-drops-supplements-page .overview-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s ease; }
.medcare-drops-supplements-page .overview-visual:hover img { transform: scale(1.05); }
.medcare-drops-supplements-page .overview-stats { position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); display: flex; gap: 2rem; background: var(--white); padding: 1.5rem 3rem; border-radius: 100px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); }
.medcare-drops-supplements-page .stat-item { text-align: center; padding: 0 1rem; border-right: 2px solid rgba(0, 0, 0, 0.1); }
.medcare-drops-supplements-page .stat-item:last-child { border-right: none; }
.medcare-drops-supplements-page .stat-number { font-size: 2rem; font-weight: 800; background: var(--gradient-main); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 0.3rem; }
.medcare-drops-supplements-page .stat-label { font-size: 0.9rem; color: var(--light-text); font-weight: 500; }

/* Size Options Section */
.medcare-drops-supplements-page .size-options { background: var(--white); position: relative; overflow: hidden; }
.medcare-drops-supplements-page .sizes-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 3rem; position: relative; z-index: 1; }
.medcare-drops-supplements-page .size-card { background: linear-gradient(135deg, #ffffff, #f8f9fa); border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); transition: var(--transition); text-align: center; position: relative; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.05); }
.medcare-drops-supplements-page .size-card:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15); }
.medcare-drops-supplements-page .size-image { height: 250px; position: relative; overflow: hidden; background: var(--gradient-main); }
.medcare-drops-supplements-page .size-image img { width: 100%; height: 100%; object-fit: cover; opacity: 0.9; transition: all 0.8s ease; filter: grayscale(20%); }
.medcare-drops-supplements-page .size-card:hover .size-image img { transform: scale(1.1); opacity: 1; filter: grayscale(0%); }
.medcare-drops-supplements-page .size-content { padding: 2.5rem 2rem; }
.medcare-drops-supplements-page .size-title { font-size: 2.5rem; font-weight: 800; margin-bottom: 0.5rem; background: var(--gradient-main); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.medcare-drops-supplements-page .size-subtitle { font-size: 1.2rem; margin-bottom: 1.5rem; color: var(--dark-text); font-weight: 600; }
.medcare-drops-supplements-page .size-description { font-size: 1.05rem; color: var(--light-text); line-height: 1.8; }

/* Enhanced Comparison Section */
.medcare-drops-supplements-page .comparison { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: var(--white); position: relative; overflow: hidden; padding: 8rem 0; }
.medcare-drops-supplements-page .comparison::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 20% 50%, rgba(123, 193, 66, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 50%, rgba(0, 119, 190, 0.1) 0%, transparent 50%); z-index: 0; }
.medcare-drops-supplements-page .comparison .section-title h2 { color: var(--white); }
.medcare-drops-supplements-page .comparison .section-title p { color: rgba(255, 255, 255, 0.8); }
.medcare-drops-supplements-page .comparison-container { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; }
.medcare-drops-supplements-page .comparison-toggle { display: flex; justify-content: center; gap: 2rem; margin-bottom: 4rem; }
.medcare-drops-supplements-page .toggle-btn { padding: 1rem 2rem; background: rgba(255, 255, 255, 0.1); border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 50px; color: rgba(255, 255, 255, 0.7); font-weight: 600; cursor: pointer; transition: var(--transition); font-size: 1rem; }
.medcare-drops-supplements-page .toggle-btn.active { background: var(--gradient-main); border-color: transparent; color: var(--white); transform: scale(1.05); box-shadow: 0 10px 30px rgba(0, 119, 190, 0.3); }
.medcare-drops-supplements-page .comparison-content { display: none; opacity: 0; transform: translateY(20px); transition: all 0.5s ease; }
.medcare-drops-supplements-page .comparison-content.active { display: block; opacity: 1; transform: translateY(0); }
.medcare-drops-supplements-page .comparison-cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; margin-bottom: 4rem; }
.medcare-drops-supplements-page .comp-card { flex: 1 1 280px; max-width: 320px; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); border-radius: var(--border-radius); padding: 2.5rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: var(--transition); cursor: pointer; position: relative; overflow: hidden; }
.medcare-drops-supplements-page .comp-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--gradient-main); opacity: 0; transition: opacity 0.5s ease; z-index: -1; }
.medcare-drops-supplements-page .comp-card:hover { transform: translateY(-10px); border-color: rgba(255, 255, 255, 0.3); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); }
.medcare-drops-supplements-page .comp-card:hover::before { opacity: 0.1; }
.medcare-drops-supplements-page .comp-card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; }
.medcare-drops-supplements-page .comp-card-title { font-size: 1.8rem; font-weight: 700; color: var(--white); }
.medcare-drops-supplements-page .comp-card-icon { width: 60px; height: 60px; background: var(--gradient-main); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; color: var(--white); box-shadow: 0 10px 20px rgba(0, 119, 190, 0.3); }
.medcare-drops-supplements-page .comp-features { list-style: none; }
.medcare-drops-supplements-page .comp-feature { display: flex; align-items: center; margin-bottom: 1.5rem; font-size: 1.05rem; color: rgba(255, 255, 255, 0.9); }
.medcare-drops-supplements-page .comp-feature i { margin-right: 1rem; font-size: 1.2rem; }
.medcare-drops-supplements-page .comp-feature.highlight i { color: var(--primary-green); }
.medcare-drops-supplements-page .comp-feature.standard i { color: var(--primary-blue); }
.medcare-drops-supplements-page .comp-score { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.1); text-align: center; }
.medcare-drops-supplements-page .score-label { font-size: 0.9rem; color: rgba(255, 255, 255, 0.7); margin-bottom: 0.5rem; }
.medcare-drops-supplements-page .score-bar { width: 100%; height: 8px; background: rgba(255, 255, 255, 0.1); border-radius: 4px; overflow: hidden; position: relative; }
.medcare-drops-supplements-page .score-fill { height: 100%; background: var(--gradient-main); border-radius: 4px; transition: width 1s ease; width: 0; }
.medcare-drops-supplements-page .comp-card:hover .score-fill { width: var(--score); }
.medcare-drops-supplements-page .comparison-table-wrapper { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); border-radius: var(--border-radius); padding: 3rem; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); }
.medcare-drops-supplements-page .table-tabs { display: flex; gap: 1rem; margin-bottom: 3rem; flex-wrap: wrap; }
.medcare-drops-supplements-page .table-tab { padding: 0.8rem 1.5rem; background: rgba(255, 255, 255, 0.1); border-radius: 10px; color: rgba(255, 255, 255, 0.7); cursor: pointer; transition: var(--transition); font-weight: 600; border: 1px solid transparent; }
.medcare-drops-supplements-page .table-tab.active { background: var(--gradient-main); color: var(--white); transform: scale(1.05); box-shadow: 0 5px 15px rgba(0, 119, 190, 0.3); }
.medcare-drops-supplements-page .comparison-table { width: 100%; border-collapse: separate; border-spacing: 0; background: rgba(255, 255, 255, 0.02); border-radius: 15px; overflow: hidden; display: none; }
.medcare-drops-supplements-page .comparison-table.active { display: table; animation: fadeIn 0.5s ease; }
.medcare-drops-supplements-page .comparison-table th, .medcare-drops-supplements-page .comparison-table td { padding: 1.8rem 1.5rem; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.05); position: relative; }
.medcare-drops-supplements-page .comparison-table th { background: rgba(255, 255, 255, 0.08); color: var(--white); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 1rem; }
.medcare-drops-supplements-page .comparison-table th:first-child { text-align: left; }
.medcare-drops-supplements-page .comparison-table td:first-child { text-align: left; font-weight: 600; color: rgba(255, 255, 255, 0.9); }
.medcare-drops-supplements-page .comparison-table tr { transition: var(--transition); }
.medcare-drops-supplements-page .comparison-table tr:hover { background: rgba(255, 255, 255, 0.05); }
.medcare-drops-supplements-page .comparison-table tr:last-child td { border-bottom: none; }
.medcare-drops-supplements-page .rating-cell { position: relative; }
.medcare-drops-supplements-page .rating-stars { display: inline-flex; gap: 0.3rem; font-size: 1.2rem; }
.medcare-drops-supplements-page .rating-stars i { color: var(--primary-green); transition: var(--transition); }
.medcare-drops-supplements-page .rating-stars i.empty { color: rgba(255, 255, 255, 0.2); }
.medcare-drops-supplements-page .comparison-table tr:hover .rating-stars i { transform: scale(1.2); }
.medcare-drops-supplements-page .feature-icon-cell { font-size: 2rem; }
.medcare-drops-supplements-page .feature-check { color: var(--primary-green); animation: check-bounce 0.5s ease; }
.medcare-drops-supplements-page .feature-cross { color: #ff4757; animation: cross-shake 0.5s ease; }
@keyframes check-bounce { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.3); } }
@keyframes cross-shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } }

/* Applications Section */
.medcare-drops-supplements-page .applications { background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%); position: relative; overflow: hidden; }
.medcare-drops-supplements-page .applications-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; position: relative; z-index: 1; }
.medcare-drops-supplements-page .application-card { background: var(--white); border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); transition: var(--transition); height: 100%; display: flex; flex-direction: column; position: relative; cursor: pointer; }
.medcare-drops-supplements-page .application-card::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--gradient-main); opacity: 0; transition: opacity 0.5s ease; z-index: 1; pointer-events: none; }
.medcare-drops-supplements-page .application-card:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); }
.medcare-drops-supplements-page .application-card:hover::after { opacity: 0.05; }
.medcare-drops-supplements-page .application-image { height: 250px; position: relative; overflow: hidden; }
.medcare-drops-supplements-page .application-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s ease; }
.medcare-drops-supplements-page .application-card:hover .application-image img { transform: scale(1.1); }
.medcare-drops-supplements-page .application-content { padding: 2.5rem; flex-grow: 1; display: flex; flex-direction: column; position: relative; z-index: 2; }
.medcare-drops-supplements-page .application-title { font-size: 1.8rem; margin-bottom: 1rem; color: var(--dark-text); font-weight: 700; }
.medcare-drops-supplements-page .application-description { font-size: 1.05rem; color: var(--light-text); margin-bottom: 2rem; flex-grow: 1; line-height: 1.8; }
.medcare-drops-supplements-page .application-features { list-style: none; }
.medcare-drops-supplements-page .application-feature { display: flex; align-items: flex-start; margin-bottom: 1rem; font-size: 0.95rem; color: var(--light-text); padding-left: 1.5rem; position: relative; }
.medcare-drops-supplements-page .application-feature i { position: absolute; left: 0; top: 0.2rem; color: var(--primary-green); font-size: 1rem; }

/* CTA Section */
.medcare-drops-supplements-page .cta { background: var(--gradient-main); color: var(--white); position: relative; overflow: hidden; padding: 8rem 0; }
.medcare-drops-supplements-page .cta::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 50%); z-index: 0; }
.medcare-drops-supplements-page .cta-pattern { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.05) 35px, rgba(255, 255, 255, 0.05) 70px); z-index: 1; }
.medcare-drops-supplements-page .cta-content { position: relative; z-index: 2; max-width: 900px; margin: 0 auto; text-align: center; }
.medcare-drops-supplements-page .cta-title { font-size: 3rem; font-weight: 800; margin-bottom: 1.5rem; line-height: 1.2; letter-spacing: -0.02em; }
.medcare-drops-supplements-page .cta-description { font-size: 1.3rem; margin-bottom: 3rem; color: rgba(255, 255, 255, 0.9); line-height: 1.8; }
.medcare-drops-supplements-page .btn-white { background: var(--white); color: var(--primary-blue); box-shadow: 0 10px 30px rgba(255, 255, 255, 0.2); font-weight: 700; padding: 1.5rem 3.5rem; }
.medcare-drops-supplements-page .btn-white:hover { transform: translateY(-3px); box-shadow: 0 15px 40px rgba(255, 255, 255, 0.3); }

/* Responsive Styles */
@media (max-width: 1200px) {
    .medcare-drops-supplements-page .hero-title { font-size: 3.5rem; }
    .medcare-drops-supplements-page .overview-title { font-size: 2.5rem; }
}
@media (max-width: 992px) {
    .medcare-drops-supplements-page section { padding: 6rem 0; }
    .medcare-drops-supplements-page .hero { padding: 10rem 0 6rem; min-height: auto; }
    .medcare-drops-supplements-page .hero-content { flex-direction: column; gap: 4rem; text-align: center;}
    .medcare-drops-supplements-page .hero-text { max-width: 100%; }
    .medcare-drops-supplements-page .hero-badge { margin-left: auto; margin-right: auto; }
    .medcare-drops-supplements-page .hero-title { font-size: 3rem; }
    .medcare-drops-supplements-page .hero-buttons { justify-content: center; }
    .medcare-drops-supplements-page .hero-visual { min-height: 500px; }
    .medcare-drops-supplements-page .overview-content { flex-direction: column; gap: 3rem; }
    .medcare-drops-supplements-page .overview-image { width: 100%; height: auto; }
    .medcare-drops-supplements-page .overview-stats { position: static; transform: none; margin-top: 3rem; justify-content: center; }
    .medcare-drops-supplements-page .cta-title { font-size: 2.5rem; }
    .medcare-drops-supplements-page .comparison-table { font-size: 0.9rem; }
    .medcare-drops-supplements-page .comparison-table th, .medcare-drops-supplements-page .comparison-table td { padding: 1.2rem 1rem; }
}
@media (max-width: 768px) {
    .medcare-drops-supplements-page section { padding: 5rem 0; }
    .medcare-drops-supplements-page .container { padding: 0 1.5rem; }
    .medcare-drops-supplements-page .section-title h2 { font-size: 2.5rem; }
    .medcare-drops-supplements-page .hero { padding: 8rem 0 5rem; }
    .medcare-drops-supplements-page .hero-title { font-size: 2.5rem; }
    .medcare-drops-supplements-page .hero-description { font-size: 1.1rem; }
    .medcare-drops-supplements-page .hero-buttons { flex-direction: column; align-items: center; width: 100%; }
    .medcare-drops-supplements-page .hero-buttons .btn { width: 100%; max-width: 300px; }
    .medcare-drops-supplements-page .hero-visual { min-height: 450px; }
    .medcare-drops-supplements-page .overview-title { font-size: 2rem; }
    .medcare-drops-supplements-page .overview-description { font-size: 1rem; }
    .medcare-drops-supplements-page .comparison-toggle { flex-direction: column; align-items: center; }
    .medcare-drops-supplements-page .toggle-btn { width: 100%; max-width: 300px; }
    .medcare-drops-supplements-page .comparison-cards { grid-template-columns: 1fr; }
    .medcare-drops-supplements-page .comparison-table-wrapper { padding: 1.5rem; overflow-x: auto; }
    /* Responsive Table */
    .medcare-drops-supplements-page .comparison-table thead { display: none; }
    .medcare-drops-supplements-page .comparison-table tr { display: block; border-bottom: 2px solid rgba(255,255,255,0.1); margin-bottom: 1rem; padding-bottom: 1rem; }
    .medcare-drops-supplements-page .comparison-table tr:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
    .medcare-drops-supplements-page .comparison-table td { display: block; text-align: right; padding: 0.8rem 0; border-bottom: none; }
    .medcare-drops-supplements-page .comparison-table td:first-child { text-align: left; }
    .medcare-drops-supplements-page .comparison-table td::before { content: attr(data-label); float: left; font-weight: bold; color: rgba(255,255,255,0.7); }
    .medcare-drops-supplements-page .applications-grid { grid-template-columns: 1fr; }
}
@media (max-width: 576px) {
    .medcare-drops-supplements-page .hero-title { font-size: 2rem; }
    .medcare-drops-supplements-page .overview-title { font-size: 1.8rem; }
    .medcare-drops-supplements-page .features-grid, .medcare-drops-supplements-page .sizes-grid { grid-template-columns: 1fr; }
    .medcare-drops-supplements-page .cta-title { font-size: 2rem; }
    .medcare-drops-supplements-page .cta-description { font-size: 1.1rem; }
    .medcare-drops-supplements-page .overview-stats { flex-direction: column; gap: 1rem; }
    .medcare-drops-supplements-page .stat-item { border-right: none; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding-bottom: 1rem; }
    .medcare-drops-supplements-page .stat-item:last-child { border-bottom: none; }
    
    
}


/* Add this CSS to adjust the size cards after removing images */

.medcare-drops-supplements-page .size-card {
    text-align: center; /* Center the text inside the card */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically center the content */
    align-items: center; /* Horizontally center the content */
    padding: 2.5rem 2rem; /* Add more padding to fill the space */
    /* You might want a fixed height to keep the cards uniform */
    min-height: 260px; 
}

.medcare-drops-supplements-page .size-content {
    /* If the .size-content div had specific padding before, you might want to reset it */
    padding: 0;
}/* End custom CSS */