/* -----------------------------
   1. Root variables (colors, spacing, typography)
   ----------------------------- */
:root {
    --main-color: #1265a8;
    --secondary-color: #FF9800;
    --white: #fff;
    --light-blue: #ebf4ff;
    --text-color: #3c3c3c;
    --green-color: #1a8b75;
    --dark-color: #b6bec9;
    --focus-outline: 3px solid rgba(100,150,255,0.25);
    --border-color: #c0ddff;
    --radius: 8px;
}

/* -----------------------------
   2. Reset / Box sizing / Core
   ----------------------------- */

html { box-sizing: border-box; -webkit-text-size-adjust: 100%; }

*,::after,::before{box-sizing:inherit}

body {
    font-family: "tajawalfont", Helvetica, Verdana, Arial, sans-serif;
    font-size: 18px;
    line-height: 2;
    color: var(--text-color);
    background-color: var(--white);
    margin: 0;
}
.hero{
    background-color: var(--light-blue);
    margin-bottom: 30px
}
/* Images, media */
img, picture, video, canvas, iframe, embed {max-width:100%;height:auto;}
picture, video, canvas, iframe, embed  { display:block; }

/* Links */
a{color: #114d91;background:transparent;text-decoration:none;}
a:focus, a:hover{ text-decoration:underline; outline-offset:3px; }
a:focus-visible{outline: var(--focus-outline);border-radius:4px;}

/* Accessibility helper */
.mover-screen-reader {
    position: absolute !important; clip: rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;border:0;padding:0;margin:-1px;
}

.mover-screen-reader:focus, .mover-screen-reader:active{
  clip:auto!important;width:auto;height:auto;padding:0.5rem;margin:0; background:var(--light-blue); color:var(--main-color); border-radius:4px;
}
/* -----------------------------
   3. Typography
   ----------------------------- */
h1, h2,.h2, h3, h4, h5, h6 { font-weight: 900; margin: 0 0 24px; }

h1{font-size:36px;line-height:1.25;}
h2,.h2{ font-size:30px; line-height:1.3; }
h3{ font-size:24px;line-height: 1.5; }
h4{ font-size:20px; }
h5{ font-size:18px; }
h6{ font-size:16px; }

p{ margin: 0 0 24px; }

small{ font-size:80%; }
strong, b{ font-weight:700; }

::marker{color:var(--main-color);font-size: 16px; }

/* Improve readability: focus styles for interactive controls */
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: var(--focus-outline);
  border-radius: 4px;
}

/* -----------------------------
   4. Layout helpers & container
   ----------------------------- */

.mover-container{ width:100%; padding:0 15px; margin:0 auto; }
.mover-flex {display: flex;flex-wrap: wrap;}
.mover-space-between{justify-content:space-between;}
.mover-align-center{ align-items:center; }
.mover-section-padding{ padding:25px 0; }
.mover-section-padding-40{ padding:40px 0; }
.mb-40 {  margin-bottom: 40px; }


.mover-txtcenter{text-align:center;}
.mover-txtleft,.form-submit{text-align:left;}
.mover-hideflow,.g-recaptcha{ overflow:hidden; }

/* Columns (responsive behaviour preserved) */
.mover-col-30 {  width: 100%; }


/* -----------------------------
   5. Forms & Inputs (accessible)
   ----------------------------- */
legend,
label{ display:block; font-weight:800; margin-bottom:8px; }

input, textarea, select, #moverdatetime{
  font-size: 18px;
  background-color:var(--light-blue);
  border-radius: var(--radius);
  padding:12px 16px;
  width:100%;
  border: 1px solid var(--border-color);
  color:var(--text-color);
  transition: box-shadow .15s ease, border-color .15s ease;
  margin-bottom: 20px;
}

textarea{ max-height:160px; }
::placeholder{ color: rgba(47,47,47,0.6); font-size: 15px; }


 .mover-action-btns { padding: 10px 0 24px 0;display: flex;gap: 10px}
.mover-btn{display:inline-flex;align-items:center;gap: 15px;padding: 5px 17px;border-radius:8px;background:var(--main-color);color:var(--white);font-weight:700;border:1px solid var(--main-color);justify-content: space-around;}
.mover-btn:hover { box-shadow: 0px 0px 6px 7px rgb(1 96 231 / 18%); }

.mover-btn .icon{ background:var(--white); color:var(--main-color); width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; border-radius:8px; }

.mover-submit, .submit{
  font-weight:900;
  font-size:18px;
  padding:10px 22px;
  border-radius:8px;
  background:var(--main-color);
  color:var(--white);
  border:0;
  cursor:pointer;
  width: 50%;
}
.mover-submit:focus-visible, .submit:focus-visible{ outline:var(--focus-outline); }

/* search overlay */
.mover-search-container{ display:none; position:fixed; inset:0; z-index:9999; background: rgba(0,0,0,0.78); align-items:center; justify-content:center; }
.mover-search-form label {  color: var(--white); }
.mover-search-container.active{ display:flex; }
.mover-search-form{ width:100%; max-width:700px; position:relative; padding:20px; }
.search-field-wrapp{ position:relative; }
.mover-search-field{ padding-left:56px; height:50px; font-weight:900; background:var(--white); color:var(--text-color); border-radius:8px; border:0; }
.mover-search-submit{position:absolute;left:0;top:0;bottom:0;padding:0 14px;background:var(--main-color);color:var(--white);border-radius:8px 0 0 8px;height:50px;border:0;font-weight: 900;font-size: 16px;}


/* -----------------------------
   6. Header & Navigation
   ----------------------------- */

.mover-header{background:var(--white);border-bottom: 1px solid var(--border-color);}
.mover-header.sticky{ position:fixed; top:0; right:0; left:0; z-index:9999; }

/* Navigation basics */

/* ==== Navigation ==== */
.mover-breadcrumbs ol,
.mover-main-nav ul,.contact-list ul{ list-style:none; padding:0; margin:0; }
.mover-menu-items li{ position:relative; display:block; }
.mover-menu-items li a{ display:block; padding:10px 16px; font-weight:900; color:var(--text-color); }
.mover-menu-items li a:hover, .mover-menu-items li.current a {color: var(--main-color);}
.mover-menu-items li a:focus-visible{ outline:var(--focus-outline); border-radius:4px; }
.mover-menu-items a .icon { margin-left: 7px; }
.mover-submenu-toggle.active .icon:before {  content: "\e80a"; }

/* submenu toggle button (visually hidden on desktop) */
.mover-submenu-toggle{display:inline-flex;justify-content:center;width: 28px;height: 28px;border-radius:999px;background:var(--main-color);color:var(--white);border:0;cursor:pointer;position: absolute;top: 16px;left: 12px;align-items: center;}
.mover-sub-menu{display:none;}
.mover-sub-menu.active {  display: block }
.contact-list li i,
 .mover-sidebar-open, .mover-search-open {
    color: var(--main-color);
    border-radius: 8px;
    background-color: var(--light-blue);
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    font-size: 17px;
    border: 0;
    border: 1px solid var(--border-color);
    margin-left: 6px;
    cursor: pointer;
}
/* -----------------------------
   7. breadcrumbs, Content blocks cards, 
   ----------------------------- */
.mover-breadcrumbs { margin-bottom:30px; }
.mover-breadcrumbs ol li { display: inline-block; font-weight: 600;}
.mover-breadcrumbs li::after{ content:"\00bb"; color:var(--main-color); padding:0 10px }
.mover-breadcrumbs li:last-of-type::after { display: none }
.mover-breadcrumbs .icon.icon-home { font-size: 22px; }



/* Heading */
.entry-content h2, .entry-content section>h2{ color:var(--main-color); position:relative; }
.entry-content > h3 {  position: relative; }
.entry-content > h2:before, .entry-content section > h2:before {  font-family: "movericons";  content: "\e803";position: absolute; right: -32px;  top: 10px; font-size: 22px;}
.entry-content > h3:before {content: " ";position: absolute;top: 19px;height: 0;width: 12px;border-bottom: 2px solid var(--border-color);background: transparent;right: -20px;}


/* tables & blockquote */
table{ width:100%; border-collapse:collapse; border-radius:8px; overflow:hidden; margin-bottom:20px; }
table th, table td{ padding:8px 10px; border:1px solid rgba(165,207,255,0.6); vertical-align:middle; }
table thead{ background:var(--light-blue); }
blockquote{border-right: 5px solid var(--main-color);padding:10px 20px;margin:0 0 1rem;}
hr { width: 58%;  border: 1px dashed var(--main-color); }

/* Optional: for alignment in posts */
.alignleft {float: left;margin: 0 30px 30px 0;}
.alignright {float: right;margin: 0 0 20px 20px;}
.aligncenter {display: block;margin: 0 auto 15px auto;}

/* Main container for images with captions */
.wp-caption {  max-width: 100%; background-color: var(--light-blue);  border: 1px solid var(--border-color); padding: 8px; margin-bottom: 1em; text-align: center; box-sizing: border-box; border-radius: var(--radius); }
.wp-caption img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
.wp-block-image figcaption,.wp-caption-text {  font-size: 0.9em; line-height: 1.4; margin-top: 5px; }

/* -----------------------------
   8. innr content sections , 
   ----------------------------- */
.mover-callusnow,
.mover-content-box {border-radius: var(--radius);padding: 35px 26px;margin-bottom: 40px;border: 1px solid var(--border-color);background-color: var(--light-blue);}
.mover-content-box img { border-radius: 8px; }
.mover-content-box h3{ margin: 15px 0; font-size: 21px; }
.mover-content-box p { font-size: 16px; }

.mover-worksteps-box-number{display:block;width:65px;height:65px;line-height:65px;margin:auto;background-color: var(--white);border-radius:8px;color:var(--main-color);font-weight:900;font-size:26px}

.mover-callusnow {
    background-color: var(--light-blue);
}
.mover-post-feature-box i {
    font-size: 36px;
    color: var(--main-color);
}
/* faqs */
.mover-post-faq-box {margin-bottom: 24px;cursor: pointer;padding: 15px;border: 1px solid var(--border-color);border-radius: var(--radius);background-color: var(--light-blue);}
.mover-faq-head{display:flex;justify-content:flex-start;align-items:center;border-radius:var(--radius);font-weight:900}
.mover-faq-number { font-size: 25px; }
.mover-faq-head h3 {  margin: 0 12px; }
.mover-post-faq-box.active .icon,
.mover-post-faq-box.active .mover-faq-head{color: var(--main-color);}
.mover-faq-head .icon{color:var(--text-color);display:inline-block;margin-right:auto;border: 1px solid var(--border-color);border-radius:50px;font-size:13px;width:30px;height:30px;text-align:center;line-height:30px}

.mover-faq-box-answer { display: none; }

.mover-post-faq-box.active .icon { background-color: var(--white); }
.mover-post-faq-box.active .icon:before { content: "\e80a"; }
.mover-post-faq-box.active .mover-faq-box-answer { display: block; }

/* checked list*/
.checked-list{list-style:none;padding:0;margin:15px 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.checked-list li{width:50%;margin-bottom:11px}
.checked-list li:before{font-family:"movericons";content:"\e82a";padding-left:6px;color:var(--main-color);vertical-align: middle;}
/* -----------------------------
   8. Comments / Reviews 
   ----------------------------- */
.mover-leave-comment-title, .mover-customers-comment-innr h2,.sub-title { color: var(--main-color); margin-bottom: 45px; border-right: 6px solid var(--secondary-color);  padding-right: 16px;}

.mover-customer-comment .mover-customer-comment { margin-right: 25px; }
.mover-comment-avatar {  width: 12%; }
.mover-comment-avatar img {  border-radius: 50%; }

.comment-info { width: 84%; background-color: var(--light-blue); border-radius: var(--radius); margin-bottom: 15px; padding: 0 18px 12px 15px; position: relative;}
.comment-info:before { content: ""; position: absolute; top: 10%; right: -28px; border: 15px solid transparent; border-left-color: var(--light-blue);  z-index: 1; }

.customer-comment-date { font-size: 15px; color: #575757; margin-right: 6px;}
.customer-rating-value { line-height: 10px; font-size: 12px; }
.customer-rating-value .icon-star-filled { color: var(--secondary-color); }

/* leave Comments */
  
.comments-rating{background-color:var(--light-blue);border-radius:8px;padding:8px;border: 1px solid var(--border-color);margin-bottom:25px;}

.rating-container{ display:flex; flex-direction:row-reverse; gap:6px; align-items:center; width:100%; max-width:220px; }
.rating-container input{ position: absolute; opacity:0; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); }
.rating-container label{ display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; font-size:32px; color:#9a9a9a; cursor:pointer; transition: color .15s ease; }
.rating-container input:checked ~ label, .rating-container label:hover, .rating-container label:hover ~ label{ color:var(--secondary-color); }


/* Cards*/

.service-card{margin-bottom:30px;border-radius:var(--radius);border:1px solid var(--border-color);padding:15px}
.service-card__title{font-weight:900;display:block;margin:5px 0}
.service-card__excerpt{font-size:15px}
.service-card__more{color:var(--main-color);font-weight:900}



/* -----------------------------
   11. Others Page
   ----------------------------- */

/* 404 Page */
.page-title-404 {
    color: var(--main-color);
    font: 839 133px Consolas;
    letter-spacing: 5vmin;
    display: block;
}

/* Archive Page */
.mover-pagination .page-numbers{display:inline-block;width:40px;height:40px;line-height:35px;background:var(--white);border:1px solid var(--border-color);color:var(--text-color);border-radius:var(--radius);margin:16px 2px;text-align:center;font-weight:600}
.mover-pagination .next,.mover-pagination .prev{float:left;padding:0 1.5em;width:auto;height:auto;line-height:revert}
.mover-pagination .prev{float:right;text-align:right}
.mover-pagination .current,.mover-pagination .page-numbers:hover{color:#fff;background-color:var(--main-color);outline:none}
.mover-pagination .page-numbers:focus-visible{outline:2px dashed var(--main-color);outline-offset:3px}

/* Contact */

.contact-list li { margin-bottom: 10px; }

/* -----------------------------
   11. Fotter
   ----------------------------- */
.mover-copyright{text-align:center;background-color:var(--light-blue);padding:20px 10px;font-weight:900;color:var(--text-color);border-top:1px solid var(--border-color)}
.mover-copyright p{margin:0}


/* -----------------------------
   11. Fixed Button
   ----------------------------- */
.mover-scrollUp{ display:none; position:fixed; left:8px; bottom:8px; width:42px; height:42px; border-radius:50px; background:var(--main-color); color:var(--white); align-items:center; justify-content:center; z-index:999; }
.mover-scrollUp.active { display: flex; }

/* Calls Button */
.mover-whats-button,.mover-call-button{position:fixed;bottom:.3em;right:6px;z-index:9999;border-radius: var(--radius);padding: 8px 10px 5px 4px;height:50px;width: 143px;line-height:16px;color:var(--white);background: var(--main-color);}
.mover-call-button{bottom:74px;}
.mover-call-number{display:inline-block;font-size:13px;width:79px}
.mover-whats-txt,.mover-call-txt{display:block;font-size:13px;margin-bottom:2px}
.mover-call-icon,.mover-whats-icon{display:inline-block;position:relative;width:35px;height:35px;text-align:center;border-radius:8px;background:var(--white);color:var(--main-color);font-size:21px;line-height:37px;margin-top:-17px}
.mover-btn.whatsapp-btn,.mover-whats-button{background-color:var(--green-color);border-color:var(--green-color)}

.mover-call-button .icon {
    animation: callrotate 5s infinite ease-in-out;
    margin-right: 3px;
}




        .gallery-item {
            position: relative;
            cursor: pointer;
            border-radius: 16px;
            overflow: hidden;
            background: #000;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .gallery-item:hover {
            transform: translateY(-8px) scale(1.01);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
        }

        .gallery-item img {
            width: 100%;
            height: 100%;
            transition: transform 0.7s ease;
            display: block;
        }

        .gallery-item:hover img {
            transform: scale(1.1);
        }

        .item-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100%; /* التراكب يغطي كامل العنصر لكن متدرج */
            background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: 30px;
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .gallery-item:hover .item-overlay {
            opacity: 1;
        }

        .item-overlay h3 {
            color: #fff;
            font-size: 1.5rem;
            margin-bottom: 8px;
            font-weight: 700;
            transform: translateY(20px);
            transition: transform 0.4s ease 0.1s;
        }

        .item-overlay p {
            color: rgba(255, 255, 255, 0.9);
            font-size: 1rem;
            font-weight: 300;
            transform: translateY(20px);
            transition: transform 0.4s ease 0.2s;
        }

        .gallery-item:hover h3,
        .gallery-item:hover p {
            transform: translateY(0);
        }

  .lightbox {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.85);
            backdrop-filter: blur(10px);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 2000;
            pointer-events: none;
            transition: opacity 0.3s ease;
            display: none;
        }

        .lightbox.active {
            display: flex;
            pointer-events: auto;
        }

        .lightbox-content {
            position: relative;
            max-width: 90%;
            max-height: 90vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            transform: scale(0.95);
            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .lightbox.active .lightbox-content {
            transform: scale(1);
        }

        .lightbox-img {
            max-width: 100%;
            max-height: 80vh;
            border-radius: 8px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
            user-select: none;
        }

        .lightbox-caption {
            color: #fff;
            margin-top: 20px;
            font-size: 1.3rem;
            font-weight: 300;
            text-align: center;
            text-shadow: 0 2px 4px rgba(0,0,0,0.5);
        }

        /* --- أزرار التحكم الحديثة --- */
        .lb-btn {
            position: absolute;
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
            border: 1px solid rgba(255, 255, 255, 0.2);
            cursor: pointer;
            padding: 0;
            border-radius: 50%;
            font-size: 20px;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 60px;
            height: 60px;
            z-index: 2001;
            backdrop-filter: blur(4px);
        }

        .lb-btn:hover {
            background: #fff;
            color: #000;
            border-color: #fff;
        }

        .lb-close {
            top: 30px;
            left: 30px;
        }
        
        .lb-prev, .lb-next {
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 80px; /* أزرار طولية قليلاً كـ Bars */
            border-radius: 10px;
        }

        .lb-prev { right: 30px; }
        .lb-next { left: 30px; }

@keyframes callrotate {
    0%, 50%, 100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    10%, 30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20%, 40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .mover-call-button .icon {
        animation: none;
    }
}
.mover-follow-us a {
    display: inline-block;
    font-size: 15px;
    margin: 5px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background-color: var(--light-blue);
    text-decoration: none;
    padding: 2px 20px 6px 20px;
    font-weight: 700;
    color: var(--main-color);
}

.mover-follow-us a:focus-visible{ outline:var(--focus-outline); }


/* -----------------------------
   11. Icon font glyphs (kept as-is)
   ----------------------------- */
.icon{font-family:"movericons";speak:none;font-style:normal;font-weight:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;vertical-align:middle;}
.icon-star-filled:before { content: '\e800'; }
.icon-star-solid:before { content: '\e814'; } 
.icon-shield:before { content: '\e802'; }
.icon-dot:before { content: '\e803'; }
.icon-map:before { content: '\e804'; }
.icon-help:before { content: '\e805'; }
.icon-close:before { content: '\e806'; }
.icon-up:before { content: '\e807'; }
.icon-right:before { content: '\e808'; }
.icon-left:before { content: '\e809'; }
.icon-down:before { content: '\e80a'; }
.icon-vacuum:before { content: '\e80b'; }
.icon-arrow-left:before { content: '\e80c'; }
.icon-clock:before { content: '\e80d'; }
.icon-youtube:before { content: '\e80e'; }
.icon-smiley:before { content: '\e80f'; }
.icon-navicon:before { content: '\e811'; }
.icon-home:before { content: '\e812'; }
.icon-tools:before { content: '\e813'; }
.icon-messenger:before { content: '\e815'; }
.icon-telegram:before { content: '\e816'; } 
.icon-email:before { content: '\e817'; }
.icon-x:before { content: '\e818'; }
.icon-headset:before { content: '\e819'; }
.icon-phonesolid:before { content: '\e81a'; }
.icon-phone:before { content: '\e81b'; }
.icon-callus:before { content: '\e81c'; }
.icon-callsolid:before { content: '\e81d'; }
.icon-search:before { content: '\e81e'; }
.icon-at:before { content: '\e81f'; }
.icon-images:before { content: '\e820'; }
.icon-hand-like:before { content: '\e822'; }
.icon-hand-left:before { content: '\e823'; }
.icon-facebook:before { content: '\e824'; }
.icon-instagrem:before { content: '\e825'; }
.icon-snapchat:before { content: '\e826'; }
.icon-tiktok:before { content: '\e827'; }
.icon-pinterest:before { content: '\e828'; }
.icon-iphone:before { content: '\e829'; }
.icon-check-square:before { content: '\e82a'; }
.icon-check:before { content: '\e82b'; }
.icon-info-circled:before { content: '\e82c'; }
.icon-info:before { content: '\e82d'; }
.icon-shipping:before { content: '\e82e'; }
.icon-whatsapp:before { content: '\e82f'; }
.icon-droplet:before { content: '\e830'; }
.icon-paper-plane:before { content: '\e831'; } 
.icon-linkedin:before { content: '\e832'; }
.icon-dark:before { content: '\e833'; }
.icon-light:before { content: '\e835'; }



@media (max-width: 768px) {

    body{font-size: 15px;}
    h1{ font-size:28px; }
    h2,.h2{ font-size:24px; } 
    h3{ font-size:20px; } 
    h4{ font-size:18px; }
    .mover-faq-head h3,
    h5{ font-size:16px; }
    h6{font-size: 14px;}
    .customer-comment-date {font-size: 10px;}


    .mover-content-box ,
    .entry-content img,
    .entry-content ol,
    .entry-content p,
    .entry-content ul, h1, h2, h3, h4, h5, h6 {
        margin: 0 0 24px 0;
    }

}

@media (max-width: 991px) {
   
    .mover-search-form { width: 80%; }

    
    .mover-main-nav{ position:fixed; height:100%; top:59px; right:0; overflow-x:hidden; width:0; transition:.5s; visibility:hidden; opacity:0; z-index:999; background:var(--white); padding:25px; }
    .mover-main-nav.active { width: 100%; visibility: visible;opacity: 1;}
    .mover-menu-items ul { padding-right: 15px }
    .mover-menu-items li a { background-color: var(--light-blue);border-radius: var(--radius);margin-bottom: 7px;}
    .mover-sidebar-open.active .icon:before{content: "\e806";color: #f00;}
}

@media (min-width: 576px){ .mover-container{ max-width:540px; } }
@media (min-width: 768px){ .mover-container{ max-width:720px; } }

@media (min-width: 992px) {
   
    .mover-container{ max-width:960px; }
    .mover-col-20{width:20%}
    .mover-col-25{width:23%}
    .mover-col-30{width:29%}
    .mover-col-40{width:40%}
    .mover-col-50{width:49%}
    .mover-col-60{width:60%}
    .mover-col-70{width:69%}
    .mover-section-padding {padding: 80px 0;}
    .mover-section-padding-40 {padding: 40px 0;}
    

    .mover-sidebar-open, .mover-submenu-toggle { display: none }

    
    .mover-main-nav{width:78%;text-align: center}
    .mover-menu-items>li {display: inline-block;}
    .mover-menu-items li a {padding: 3px 21px;border-right: 1px solid var(--border-color);}
    .mover-menu-items li:first-child a { border-right: 0; }
    .mover-menu-items li.has-children>a:after{font-family:"movericons";content:"\e80a";position:relative;top:1px;right:4px;font-size:13px}
    .mover-menu-items .mover-sub-menu .has-children>a:after{content:"\e809";position:absolute;top:30%;left:10px;right:auto}
    .mover-menu-items .mover-sub-menu{position: absolute;top:100%;right:0;min-width: 201px;box-shadow: 0px 16px 20px 0px rgb(0 0 0 / 11%);border-radius:0 0 10px 10px;border-bottom: 3px solid var(--main-color);background:var(--white);text-align: right;}
    .mover-menu-items .has-children:hover>.mover-sub-menu {display: block;}
    .mover-menu-items .mover-sub-menu .has-children .mover-sub-menu {right: 100%;top: 0}

    
    .mover-site-branding { width: 14%;}


     .mover-comment-avatar {width: 4%;margin-left: 12px;}

    .comment-info {width: 95%;}
}

@media (min-width: 1200px){ .mover-container{ max-width:1150px; } }
@media (min-width: 1400px){ .mover-container{ max-width:1450px; } }

@media print {
    #contact-form,
    .mover-customers-comment-area,
    .mover-action-btns,
    .mover-scroll-up,
    .mover-whats-button,
    .mover-call-button,
    .mover-header,
    nav,
    footer {
        display: none;
        height: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    body {
        background: #fff;
        color: #000;
        font-size: 14pt;
        line-height: 1.6;
    }

    * {
        background: transparent;
        color: #000;
        box-shadow: none;
        text-shadow: none;
    }

    a:after {
        content: " (" attr(href) ")";
        font-size: 90%;
    }
}