.seo_sections section h2,
.seo_sections section h3 {
  color: #fff;
  line-height:30px;
}
.seo_sections_blk section h2,
.seo_sections_blk section h3 {
  color: #000;
  line-height:30px;
}
.nav_container 
        {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        
        .header_nav {
        display: flex;
        align-items: center;
        gap: 30px;
        }
        
        .main_nav_links {
        display: flex;
        gap: 20px;
        }
        
        .main_nav_links a {
        text-decoration: none;
        color: #222;
        font-weight: 600;
        font-size: 16px;
        transition: color 0.3s;
        }
        
        .main_nav_links a:hover {
        color: #e6007e; /* Match site branding */
        }
        
        .login_btn {
        margin-right: 15px;
        color: #ffffff !important;
        }
        
        .header_right_menu {
        display: flex;
        align-items: center;
        gap: 15px;
        }
        
        .header_common_btn {
        padding: 10px 22px;
        border-radius: 999px; /* pill shape */
        text-decoration: none;
        font-size: 17px;
        font-weight: 600;
        display: inline-block;
        transition: all 0.3s ease;
        white-space: nowrap;
        font-family: "Inter", sans-serif;
        color: #1A1A1A;
        }
        
        .bg_yellow {
        background-color: #ffcc00;
        color: #000000;
        }
        
        .bg_pink {
        background-color: #e6007e;
        color: #ffffff;
        }
        
        .bg_green {
        background-color: #00cc66;
        color: #ffffff;
        }
        
        .bg_blue {
        background-color: #0073e6;
        color: #ffffff;
        }
        
        /* Hover effects similar to thesupermaids.co */
        .header_common_btn:hover {
        opacity: 0.85;
        transform: scale(1.02);
        }
        
        
        
        
        @media (max-width: 768px) {
        .nav_container {
        flex-direction: column;
        align-items: flex-start;
        }
        .header_nav, .header_right_menu {
        flex-direction: column;
        width: 100%;
        }
        .toggle_btn {
        align-self: flex-end;
        }
        }