/*
Theme Name:         HANYBEE 
Theme URI:          https://www.hanybee.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
*/
.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: #000000;
}

.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 {
    min-width: 280px;
    border: 1px solid #cccccc29;
    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
}

.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: #00000047;
        flex: 1 1 100%
    }

    .footer-column4 {
        background: #00000085;
        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: #00000080;
    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 #ffffffab
}

.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 #88888859
}

#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: #ff6600 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%;
    background: #003d8d;
    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: #00000057;
            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: #00000080;
            font-size: 100%
        }

        .post-boxs {
            margin-top: 0!important
        }

        .box {
            width: 100%
        }
    }
}