/* -----------------------------
   1. Root variables (colors, spacing, typography)
   ----------------------------- */
:root {
    --main-color: #1d6255;
    --orange: #22c55e;
    --white: #fff;
    --cyan: #20C0FF;
    --gray: #d4ede8;
    --orange-light: #FBF6EE;
    --text-color: #374151;
    --green-color: #1d6255;
    --dark-color: #b6bec9;
    --focus-outline: 3px solid rgba(100,150,255,0.25);
    --border-color: #cce0f5;
    --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;
}

/* Images, media */
img, picture, video, canvas, iframe, embed {max-width:100%;height:auto;}
picture, video, canvas, iframe, embed  { display:block; }

/* Links */
a{color: #0c3c33;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 */
.elharthy-screen-reader {
    position: absolute !important;
    clip: rect(1px,1px,1px,1px);
    width:1px;
    height:1px;
    overflow:hidden;
    border:0;
    padding:0;
    margin:-1px;
    color: #fff;
}

.elharthy-screen-reader:focus, .elharthy-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,.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,.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; }
.text-gray {
    color: #4b5563;
}
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;
}

.bg-main{background-color: var(--main-color);color: var(--white);}
.bg-light-orang{ background-color: var(--orange-light); }
.elharthy-bg-gray{
     background-color: #f3f4f5;
}
.bg-gray{background-color: #d4ede8;}
.white-clr{ color: var(--white); }
.elharthy-content-box-white{
        /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
        border-radius: 24px;
        padding: 20px 19px;
        background-color: var(--white);
        text-align: center;
        color: var(--text-color);
        border: 2px solid #00000014;
}
.elharthy-content-box-white h3 {
    margin: 15px 0;
    color: var(--main-color);
}
.elharthy-content-box-white p {
    color: #4e4e4e;
}
/* -----------------------------
   4. Layout helpers & container
   ----------------------------- */

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

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

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


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

input, textarea, select, #elharthydatetime{
  font-size: 18px;
  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;
  background-color: #d4ede8;
}

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


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

.title-right h2,
.title-center h2 {
    position: relative;
    color: var(--main-color);
    display: inline-block;
    margin-bottom: 45px;
}
.title-right h2:after,
.title-center h2:after {
    content: '';
    position: absolute;
    left: 18%;
    display: inline-block;
    height: 1em;
    width: 61%;
    border-bottom: 4px solid;
    margin-top: 24px;
    color: var(--main-color);
}
.elharthy-submit, .submit{
  font-weight:900;
  font-size:18px;
  padding:10px 22px;
  border-radius: 25px;
  background:var(--main-color);
  color:var(--white);
  border:0;
  cursor:pointer;
  width: 40%;
}
.elharthy-submit:focus-visible, .submit:focus-visible{ outline:var(--focus-outline); }

/* search overlay */
.elharthy-search-container{ display:none; position:fixed; inset:0; z-index:9999; background: rgba(0,0,0,0.78); align-items:center; justify-content:center; }
.elharthy-search-form label {  color: var(--white); }
.elharthy-search-container.active{ display:flex; }
.elharthy-search-form{ width:100%; max-width:700px; position:relative; padding:20px; }
.search-field-wrapp{ position:relative; }
.elharthy-search-field{ padding-left:56px; height:50px; font-weight:900; background:var(--white); color:var(--text-color); border-radius:8px; border:0; }
.elharthy-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
   ----------------------------- */
.elharthy-header{
    background-color: #ffffff;
    position: relative;
    z-index: 000;
}
.elharthy-header.sticky{position:fixed;top:0;right:0;left:0;z-index: 999;}

/* Navigation basics */

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

/* submenu toggle button (visually hidden on desktop) */
.elharthy-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;}
.elharthy-sub-menu{display:none;}
.elharthy-sub-menu.active {  display: block }
.contact-list li i,
.elharthy-darkmode-switch, .elharthy-sidebar-open, .elharthy-search-open {
    color: var(--white);
    border-radius: 8px;
    background-color: #1d6255;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    font-size: 17px;
    border: 0;
    /* outline: 1px solid var(--cyan); */
    margin-left: 13px;
    cursor: pointer;
    outline-offset: 4px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10),
  0 4px 6px -4px rgba(0, 0, 0, 0.10);
}
/* -----------------------------
   7. breadcrumbs, Content blocks cards, 
   ----------------------------- */
.elharthy-breadcrumbs ol li { display: inline-block; font-weight: 600;}
.elharthy-breadcrumbs li::after{ content:"\00bb"; color:var(--main-color); padding:0 10px }
.elharthy-breadcrumbs li:last-of-type::after { display: none }
.elharthy-breadcrumbs .icon.icon-home { font-size: 22px; }
.elharthy-content-thumbnail {
    margin-bottom: 35px;
}
.elharthy-content-thumbnail img{
    border-radius: 60px;
}
/* Content blocks */
.entry-content {border-right: 1.5px solid var(--border-color);padding: 0 22px 0 5px;}
.elharthy-post-content { padding-right: 10px; }

/* 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: "elharthyicons";  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 , 
   ----------------------------- */
.elharthy-callusnow,
.elharthy-content-box {border-radius: var(--radius);padding: 35px 26px;margin-bottom: 40px;border: 1px solid var(--border-color);background-color: var(--light-blue);}
.elharthy-content-box img { border-radius: 8px; }
.elharthy-content-box h3{ margin: 15px 0; font-size: 21px; }
.elharthy-content-box p { font-size: 16px; }

.elharthy-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}

.elharthy-callusnow {
    background-color: var(--light-blue);
}

/* faqs */
.elharthy-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);}
.elharthy-faq-head{display:flex;justify-content:flex-start;align-items:center;border-radius:var(--radius);font-weight:900}
.elharthy-faq-number { font-size: 25px; }
.elharthy-faq-head h3 {  margin: 0 12px; }
.elharthy-post-faq-box.active .icon,
.elharthy-post-faq-box.active .elharthy-faq-head{color: var(--main-color);}
.elharthy-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}
.comment-form,

.elharthy-post-faq-box.active .icon { background-color: var(--white); }
.elharthy-post-faq-box.active .icon:before { content: "\e80a"; }
.elharthy-faq-box-answer{ display: none;}
.comment-form.active,
.elharthy-post-faq-box.active .elharthy-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:"elharthyicons";content:"\e82a";padding-left:6px;color: var(--orange);vertical-align: middle;}
/* -----------------------------
   8. Comments / Reviews 
   ----------------------------- */
.elharthy-leave-comment-title, .elharthy-customers-comment-innr h2,.sub-title { color: var(--main-color); margin-bottom: 45px; border-right: 6px solid var(--secondary-color);  padding-right: 16px;}

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

.comment-info {width: 84%;background-color: #deedfd;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: #deedfd;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(--gray);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;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 20px 0px;border-radius: 19px;}
.service-card__title{font-weight:900;display:block;margin:5px 0;color: #000;font-size: 18px;}
.service-card__excerpt{font-size:15px}
.service-card__more{color: var(--main-color);font-weight:900;}
.service-card__image img{height: 250px;width: 100%;}

.service-card__content {
    background-color: #fff;
    position: relative;
    padding: 3px 20px;
}
/* -----------------------------
   11. Others Page
   ----------------------------- */
.elharthy-page-hero {
    background-color: var(--gray);
    padding: 31px 0;
}
/* contact Page */
.contact-form {
    width: 60%;
    margin: auto;
}
/* 404 Page */
.page-title-404 {
    color: var(--main-color);
    font: 839 133px Consolas;
    letter-spacing: 5vmin;
    display: block;
}

/* Archive Page */
.elharthy-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}
.elharthy-pagination .next,.elharthy-pagination .prev{float:left;padding:0 1.5em;width:auto;height:auto;line-height:revert}
.elharthy-pagination .prev{float:right;text-align:right}
.elharthy-pagination .current,.elharthy-pagination .page-numbers:hover{color:#fff;background-color:var(--main-color);outline:none}
.elharthy-pagination .page-numbers:focus-visible{outline:2px dashed var(--main-color);outline-offset:3px}

/* Contact */

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




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

/* Calls Button */
.elharthy-whats-button,.elharthy-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: #ea580c;}
.elharthy-call-button{bottom:74px;}
.elharthy-call-number{display:inline-block;font-size:13px;width:79px}
.elharthy-whats-txt,.elharthy-call-txt{display:block;font-size:13px;margin-bottom:2px}
.elharthy-call-icon,.elharthy-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;margin-right: 6px;}
.elharthy-btn.whatsapp-btn,.elharthy-whats-button{background-color:var(--green-color);border-color:var(--green-color)}

.elharthy-call-button .icon {
    animation: callrotate 5s infinite ease-in-out;
    color: #ea580c;
}

@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) {
    .elharthy-call-button .icon {
        animation: none;
    }
}
.elharthy-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);
}

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

/* -----------------------------
   11. Fotter
   ----------------------------- */
.site-footer {
    background-color: #111827;
    padding: 40px 0;
    color: #9ca3af;
}
.footer-widgets{
    padding: 50px 0;
}
.footer-widgets p,
.footer-widgets li,
.footer-widgets a{color: var(--white);}
.site-footer ul {
    padding: 0;
    margin: 30px 0;
    list-style: none;
}
.footer-contacts i {
    color: #fff;
}

.footeritems li a {
    display: block;
    color: var(--white);
    font-weight: 900;
}
.elharthy-social-links a {
    display: inline-block;
    color: var(--white);
    font-size: 24px;
    margin: 5px;
    width: 45px;
    height: 45px;
    background-color: #1f2937;
    border-radius: 50px;
}
.site-footer .h3{
    position: relative;
    padding-bottom: 17px;
    color: var(--orange-light);
}
.site-footer .h3::after {
    content: " ";
    position: absolute;
    width: 100px;
    height: 3px;
    background-color: var(--white);
    border-radius: 10px;
    bottom: 0;
    right: 35px;
}
.site-footer .h3::before {
    content: " ";
    width: 30px;
    height: 3px;
    background-color: var(--white);
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.elharthy-copyright{/* font-weight: 900; */color: #6b7280;}
.elharthy-copyright a{text-decoration: underline;}
.elharthy-copyright p{margin:0;}


/* -----------------------------
   11. Icon font glyphs (kept as-is)
   ----------------------------- */
.icon{font-family:"elharthyicons";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; }
    .elharthy-faq-head h3,
    h5{ font-size:16px; }
    h6{font-size: 14px;}
    .customer-comment-date {font-size: 10px;}


    .elharthy-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) {
   
    .elharthy-search-form { width: 80%; }

    
    .elharthy-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: #1d6255;padding:25px;}
    .elharthy-main-nav.active { width: 100%; visibility: visible;opacity: 1;}
    .elharthy-menu-items ul { padding-right: 15px }
    .elharthy-menu-items li a {background-color: #155246;border-radius: var(--radius);margin-bottom: 7px;}
    .elharthy-sidebar-open.active .icon:before{content: "\e806";color: #f00;}
    .dark-mode .elharthy-submenu-toggle,
    .dark-mode .elharthy-main-nav{    background-color: #1e1f27;}
    .dark-mode .elharthy-menu-items li a{background-color: #303138;}
}
.elharthy-site-logo {
    display: block;
}
.elharthy-col-50 {
    width: 100%;
}
@media (min-width: 576px){ .elharthy-container{ max-width:540px; } }
@media (min-width: 768px){ .elharthy-container{ max-width:720px; } }

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

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

    
    .elharthy-main-nav{width:78%;text-align: center}
    .elharthy-menu-items>li {display: inline-block;}
    .elharthy-menu-items li a {padding: 15px 21px;}
    .elharthy-menu-items li:first-child a { border-right: 0; }
    .elharthy-menu-items li.has-children>a:after{font-family:"elharthyicons";content:"\e80a";position:relative;top:1px;right:4px;font-size:13px}
    .dark-mode .elharthy-sub-menu,

    
    .elharthy-menu-items .elharthy-sub-menu .has-children>a:after{content:"\e809";position:absolute;top:30%;left:10px;right:auto}
    .elharthy-menu-items .elharthy-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;background: #ffffff;text-align: right;}
    .elharthy-menu-items .has-children:hover>.elharthy-sub-menu {display: block;}
    .elharthy-menu-items .elharthy-sub-menu .has-children .elharthy-sub-menu {right: 100%;top: 0}

    .dark-mode .elharthy-sub-menu {background-color: #303138;}
    .dark-mode .elharthy-menu-items li a{border-color: #414145;}
    
    .elharthy-site-branding { width: 14%;}


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

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

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

@media print {
    #contact-form,
    .elharthy-customers-comment-area,
    .elharthy-action-btns,
    .elharthy-scroll-up,
    .elharthy-whats-button,
    .elharthy-call-button,
    .elharthy-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%;
    }
}