/*
Theme Name:         KUWAITREPAIR 
Theme URI:          https://kuwaitrepair.com/
Description:        pagespeed insights wordpress theme
Version:            3.3.9
Author:             HanyBee
Author URI:         https://www.hanybee.com
Tags: white, black, two-columns, custom-colors, soe
License: GNU General Public License
License URI: http://www.gnu.org/copyleft/gpl.html
*/
.comment-list,.comment-list li{list-style:none!important;counter-increment:none!important}.comment-list li::before{content:none!important;display:none!important}
li.comment{display:contents}#comments{clear:both!important;max-width:100%;margin:50px auto;padding:30px;background:#fff;border-radius:16px;border:1px solid #e2e8f0;direction:rtl;box-sizing:border-box}.comments-title{font-size:22px;font-weight:800;color:#1e1b4b;margin-bottom:30px;padding-right:15px}.comment-list{list-style:none;padding:0;margin:0}.comment-body{display:flex;flex-direction:column;padding:25px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:25px;transition:.3s}.bypostauthor>.comment-body{border-right:6px solid #4338ca;background:#f0f4ff}.comment-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;flex-wrap:wrap;gap:10px}.comment-author.vcard{display:flex;align-items:center;gap:12px}.comment-author img.avatar{border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.comment-author .fn{font-size:16px;font-weight:700;color:#1e1b4b}.comment-metadata a{font-size:13px;color:#64748b;text-decoration:none}.comment-content p{font-size:15px;line-height:1.8;color:#334155;margin:0}.reply a{display:inline-block;margin-top:15px;padding:8px 20px;background:#1e1b4b;color:#fff!important;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none}.reply a:hover{background:#4338ca}#respond{margin-top:50px;padding:30px;background:#f1f5f9;border-radius:16px;clear:both}#reply-title{font-size:20px;font-weight:700;margin-bottom:20px;color:#1e1b4b}.comment-form-comment textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:15px;font-family:inherit;resize:vertical;box-sizing:border-box}.submit-comment-btn{background:#4338ca!important;color:#fff!important;padding:12px 35px!important;border:none!important;border-radius:8px!important;font-weight:700!important;cursor:pointer;transition:.3s}.submit-comment-btn:hover{background:#1e1b4b!important;transform:translateY(-2px)}@media (max-width:768px){#comments,#respond{padding:15px}.comment-meta{flex-direction:column;align-items:flex-start}}
.wp-show-posts-entry-title a,.wpsp-read-more a{text-decoration:none;color:#111}.wp-show-posts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:20px 0!important;align-items:stretch!important}.wp-show-posts-single{background:#fff;border:1px solid #ececec;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.04);transition:transform .15s,box-shadow .15s,border-color .15s}.wp-show-posts-single:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.07);border-color:#e2e2e2}.wp-show-posts-single .wp-show-posts-inner{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important}.wp-show-posts-single .wp-show-posts-entry-header,.wp-show-posts-single .wp-show-posts-entry-summary,.wp-show-posts-single .wp-show-posts-image,.wp-show-posts-single .wpsp-read-more{float:none!important;width:93%!important;max-width:100%!important;display:block!important}.wp-show-posts-image{margin:0!important}.wp-show-posts-image img{width:100%!important;height:180px!important;object-fit:cover;border-radius:5px;margin-right:12px;display:block!important}.wp-show-posts-entry-header{padding:12px 14px 0!important}.wp-show-posts-entry-title{margin:0!important;font-size:1.05rem;font-weight:800;line-height:1.65}.wp-show-posts-entry-title a:hover{color:#7a2c12}.wp-show-posts-entry-summary{padding:10px 14px 14px!important;color:#444;font-size:.95rem;line-height:1.85}.wp-show-posts-entry-summary p{margin:0}.wpsp-read-more{padding:0 14px 14px!important}.wpsp-read-more a{display:inline-block;border:1px solid #e7e7e7;border-radius:10px;padding:8px 12px;font-weight:700;font-size:.92rem;background:#fafafa}.wpsp-read-more a:hover{background:#f3f3f3;border-color:#dedede}@media (max-width:1024px){.wp-show-posts{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wp-show-posts-image img{height:190px}}@media (max-width:640px){.wp-show-posts{grid-template-columns:1fr!important}.wp-show-posts-image img{height:210px}}
.kr-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;margin:20px 0}
.kr-btn{display:inline-flex;align-items:center;justify-content:center;min-width:140px;padding:10px 14px;border-radius:10px;border:1px solid #d0d7de;background:#fff;color:#111;text-decoration:none;font-weight:600;font-size:.95rem;transition:.15s ease}
.kr-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.kr-btn--call{border-color:#111}
.kr-btn--wa{border-color:#25d366}
.kr-btn--wa:hover{background:#25d366;color:#fff}
@media(max-width:640px){.kr-actions{justify-content:space-between}.kr-btn{flex:1}}

.area-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 8px}.area-buttons a{display:flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:10px;font-weight:700;font-size:.95rem;text-decoration:none;color:#0f172a;background:#f8fafc;border:1px solid rgba(15,23,42,.12);box-shadow:0 6px 14px rgba(15,23,42,.06);transition:transform .12s,box-shadow .12s,border-color .12s,background .12s;white-space:nowrap}.area-buttons a:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(15,23,42,.1);border-color:rgba(15,23,42,.18);background:#fff}@media (max-width:900px){.area-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.area-buttons{grid-template-columns:1fr}}
.features-grid{--bg: #fff;--bd: rgba(15, 23, 42, .12);--ttl: #0f172a;--txt: #334155;--muted: #64748b; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 16px 0 8px} .feature-card{position: relative; background: var(--bg); border: 1px solid var(--bd); border-radius: 14px; padding: 18px 18px 16px; box-shadow: 0 8px 18px rgba(15, 23, 42, .06); transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease; overflow: hidden} .feature-card::before{content:""; position:absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, rgba(2,132,199,.85), rgba(16,185,129,.75))} .feature-card:hover{transform: translateY(-2px); box-shadow: 0 12px 26px rgba(15, 23, 42, .10); border-color: rgba(15, 23, 42, .18)} .feature-card .icon{width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: #f8fafc; border: 1px solid rgba(2, 132, 199, .18); color: #0369a1; font-size: 18px; line-height: 1; margin: 0 0 10px} .feature-card h3{margin: 0 0 8px; color: var(--ttl); font-size: 1.02rem; line-height: 1.55; font-weight: 800; letter-spacing: .1px} .feature-card p{margin: 0; color: var(--txt); font-size: .96rem; line-height: 1.9} html[dir="rtl"] .feature-card::before{left: 0; right: 0} @media (max-width:980px){.features-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}} @media (max-width:600px){.features-grid{grid-template-columns: 1fr; gap: 12px} .feature-card{border-radius: 13px; padding: 16px 16px 14px}} .heroac{position: relative; min-height: 120px; overflow: hidden; border-radius: 16px; margin: 18px 0; padding: 22px 0; background: linear-gradient(135deg, #082942 0%, #003f69 55%, #0a2a43 100%); box-shadow: 0 18px 44px rgba(2, 18, 34, .20); border: 1px solid rgba(255,255,255,.08); isolation: isolate} .heroac .overlayac{position:absolute; inset:0; z-index:0; pointer-events:none; background: radial-gradient(900px 360px at 20% 10%, rgba(255,255,255,.10), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.18))} .heroac::before{content:""; position:absolute; inset: 0; z-index:0; pointer-events:none; opacity: 0.20; background-repeat:no-repeat; background-position: left 50% top 18px; background-size: 220px; background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='260' height='200' viewBox='0 0 260 200'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='5' opacity='.9'%3E%3Crect x='18' y='18' rx='16' ry='16' width='224' height='70'/%3E%3Cpath d='M40 52h180'/%3E%3Cpath d='M44 70h172' opacity='.6'/%3E%3Cpath d='M60 110c18 0 18 18 36 18s18-18 36-18 18 18 36 18 18-18 36-18' opacity='.6'/%3E%3Cpath d='M60 138c18 0 18 18 36 18s18-18 36-18 18 18 36 18 18-18 36-18' opacity='.45'/%3E%3C/g%3E%3C/svg%3E")} .heroac .hero-contentac{position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap: 18px; padding: 30px 18px} .heroac .hero-desc{margin:0; color:#f6fbff; font-size: 1.05rem; line-height: 1.9; max-width: 820px}
.heroac .hero-desc strong{font-weight: 800; color:#fff} .heroac .cta-groupac{display:flex; gap: 10px; flex-wrap:wrap; justify-content:flex-start} .heroac .cta-groupac .btn{display:inline-flex; align-items:center; justify-content:center; gap: 8px; padding: 12px 16px; border-radius: 12px; font-weight: 800; text-decoration:none; line-height: 1; white-space: nowrap; border: 1px solid rgba(255,255,255,.16); box-shadow: 0 12px 26px rgba(0,0,0,.18); transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;-webkit-tap-highlight-color: transparent} .heroac .cta-groupac .btn:hover{transform: translateY(-2px); box-shadow: 0 16px 30px rgba(0,0,0,.22)} .heroac .cta-groupac .btn:active{transform: translateY(0)}
.heroac .cta-groupac .btn:focus-visible{outline:none; box-shadow: 0 0 0 3px rgba(255,255,255,.18), 0 16px 30px rgba(0,0,0,.22)} .heroac .btn-primary{background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08)); color:#fff} .heroac .btn-whatsapp{background: linear-gradient(180deg, #22c55e, #16a34a); color:#07210f; border-color: rgba(255,255,255,.20)} .heroac .pulse-anim{animation: none!important}
.heroac .pulse-anim::after{display:none!important} @media (max-width:768px){.heroac{padding: 16px 0; border-radius: 14px} .heroac::before{background-position: center 14px; background-size: 200px; opacity: .14} .heroac .hero-contentac{flex-direction: column; align-items: stretch; text-align: center; padding: 12px 14px} .heroac .cta-groupac{justify-content: center} .heroac .cta-groupac .btn{flex: 1; min-width: 150px}} details{border:1px solid rgba(2,6,23,.10); border-radius:14px; background:#fff; overflow:hidden; margin:12px 0; box-shadow:0 6px 18px rgba(2,6,23,.05)} summary{list-style:none; cursor:pointer; padding:14px 44px 14px 14px; font-weight:700; line-height:1.6; position:relative; user-select:none;-webkit-tap-highlight-color:transparent} summary::-webkit-details-marker{display:none} summary::after{content:"▾"; position:absolute; inset-inline-end:12px; top:50%; transform:translateY(-50%); font-size:18px; color:#475569; transition:transform .25s ease, color .25s ease} details[open]> summary::after{transform:translateY(-50%) rotate(180deg); color:#0f172a} summary:hover{background:linear-gradient(180deg, rgba(2,6,23,.03), rgba(2,6,23,.01))} summary:focus-visible{outline:none; box-shadow:inset 0 0 0 2px rgba(2,6,23,.25)} details>:not(summary){padding:12px 14px 16px; color:#0f172a; border-top:1px dashed rgba(2,6,23,.12); line-height:1.8} @media (max-width:768px){summary{padding:12px 40px 12px 12px}} .float-contact-wrapper{position: fixed; z-index: 999999; display: flex; flex-direction: column; gap: 10px; direction: rtl; font-family: inherit} .float-contact-label{display: inline-flex; align-items: center; gap: 8px; background: rgba(15, 23, 42, 0.92); color: #fff; font-size: 14px; line-height: 1; box-shadow: 0 10px 28px rgba(0,0,0,.22); backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px); user-select: none; white-space: nowrap} .float-pulse-dot{display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; font-size: 12px; position: relative; flex: 0 0 18px} .float-pulse-dot::before{content: ""; position: absolute; inset:-6px; border-radius: 50%; background: rgba(34,197,94,.22); animation: floatPulse 1.6s ease-out infinite} @keyframes floatPulse{0%{transform: scale(.55); opacity: .95} 70%{transform: scale(1.35); opacity: 0} 100%{transform: scale(1.35); opacity: 0}} .float-contact-actions{display: flex; gap: 4px; background: white} .float-contact-btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 120px; border-radius: 7px; text-decoration: none; font-weight: 700; font-size: 17px; line-height: 1; transition: transform .15s ease, box-shadow .15s ease, filter .15s ease, opacity .15s ease; box-shadow: 0 10px 22px rgba(0,0,0,.12); border: 1px solid rgba(2,6,23,.10); white-space: nowrap} .float-contact-btn:focus{outline: none; box-shadow: 0 0 0 3px rgba(59,130,246,.25), 0 10px 22px rgba(0,0,0,.12)} .float-contact-btn:hover{transform: translateY(-2px); filter: brightness(1.02)} .float-contact-btn:active{transform: translateY(0); opacity: .95} .float-icon{display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 10px; background: rgba(255,255,255,.22); font-size: 15px} .float-text{display: inline-block} .float-btn-call{background: #0000bd; color: #fff; border-color: rgba(255,255,255,.12)} .float-btn-whatsapp{background: linear-gradient(135deg, #16a34a, #0f9f43); color: #fff; border-color: rgba(255,255,255,.12)} @media (max-width:480px){.float-contact-wrapper{right: 0px; left: 0px; bottom: 0px; max-width: 98%} .float-contact-actions{justify-content: center} .float-contact-btn{flex: 1; min-width: 0; padding: 9px 10px} .float-contact-label{justify-content: center; white-space: normal; text-align: center; padding: 10px 14px}} @media (prefers-reduced-motion:reduce){.float-pulse-dot::before{animation: none} .float-contact-btn{transition: none}} .float-contact-wrapper{display: none} @media (max-width:768px){.float-contact-wrapper{display: flex; margin-right: 1%}} span#to_top_scrollup{margin-bottom: 15px}
.dk-desc{background: rgb(255 255 255 / 59%); border-radius: 15px; padding: 10px; margin: 10px auto; max-width: 900px; line-height: 2; color: #2d3436; position: relative; box-shadow: 0 10px 20px rgba(0,0,0,0.02), 0 40px 80px rgba(0,0,0,0.05); border: 1px solid rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px)} #desc{font-size: 1rem; font-weight: 800; color: #3F51B5; margin-bottom: 30px; display: block; border-right: 5px solid #0984e3; padding-right: 20px; letter-spacing:-0.5px} .dk-desc p:not(#desc){font-size: 1rem; color: #636e72; margin-bottom: 20px; font-weight: 400; text-align: justify} .dk-desc::after{content: "“"; position: absolute; top:-20px; left: 40px; font-size: 120px; color: rgb(9 132 227 / 50%); font-family: serif; pointer-events: none} .dk-desc hr{border: 0; height: 1px; background-image: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0)); margin: 30px 0} @media (max-width:768px){.dk-desc{padding: 30px 20px; margin: 20px; border-radius: 20px} #desc{font-size: 1.2rem; padding-right: 15px}} .dk-latest-updates{margin: 36px 0} .dk-latest-updates h2{margin: 0 0 16px; font-size: 22px; font-weight: 800; color: #0f172a} .dk-latest-list{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px} .dk-latest-list li{background: #fff; border: 1px solid rgba(15, 23, 42, .08); border-radius: 14px; padding: 16px 16px 14px; display: flex; flex-direction: column; justify-content: space-between; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease} .dk-latest-list li:hover{transform: translateY(-2px); border-color: rgba(245, 158, 11, .35); box-shadow: 0 12px 28px rgba(15, 23, 42, .10)} .dk-latest-list a{display: block; font-size: 15.5px; font-weight: 700; line-height: 1.6; color: #111827; text-decoration: none; margin-bottom: 10px} .dk-latest-list a:hover{color: #b45309} .dk-updated-date{font-size: 12.5px; color: #6b7280; line-height: 1.6} @media (max-width:1024px){.dk-latest-list{grid-template-columns: repeat(2, minmax(0, 1fr))}} @media (max-width:520px){.dk-latest-list{grid-template-columns: 1fr} .dk-latest-updates h2{font-size: 20px}} .dk-legal-note{margin: 0px 0 23px; padding: 22px 24px; background: linear-gradient(135deg, #f8fafc 0%, #eff0e6 100%); border-radius: 10px; position: relative} .dk-legal-note::before{content: ""; position: absolute; inset-inline-start: 0; top: 0; bottom: 0; width: 4px; background: #f5a10b; border-radius: 4px 0 0 4px} .dk-legal-note h2{margin: 0 0 10px; font-size: 18px; font-weight: 700; color: #915e03; letter-spacing: .2px} .dk-legal-note p{margin: 0 0 10px; font-size: 14.5px; line-height: 1.9; color: #374151; max-width: 980px} .dk-legal-note p:last-child{margin-bottom: 0} @media (max-width:600px){.dk-legal-note{padding: 18px 16px} .dk-legal-note h2{font-size: 15px} .dk-legal-note p{font-size: 12.8px}} .dk-howto{margin: 28px 0; padding: 22px 22px; background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 16px} .dk-howto h2{margin: 0 0 12px; font-size: 20px; line-height: 1.5; font-weight: 800; color: #111827} .dk-howto p{margin: 0 0 14px; font-size: 14px; line-height: 1.9; color: #374151} .dk-howto ol{margin: 0 0 14px; padding-inline-start: 22px} .dk-howto ol li{margin-bottom: 12px; font-size: 14px; line-height: 1.9; color: #374151} .dk-howto ol li strong{display: inline-block; margin-bottom: 2px; font-weight: 700; color: #111827} @media (max-width:600px){.dk-howto{padding: 18px 16px} .dk-howto h2{font-size: 18px}} .dk-home-cats{padding: 60px 0; background-color: #f8fafc; direction: rtl} .dk-wrap{max-width: 1200px; margin: 0 auto; padding: 0 20px} .dk-title{font-size: 2rem; font-weight: 800; color: #1e293b; text-align: center; margin-bottom: 10px} .dk-subtitle{font-size: 1.1rem; color: #64748b; text-align: center; margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto} .dk-cats-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 25px} .dk-cat{background: #fff; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; text-decoration: none; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid #e2e8f0; position: relative; height: 100%} .dk-cat:hover{transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); border-color: #007bff} .dk-cat-thumb{width: 100%; height: 160px; overflow: hidden; position: relative} .dk-cat-thumb img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease} .dk-cat:hover .dk-cat-thumb img{transform: scale(1.1)} .dk-cat-text{padding: 20px; display: flex; flex-direction: column; flex-grow: 1} .dk-cat-name{font-size: 1.25rem; font-weight: 700; color: #0f172a; margin-bottom: 10px} .dk-cat-desc{font-size: 0.95rem; color: #64748b; line-height: 1.6; margin-bottom: 15px} .dk-cat-latest{font-size: 0.85rem; background: #f1f5f9; padding: 8px 12px; border-radius: 10px; color: #475569; margin-top: auto; border-right: 3px solid #007bff} .dk-cat-latest strong{color: #1e293b; display: block; margin-top: 3px; font-weight: 600} .dk-cat-arrow{position: absolute; bottom: 20px; left: 20px; width: 35px; height: 35px; background: #007bff; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; opacity: 0; transform: translateX(-10px); transition: all 0.3s ease} .dk-cat:hover .dk-cat-arrow{opacity: 1; transform: translateX(0)} @media (max-width:768px){.dk-cats-grid{grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); gap: 15px} .dk-cat{flex-direction: row; height: auto} .dk-cat-thumb{width: 120px; height: auto} .dk-cat-text{padding: 15px} .dk-cat-arrow{display: none}} .dk-cat-latest{margin-top: auto; padding-top: 10px; border-top: 1px dashed rgba(15,23,42,.14); font-size: 12px; color: #64748b; line-height: 1.7} .dk-cat-latest strong{display: block; margin-top: 4px; font-weight: 800; color: #b45309} .dk-cat-arrow{flex: 0 0 auto; display: none} .dk-cat.no-thumb .dk-cat-thumb{display: none}
.dk-cat.no-thumb .dk-cat-text{padding: 14px} @media (max-width:1100px){.dk-cats-grid{grid-template-columns: repeat(3, minmax(0, 1fr))}}
@media (max-width:820px){.dk-cats-grid{grid-template-columns: repeat(2, minmax(0, 1fr))} .dk-cat-thumb{flex-basis: 110px; width:110px; height:110px}}
@media (max-width:420px){.dk-cats-grid{grid-template-columns: 1fr}} .moving-btn{display: inline-block; padding: 10px 15px; border-radius: 6px; font-size: 15px; font-weight: 600; text-decoration: none; margin: 6px 0; color: #fff!important; text-align: center}
th{color: black} .call-btn{background: #007bff} .whatsapp-btn{background: #25d366} .senior-care-item a{display: block}
.reviews-wrapper{display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; text-align: right; margin-bottom: 25px} .review-card{background: #fff; border: 1px solid #ddd; padding: 20px; border-radius: 8px; width: 100%; max-width: 300px} .review-stars{color: #ffb400; font-size: 20px} .review-card p{margin: 0 0 10px} .senior-care-box{background-color: #f0f8f5; border: 2px solid #005f4b; border-radius: 15px; padding: 20px; margin: 30px auto; max-width: 800px} .senior-care-title{text-align: center; color: #005f4b; margin-bottom: 20px; font-size: 24px} .senior-care-wrapper{display: flex; flex-wrap: wrap; justify-content: center; gap: 15px} .senior-care-item{background: white; padding: 15px; border-radius: 10px; width: 45%; min-width: 250px; text-align: center; border-bottom: 4px solid #005f4b} .senior-care-item .icon{font-size: 35px; margin-bottom: 10px} .senior-care-item h4{margin: 0; color: #333} .senior-care-item p{font-size: 14px; color: #666; margin-top: 5px} .senior-care-footer{text-align: center; margin-top: 20px} .senior-care-footer a{color: #005f4b; font-weight: bold} @media (max-width:991px){.note3{width: 100%; background: #ffd3d3; justify-content: center; border: 1px solid #9d9d9d; line-height: 50px; border-radius: 5px; margin-right: 0; margin-bottom: 5px; font-size: revert; display: grid; padding-top: 5px; padding-bottom: 5px; align-content: space-around} .main-categories-container{grid-template-columns: repeat(1, 1fr)!important}} .note3{width: 44%; line-height: 22px; margin: 10px 10px 15px; padding: 20px; background-color: #bfc3ff; border: 1px solid #aeff0b; color: #085109}
.latahati-card{border-radius: 14px; border: 1px solid #e6e6e6; box-shadow: 0 4px 10px rgba(0,0,0,0.04); overflow: hidden; display: flex; flex-direction: column; transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease} .latahati-card:hover{transform: translateY(-3px); box-shadow: 0 8px 18px rgba(0,0,0,0.06); border-color: #ddd} .latahati-card-thumb{position: relative; width: 100%; padding-top: 52%; overflow: hidden; background: #f3f4f6} .latahati-card-thumb img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover} .latahati-card-body{padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 8px} .latahati-card-title{font-size: 18px; margin: 0; line-height: 1.5; color: #1d1d1f} .latahati-card-text{font-size: 14px; line-height: 1.8; color: #555; margin: 0} .latahati-card-footer{margin-top: 10px} .latahati-card-link{display: inline-block; font-size: 14px; padding: 7px 14px; border-radius: 999px; text-decoration: none; border: 1px solid #0d6efd; color: #0d6efd; background: #fff} .latahati-card-link:hover{background: #0d6efd; color: #fff} .latahati-card.satellite{background: #eef6ff}
.latahati-card.ac{background: #e9fff2}
.latahati-card.medical{background: #fff3e8}
.latahati-card.tv-repair{background: #f2ecff}
.latahati-card.tv-remote{background: #eafff8}
.latahati-card.fridge{background: #fff9e6}
.latahati-card.tyre{background: #eaf3ff}
.latahati-card.signal{background: #e7fff6}
.latahati-card.pest{background: #ffeef6}
.latahati-card.locksmith{background: #f3f4ff}
.latahati-card.moving{background: #edfff1}
.taxonomy-description{min-height: 100px; display: block; font-display: swap}
.contact-table{min-height: 60px}
.contact-table td{padding: 10px}
.touch-button{display: block; padding: 16px 20px; margin: 12px auto; font-size: 18px; min-height: 48px; min-width: 240px; text-align: center; border: none; background-color: #66029D; color: white; border-radius: 8px; cursor: pointer} .touch-link{display: inline-block; padding: 0px 16px; font-size: 1.5rem; min-width: 48px; min-height: 48px; margin-bottom: 10px; border-radius: 8px; background-color: #000858; text-decoration: none; transition: background-color 0.2s ease} .touch-link:hover{background-color: #000858} button.call-now-button{min-height: 50px; font-size: 1.5rem; margin-top: 30px; background: #e5eafb; border-radius: 10px; border: none} .single-post img{width: 100%!important; display: block!important; max-width: 100%!important; height: auto!important} .touch-target{padding: 10px 0px 0px 0px; display: inline-block; min-width: 48px; min-height: 48px; color: white; text-align: center; border-radius: 8px; margin: 0px 0px; background: #42FF38} .touch-target a{font-size: 1.7rem; font-weight: 800; text-decoration: none; color: #000} .fix12{width: 100%; text-align: center; display: grid} figure img, .wp-block-gallery img{width: 100%!important; height: auto!important; display: block!important} iframe{width: 100%; height: auto!important; display: block} header, .site-header{min-height: 80px!important} h2, h3, h4{scroll-margin-top: 100px!important} .post-box img{width: auto!important} .taxonomy-description{margin-right: 15%; margin-left: 15%} .taxonomy-description h1{font-size: 2.5rem; text-align: center; display: block; color: #620000} .relateds,.relateds a{color: #fff; clear: both; background: #000} .tagnew{width: 100%; text-align: center; display: grid; grid-template-columns: auto auto} .breadcrumb{float: right; padding: 10px; display: contents} .relateds{padding-top: 10px; padding-bottom: 10px; margin-top: auto} .relateds a{font-size: 1.2rem} .footer-toc-box{background: #fdfdfd!important; border: 1px solid #e0e0e0!important; padding: 15px!important; margin-top: 20px!important; border-radius: 10px!important; box-shadow: 0 4px 10px rgba(0,0,0,.05)!important; transition: .3s ease-in-out!important} .footer-toc-box a{display: block!important; font-size: 1.3rem!important; margin-bottom: 2px!important; color: #000!important; font-weight: 400!important; padding-bottom: 1px!important} .footer-toc-box strong{display: block!important; font-size: 22px!important; margin-bottom: 20px!important; color: #222!important; font-weight: 700!important; border-bottom: 2px solid #0073aa!important; padding-bottom: 8px!important} .footer-toc-box ol li::before,.footer-toc-box ul li::before,.ol-attribution button,.ol-attribution ul,.ol-attribution.ol-unselectable.ol-control.ol-uncollapsible{display: none!important} .footer-toc-list{list-style: none!important; padding: 0!important; margin: 0!important} .footer-toc-list li{background: #fff!important; margin-bottom: 1px!important; padding-left: 25px!important; position: relative!important; font-size: 17px!important; color: #555!important} .footer-toc-list li a{text-decoration: none!important} .space{margin-bottom: 10px; font-weight: 600; margin-top: 16px; padding: 16px; line-height: 3rem; font-size: 1.8rem; background: linear-gradient(90deg,rgb(53 139 227) 1%,rgb(255 255 255) 50%,rgb(238 182 36) 100%); min-height: 40px} .footer-column,.footer-column4{width: auto; border: 1px solid #ccc29; line-height: 35px} #submit,.FixHead,.footer-column4 h3,.footer-descriptions p,.sh1 a,.sh2 a,.sh3 a,.sh5 a,a.share-btn.facebook,a.share-btn.whatsapp,div.bowalednew a{color: #fff} .footer-column4{flex: 1 1 calc(33.333%- 30px); padding: 20px 20px 0; color: #fff} .footer-column4 img{margin-bottom:-12.9px} .post-box,div#comments{margin-right: 10%; margin-left: 10%} div#callbutton{padding: 20px 0 10px} .hanybee-footer{width: 100%; background-color: #000!important; color: #fff; padding: 5px 0; display:block; float:none; clear:both; overflow:hidden} .footer-container{display: flex; max-width: 100%; gap: 10px; background-color: #8f0a0a; background-attachment: fixed; flex-wrap: nowrap; flex-direction: row} .footer-column{flex: 1 1 calc(33.333%- 30px); padding: 20px} .footer-column h3{font-size: 20px; margin-bottom: 15px; color: #fff} .footer-column a,.footer-column li,.footer-column p{color: #ccc; text-align: right; line-height: 1.8; font-size: 15px; text-decoration: none; list-style: disc} *,.comment-list,.post-box ol,.post-box ol li,.post-box ul,.zakifix,li,ol.commentlist,ul#menu-home{list-style: none} .footer-column a:hover{color: #fff; text-decoration: underline} #copyrights a:link,#cssmenu ul li>ul li a,#cssmenu>ul>li>a,#main-menu a,#submit,*,.button-5,.callme,.callme a:link,.callmeaa a,.comment-meta.commentmetadata a,.more-link,.pagination .page-numbers,.related,.related a:link,.reply a,.sh1 a,.sh2 a,.sh3 a,.sh4 a,.sh5 a,.share-btn,.show-menu,.tag a,.tagcloud a:link,.title3 a:link,.topnav a,a button.button-5,a.url,button.button-5,div#wrapper,div.bowalednew a,h1.titlenewh1,li.col-md-4,li.col-md-4 a{text-decoration: none} @media (max-width:991px){.footer-column{flex:1 1 45%} .footer-container{display: flex; max-width: 100%; gap: 10px; flex-wrap: wrap}} @media (max-width:600px){.footer-toc-box{padding:20px!important; margin-top: 30px!important} .footer-toc-box strong{font-size: 20px!important} .footer-toc-list li{font-size: 16px!important} .footer-column{background: #00047; flex: 1 1 100%} .footer-column4{background: #00085; flex: 1 1 100%}} #comment,#email{border: 1px solid #ccc; border-radius: 8px} #author,#email{width: 95%!important} #author,#comment,#email{font-size: 16px; background-color: #fff} #email,.post-box ol ol,.post-box ol ul,.post-box ul ol,.post-box ul ul{margin-top: 5px} figcaption.post-caption{max-width: 150px} #wp-comment-cookies-consent,.call2action,.comment-form label[for=author],.comment-form label[for=email],.comment-form-cookies-consent label,.comment-form-url,.comment-list ol li::after,.comment-list ol li::before,.entry-pings .reply,.topnav .icon,input#toggle-1,label.toggle-menu{display: none} #email{padding: 10px; margin-bottom: 5px} #comment{padding: 7px; color: #333; resize: vertical; margin-bottom: 7px; min-height: 150px} #author{padding: 10px!important; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 8px} .related{display: grid} .post-box ol li:hover,.post-box ul li:hover{background: #e9ecef; transform: scale(1.02)} *{outline: 0; font-family: serif} .wp-caption,h1,h2,h3,h3.title3,iframe,img,img.fix25{max-width: 100%} .post-box{text-align: justify; margin-top: 10px} .lazy-mp4-wrapper,.youtube-wrapper{position: relative; width: 100%} #cssmenu>ul>li>a,.bowalednew,.callme,.callmeaa,.callmes,.gallery-item,.note2,.post-box-fix4,.related,.reply a,.search-results .search-query,.sh1,.sh2,.sh3,.sh4,.sh5,.show-menu,.tag,.topnav a,.writerinfo,body,div#wrapper,h1,h1.title3,h1.titlenewh1,h2,h3,h3.title3,img.featured-image,input#s,section.n33efaq img,table tbody td,table thead th{text-align: center} .callme,.comment-content,.entry-content,.gallery-item,.lazy-mp4-wrapper,.post-box ol li:hover,.post-box ul li:hover,.youtube-wrapper,h3.title3{overflow: hidden} .lazy-mp4-wrapper{padding-bottom: 56.25%; background-color: #000; margin: 20px 0; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,.1)} .lazy-mp4-wrapper img,.lazy-mp4-wrapper video{position: absolute; width: 100%!important; object-fit: cover; top: 0; left: 0; height: 100%; object-fit: cover; border-radius: 12px} .lazy-mp4-wrapper div{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 48px; color: #fff; background: rgba(0,0,0,.5); padding: 12px 18px; border-radius: 50%; transition: transform .2s} .lazy-mp4-wrapper:hover div{transform: translate(-50%,-50%) scale(1.1)} .button-5,.gallery-item,div#wrapper,h1.titlenewh1,input#s,input#searchsubmit{box-sizing: border-box} .sh4 a,.tag a:hover,.tag a:visited,a .button-5,a.icon,a.lwptoc_toggle_label,div#wrapper,h1.titlenewh1,span.lwptoc_item_label{color: #000} button.button-5{display: block; margin: 0 auto} .gallery{display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; margin: 0-8px} .gallery-item{flex: 1 0 calc(20%- 16px); margin: 8px; background-color: #f9f9f9; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,.05); transition: transform .2s} .gallery-item:hover{transform: translateY(-4px)} .gallery-item img{width: 100%; height: auto; display: block} .gallery-caption{padding: 1.1rem; font-size: 1.2rem; color: #444; background: #fff; border-top: 1px solid #eee} @media (max-width:768px){.gallery-item{flex:1 0 calc(50%- 16px)}} .pagination,.tag{justify-content: center} .pagination,.pagination .nav-links{display: flex; flex-wrap: wrap; gap: 10px} .pagination .next.page-numbers:hover,.pagination .page-numbers.current,.pagination .page-numbers:hover,.pagination .prev.page-numbers:hover{background-color: #0073aa; color: #fff} a#toggle-search{position: absolute; margin-top: 25px} .pagination{clear: both; padding: 20px 0; margin-top: 40px; font-size: 16px} .pagination .nav-links{align-items: center} .pagination .page-numbers{padding: 8px 14px; background-color: #f2f2f2; border: 1px solid #ccc; color: #333; border-radius: 6px; transition: .3s ease-in-out; font-weight: 500} .pagination .page-numbers:hover{border-color: #0073aa} .pagination .page-numbers.current{border-color: #0073aa; cursor: default} .pagination .page-numbers.dots{background: 0 0; border: none; color: #777; pointer-events: none} .pagination .next.page-numbers,.pagination .prev.page-numbers{font-weight: 700; padding: 8px 16px; background-color: #e9f5ff; border-color: #b3d7f2; color: #0073aa} #submit,.reply a{cursor: pointer; padding: 10px 35px} .youtube-wrapper{width: 100%; height: auto; display: block cursor: pointer; margin: 20px auto} #cssmenu ul li.has-sub:hover>div,#cssmenu ul li.has-sub:hover>ul,iframe,p.comment-form-cookies-consent,video{display: block} textarea#comment{width: 96%!important} .youtube-wrapper iframe,.youtube-wrapper img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block} .youtube-wrapper .play-button{position: absolute; top: 50%; left: 50%; width: 202px; height: 150px; margin-top:-65px; margin-left:-90px; z-index: 2} body[dir=rtl] .children,body[dir=rtl] .comment .avatar{margin-left: 0; margin-right: 0} table tbody td,table thead th{padding: 12px 15px} .note2,img,img.logox{height: auto} .related a:hover{background: #00080; font-size: 150%} div#topser{position: unset!important; margin-top: 0!important} #cssmenu ul li>ul li,#cssmenu ul li>ul li a,#cssmenu>ul>li,#cssmenu>ul>li>a,#submit:active,.button-5,.note2,.share-btn,h2,section#hany2023{position: relative} iframe,video{width: 100%; height: auto; display: block background-color: #f0f0f0} .footer-descriptions{display: grid; padding: 0; background-color: #545454; direction: rtl; font-size: 12px} .box,.comment-list li li li,.footer-box,input#s,li.comment{background-color: #fff} img.fix25:hover{transform: scale(1.05) rotate(-1deg); box-shadow: 0 6px 20px rgb(0 0 0 / .3)} .footer-box{border: 1px solid #e0e0e0; border-radius: 10px; padding: 20px; box-shadow: 0 5px 10px rgb(0 0 0 / .03); transition: transform .3s,box-shadow .3s} .footer-box:hover{transform: translateY(-5px); box-shadow: 0 8px 15px rgb(0 0 0 / .07)} .footer-box h2,.footer-box h3{margin-top: 0; font-size: 18px; color: #222} .footer-box p{font-size: 15px; line-height: 1.7; color: #555; margin: 10px 0} .post-box-fix{margin-left: 1%; margin-right: 1%; display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; padding: 5px; background: #fff} .box{width: calc(49%- 0px); padding: 10px 0; border-radius: 10px; box-shadow: 0 2px 8px rgb(0 0 0 / .05)} i.fas.fa-sync-alt::before{content: "🔄"} i.fas.fa-calendar-alt::before{content: "📅"} .fa-user::before{content: "👤"} .comment-list{margin: 0; padding: 0} .button-5,button#yt{align-items: center; background-color: #fe8e43; border: 1px solid #fff0; border-radius: 5px; box-shadow: rgb(0 0 0 / .02) 0 1px 3px 0; cursor: pointer; display: inline-flex; font-size: 23px; justify-content: center; line-height: 1.25; margin: 10px; min-height: 3rem; padding: calc(.875rem- 1px) calc(1.5rem- 1px); transition: 250ms} .comment{display: block; gap: 15px; padding: 20px; background: #fff; border-radius: 14px; box-shadow: 0 2px 10px rgb(0 0 0 / .05); margin-bottom: 25px; transition: .3s} .note2,.post-box-fix4{background-repeat: no-repeat} .comment:hover{box-shadow: 0 4px 18px rgb(0 0 0 / .08)} .comment .avatar{width: 56px; height: 56px; float: right; object-fit: cover; flex-shrink: 0; border: 0 solid #fffab} .post-box ol li,.post-box ul li{padding: 12px 15px 12px 50px; border-radius: 8px; transition: .3s ease-in-out; position: relative} .post-box ol li::before,.post-box ul li::before{position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; display: flex; border-radius: 50%; box-shadow: 0 3px 6px rgb(0 0 0 / .2); font-weight: 700} .comment-body{flex: 1} .comment-author{font-weight: 700; font-size: 16px; color: #003049; margin-bottom: 5px} .comment-meta{font-size: 13px; color: #777; margin-bottom: 10px} .comment-content{width: 100%; font-size: 18px; line-height: 1.8; color: #222; clear: both} .reply a{background: linear-gradient(to bottom,#0090ff 5%,#00579b 100%); background-color: #0090ff;-moz-border-radius: 28px; border-radius: 10px; border: 1px solid #b6dfff; font-size: 18px} .reply a:hover{background: #005a87} .children{display: block; width: 100%; margin-right: 0; margin-top: 15px; border-right: 3px solid #e0e0e0} body[dir=rtl] .comment{flex-direction: row-reverse} body[dir=rtl] .children{padding-left: 0; padding-right: 0; border-left: 3px solid #e0e0e0; border-right: none; display: block; width: 100%} .post-box-fix0{background-color: #f9f9ff; border-right-color: #5d87ff} .post-box-fix1,table tbody tr:hover{background-color: #f1f1f1} .post-box-fix1{border-right-color: #38b16b} .post-box-fix2{background-color: #ebebeb; border-right-color: #ff9e57} .post-box-fix3{background-color: #f7f7f7; border-right-color: #d44b85} .post-box-fix4{background-color: #f5faff; border-right-color: #0084ff; color: #000; font-size: medium; min-height: 400px; background-size: cover; background-attachment: fixed} .fixtxt,.note2{font-size: 120%} .box:hover{transform: translateY(-5px); box-shadow: 0 10px 20px rgb(0 0 0 / .1)} div#zakowh{padding-bottom: 25px} ol li::marker{font-size: 1.2em; font-weight: 700; color: #ff5733; font-family: Arial,sans-serif} .post-box ul li::marker{content: ""; color: #2ecc71; font-size: 1.2em} .custom-list li::marker{content: "★"; color: gold; font-size: 1.5em} .post-box ol{color: #00e; counter-reset: custom-counter} .post-box ol li{counter-increment: custom-counter; font-size: 18px; font-weight: 700; color: #333; background: #f8f8f8; margin-bottom: 10px} .post-box ol li::before{content: counter(custom-counter); background: #0073aa; color: #fff; font-size: 18px; align-items: center; justify-content: center} .post-box ul li{font-size: 18px; color: #333; background: #eef7ee; margin-bottom: 10px} .post-box ul li::before{content: "✔"; background: #28a745; color: #fff; font-size: 18px; align-items: center; justify-content: center} .related ul li::before{content: "☆"; transform: translateY(-50%); background: #777} .related ul li{background: #eef7eed9; margin: .8rem} .related ul li a:hover{background: #41960f0a} table{width: 100%; border-collapse: collapse; margin: 20px auto; font-size: 16px; overflow-x: auto} table thead{background-color: #125887; color: #fff} table thead th{border: 3px solid #fff} table tbody tr{border-bottom: 1px solid #ddd} table tbody tr:nth-child(2n){background-color: #f3f3f3} table tbody td{border: 1px solid #ddd} #logo,.button-5{font-weight: 600} #cssmenu>ul>li,#first,#logo,.callmeaa:before,.note2,.topnav a,div#middel,div#navo,div#sidebar,li.col-md-4,nav ul,nav ul li,p.comment-form-comment{float: right} nav ul li a:hover,nav ul li a:hover i{color: #fde428; font-size: 130%; transition: .5s} .content h2,h1 span{font-weight: 500} .callmeaa a,a.icon,h1,li.col-md-4 a{font-weight: 800} input#s,input#searchsubmit{height: 40px; margin-top: 1px; box-sizing: border-box} .button-5,aside{width: 300px} time{color: #000; font-size: medium} a.url{color: #210151} *,.zakifix,body{padding: 0; margin: 0} #submit,nav ul li a{display: inline-block} #footer,form#searchform{margin-top: 0} #logo,.comment-reply-link,.note2,.writerinfo{text-transform: uppercase} #cssmenu,#footer .footer_col{display: inline-table} p a{color: #ad0000} .search-results .page-title{background-color: #fff0; color: #fdb100; font-size: 36px; padding-bottom: 0} #wpfooter,footer#wpfooter{display:-webkit-box} hr{display: table-row} .alert_success{border: 1px solid #bd9; color: #573} .alert_error,.alert_info,.alert_success,.alert_warning{margin: 15px 0; padding: 10px 20px 10px 30px;-moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px} img.featured-image{align-self: center; margin: 0 auto; border: 1px solid #f0f0f0; display: flex; align-items: flex-start} .alert_error{border: 1px solid #daa; color: #744} .alert_warning{border: 1px solid #ddc; color: #664} .alert_info{border: 1px solid #bde; color: #467} h1.titlenewh1{font-size: 150%; box-shadow: 0 5px 10px #888; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #ff0; position: unset; border: 0 solid #e5e7eb; width: 100%; line-height: 80px!important} #respond,li.comment,section.n33efaq,section.n33efaq img{box-shadow: 0 2px 12px 2px #88859} #logo,.content h2,h1,nav ul li a,nav ul li a i{color: #002e5b} .search-results .search-query{color: #1a3794; font-size: 56px; margin-bottom: 50px} .lwptoc-light .lwptoc_i,.saboxplugin-wrap .saboxplugin-desc,.saboxplugin-wrap .saboxplugin-desc p{text-align: center!important} .search-result{padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ccc} .search-result h2{font-size: 20px} .search-result p{font-size: 16px} .lwptoc-light .lwptoc_i{line-height: 36px; color: #0f0fdf!important; font-weight: 600; background: #fafafa} .fixtxt{padding: 10px; line-height: 200%} a:has(button){text-decoration: none} .button-5:focus,.button-5:hover{background-color: #fb8332; box-shadow: rgb(0 0 0 / .1) 0 4px 12px} .button-5:hover{transform: translateY(-1px)} .button-5:active{background-color: #c85000; box-shadow: rgb(0 0 0 / .06) 0 2px 4px; transform: translateY(0)} .share-btn::after,.share-btn::before{right: 50%; transform: translateX(50%); opacity: 0; transition: opacity .2s; position: absolute} td{border: none; line-height: 50px; font-size: larger} .FixHead,input#s{border-radius: 15px} ul#menu-home{font-size: 13px; display: inline-flex} .content,.content h2,.toggle-menu ul,header,nav ul{display: table} .share{gap: 12px} .share>div{flex: 1 1 auto} .share-btn{display: inline-block; padding: 10px 16px; font-size: 15px; font-weight: 700; transition: background .3s; direction: rtl; cursor: pointer} .share-btn::after{content: attr(data-tooltip); bottom: 125%; background-color: #333; color: #fff; padding: 6px 10px; font-size: 13px; border-radius: 5px; white-space: nowrap; pointer-events: none; z-index: 99} .share-btn::before{content: ''; bottom: 115%; border-width: 5px; border-style: solid; border-color: #333 transparent transparent; z-index: 98} .share-btn:hover::after,.share-btn:hover::before{opacity: 1} .tag{display: flex; gap: 10px; background-color: #f4f4f4; padding: 1px; margin: 20px 0; border-radius: 10px; font-size: 14px; font-weight: 500; direction: rtl; flex-wrap: wrap; box-shadow: 0 2px 5px rgba(0,0,0,.1)} .tag a{color: #4a3100; background-color: #fff; padding: 8px 15px; border: 1px solid #b4b4b4; border-radius: 6px; transition: .3s} .tag a:hover{background-color: #f0f0f0} .post-box a{color: #6d1300} .lwptoc-light .lwptoc_i A{color: #154ba2!important} section#hany2023{width: 100%; max-width: 1200px; margin: 0 auto; display: table} #container,#content,#cssmenu,#footer,#wpfooter,.callme,div#sidebar,footer#wpfooter,header,table#wp-calendar{width: 100%} #logo{font-size: 24px; padding: 20px 0} nav{width: auto; float: left} nav ul li:last-child{padding-right: 0} nav ul li a{font-size: 1.5rem; padding: 1.3rem; transition: .5s} nav ul li a:hover{background-color: #002e5bbf} nav ul li a i{padding-right: 10px; transition: .5s} .toggle-menu ul{width: 25px} .toggle-menu ul li{width: 100%; height: 3px; background-color: #002e5b; margin-bottom: 4px} .toggle-menu ul li:last-child{margin-bottom: 0} .content{margin-bottom: 60px; width: 900px} .content h2{font-size: 18px; border-bottom: 1px solid #fde428; padding-bottom: 10px; margin-bottom: 10px} .content p{font-size: 14px; line-height: 22px; color: #7c7c7c; text-align: justify} div#ez-toc-container ul li,li.col-md-4{line-height: 50px} .related a:link{color: #003a72!important} .saboxplugin-wrap .saboxplugin-gravatar img{border-radius: 50%!important} li{line-height: 33px} #cssmenu ul li>ul,img.logox{width: 200px} .comment-respond input[type=email],.comment-respond input[type=text],.comment-respond input[type=url],iframe{width: 50%} div#FixHead1{background-image: linear-gradient(130deg,#8624e1 25%,#3607a6 100%)!important} body,html{direction: rtl!important} #cssmenu,body,html{direction: rtl} input#s{z-index: 1; width: 37%; font-size: 18px} input#searchsubmit{background-color: #003d8d!important; width: 10%; font-size: 20px; color: #fff; font-weight: 500; border-radius: 16px} .more-link{display: block; text-shadow: 0 1px 0 rgb(0 0 0 / .1); padding: 5px} h2.hany{background: #fff; border-radius: 5px; padding: 5px; margin-top:-19PX} img.post_preview{display: block; margin-left: auto; margin-right: auto} .note2{width: 44%; line-height: 22px; margin: 10px 10px 15px; padding: 20px; background-color: #bfc3ff; border: 1px solid #aeff0b; color: #085109} .hanymap,.share,.wp-caption,iframe,p,section.n33efaq,section.n33efaq img{margin-right: auto; margin-left: auto} h1,h2,h3{line-height: 1.2; margin: .5em 0} .callme{position: fixed; left: 0; bottom: 0; height: 60px; border-top: 1px solid #2dc62d; border-bottom: 1px solid #006700; display: flex; justify-content: center; align-items: center} .callme a:link{color: #ff0} .hanymap{left: auto; padding: 14px 5px 0; background: #fff; border-radius: 2px} .dotted{border-bottom: 1px dotted #bdbdbd} h1{padding-left: 12px; font-size: 2.2rem; color: #700000} h2,h3{padding-bottom: 6px} h2{font-size: 1.9rem; color: #222} h3{font-size: 1.4rem; color: #5a064d} p{font-size: 1.125rem; text-align: justify!important; line-height: 1.8; margin: 1.2em 0; color: #333; font-weight: 400; max-width: 700px; word-wrap: break-word} section.n33efaq{width: 50%; border-radius: 5px} section.n33efaq img{max-width: 300px; max-height: 300px; display: block} img.aligncenter.wp-image-6911.size-full{max-height: max-content} .comment-meta.commentmetadata a,.tagcloud a:link{color: red} div#leftbar{width: 70%; float: left} #respond{border-radius: 9px} #respond input[type=text],textarea{-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-ms-transition: .3s ease-in-out;-o-transition: .3s ease-in-out; outline: 0; width: 75%; padding: 3px 0 3px 3px; margin: 5px 1px 3px 0; border: 1px solid #ddd} #respond input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,textarea:focus{box-shadow: 0 0 5px #51cbee; margin: 5px 1px 3px 0; border: 2px solid #51cbee} #author,#email{font-family: "Open Sans","Droid Sans",Arial; font-style: italic; color: #1d1d1d; letter-spacing: .1em} #url{color: #1d1d1d} #submit:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#5cbf2a),color-stop(1,#44c767)); background:-moz-linear-gradient(top,#5cbf2a 5%,#44c767 100%); background:-webkit-linear-gradient(top,#5cbf2a 5%,#44c767 100%); background:-o-linear-gradient(top,#5cbf2a 5%,#44c767 100%); background:-ms-linear-gradient(top,#5cbf2a 5%,#44c767 100%); background: linear-gradient(to bottom,#5cbf2a 5%,#44c767 100%); background-color: #5cbf2a} #submit:active{top: 1px} .comment-respond,.entry-comments,.entry-pings{color: #444; padding: 1px 15px 10px; border: 1px solid #ccc; overflow: hidden; background: #fff;-webkit-box-shadow: 0 0 8px rgb(0 0 0 / .3);-moz-box-shadow: 0 0 8px rgb(0 0 0 / .3); box-shadow: 0 0 8px rgb(0 0 0 / .3); border-left: 4px solid #444} .post-block-out:hover,img.fix25:hover{transform: scale(1.03); box-shadow: 0 6px 18px rgb(0 0 0 / .15)} .entry-comments h3{font-size: 30px; margin-bottom: 30px} .comment-respond h3,.entry-pings h3{font-size: 20px; margin-bottom: 30px} .comment-respond{padding-bottom: 5%; margin: 20px 1px; border-left: none!important} .comment-header{color: #adaeb3; font-size: 14px; margin-bottom: 20px} .comment-header cite a{border: none; font-style: normal; font-size: 16px; font-weight: 700} .comment-header .comment-meta a{border: none; color: #adaeb3} .comment-list .children{margin-top: 40px} .comment-list li li{counter-increment: none; position: unset; padding: 0; font-size: 18px; font-weight: 700; color: #333; list-style: none; background: #f8f8f8; margin-bottom: 10px; border-radius: 8px; transition: .3s ease-in-out} .entry-comments .comment-author{margin-bottom: 0; position: relative} .entry-comments .comment-author img{border-radius: 50%; border: 5px solid #fff; left:-80px; top:-5px; position: absolute; width: 60px} .form-allowed-tags{background-color: #f5f5f5; font-size: 16px; padding: 24px} .comment-reply-link{cursor: pointer; background-color: #444; border: none; border-radius: 3px; color: #fff; font-size: 12px; font-weight: 300; letter-spacing: 1px; padding: 4px 10px; width: auto} #cssmenu>ul>li>a,.Breadcrumb,.callmes,.title,h3.title3{font-weight: 700} .entry-content,p{text-align: right; letter-spacing: .2px} .ez-toc-title-container{display: block!important} form#commentform{display: grid; float: left; width: 100%; direction: rtl; justify-items: start} input#author,input#email,input#url{float: left; width: 75%; height: 30px; border-radius: 5px} textarea#comment{min-height: 100px; float: left; border-radius: 8px} ul.post-categories a{color: #fff; text-decoration: none!important; font-weight: 500} #main-menu a:focus,#main-menu a:hover,article a:focus,article a:hover{color: #f60} .entry-content a,article a,article a:focus,article a:hover{text-decoration: underline} article a{color: #0056b3; font-weight: 500} .breadcrumbs a,nav[aria-label=breadcrumb] a{color: #004080; text-decoration: underline; font-weight: 700} .breadcrumbs a:hover,nav[aria-label=breadcrumb] a:hover{color: #e67e22} #main-menu a{font-weight: 600; transition: color .2s} a:focus{outline: #f60 dashed 2px; outline-offset: 2px} article{background: #fff; margin: 0 0 8px; border-radius: 6px} .title3 a:visited,li.col-md-4 a:hover{color: #ffeb00} .callmeaa:before{display: block; font-size: 40px} .catcol{float: left; width: 33%} .catcol ul{list-style-type: none; padding: 10px 8px} li.col-md-4{width: 32.6%; display: grid; justify-content: center; border: 1px solid #9d9d9d; align-content: space-around; font-size: large; border-radius: 5px; margin: 4px; padding: 15px 0 10px} #sidebar{display: table-row-group} .entry-content{max-height: 150px!important; padding: 10px; height: auto; font-size: large; line-height: 40px; display: flex; flex-direction: column; min-height: 240px; position: relative} .bowalednew,.content_widget,h5,p{padding: 5px; display: contents} .topnav a{display: block; color: #000; padding: 14px 16px; font-size: larger} .topnav a:hover{background-color: #ddd; color: #000} img.fix25{height: auto; border-radius: 12px; box-shadow: 0 4px 12px rgb(0 0 0 / .1); transition: transform .3s,box-shadow .3s; display: block; margin: 0 auto} .post-block-out{border-top-right-radius: 11px; float: left; min-height: 300px; margin: 11px 5px 5px 10px; border: 4px solid #f0723a0a; border-top-left-radius: 11px} #content,div#toplogo{float: left} div#navo{margin-top:-5px} .sidebar_widget{padding: 5px; text-align: right; background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#e4e4e4),color-stop(.5,#dedddd),color-stop(.51,#e0dede),color-stop(1,#fff)); background-image:-moz-linear-gradient(center bottom,#787878 0,#5e5e5e 50%,#707070 51%,#838383 100%)} .content_widget{text-align: right; background: #f5eec0; width: 300px; margin-right: 6px} #clear,#delimiter{clear: both} #footer{padding-top: 0; font-size: small; background: #000; line-height: 55px; color: #fff} .Breadcrumb{padding-right: 10px; font-size: .875rem; line-height: 1.375rem; align-items: center; display: flex; padding-top: 5px; padding-bottom: 5px; color: #1f2f48} .writerinfo{margin-right:-10px; border-radius: 10px; font-size: 11px; padding: 10px; color: #033204} .show-menu,h1.title3{padding: 10px 0} footer#wpfooter{height: 125px} .title{font-size: 11pt} .title3 a:link{color: #fff!important; margin: 10px} div#main{margin-top:-1px} .show-menu{color: #fff; display: none} .callme,.callmeaa{margin: 0; padding: 13px 0} p.wpgmza-content-address-holder-inner.wpgmza_marker_title a{color: red; text-decoration: none; text-align: center} .wpgmaps_mlist_row.wpgmza_basic_row{margin: 0; border-width: 0 px 0 px0!important; padding: 16px} .callmeaa{width: 96%; margin-right: 2%; background: #0075ff1a; border-radius: 9px; text-shadow: 0 1px 0 #fff} .callmes{font-size: 110px; color: red; line-height: 120px; text-shadow: 1px 4px 5px #2d2d2d} img.size-full.wp-image-3562.aligncenter{float: right; margin-right: 10px} .callme{background: green; color: #ffeb3b; font: bold 41px Arial,Helvetica,sans-serif; text-shadow: 0 1px 0 #fff} .bowalednew,.sh1,.sh2{text-decoration: none!important; background: #7f0201; margin-top: 8px; border-bottom-style: ridge} .callmeaa a{font-size: 150%; color: green} .sh1,.sh2{box-shadow: 1px 2px 8px #888; margin-right: 10px; padding: 5px; border-radius: 20px; font-size: 150%} .sh1{width: 20%} .sh2{width: 25%} .sh4:hover{background: #4173bd} .sh5:hover{background: #2a3abf} .sh3,.sh4,.sh5{width: 30%; margin-right: 10px; border-radius: 5px; font-size: 130%; padding: 5px} .sh3{background: #004c09} .sh4{background: #5bd2ff} .sh5{background: #000c70} #submit{background:-moz-linear-gradient(top,#44c767 5%,#5cbf2a 100%); background:-o-linear-gradient(top,#44c767 5%,#5cbf2a 100%); background:-ms-linear-gradient(top,#44c767 5%,#5cbf2a 100%); background: linear-gradient(to bottom,#0090ff 5%,#005394 100%); background-color: #0090ff;-moz-border-radius: 28px;-webkit-border-radius: 28px; border-radius: 15px; border: 1px solid #b6dfff; font-size: 20px; text-shadow: 0 1px 0 #0090ff} .related{color: #000; font-size: 139%; min-height: 400px; background-size: cover; background-attachment: fixed; background-repeat: no-repeat} #copyrights a:hover,.related a:hover{color: #ff7500} h3.title3{white-space: nowrap; text-overflow: ellipsis; display: block; margin-top:-10px; padding: 15px 0; border-top-left-radius: 9px; border-top-right-radius: 9px; line-height: 34px; background: #000858} div#loop{padding: 5px; float: left} .entry-content.with-thumb{direction: rtl; text-align: right; font-size: 16px; line-height: 1.8} .float-thumb{float: left; margin-bottom: 10px; max-width: 150px} img.tloop{border-radius: 10px; width: 150px; height: 150px} img#logo{position: absolute} #footer .footer_col{width: 23%} .footer_col.grid_3{border-radius: 5px; padding: 5px; text-align: right; font-size: 110%} #cssmenu,#cssmenu a,#cssmenu li,#cssmenu ul,.menu-home-container,.menu-home-container a,.menu-home-container li,.menu-home-container ul{border: none; margin: 0; padding: 0; line-height: 1;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box} #first,#second{width: 48%; margin: 10px} .menu-home-container{height: 37px; display: block; padding: 0; margin: 0; border: 1px solid #080808; width: auto} #cssmenu,#cssmenu>ul>li>ul>li a:hover{background: #000; background:-moz-linear-gradient(top,#3c3c3c 0,#222 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3c3c3c),color-stop(100%,#222)); background:-webkit-linear-gradient(top,#000 0,#383838 100%); background:-o-linear-gradient(top,#3c3c3c 0,#222 100%); background:-ms-linear-gradient(top,#3c3c3c 0,#222 100%); background: linear-gradient(top,#3c3c3c 0,#222 100%)} #cssmenu>ul{list-style: none inside; padding: 0; margin: 0} #cssmenu>ul>li{list-style: none inside; padding: 0; margin: 0; display: block} #cssmenu>ul>li>a{outline: 0; display: block; padding: 12px 20px; text-shadow: 1px 1px 0 rgb(0 0 0 / .4); font-size: 100%; border-right: 1px solid #080808; color: #fff} #cssmenu>ul>li>a:hover{background: #080808; color: #fff} #cssmenu>ul>li:first-child>a{border-radius: 5px 0 0 5px} #cssmenu>ul>li>a:after{content: ''; position: absolute; border-right: 1px solid; top:-1px; bottom:-1px; right:-2px; z-index: 99; border-color: #3c3c3c} #cssmenu ul li.has-sub:hover>a:after{top: 0; bottom: 0} #cssmenu>ul>li.has-sub>a:before{content: ''; position: absolute; top: 18px; right: 6px; border: 5px solid #fff0; border-top: 5px solid #fff} #cssmenu ul li.has-sub:hover>a,#cssmenu ul li.has-sub>a:hover{border-color: #3f3f3f; background: #3f3f3f} #cssmenu>ul>li.has-sub:hover>a:before{top: 19px} #cssmenu ul li.has-sub:hover>a{padding-bottom: 13px; padding-top: 13px; top:-1px; z-index: 999} #cssmenu ul li>div,#cssmenu ul li>ul{display: none; width: auto; position: absolute; top: 38px; padding: 10px 0; background: #3f3f3f; border-radius: 0 0 5px 5px; z-index: 999} #cssmenu ul li>ul li{display: block; list-style: none inside; padding: 0; margin: 0} #cssmenu ul li>ul li a{outline: 0; text-align: right; display: block; margin: 0; padding: 8px 20px; font-size: 100%; color: #fff; text-shadow: 1px 1px 0 rgb(0 0 0 / .5)} #cssmenu>ul>li.has-sub>a:hover:before{border-top: 5px solid #fff} div#middel{width: 15%; position: absolute; left: 60%; padding: 30px 5px 5px; background: #c8f59e; border: 2px solid #a2a2a2} div#copyrights{margin-top: 5px; background-color: #000; color: #fff; line-height: 40px} #copyrights a:link{color: #f0f0f0} .share{font-size: 18px; width: 49%; margin-bottom: 15px; display: flex} #container{margin: auto} #first{background-color: #00f} #second{float: left; background-color: green} @media only screen and (max-width:850px){#content,#footer .footer_col,aside,h1.title3,h3.title3,iframe,li.col-md-4,section.n33efaq{width:100%} .container,.taxonomy-description,div#comments{margin-right: 1%; margin-left: 1%} div#comments{margin-left: 1%!important; margin-right: 1%!important} nav ul li a:hover,nav ul li a:hover i{color: #fde428; font-size: 190%; transition: .5s} article#post-55{background: 0 0} #comment,.bowalednew{max-width: 100%} div#headernav,img{height: auto} #sidebar,div#copyrights{margin-right: auto; margin-left: auto} div#c1,div#c2{width: 49%; padding-top: 15px; text-align: center; font-size: larger; font-weight: 700} #first,#second{width: 100%; margin: 2px; height: 250px; float: none} .h1head{max-height: 100%; background: unset!important} .bowalednew{display: block; box-shadow: 5px 4px 7px #888; padding: 5px; background: #7f0201; margin-top: 8px; border-radius: 8px; border-bottom-style: ridge; font-size: 150%; text-align: center; text-decoration: none!important} h3.title3{border-top-left-radius: 20px; border-top-right-radius: 20px} div#navo,div#toplogo{float: none} #sidebar{width: 95%; padding: 0; background: #f5eec0; border: 0 solid #a2a2a2} .share{width: 98%; display: grid; justify-items: end; margin-right: 10px} div#middel{width: 100%; display: block; line-height: 25px; position: inherit} .Breadcrumb{font-size: 95%!important; padding-top: 30px!important} .content_widget{padding: 0; text-align: right; background: #f5eec0; width: 100%; margin-right: 0; border: 1px solid #a2a2a2} .footer_widget{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#e4e4e4),color-stop(.5,#dedddd),color-stop(.51,#e0dede),color-stop(1,#fff))} div#copyrights{margin-top: 0; background-color: #000; color: #fff} @media screen and (max-width:800px){.post-box,body.customize-support{margin-right:1%; margin-left: 1%} .sh3:hover,.sh4:hover,.sh5:hover{width: 75%; transform: scale(1.02)} .post-box ol li:hover,.post-box ul li:hover{background: #e9ecef; transform: unset} .post-box{text-align: justify; margin-top: 10px} .custom-list li::marker{content: ""} .post-box ul li::before,.topnav a:not(:first-child){display: none} li.menu-item a{width: 100%; display: unset} .topnav a.icon{margin-top: 0; color: #000; font-weight: 800; display: block} .topnav.responsive{position: relative} .menu{display: none!important} .topnav.responsive .icon{position: absolute; right: 0; top: 0} .topnav.responsive a{float: none; display: block; text-align: revert} .box{width: 100%; float: right; display: block} .note2,li.col-md-4{display: grid; padding-top: 5px; padding-bottom: 5px; align-content: space-around} li.col-md-4{margin-right: 0; margin-left: 0; justify-content: center; border: 1px solid #9d9d9d; line-height: 50px; border-radius: 5px; margin-bottom: 5px; font-size: larger} .entry-content{height: auto; direction: rtl; text-align: right; line-height: 1.8; font-size: 16px; min-height: auto; max-height: 120px} .topnav a{padding: 5px 16px} input#s{width: 47%} input#searchsubmit{width: 24%} .post-block-out{border-top-left-radius: 20px; border-top-right-radius: 20px; width: 98%!important; float: none; border: 1px solid #dcdedc; max-height: 325px!important; min-height: 260px; padding-top: 10px; padding-bottom: 10px} .callmes{text-align: center; font-size: 60px; font-weight: 700; color: red; line-height: 120px; text-shadow: 1px 4px 5px #2d2d2d} .sh3:hover{background: #025d02} .sh4:hover{background: #4173bd} .sh5:hover{background: #000c70} .sh2,.sh3,.sh4,.sh5{margin: 10px auto auto; width: 70%; border-radius: 10px; box-shadow: none; padding: 10px; border-bottom-style: none} .note2{width: 90%; background: #efefef; justify-content: center; border: 1px solid #9d9d9d; line-height: 50px; border-radius: 5px; margin-right: 0; margin-bottom: 5px; font-size: revert}} @media only screen and (max-width:1440px){section#hany2023{max-width:100%}} @media only screen and (max-width:980px){#logo,nav,nav ul li{padding:0} #topser form{display: flex; justify-content: center; gap: 10px; background: #f1f1f1; padding: 20px; border-radius: 8px} #topser input[type=text]{padding: 6px 12px; border: 1px solid #ccc; border-radius: 4px; flex: 1} #topser input[type=submit]{background: #0073aa; color: #fff; border: none; padding: 6px 14px; border-radius: 4px; cursor: pointer} a#toggle-search{position: relative; margin-top: 15px} nav,nav ul,nav ul li{width: 100%} nav,nav ul li a{text-align: center} input[type=checkbox]:checked~nav,nav ul li a{display: block} header{padding: 7px 0} input[type=checkbox]{background: 0 0} input[type=checkbox]:fous{background: 0 0} label{float: right; padding: 8px 0; cursor: pointer} nav{color: #000; display: none; top: 53px; background-color: #eee; z-index: 99; background-repeat: no-repeat; background-size: cover} nav ul li{float: none; display: table} nav ul li a{background: #00057; color: #fff; font-size: x-large; border-bottom: 1px solid #929292} nav ul li a i{color: #fde428; padding-right: 13px}} label.toggle-menu{display: inline-block; float: left} .post-box ol li:hover,.post-box ul li,.post-box ul li:hover{padding: 12px; overflow: hidden} .call2action{position: fixed; right: 0; bottom: 0; background: green; display: inline-flex; width: 100%; justify-content: space-between} div#c1{padding-bottom: 16px; background: #ff0} div#c2{background: #a9ff00} .call2action a{color: #000; display: block} input#toggle-1{display: none} h1.titlenewh1{line-height: 42px!important} @media (max-width:600px){table td,table th,table tr{display:block} table{width: 100%} table th{font-weight: 700; font-size: large} table tr{border: 1px solid #ddd; border-radius: 8px}} @media only screen and (max-width:850px){.responsive1{display:none!important} .related a:hover{background: #00080; font-size: 100%} .post-boxs{margin-top: 0!important} .box{width: 100%}}} header{position: sticky; top: 0; z-index: 9999; background: rgba(255,255,255,.96); backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px); border-bottom: 1px solid rgba(0,0,0,.08)} section#hany2023{width: 100%; max-width: 1200px; margin: 0 auto; display: flex!important; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 14px; box-sizing: border-box} a#logo{display: flex; align-items: center; gap: 10px; padding: 0!important; line-height: 1; white-space: nowrap}
a#logo img{max-height: 48px; width: auto; display: block} label.toggle-menu{display: none; float: none!important; padding: 0!important; cursor: pointer}
label.toggle-menu ul{width: 34px!important; display: grid!important; gap: 6px; margin: 0; padding: 10px; border-radius: 12px; border: 1px solid rgba(0,0,0,.08); background: #fff; box-shadow: 0 10px 24px rgba(0,0,0,.06); box-sizing: border-box}
label.toggle-menu ul li{width: 100%; height: 3px; border-radius: 99px; background: #002e5b; margin: 0!important} nav#main-menu{float: none!important; width: auto!important; display: flex!important; align-items: center} nav#main-menu> ul{display: flex!important; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none} nav#main-menu> ul> li{float: none!important; list-style: none; position: relative} nav#main-menu> ul> li> a{display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px!important; border-radius: 12px; font-size: 18px; line-height: 1.2; color: #002e5b; background: transparent; transition: background-color .2s ease, color .2s ease, transform .15s ease; text-decoration: none!important; white-space: nowrap} nav#main-menu> ul> li> a:hover{background: rgba(0,46,91,.08); transform: translateY(-1px); color: #001f3d} nav#main-menu> ul> li.current-menu-item> a,
nav#main-menu> ul> li.current_page_item> a{background: rgba(0,46,91,.12); color: #001f3d} nav#main-menu li.menu-search-icon{margin-right: 6px}
a#toggle-search{position: static!important; margin-top: 0!important; display: inline-flex!important; align-items: center; justify-content: center; padding: 8px 10px; border-radius: 12px; border: 1px solid rgba(0,0,0,.08); background: #fff; box-shadow: 0 8px 18px rgba(0,0,0,.05)}
a#toggle-search:hover{background: rgba(255,165,0,.08)} #topser{width: 100%; background: #fff; border-bottom: 1px solid rgba(0,0,0,.06)}
#topser #zakowh{max-width: 1200px; margin: 0 auto; padding: 12px 14px 16px; display: flex; gap: 10px; align-items: center; box-sizing: border-box}
#topser input#s{width: 100%!important; max-width: none!important; height: 46px; border-radius: 14px!important; border: 1px solid rgba(0,0,0,.14); padding: 0 14px; font-size: 16px; background: #fff}
#topser input#searchsubmit{width: auto!important; height: 46px; padding: 0 18px; border-radius: 14px!important; border: 0; background: #003d8d!important; color: #fff; font-size: 16px; font-weight: 700; cursor: pointer}
#topser input#searchsubmit:hover{filter: brightness(1.05)} @media (max-width:980px){header{position: sticky} section#hany2023{padding: 10px 12px} label.toggle-menu{display: inline-flex!important; align-items: center; justify-content: center} nav#main-menu{display: none!important; width: 100%!important} #toggle-1:checked~ nav#main-menu{display: block!important} nav#main-menu> ul{display: grid!important; gap: 10px; width: 100%; padding: 12px 0 6px} nav#main-menu> ul> li> a{width: 100%; justify-content: center; padding: 14px 14px!important; border-radius: 14px; background: rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.08); color: #002e5b; font-size: 20px} nav#main-menu li.menu-search-icon{margin: 0; display: flex; justify-content: center} a#toggle-search{width: 100%; justify-content: center; box-shadow: none} #topser #zakowh{flex-direction: column; align-items: stretch}} @media (max-width:980px){header, section#hany2023, nav#main-menu, nav#main-menu ul{display: block!important; float: none!important} section#hany2023{display: flex!important; align-items: center; justify-content: space-between; width: 100%; padding: 12px} #logo{position: static!important; float: none!important; max-width: 70%} label.toggle-menu{display: flex!important; align-items: center; justify-content: center; float: none!important; margin: 0; z-index: 10001} nav#main-menu{position: absolute; top: 100%; right: 0; width: 100%; background: #fff; border-top: 1px solid rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.08); display: none!important} #toggle-1:checked~ nav#main-menu{display: block!important} nav#main-menu ul{display: flex!important; flex-direction: column; gap: 10px; padding: 12px; margin: 0} nav#main-menu ul li{width: 100%} nav#main-menu ul li a{width: 100%; display: block; text-align: center; padding: 14px!important; border-radius: 12px; background: #f3f5f7; font-size: 20px} nav#main-menu li.menu-search-icon{order: 999} a#toggle-search{width: 100%; justify-content: center}} @media (max-width:980px){nav#main-menu{background: #fff!important; backdrop-filter: none!important;-webkit-backdrop-filter: none!important} nav#main-menu ul{background: #fff} nav#main-menu ul li a{background: #f7f9fb!important; box-shadow: 0 4px 10px rgba(0,0,0,.04)} nav#main-menu{max-height: calc(100vh- 80px); overflow-y: auto; overscroll-behavior: contain} nav#main-menu::-webkit-scrollbar{width: 0} nav#main-menu ul{padding-bottom: 24px}}
.hanybee-tax-hero{position:relative; min-height:260px; background-size:cover; background-position:center; border-radius:16px; overflow:hidden; margin: 18px 2% 20px 2%} .hanybee-tax-hero__overlay{position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.35))} .hanybee-tax-hero__inner{position:relative; padding: 42px 18px; text-align:center; color:#fff; max-width: 1050px; margin:0 auto} .hanybee-tax-hero__title{margin:0 0 10px 0; font-size: 34px; line-height:1.2} .hanybee-tax-hero__subtitle{margin:0 auto; max-width: 900px; font-size: 16px; line-height:1.8; opacity:.95} .hanybee-hero-actions{margin-top:18px; display:flex; justify-content:center; gap:12px; flex-wrap:wrap} .hero-btn{padding:10px 18px; border-radius:30px; font-size:15px; font-weight:600; text-decoration:none; transition:.25s; display:inline-flex; align-items:center; gap:8px} .hero-btn-whatsapp{background:#25D366; color:#fff} .hero-btn-whatsapp:hover{background:#1ebe5d} .hero-btn-call{border:2px solid #fff; color:#fff; background:transparent} .hero-btn-call:hover{background:#fff; color:#000} @media (max-width:700px){.hanybee-tax-hero{min-height: 220px} .hanybee-tax-hero__title{font-size: 24px} .hanybee-tax-hero__subtitle{font-size: 14px}} h1.hanybee-tax-hero__title{color: white; font-size: xxx-large}.hanybee-tax-hero{position:relative; min-height:260px; background-size:cover; background-position:center; border-radius:16px; overflow:hidden; margin: 2px 2% 2px 2%} .hanybee-tax-hero__overlay{position:absolute; inset:0; background: linear-gradient(180deg, rgb(0 0 0 / 48%), rgba(0, 0, 0, .35))} .hanybee-tax-hero__inner{position:relative; padding: 42px 18px; text-align:center; color:#fff; max-width: 1050px; margin:0 auto} .hanybee-tax-hero__title{margin:0 0 10px 0; font-size: 34px; line-height:1.2} .hanybee-tax-hero__subtitle{margin:0 auto; max-width: 900px; font-size: 16px; line-height:1.8; opacity:.95; color: white} @media (max-width:700px){.hanybee-tax-hero{min-height: 220px} .hanybee-tax-hero__title{font-size: 24px} .hanybee-tax-hero__subtitle{font-size: 14px}} .hanybee-archive-wrap{width: min(1200px, 96%); margin: 0 auto; padding: 20px 0 30px} .hanybee-archive-heading{text-align: center; margin: 10px 0 20px; font-size: 26px; color: #222} .hanybee-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: stretch} .hanybee-card{background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 26px rgba(0,0,0,.05); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; display: flex; flex-direction: column; min-height: 100%} .hanybee-card:hover{transform: translateY(-3px); box-shadow: 0 18px 38px rgba(0,0,0,.08); border-color: rgba(0,0,0,.12)} .hanybee-card__thumb{display: block; position: relative; padding-top: 56%; background: #f3f4f6} .hanybee-card__thumb img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover} .hanybee-card__body{padding: 14px 14px 16px; display: flex; flex-direction: column; gap: 10px; flex: 1} .hanybee-card__title{margin: 0; font-size: 20px; line-height: 1.45; text-align: right} .hanybee-card__title a{color: #002e5b; text-decoration: none!important} .hanybee-card__title a:hover{color: #ff6a00} .hanybee-card__excerpt{color: #444; font-size: 15px; line-height: 1.8; text-align: right; opacity: .95} .hanybee-card__footer{margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 10px} .hanybee-card__btn{display: inline-flex; align-items: center; justify-content: center; padding: 10px 14px; border-radius: 999px; background: #002e5b; color: #fff!important; font-weight: 700; font-size: 14px; text-decoration: none!important; transition: filter .2s ease, transform .15s ease} .hanybee-card__btn:hover{filter: brightness(1.08); transform: translateY(-1px)} .hanybee-card__meta{font-size: 13px; color: #666; white-space: nowrap} @media (max-width:1024px){.hanybee-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}} @media (max-width:650px){.hanybee-grid{grid-template-columns: 1fr} .hanybee-archive-heading{font-size: 22px} .hanybee-card__title{font-size: 18px}}