.auv-alibarbar-swirl-blog { font-family: Arial, Helvetica, sans-serif; color: #363636; line-height: 1.7; background: #F8F8F5; padding: 25px 15px; } .auv-alibarbar-swirl-blog .auv-container { max-width: 1100px; margin: 0 auto; } .auv-alibarbar-swirl-blog h2 { font-size: 28px; margin-top: 45px; color: #363636; border-left: 5px solid #F4A261; padding-left: 15px; } .auv-alibarbar-swirl-blog h3 { font-size: 21px; color: #363636; } .auv-alibarbar-blog-intro { background: #FFFFFF; padding: 30px; border-radius: 14px; text-align: center; margin-bottom: 35px; } .auv-alibarbar-blog-intro p { font-size: 17px; } .auv-feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 25px; } .auv-feature-card { background: #FFFFFF; padding: 25px; border-radius: 14px; text-align: center; } .auv-feature-card strong { display: block; font-size: 20px; color: #F4A261; margin-bottom: 10px; } .auv-dark-box { background: #363636; color: #FFFFFF; padding: 30px; border-radius: 15px; margin-top: 30px; } .auv-dark-box h3 { color: #FFFFFF; } .auv-faq-item { background: #363636; color: #FFFFFF; padding: 20px; border-radius: 12px; margin-bottom: 15px; } .auv-faq-item strong { color: #F4A261; } .auv-highlight { color: #F4A261; font-weight: bold; } @media(max-width:768px){ .auv-alibarbar-swirl-blog h2 { font-size: 23px; } .auv-feature-grid { grid-template-columns: 1fr; } .auv-alibarbar-blog-intro { padding: 22px; } .auv-dark-box { padding: 22px; } }