/*
Theme Name: Blocksy Child
Theme URI: http://example.com/blocksy-child/
Description: Child theme for Blocksy — customizations and overrides go here.
Author: Fatima Safa
Author URI: https://protech-group.co
Template: blocksy
Version: 1.0.0
Text Domain: blocksy-child
*/
#about{direction:rtl}
@media(max-width:999px){.header-nav{display:none}.burger{display:block}}
.footer{background-color:#0d1726;color:#fff;font-family:'Poppins',sans-serif;padding:30px 0;width:100%;margin:0}
.footer-content{margin-left:var(--has-wide,auto);margin-right:var(--has-wide,auto);width:var(--theme-block-width,var(--theme-container-width));max-width:var(--theme-block-max-width,var(--theme-normal-container-max-width));box-sizing:border-box}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
.footer-categories h2{font-size:1.2em;font-weight:700;margin-bottom:20px;letter-spacing:1px;color:#fff;font-family:'Poppins',sans-serif}
.categories-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:30px}
.categories-nav a{color:#fff;text-decoration:none;font-size:.75em;font-weight:700;letter-spacing:.5px;transition:color .3s}
.categories-nav a:hover{color:#2da3dc}
.footer-contact-social{text-align:right}
.contact-number .phone-link{font-size:1em;font-weight:400;margin-bottom:15px;color:#fff}
.phone-link:hover{color:#2da3dc}
.social-icons a{color:#fff;font-size:1.2em;margin-left:15px;transition:color .3s}
.social-icons a:hover{color:#2da3dc}
.footer-divider{border:none;border-top:1px solid #52277c;margin:15px 0 25px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center}
.footer-logos{display:flex;gap:30px;align-items:center}
.footer-logos .logo img{height:40px;width:auto;display:block}
.logo{position:relative;display:inline-block}
.logo img{max-height:70px;width:auto;display:block;transition:opacity .3s ease-in-out}
.logo .hover-logo{position:absolute;top:0;left:0;opacity:0}
.logo:hover .hover-logo{opacity:1}
.logo:hover .default-logo{opacity:0}
.footer-copyright{font-size:.75em;font-weight:400}
@media(max-width:768px){
.footer-top{flex-direction:column;align-items:center;text-align:center}
.footer-categories{margin-bottom:20px}
.categories-nav ul{flex-direction:column;gap:10px}
.footer-contact-social{text-align:center;width:100%}
.contact-number{margin-top:10px;margin-bottom:15px}
.social-icons{display:flex;justify-content:center;margin-bottom:20px}
.social-icons a{margin:0 10px}
.footer-bottom{flex-direction:column;text-align:center;gap:15px}
.footer-logos{justify-content:center}
}