/*
Theme Name: iPharm Child
Theme URI: https://updateproject.com/stamyna/ipharm-child
Description: A child theme of iPharm.
Author: Your Name
Author URI: https://updateproject.com/stamyna
Template: ipharm
Version: 1.0.0
*/

/* Import parent theme styles */
@import url("../ipharm/style.css");


.how-it-works { display: flex; justify-content: space-between; gap: 30px; text-align: center; margin: 40px 0;}
.step {flex: 1; background: #fff; padding: 30px 20px; border-radius: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); transition: all 0.3s ease; position: relative;}.step:hover {transform: translateY(-8px); box-shadow: 0 8px 25px rgba(0,0,0,0.15);}.step-number {  position: absolute;  top: -15px;  left: 50%;  transform: translateX(-50%);  background: #4f46e5; /* Indigo shade */  color: #fff;  font-size: 18px;  font-weight: bold;  width: 40px;  height: 40px;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  box-shadow: 0 2px 6px rgba(0,0,0,0.2);}.step-icon {font-size: 40px; margin: 20px 0 10px;}.step h3 {font-size: 20px; margin-bottom: 10px; color: #111;}.step p {font-size: 15px; color: #555; line-height: 1.6;}.step-icon i {font-size: 40px; color: #4f46e5; /* Indigo brand color */}.step-line::after {  content: '';  position: absolute;  top: 50%;  left: 0;  width: 0;  height: 4px;  background: #4f46e5;  transition: width 0.6s ease-in-out;}.step:hover .step-line::after {  width: 100%;}.step {  backdrop-filter: blur(10px);  border-radius: 25px;  padding: 30px 20px;  text-align: center;  transition: transform 0.4s, box-shadow 0.4s;}.step:hover {  transform: translateY(-10px);  box-shadow: 0 12px 30px rgba(0,0,0,0.2);}.step-icon i {  font-size: 50px;  color: #4f46e5;  transition: transform 0.3s;}.step:hover .step-icon i {  transform: rotate(15deg) scale(1.2);}.how-it-works-cards {  display: flex;  justify-content: space-between;  gap: 30px;  margin: 50px 0;  flex-wrap: wrap;}.step-card {  flex: 1;  background: linear-gradient(135deg, #ffffff, #f0f4ff);  border-radius: 25px;  padding: 40px 20px 30px;  text-align: center;  box-shadow: 0 8px 25px rgba(0,0,0,0.1);  transition: all 0.4s ease;  cursor: pointer;  position: relative;  overflow: hidden;}.step-card:hover {  transform: translateY(-10px);  box-shadow: 0 12px 35px rgba(0,0,0,0.2);}.step-number {  position: absolute;  top: -15px;  left: 50%;  transform: translateX(-50%);  background: #4f46e5;  color: #fff;  width: 45px;  height: 45px;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  font-weight: bold;  box-shadow: 0 2px 6px rgba(0,0,0,0.2);  font-size: 18px;}.step-icon i {  font-size: 50px;  color: #4f46e5;  margin: 25px 0 15px;  transition: transform 0.4s;}.step-card:hover .step-icon i {  transform: scale(1.3) rotate(10deg);}.step-card h3 {  font-size: 20px;  margin-bottom: 12px;  color: #111;}.step-card p {  font-size: 15px;  color: #555;  line-height: 1.6;}.how-it-works-bubbles {  display: flex;  justify-content: space-around;  gap: 40px;  margin: 50px 0;  flex-wrap: wrap;}.bubble-step {  background: #ffffff;  border-radius: 50%;  width: 150px;  height: 150px;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  box-shadow: 0 6px 20px rgba(0,0,0,0.12);  text-align: center;  transition: all 0.3s ease;  animation: float 3s ease-in-out infinite;  cursor: pointer;}.bubble-step:hover {  transform: translateY(-12px) scale(1.1);  box-shadow: 0 12px 30px rgba(0,0,0,0.2);}.bubble-step h3 {  margin-top: 15px;  font-size: 16px;  color: #111;}.bubble-icon i {  font-size: 40px;  color: #4f46e5;}@keyframes float {  0%,100% { transform: translateY(0); }  50% { transform: translateY(-10px); }}

/* Consent banner */
	.muted{color:#4b5563}
    #cookie-banner{position:fixed;inset:auto 0 0 0;background:#111827;color:#fff;padding:1rem;display:none;z-index:9999}
    #cookie-banner .btn{background:#0ea5e9;border:none;border-radius:8px;color:#fff;padding:.5rem .9rem;margin:.25rem .5rem 0 0;cursor:pointer}
    #cookie-banner .link{color:#93c5fd}
    /* Modal */
    #cookie-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:10000}
    #cookie-modal .card{background:#fff;max-width:720px;width:92%;border-radius:12px;padding:1rem;border:1px solid #e5e7eb}
.switch{position:relative;display:inline-block;width:44px;height:24px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#e5e7eb;border-radius:24px;transition:.2s}
.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:white;border-radius:50%;transition:.2s}
input:checked+ .slider{background:#0ea5e9}
input:checked+ .slider:before{transform:translateX(20px)}




/*Quiz Section */
.qmn_quiz_container  .mlw_previous{
    display: none !important;
}