.sawm_main_div{width:100%;min-height:100vh;padding:3rem 0;margin-top:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f8faf9,#ffffff)}.sawm_inner_div{width:90%;max-width:1400px;display:flex;flex-direction:column;gap:3rem}.sawm_header{text-align:center;margin-bottom:2rem}.sawm_header h1{font-size:48px;color:#1a3a1d;font-family:Lato-Bold;margin:0 0 1rem;letter-spacing:-.5px}.header_decorative_line{width:100px;height:4px;background:linear-gradient(90deg,#2c5530,#40aa49 50%,#2c5530);border-radius:2px;margin:0 auto 1.5rem}.header_subtitle{font-size:22px;color:#40aa49;font-family:Lato-Regular;font-style:italic;margin:0}.sawm_content{gap:3rem}.intro_card,.sawm_content{display:flex;flex-direction:column}.intro_card{background:white;padding:3rem;border-radius:20px;box-shadow:0 8px 32px rgba(44,85,48,.1);border-left:6px solid #40aa49;align-items:center;text-align:center;gap:1.5rem}.card_icon{font-size:64px;width:100px;height:100px;background:linear-gradient(135deg,#f0f8f0,#e8f5e9);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(44,85,48,.15)}.intro_card h2{font-size:32px;color:#1a3a1d;font-family:Lato-Bold;margin:0}.intro_card p{font-size:18px;color:#2d3748;font-family:Lato-Regular;line-height:1.8;margin:0;max-width:900px}.quran_quote{background:linear-gradient(135deg,#2c5530,#40aa49);padding:3rem;border-radius:20px;box-shadow:0 12px 48px rgba(44,85,48,.3);flex-direction:column;gap:1.5rem;text-align:center}.quote_icon,.quran_quote{display:flex;align-items:center}.quote_icon{font-size:48px;width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:50%;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quote_arabic{font-size:28px;line-height:2;color:white;font-family:Lato-Bold;margin:0}.quote_translation{font-size:20px;color:rgba(255,255,255,.95);font-family:Lato-Regular;font-style:italic;line-height:1.7;margin:0}.quote_reference{font-size:16px;color:rgba(255,255,255,.9);font-family:Lato-Bold}.benefits_section h2,.does_not_break_section h2,.how_to_fast_section h2,.laylatul_qadr_section h2,.ramadan_section h2,.resources_section h2,.things_that_break_fast h2,.tips_section h2,.who_fasts_section h2{font-size:36px;color:#1a3a1d;font-family:Lato-Bold;margin:0;text-align:center}.ramadan_intro p{font-size:18px;color:#2d3748;font-family:Lato-Regular;line-height:1.8;margin:0 0 2rem;text-align:center}.ramadan_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.ramadan_card{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px rgba(44,85,48,.1);display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;border-top:4px solid #40aa49;transition:all .3s ease}.ramadan_card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(44,85,48,.15)}.ramadan_icon{font-size:48px;width:80px;height:80px;background:linear-gradient(135deg,#f0f8f0,#e8f5e9);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(44,85,48,.1)}.ramadan_card h3{font-size:24px;color:#1a3a1d;font-family:Lato-Bold;margin:0}.ramadan_card p{font-size:16px;color:#4a5568;font-family:Lato-Regular;line-height:1.7;margin:0}.fasting_conditions{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem}.condition_card{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px rgba(44,85,48,.1);border-left:6px solid #40aa49;display:flex;flex-direction:column;gap:1.5rem}.condition_card.exempt{border-left-color:#f59e0b;background:linear-gradient(135deg,#fff4e6,#ffffff)}.condition_icon{font-size:48px;width:70px;height:70px;background:linear-gradient(135deg,#f0f8f0,#e8f5e9);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(44,85,48,.1)}.condition_card h3{font-size:26px;color:#1a3a1d;font-family:Lato-Bold;margin:0}.condition_card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.condition_card li{font-size:16px;color:#4a5568;font-family:Lato-Regular;padding-left:1.5rem;position:relative}.condition_card li:before{content:"•";position:absolute;left:0;color:#40aa49;font-size:20px;font-weight:700}.exempt_note{font-size:15px;color:#f59e0b;font-family:Lato-Regular;font-style:italic;line-height:1.6;margin:1rem 0 0;padding-top:1rem;border-top:2px solid #f59e0b40}.fasting_steps{gap:2rem}.fast_step_card,.fasting_steps{display:flex;flex-direction:column}.fast_step_card{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px rgba(44,85,48,.1);border-left:6px solid #40aa49;gap:1.5rem;transition:all .3s ease}.fast_step_card:hover{transform:translateX(8px);box-shadow:0 12px 40px rgba(44,85,48,.15)}.step_number{width:50px;height:50px;background:linear-gradient(135deg,#2c5530,#40aa49);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(44,85,48,.3)}.fast_step_card h3,.step_number{font-size:24px;font-family:Lato-Bold}.fast_step_card h3{color:#1a3a1d;margin:0}.fast_step_card p{font-size:17px;color:#2d3748;font-family:Lato-Regular;line-height:1.7;margin:0}.fast_step_card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.fast_step_card li{font-size:16px;color:#4a5568;font-family:Lato-Regular;padding-left:1.5rem;position:relative}.fast_step_card li:before{content:"✓";position:absolute;left:0;color:#40aa49;font-weight:700}.dua_box,.tip_box{background:linear-gradient(135deg,#f0f8f0,#e8f5e9);padding:1.5rem;border-radius:12px;border-left:4px solid #40aa49;display:flex;align-items:flex-start;gap:1rem}.tip_icon{font-size:24px;flex-shrink:0}.dua_box p,.tip_box p{font-size:16px;color:#2d3748;font-family:Lato-Regular;line-height:1.6;margin:0}.dua_box{flex-direction:column;align-items:stretch;gap:.75rem}.arabic_text{font-size:24px;line-height:2;text-align:center;color:#1a3a1d;font-family:Lato-Bold;margin:0}.transliteration{font-size:16px;color:#2d3748;font-style:italic}.translation,.transliteration{font-family:Lato-Regular;text-align:center;margin:0}.translation{font-size:15px;color:#4a5568}.break_fast_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.break_card{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px rgba(44,85,48,.1);display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;border-top:4px solid #ef4444;transition:all .3s ease}.break_card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(239,68,68,.15)}.break_icon{font-size:48px;width:80px;height:80px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(239,68,68,.1)}.break_card h3{font-size:20px;color:#1a3a1d;font-family:Lato-Bold;margin:0}.break_card p{font-size:15px;color:#4a5568;font-family:Lato-Regular;line-height:1.6;margin:0}.permitted_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.5rem;gap:1.5rem}.permitted_card{background:white;padding:1.5rem;border-radius:16px;box-shadow:0 4px 16px rgba(44,85,48,.08);display:flex;align-items:center;gap:1rem;border-left:4px solid #40aa49;transition:all .3s ease}.permitted_card:hover{transform:translateX(4px);box-shadow:0 6px 20px rgba(44,85,48,.12)}.permitted_icon{font-size:32px;flex-shrink:0}.permitted_card p{font-size:15px;color:#2d3748;font-family:Lato-Regular;margin:0}.benefits_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.benefit_card{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px rgba(44,85,48,.1);display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;border-top:4px solid #40aa49;transition:all .3s ease}.benefit_card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(44,85,48,.15)}.benefit_icon{font-size:48px;width:80px;height:80px;background:linear-gradient(135deg,#f0f8f0,#e8f5e9);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(44,85,48,.1)}.benefit_card h3{font-size:22px;color:#1a3a1d;font-family:Lato-Bold;margin:0}.benefit_card p{font-size:16px;color:#4a5568;font-family:Lato-Regular;line-height:1.7;margin:0}.tips_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.tip_card{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(44,85,48,.08);border-left:4px solid #40aa49;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.tip_card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(44,85,48,.12)}.tip_card h3{font-size:20px;color:#1a3a1d;font-family:Lato-Bold;margin:0}.tip_card p{font-size:16px;color:#4a5568;font-family:Lato-Regular;line-height:1.6;margin:0}.qadr_card{background:linear-gradient(135deg,#2c5530,#40aa49);padding:3rem;border-radius:20px;box-shadow:0 12px 48px rgba(44,85,48,.3);display:flex;flex-direction:column;gap:2rem;color:white}.qadr_header{gap:1.5rem}.qadr_header,.qadr_icon{display:flex;align-items:center}.qadr_icon{font-size:56px;width:90px;height:90px;background:rgba(255,255,255,.2);border-radius:50%;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.qadr_header h3{font-size:32px;color:white;font-family:Lato-Bold;margin:0}.qadr_card>p{font-size:18px;color:rgba(255,255,255,.95);font-family:Lato-Regular;line-height:1.8;margin:0}.qadr_quran{background:rgba(255,255,255,.15);padding:2rem;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:1rem;align-items:center}.qadr_quran .arabic_text{font-size:28px;color:white}.qadr_quran .translation{font-size:18px;color:rgba(255,255,255,.95)}.qadr_quran .reference{font-size:15px;color:rgba(255,255,255,.9);font-family:Lato-Bold}.qadr_actions,.qadr_dua{background:rgba(255,255,255,.1);padding:2rem;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qadr_actions h4,.qadr_dua h4{font-size:22px;color:white;font-family:Lato-Bold;margin:0 0 1rem}.qadr_actions ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.qadr_actions li{font-size:16px;color:rgba(255,255,255,.95);font-family:Lato-Regular;padding-left:1.5rem;position:relative}.qadr_actions li:before{content:"✓";position:absolute;left:0;color:white;font-weight:700}.qadr_dua .dua_box{background:rgba(255,255,255,.15);border-left-color:rgba(255,255,255,.3)}.qadr_dua .arabic_text,.qadr_dua .translation,.qadr_dua .transliteration{color:white}.resource_list{display:flex;flex-direction:column;gap:2rem}.resource_item{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px rgba(44,85,48,.1);display:flex;align-items:center;gap:2rem;border-left:6px solid #40aa49;transition:all .3s ease}.resource_item:hover{transform:translateX(8px);box-shadow:0 12px 40px rgba(44,85,48,.15)}.resource_item .resource_icon{font-size:48px;width:80px;height:80px;background:linear-gradient(135deg,#f0f8f0,#e8f5e9);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(44,85,48,.1);flex-shrink:0}.resource_content h3{font-size:24px;color:#1a3a1d;font-family:Lato-Bold;margin:0 0 .5rem}.resource_content p{font-size:16px;color:#4a5568;font-family:Lato-Regular;line-height:1.7;margin:0}@media screen and (max-width:768px){.sawm_main_div{margin-top:80px;padding:2rem 0}.sawm_inner_div{width:95%;gap:2rem}.sawm_header h1{font-size:36px}.header_subtitle{font-size:18px}.intro_card{padding:2rem}.card_icon{font-size:48px;width:80px;height:80px}.intro_card h2{font-size:26px}.intro_card p{font-size:16px}.quran_quote{padding:2rem}.quote_arabic{font-size:22px}.quote_translation{font-size:17px}.benefits_section h2,.does_not_break_section h2,.how_to_fast_section h2,.laylatul_qadr_section h2,.ramadan_section h2,.resources_section h2,.things_that_break_fast h2,.tips_section h2,.who_fasts_section h2{font-size:28px}.benefits_grid,.break_fast_grid,.fasting_conditions,.ramadan_grid,.tips_grid{grid-template-columns:1fr}.condition_card,.fast_step_card,.qadr_card{padding:2rem}.qadr_header{flex-direction:column;align-items:flex-start}.resource_item{flex-direction:column;text-align:center}}@media screen and (max-width:480px){.sawm_header h1{font-size:32px}.header_subtitle{font-size:16px}.intro_card{padding:1.5rem}.intro_card h2{font-size:22px}.intro_card p{font-size:15px}.quran_quote{padding:1.5rem}.quote_arabic{font-size:20px}.benefits_section h2,.does_not_break_section h2,.how_to_fast_section h2,.laylatul_qadr_section h2,.ramadan_section h2,.resources_section h2,.things_that_break_fast h2,.tips_section h2,.who_fasts_section h2{font-size:24px}.condition_card,.fast_step_card,.qadr_card{padding:1.5rem}.permitted_grid{grid-template-columns:1fr}}