/* Arkanat 2.0 — sitewide inner-page shell. Keeps legacy content templates intact. */
@font-face{font-family:Ark20Arabic;src:url('../fonts/Cairo-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Ark20Arabic;src:url('../fonts/Cairo-Bold.ttf') format('truetype');font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:Ark20Latin;src:url('../fonts/Roboto-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Ark20Latin;src:url('../fonts/Roboto-Bold.ttf') format('truetype');font-weight:700 900;font-style:normal;font-display:swap}
:root{--ark20-burgundy:#6B1115;--ark20-gold:#A88736;--ark20-dark:#1F1F1F;--ark20-cream:#f7f4ef;--ark20-line:#e8e2d9}
body.ark20-inner{background:#fff;color:#1f1f1f}body.ark20-inner.ark20-lang-ar{font-family:Ark20Arabic,Tahoma,Arial,sans-serif!important}body.ark20-inner.ark20-lang-en{font-family:Ark20Latin,Arial,sans-serif!important}
.ark20-inner-skip{position:fixed;inset-inline-start:14px;top:10px;z-index:10050;background:#fff;color:var(--ark20-burgundy);border:2px solid var(--ark20-burgundy);padding:9px 13px;font-weight:700;transform:translateY(-180%);transition:.18s}
.ark20-inner-skip:focus{transform:translateY(0)}
.ark20-inner-header{position:sticky;top:0;z-index:9997;background:rgba(255,255,255,.98);border-bottom:1px solid rgba(31,31,31,.08);box-shadow:0 6px 20px rgba(31,31,31,.04)}
.admin-bar .ark20-inner-header{top:32px}
.ark20-inner-header-row{min-height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.ark20-lang-ar .ark20-inner-header-row{grid-template-areas:'actions nav brand'}.ark20-lang-en .ark20-inner-header-row{grid-template-areas:'brand nav actions'}
.ark20-inner-brand{grid-area:brand;display:inline-flex;align-items:center}.ark20-inner-brand img{width:180px;height:auto;display:block}
.ark20-inner-nav{grid-area:nav}.ark20-inner-menu{display:flex;align-items:center;justify-content:center;gap:22px;margin:0;padding:0;list-style:none}.ark20-inner-menu li{margin:0}.ark20-inner-menu a{color:#252525;font-size:13px;font-weight:700;text-decoration:none;transition:.18s}.ark20-inner-menu a:hover,.ark20-inner-menu .current-menu-item>a{color:var(--ark20-burgundy)}
.ark20-inner-actions{grid-area:actions;display:flex;gap:9px;align-items:center}.ark20-inner-lang{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--ark20-line);color:#202020;font-weight:700;text-decoration:none}.ark20-inner-quote{border:0;background:var(--ark20-burgundy);color:#fff;padding:12px 20px;font-weight:700;min-height:42px;cursor:pointer}.ark20-inner-quote:hover{background:#541014}.ark20-inner-menu-btn{display:none;border:0;background:transparent;width:42px;height:42px;padding:9px}.ark20-inner-menu-btn span{display:block;height:2px;background:#222;margin:5px 0}
/* Mobile sidebar inherits legacy main.js behavior, but is restyled. */
.ark20-inner-sidebar.sidebar{background:#fff;box-shadow:-16px 0 44px rgba(0,0,0,.16)}.ark20-inner-sidebar .side-content{padding:70px 28px 32px}.ark20-inner-sidebar ul{list-style:none;padding:0;margin:0 0 22px}.ark20-inner-sidebar li{border-bottom:1px solid #eee}.ark20-inner-sidebar li a{display:block;padding:13px 0;color:#222;font-weight:700}.ark20-inner-sidebar .header-btn a{display:block;text-align:center;background:var(--ark20-burgundy);color:#fff;padding:13px}.ark20-inner-mobile-lang{display:block;margin-bottom:12px;border:1px solid #ddd;text-align:center;padding:10px;color:#222}
/* Inner-page breadcrumb refresh. */
body.ark20-inner .breadcrumb-section{position:relative;min-height:250px;background-size:cover!important;background-position:center!important;display:flex;align-items:center;margin:0}.ark20-inner .breadcrumb-section:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,18,18,.82),rgba(18,18,18,.55))}.ark20-lang-ar .breadcrumb-section:before{background:linear-gradient(270deg,rgba(18,18,18,.82),rgba(18,18,18,.55))}.ark20-inner .breadcrumb-info{position:relative;z-index:1;width:100%}.ark20-inner .breadcrumb-info h2{color:#fff;font-size:36px;font-weight:800;margin-bottom:12px}.ark20-inner .breadcrumb{background:transparent;padding:0;margin:0}.ark20-inner .breadcrumb-item,.ark20-inner .breadcrumb-item a{color:#fff!important;font-size:13px}
/* Give legacy page content a cleaner canvas without changing template logic. */
body.ark20-inner section{scroll-margin-top:100px}body.ark20-inner .services-page,body.ark20-inner .clients,body.ark20-inner .media-center,body.ark20-inner .manager_Sec,body.ark20-inner .contact-page,body.ark20-inner .about-page{padding-top:70px;padding-bottom:80px}
/* Shared RFQ modal — visually aligned with new homepage. */
body.ark20-inner #pop_up0 .modal-content{background:#171717;border:1px solid rgba(168,135,54,.55);border-radius:0;color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.4)}body.ark20-inner #pop_up0 .modal-header{border:0;padding:16px 18px 0}body.ark20-inner #pop_up0 .close{color:#fff;opacity:1;text-shadow:none;font-size:32px}body.ark20-inner #pop_up0 .modal-body{padding:8px 28px 28px}body.ark20-inner #pop_up0 input,body.ark20-inner #pop_up0 select,body.ark20-inner #pop_up0 textarea{width:100%;background:#1f1f1f!important;color:#fff!important;border:1px solid #535353!important;border-radius:0!important;min-height:45px;padding:9px 12px}body.ark20-inner #pop_up0 input[type=submit],body.ark20-inner #pop_up0 button[type=submit]{background:var(--ark20-gold)!important;color:#171717!important;border:0!important;font-weight:800!important;width:100%!important;min-height:48px!important}
body.ark20-inner #pop_up0 .modal-dialog{max-width:620px;margin:48px auto}body.ark20-inner #pop_up0 .modal-header{min-height:54px}body.ark20-inner #pop_up0 .ark20-inner-rfq-head{margin:0 0 22px;padding-inline-end:48px}body.ark20-inner #pop_up0 .ark20-inner-rfq-head>span{display:block;color:#c9aa62;font-size:13px;font-weight:700;margin-bottom:5px}body.ark20-inner #pop_up0 .ark20-inner-rfq-head h2{margin:0 0 8px;color:#fff;font-size:30px;font-weight:800;line-height:1.3}body.ark20-inner #pop_up0 .ark20-inner-rfq-head p{margin:0;color:#cfcfcf;font-size:13px;line-height:1.7}body.ark20-inner #pop_up0 .wpcf7-form{display:grid;gap:10px}body.ark20-inner #pop_up0 .wpcf7-form p{margin:0}body.ark20-inner #pop_up0 select option{background:#1f1f1f;color:#fff}body.ark20-inner #pop_up0 input:-webkit-autofill,body.ark20-inner #pop_up0 input:-webkit-autofill:hover,body.ark20-inner #pop_up0 input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #1f1f1f inset!important;box-shadow:0 0 0 1000px #1f1f1f inset!important;caret-color:#fff!important}body.ark20-inner #pop_up0 .wpcf7-not-valid-tip{color:#ff8d8d;font-size:12px;margin-top:4px}body.ark20-inner #pop_up0 .wpcf7-response-output{margin:10px 0 0!important;color:#fff!important;font-size:13px}
/* Footer */
.ark20-inner-footer{background:#141414;color:#d8d4cf;border-top:3px solid var(--ark20-burgundy)}.ark20-inner-footer-main{padding:58px 0 44px}.ark20-inner-footer-grid{display:grid;grid-template-columns:1.35fr .8fr 1fr;gap:64px}.ark20-inner-footer-brand img{width:190px;max-width:100%;background:#fff;padding:8px}.ark20-inner-footer-brand p{font-size:13px;line-height:1.9;max-width:430px;margin:20px 0;color:#c9c4be}.ark20-inner-footer h3{color:var(--ark20-gold);font-size:16px;margin:0 0 20px}.ark20-inner-footer-menu,.ark20-inner-contact{list-style:none;padding:0;margin:0}.ark20-inner-footer-menu li,.ark20-inner-contact li{margin:0 0 10px}.ark20-inner-footer a{color:#ddd;text-decoration:none}.ark20-inner-footer a:hover{color:#fff}.ark20-inner-social{display:flex;gap:8px;flex-wrap:wrap}.ark20-inner-social a{border:1px solid #3b3b3b;padding:7px 10px;font-size:11px}.ark20-inner-footer-bottom{border-top:1px solid #2d2d2d;padding:18px 0}.ark20-inner-footer-bottom .container{display:flex;align-items:center;justify-content:space-between;gap:20px}.ark20-inner-footer-bottom p{margin:0;font-size:11px}.ark20-inner-legal{display:flex;gap:16px;font-size:11px}
.ark20-inner-fixed-contact{position:fixed;z-index:9995;inset-inline-end:18px;bottom:22px;display:flex;flex-direction:column;gap:6px}.ark20-inner-fixed-contact a{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--ark20-burgundy);border:1px solid #ddd;box-shadow:0 6px 18px rgba(0,0,0,.12)}.ark20-inner-fixed-contact a:first-child{background:#25D366;color:#fff;border-color:#25D366}
@media(max-width:1100px){.ark20-inner-header-row{gap:16px}.ark20-inner-menu{gap:13px}.ark20-inner-menu a{font-size:12px}.ark20-inner-brand img{width:155px}.ark20-inner-quote{padding-inline:14px}}
@media(max-width:991px){.admin-bar .ark20-inner-header{top:46px}.ark20-inner-header-row{grid-template-areas:'brand actions'!important;grid-template-columns:1fr auto;min-height:68px}.ark20-inner-nav{display:none}.ark20-inner-menu-btn{display:block}.ark20-inner-quote{display:none}.ark20-inner-brand img{width:145px}.ark20-inner-footer-grid{grid-template-columns:1fr 1fr;gap:38px}.ark20-inner-footer-brand{grid-column:1/-1}.ark20-inner .breadcrumb-info h2{font-size:30px}}
@media(max-width:640px){.ark20-inner-header-row{padding-inline:6px}.ark20-inner-brand img{width:122px}.ark20-inner-lang{width:36px;height:36px}.ark20-inner-menu-btn{width:36px;height:36px;padding:6px}.ark20-inner .breadcrumb-section{min-height:190px}.ark20-inner .breadcrumb-info h2{font-size:25px}.ark20-inner-footer-main{padding:42px 0 30px}.ark20-inner-footer-grid{grid-template-columns:1fr;gap:30px}.ark20-inner-footer-brand{grid-column:auto}.ark20-inner-footer-bottom .container{display:block;text-align:center}.ark20-inner-legal{justify-content:center;margin-top:10px;flex-wrap:wrap}.ark20-inner-fixed-contact{inset-inline-end:10px;bottom:12px}.ark20-inner-fixed-contact a{width:38px;height:38px}}

/* =========================================================
   Arkanat 2.0 — Phase 11 Premium Inner Pages
   Visual hardening for legacy inner templates without changing
   their data sources or business logic.
   ========================================================= */

/* Stable header for long-page capture and inner-page reading. */
body.ark20-inner .ark20-inner-header{
  position:relative;
  top:auto;
  z-index:50;
  box-shadow:0 10px 34px rgba(31,31,31,.055);
}
body.ark20-inner.admin-bar .ark20-inner-header{top:auto}
body.ark20-inner .ark20-inner-skip{
  position:absolute!important;
  width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);
  white-space:nowrap;border:0;transform:none!important;
}
body.ark20-inner .ark20-inner-skip:focus,
body.ark20-inner .ark20-inner-skip:focus-visible{
  position:fixed!important;top:12px;inset-inline-start:12px;
  width:auto;height:auto;margin:0;padding:10px 14px;overflow:visible;
  clip:auto;clip-path:none;white-space:normal;
  z-index:10050;background:#fff;color:var(--ark20-burgundy);
  border:2px solid var(--ark20-burgundy);font-weight:800;
}

/* Typography and section rhythm. */
body.ark20-inner{background:#fff}body.ark20-inner h1,body.ark20-inner h2,body.ark20-inner h3,body.ark20-inner h4,body.ark20-inner h5,body.ark20-inner h6,body.ark20-inner p,body.ark20-inner a,body.ark20-inner li,body.ark20-inner label,body.ark20-inner input,body.ark20-inner textarea,body.ark20-inner select,body.ark20-inner button{font-family:inherit!important}
body.ark20-inner .breadcrumb-section{min-height:230px}
body.ark20-inner .breadcrumb-info h2{font-size:38px;letter-spacing:-.02em}
body.ark20-inner .breadcrumb{gap:6px}
body.ark20-inner .breadcrumb-item+.breadcrumb-item:before{color:rgba(255,255,255,.55)}
body.ark20-inner .service_Page,
body.ark20-inner .services_sec,
body.ark20-inner .media-center,
body.ark20-inner .contact-page,
body.ark20-inner .about-page,
body.ark20-inner .manager_Sec,
body.ark20-inner .client-page{padding-top:72px;padding-bottom:86px}

/* SERVICES — turn legacy archive cards into premium service cards. */
body.ark20-inner .service_Page .row{row-gap:30px}
body.ark20-inner .service_Page .col-lg-4{display:flex}
body.ark20-inner .service_Page .service-item{
  width:100%;margin:0;background:#fff;border:1px solid #ebe5dc;
  box-shadow:0 12px 34px rgba(31,31,31,.055);overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
  position:relative;
}
body.ark20-inner .service_Page .service-item:after{
  content:"";position:absolute;top:0;inset-inline-end:0;width:48px;height:48px;
  background:linear-gradient(135deg,transparent 49%,var(--ark20-burgundy) 50%);
  opacity:.95;pointer-events:none;
}
body.ark20-inner .service_Page .service-item:hover{
  transform:translateY(-5px);box-shadow:0 18px 44px rgba(31,31,31,.10);border-color:#ded4c6;
}
body.ark20-inner .service_Page .service-item>a{display:flex;flex-direction:column;width:100%;color:inherit;text-decoration:none}
body.ark20-inner .service_Page .serv-img{overflow:hidden;aspect-ratio:16/10;background:#f3f0ea}
body.ark20-inner .service_Page .serv-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
body.ark20-inner .service_Page .service-item:hover .serv-img img{transform:scale(1.035)}
body.ark20-inner .service_Page .service-details{padding:22px 22px 20px;display:flex;flex-direction:column;gap:14px;flex:1}
body.ark20-inner .service_Page .service-details h4{font-size:19px;line-height:1.45;margin:0;color:#1d1d1d;font-weight:800}
body.ark20-inner .service_Page .service-details span{display:inline-flex;align-items:center;gap:6px;width:max-content;color:var(--ark20-burgundy)!important;background:transparent!important;font-size:12px;font-weight:800;border:0!important;padding:0!important;opacity:1!important}
body.ark20-inner .service_Page .service-details span:after{content:"→"}.ark20-lang-ar .service_Page .service-details span:after{content:"←"}

/* MEDIA CENTER — stronger gallery hierarchy. */
body.ark20-inner .media-center .nav-pills{justify-content:center;gap:8px;margin-bottom:42px}
body.ark20-inner .media-center .nav-pills .nav-link{border:1px solid #e1d6c6;background:#fff;color:#262626;padding:12px 26px;border-radius:0;font-weight:800}
body.ark20-inner .media-center .nav-pills .nav-link.active{background:var(--ark20-burgundy);border-color:var(--ark20-burgundy);color:#fff}
body.ark20-inner .media-center .all-imgs .row{row-gap:22px}
body.ark20-inner .media-center .media-item{margin:0;overflow:hidden;background:#f1eee8;border:1px solid #ebe5dc;box-shadow:0 10px 28px rgba(31,31,31,.045)}
body.ark20-inner .media-center .media-item .img{aspect-ratio:4/3;overflow:hidden}
body.ark20-inner .media-center .media-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .35s ease}
body.ark20-inner .media-center .media-item:hover img{transform:scale(1.025);filter:contrast(1.03)}
body.ark20-inner .media-center .my-btn{margin-top:34px}
body.ark20-inner .media-center .my-btn a{display:inline-flex;align-items:center;justify-content:center;min-width:160px;background:var(--ark20-burgundy);color:#fff!important;padding:12px 24px;font-weight:800;text-decoration:none}

/* CONTACT — remove legacy Group watermark and align with current brand. */
body.ark20-inner .contact-page>.container>.row{align-items:stretch;row-gap:28px}
body.ark20-inner .contact-page .col-lg-6{display:flex;flex-direction:column}
body.ark20-inner .contact-page .contact-form.contact,
body.ark20-inner .contact-page .contact-data,
body.ark20-inner .career-page .contact-form.contact{height:100%}
body.ark20-inner .contact-page .contact-form.contact{background:#1b1b1b;color:#fff;padding:42px;border:0;box-shadow:0 18px 45px rgba(31,31,31,.09)}
body.ark20-inner .contact-page .contact-form.contact h3{color:#fff;font-size:30px;font-weight:800;margin:0 0 26px}
body.ark20-inner .contact-page .contact-form input,
body.ark20-inner .contact-page .contact-form textarea,
body.ark20-inner .contact-page .contact-form select{width:100%;background:#222!important;color:#fff!important;border:1px solid #515151!important;border-radius:0!important;min-height:48px;padding:10px 13px;margin-bottom:12px}
body.ark20-inner .contact-page .contact-form textarea{min-height:120px}
body.ark20-inner .contact-page .contact-form input[type=submit],
body.ark20-inner .contact-page .contact-form button[type=submit]{background:var(--ark20-gold)!important;border:0!important;color:#171717!important;font-weight:900!important;min-height:50px!important;width:100%!important}
body.ark20-inner .contact-page .contact-data{background:#fff;border:1px solid #ebe5dc;padding:42px;box-shadow:0 18px 45px rgba(31,31,31,.07);position:relative;overflow:hidden}
body.ark20-inner .contact-page .contact-data:after{content:"ARKANAT";position:absolute;inset-inline-end:-14px;bottom:-18px;font-size:90px;font-weight:900;letter-spacing:-.06em;color:rgba(107,17,21,.035);pointer-events:none}
body.ark20-inner .contact-page .contact-data h3{font-size:30px;font-weight:800;color:#241a15;margin:0 0 26px}
body.ark20-inner .contact-page .contact-list{list-style:none;padding:0;margin:0}
body.ark20-inner .contact-page .contact-list li{margin:0 0 15px}
body.ark20-inner .contact-page .contact-list a{display:flex;align-items:center;gap:12px;color:#333;text-decoration:none;position:relative;z-index:1}
body.ark20-inner .contact-page .contact-list i{color:var(--ark20-gold);width:22px;text-align:center}
body.ark20-inner .contact-page .contact-list p{margin:0}
body.ark20-inner .contact-page .contact-p-soch{margin-top:25px;display:flex;align-items:center;gap:12px;position:relative;z-index:1}
body.ark20-inner .contact-page .contact-p-soch a{color:var(--ark20-gold)}
body.ark20-inner .contact-page .contact-p-img{display:none!important}

/* CAREERS — clean recruitment experience. */
body.ark20-inner .caree-page-title h3,
body.ark20-inner .text-faq>h3{font-size:28px;font-weight:800;margin:0 0 22px;color:#211d1a}
body.ark20-inner .caree-page-title+ .contact-form.contact{background:#1b1b1b;padding:34px;box-shadow:0 18px 45px rgba(31,31,31,.08)}
body.ark20-inner .text-faq .card{border:1px solid #ebe5dc!important;border-radius:0!important;margin-bottom:12px;box-shadow:0 8px 22px rgba(31,31,31,.045)!important;overflow:hidden}
body.ark20-inner .text-faq .card-header{background:#fff!important;border:0!important;padding:0!important}
body.ark20-inner .text-faq .btn-link{width:100%;text-align:start;text-decoration:none!important;color:#1f1f1f!important;font-weight:800!important;padding:17px 54px 17px 18px!important;position:relative}
.ark20-lang-ar .text-faq .btn-link{padding:17px 18px 17px 54px!important}
body.ark20-inner .text-faq .btn-link:after{content:"+";position:absolute;inset-inline-end:16px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;background:var(--ark20-gold);color:#fff;font-size:20px}
body.ark20-inner .text-faq .btn-link:not(.collapsed):after{content:"−"}
body.ark20-inner .text-faq .card-body{border-top:1px solid #eee;padding:20px;color:#555;line-height:1.8}

/* ABOUT — preserve content but elevate hierarchy. */
body.ark20-inner .about-page .row{align-items:center;row-gap:30px}
body.ark20-inner .about-page .about-info h3{font-size:36px;font-weight:800;color:#221e1a;margin-bottom:20px}
body.ark20-inner .about-page .about-info p{font-size:16px;line-height:1.9;color:#555}
body.ark20-inner .about-page .about-info ul{padding:0;list-style:none;margin:20px 0}
body.ark20-inner .about-page .about-info li{position:relative;padding-inline-start:22px;margin:9px 0;color:#3e3e3e}
body.ark20-inner .about-page .about-info li:before{content:"✓";position:absolute;inset-inline-start:0;color:var(--ark20-gold);font-weight:900}
body.ark20-inner .about-page .about-img img{width:100%;display:block;box-shadow:0 18px 45px rgba(31,31,31,.10)}
body.ark20-inner .about-exp{margin-top:24px;background:#f7f4ef;border-inline-start:4px solid var(--ark20-burgundy);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
body.ark20-inner .manager_Sec{background:#faf8f4}
body.ark20-inner .manager_Sec .row{align-items:center;background:#fff;border:1px solid #ebe5dc;box-shadow:0 18px 46px rgba(31,31,31,.07);margin:0}
body.ark20-inner .manager_Sec .manager-img{padding:24px}
body.ark20-inner .manager_Sec .manager-img img{width:100%;display:block;max-height:420px;object-fit:contain}
body.ark20-inner .manager-word-detial{padding:36px 38px}
body.ark20-inner .manager-word-detial h4{font-size:34px;font-weight:800;margin-bottom:20px}
body.ark20-inner .manager-word-detial p{line-height:1.9;color:#555}
body.ark20-inner .arkanat-trust-section{padding:74px 0;background:#171717;color:#fff}
body.ark20-inner .arkanat-trust-section .arkanat-trust-panel{border:1px solid rgba(168,135,54,.35);background:rgba(255,255,255,.025)}
body.ark20-inner .about_PAGE{padding-top:70px;padding-bottom:82px}
body.ark20-inner .about_PAGE .clients-title{align-items:end;margin-bottom:28px}
body.ark20-inner .about_PAGE .section-title h4{font-size:34px;color:#211d1a;font-weight:800;margin:0}
body.ark20-inner .about_PAGE .client-list{display:grid!important;grid-template-columns:repeat(4,1fr);gap:14px!important;padding:0!important;margin:0!important}
body.ark20-inner .about_PAGE .client-list li{width:auto!important;height:110px!important;border:1px solid #ebe5dc!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:14px!important;margin:0!important}
body.ark20-inner .about_PAGE .client-list img{max-width:100%!important;max-height:72px!important;object-fit:contain!important}
body.ark20-inner .about_PAGE .my-btn a{background:var(--ark20-burgundy)!important;color:#fff!important;padding:11px 20px!important;text-decoration:none!important}

/* CLIENT ARCHIVE */
body.ark20-inner .client-page .client-list{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px!important;padding:0!important}
body.ark20-inner .client-page .client-list li{width:auto!important;min-height:130px!important;margin:0!important;border:1px solid #ebe5dc!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;box-shadow:0 10px 26px rgba(31,31,31,.035)}
body.ark20-inner .client-page .client-list img{max-width:100%!important;max-height:82px!important;object-fit:contain!important}

/* Shared controls and interaction quality. */
body.ark20-inner a:focus-visible,
body.ark20-inner button:focus-visible,
body.ark20-inner input:focus-visible,
body.ark20-inner select:focus-visible,
body.ark20-inner textarea:focus-visible{outline:3px solid rgba(168,135,54,.55)!important;outline-offset:3px}
body.ark20-inner .mypagination{margin-top:40px}

@media(max-width:991px){
  body.ark20-inner .service_Page .service-details h4{font-size:18px}
  body.ark20-inner .contact-page .contact-form.contact,body.ark20-inner .contact-page .contact-data{padding:30px}
  body.ark20-inner .about_PAGE .client-list,body.ark20-inner .client-page .client-list{grid-template-columns:repeat(3,1fr)}
  body.ark20-inner .manager-word-detial{padding:28px}
}
@media(max-width:767px){
  body.ark20-inner .breadcrumb-section{min-height:180px}
  body.ark20-inner .breadcrumb-info h2{font-size:28px}
  body.ark20-inner .service_Page,body.ark20-inner .services_sec,body.ark20-inner .media-center,body.ark20-inner .contact-page,body.ark20-inner .about-page,body.ark20-inner .manager_Sec,body.ark20-inner .client-page{padding-top:46px;padding-bottom:56px}
  body.ark20-inner .contact-page .contact-form.contact,body.ark20-inner .contact-page .contact-data{padding:24px}
  body.ark20-inner .contact-page .contact-form.contact h3,body.ark20-inner .contact-page .contact-data h3{font-size:25px}
  body.ark20-inner .about-page .about-info h3,body.ark20-inner .manager-word-detial h4,body.ark20-inner .about_PAGE .section-title h4{font-size:27px}
  body.ark20-inner .manager_Sec .row{margin-inline:0}
  body.ark20-inner .about_PAGE .client-list,body.ark20-inner .client-page .client-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  body.ark20-inner .about_PAGE .client-list,body.ark20-inner .client-page .client-list{grid-template-columns:1fr 1fr}
  body.ark20-inner .media-center .nav-pills .nav-link{padding:10px 18px}
}
@media(prefers-reduced-motion:reduce){
  body.ark20-inner *,body.ark20-inner *:before,body.ark20-inner *:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* =========================================================
   Arkanat 2.0 — Phase 11.1 Visual QA corrections
   ========================================================= */
/* Keep Media Center tabs as one premium horizontal segmented control. */
body.ark20-inner .media-center ul.nav.nav-pills{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto 42px!important;
  padding:6px!important;
  gap:6px!important;
  border:1px solid #e1d6c6!important;
  background:#fff!important;
}
body.ark20-inner .media-center ul.nav.nav-pills>li{
  margin:0!important;
  flex:0 0 auto!important;
}
body.ark20-inner .media-center ul.nav.nav-pills .nav-link{
  min-width:118px!important;
  margin:0!important;
  white-space:nowrap!important;
}

/* About-page content heading and client proof section. */
body.ark20-inner .about-page .about-info .section-title h3{
  font-size:36px;
  line-height:1.25;
  font-weight:800;
  color:#221e1a;
  margin:0 0 20px;
}
body.ark20-inner .about_PAGE .client-list .img,
body.ark20-inner .about_PAGE .client-list .img a{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
}
body.ark20-inner .about_PAGE .client-list img{
  display:block!important;width:auto!important;height:auto!important;
  max-width:100%!important;max-height:72px!important;object-fit:contain!important;
}

/* Ensure the action label is visible in both qTranslate languages. */
body.ark20-inner .service_Page .service-details span{
  visibility:visible!important;
  opacity:1!important;
  min-height:18px;
}

@media(max-width:767px){
  body.ark20-inner .about-page .about-info .section-title h3{font-size:27px}
  body.ark20-inner .media-center ul.nav.nav-pills{width:100%!important;max-width:300px!important}
  body.ark20-inner .media-center ul.nav.nav-pills>li{flex:1 1 0!important}
  body.ark20-inner .media-center ul.nav.nav-pills .nav-link{min-width:0!important;width:100%!important;padding:10px 12px!important}
}

/* =========================================================
   Arkanat 2.0 — Phase 12.1 QA regression fixes
   Local SVG icons and deterministic client-proof rendering.
   ========================================================= */
body.ark20-inner .ark20-icon{
  width:18px;height:18px;display:inline-block;flex:0 0 18px;
  vertical-align:middle;color:currentColor;
}
body.ark20-inner .contact-list a{align-items:flex-start;gap:9px}
body.ark20-inner .contact-list .ark20-contact-icon{
  margin-top:2px;color:var(--ark20-gold);padding:0!important;top:auto!important;
}
body.ark20-inner .contact-p-soch{gap:5px;flex-wrap:wrap}
body.ark20-inner .contact-p-soch a{
  width:34px;height:34px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #e3ddd3;color:var(--ark20-gold);transition:.18s ease;
}
body.ark20-inner .contact-p-soch a:hover{background:var(--ark20-burgundy);border-color:var(--ark20-burgundy);color:#fff}
body.ark20-inner .contact-p-soch .ark20-social-icon{width:17px;height:17px}
body.ark20-inner .ark20-inner-fixed-contact svg{width:19px;height:19px;display:block}
body.ark20-inner .about_PAGE .ark20-client-proof-list{
  visibility:visible!important;opacity:1!important;transform:none!important;animation:none!important;
}
body.ark20-inner .about_PAGE .ark20-client-proof-list li,
body.ark20-inner .about_PAGE .ark20-client-proof-list .img,
body.ark20-inner .about_PAGE .ark20-client-proof-list img{
  visibility:visible!important;opacity:1!important;transform:none!important;animation:none!important;
}


@media(max-width:640px){body.ark20-inner #pop_up0 .modal-dialog{margin:18px 10px}body.ark20-inner #pop_up0 .modal-body{padding:6px 20px 22px}body.ark20-inner #pop_up0 .ark20-inner-rfq-head h2{font-size:25px}}
/* Phase 12.5 — RFQ UX finalization */
#pop_up0 .ark20-inner-rfq-head h2{
  text-transform:none!important;
}
html[lang^="ar"] #pop_up0,
html[lang^="ar"] #pop_up0 input,
html[lang^="ar"] #pop_up0 select,
html[lang^="ar"] #pop_up0 button{
  font-family:inherit!important;
}

/* Phase 12.6 — RFQ single-source visual/feedback convergence */
body.ark20-inner #pop_up0 .modal-dialog{
  width:min(620px,calc(100% - 28px));max-width:620px;margin:28px auto;
}
body.ark20-inner #pop_up0 .modal-content{
  background:#161616!important;border:0!important;border-top:4px solid var(--ark20-gold)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.4)!important;
}
body.ark20-inner #pop_up0 .modal-header{
  position:relative;min-height:0!important;padding:0!important;border:0!important;
}
body.ark20-inner #pop_up0 .close{
  position:absolute;z-index:5;inset-inline-end:18px;top:14px;float:none!important;
  width:40px;height:40px;margin:0!important;padding:0!important;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.4)!important;border-radius:50%!important;background:transparent!important;
  color:#fff!important;font-size:28px!important;font-weight:400!important;line-height:1!important;opacity:1!important;
}
body.ark20-inner #pop_up0 .modal-body{padding:34px!important;}
body.ark20-inner #pop_up0 .ark20-inner-rfq-head{padding-inline-end:54px!important;margin:0 0 24px!important;}
body.ark20-inner #pop_up0 .ark20-inner-rfq-head>span{font-size:13px!important;line-height:1.4!important;}
body.ark20-inner #pop_up0 .ark20-inner-rfq-head h2{
  margin:5px 0 8px!important;font-size:30px!important;line-height:1.25!important;font-weight:700!important;
  text-transform:none!important;letter-spacing:0!important;
}
body.ark20-inner #pop_up0 .ark20-inner-rfq-head p{font-size:13px!important;line-height:1.65!important;}
body.ark20-inner #pop_up0 .wpcf7-form{display:grid!important;gap:10px!important;}
body.ark20-inner #pop_up0 input:not([type=submit]),
body.ark20-inner #pop_up0 select,
body.ark20-inner #pop_up0 textarea{
  min-height:48px!important;padding:10px 14px!important;background:#1d1d1d!important;border:1px solid #4b4b4b!important;
  color:#fff!important;border-radius:0!important;box-shadow:none!important;outline:none!important;
}
body.ark20-inner #pop_up0 input[type=submit],
body.ark20-inner #pop_up0 button[type=submit]{
  min-height:50px!important;background:var(--ark20-gold)!important;color:#18130b!important;border:0!important;
  border-radius:0!important;font-size:15px!important;font-weight:700!important;line-height:1.2!important;cursor:pointer!important;
}
body.ark20-inner #pop_up0 .wpcf7-response-output{
  margin:10px 0 0!important;padding:10px 12px!important;font-size:13px!important;line-height:1.55!important;
  color:#fff!important;background:rgba(255,255,255,.03)!important;
}
body.ark20-inner #pop_up0 .wpcf7-response-output.ark20-rfq-success{
  border:1px solid #31b55b!important;background:rgba(49,181,91,.09)!important;color:#fff!important;
}
body.ark20-inner #pop_up0 .wpcf7-response-output.ark20-rfq-error{
  border:1px solid #d86767!important;background:rgba(216,103,103,.08)!important;color:#fff!important;
}
body.ark20-inner.ark20-lang-ar #pop_up0,
body.ark20-inner.ark20-lang-ar #pop_up0 *,
body.ark20-inner.ark20-lang-ar .ark20-inner-quote,
body.ark20-inner.ark20-lang-ar .ark20-inner-sidebar .header-btn a,
body.ark20-inner.ark20-lang-ar .single-btns .register_btn,
body.ark20-inner.ark20-lang-ar .single-btns .register_btn span{
  font-family:Ark20Arabic,Tahoma,Arial,sans-serif!important;
}
body.ark20-inner.ark20-lang-en #pop_up0,
body.ark20-inner.ark20-lang-en #pop_up0 *,
body.ark20-inner.ark20-lang-en .ark20-inner-quote,
body.ark20-inner.ark20-lang-en .ark20-inner-sidebar .header-btn a,
body.ark20-inner.ark20-lang-en .single-btns .register_btn,
body.ark20-inner.ark20-lang-en .single-btns .register_btn span{
  font-family:Ark20Latin,Arial,sans-serif!important;
}
body.ark20-inner.ark20-lang-ar #pop_up0 input,
body.ark20-inner.ark20-lang-ar #pop_up0 select,
body.ark20-inner.ark20-lang-ar #pop_up0 textarea{direction:rtl!important;text-align:right!important;}
body.ark20-inner.ark20-lang-en #pop_up0 input,
body.ark20-inner.ark20-lang-en #pop_up0 select,
body.ark20-inner.ark20-lang-en #pop_up0 textarea{direction:ltr!important;text-align:left!important;}
body.ark20-inner .single-btns .register_btn,
body.ark20-inner .single-btns .register_btn span,
body.ark20-inner .ark20-inner-quote{ text-transform:none!important; letter-spacing:0!important; }
@media(max-width:640px){
  body.ark20-inner #pop_up0 .modal-dialog{width:calc(100% - 20px);margin:12px auto;}
  body.ark20-inner #pop_up0 .modal-body{padding:26px 18px 20px!important;}
  body.ark20-inner #pop_up0 .ark20-inner-rfq-head h2{font-size:25px!important;}
}

/* Phase 12.7 — RFQ final visual convergence: inner/service modal */
body.ark20-inner #pop_up0 .form-group{margin:0!important;}
body.ark20-inner #pop_up0 .form-group.mobil{position:relative!important;}
body.ark20-inner #pop_up0 .form-group.mobil .mob-num{
  position:absolute!important;top:50%!important;transform:translateY(-50%)!important;
  z-index:3!important;color:#fff!important;font-size:14px!important;font-weight:700!important;
  line-height:1!important;pointer-events:none!important;
}
body.ark20-inner.ark20-lang-ar #pop_up0 .form-group.mobil .mob-num{left:14px!important;right:auto!important;}
body.ark20-inner.ark20-lang-ar #pop_up0 .form-group.mobil input{padding-left:72px!important;padding-right:14px!important;}
body.ark20-inner.ark20-lang-en #pop_up0 .form-group.mobil .mob-num{right:14px!important;left:auto!important;}
body.ark20-inner.ark20-lang-en #pop_up0 .form-group.mobil input{padding-right:72px!important;padding-left:14px!important;}
body.ark20-inner #pop_up0 input:-webkit-autofill,
body.ark20-inner #pop_up0 input:-webkit-autofill:hover,
body.ark20-inner #pop_up0 input:-webkit-autofill:focus,
body.ark20-inner #pop_up0 textarea:-webkit-autofill,
body.ark20-inner #pop_up0 select:-webkit-autofill{
  -webkit-text-fill-color:#fff!important;
  -webkit-box-shadow:0 0 0 1000px #1d1d1d inset!important;
  box-shadow:0 0 0 1000px #1d1d1d inset!important;
  caret-color:#fff!important;
  transition:background-color 9999s ease-out 0s!important;
}
body.ark20-inner #pop_up0 input:not([type=submit]):focus,
body.ark20-inner #pop_up0 select:focus,
body.ark20-inner #pop_up0 textarea:focus{
  border-color:var(--ark20-gold)!important;box-shadow:0 0 0 1px var(--ark20-gold)!important;
}
body.ark20-inner #pop_up0 input[type=submit],
body.ark20-inner #pop_up0 button[type=submit],
body.ark20-inner #pop_up0 .wpcf7-submit{
  -webkit-appearance:none!important;appearance:none!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-width:100%!important;min-height:50px!important;
  margin:0!important;padding:0 18px!important;
  background:var(--ark20-gold)!important;color:#18130b!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  font-family:inherit!important;font-size:15px!important;font-weight:700!important;line-height:1.2!important;
  text-align:center!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer!important;
}
body.ark20-inner #pop_up0 input[type=submit]:hover,
body.ark20-inner #pop_up0 button[type=submit]:hover,
body.ark20-inner #pop_up0 .wpcf7-submit:hover{filter:brightness(.96)!important;}
body.ark20-inner #pop_up0 .wpcf7-spinner{margin:8px auto 0!important;}

/* Phase 12.8 — RFQ post-submit state lock (inner/service modal)
   Keep the CTA visually identical before, during and after Contact Form 7 submission. */
body.ark20-inner #pop_up0 .wpcf7-form input.wpcf7-submit,
body.ark20-inner #pop_up0 .wpcf7-form input.wpcf7-submit:disabled,
body.ark20-inner #pop_up0 .wpcf7-form input.wpcf7-submit[disabled],
body.ark20-inner #pop_up0 .wpcf7-form.submitting input.wpcf7-submit,
body.ark20-inner #pop_up0 .wpcf7-form.sent input.wpcf7-submit,
body.ark20-inner #pop_up0 .wpcf7-form.invalid input.wpcf7-submit,
body.ark20-inner #pop_up0 .wpcf7-form.failed input.wpcf7-submit,
body.ark20-inner #pop_up0 .wpcf7-form.spam input.wpcf7-submit,
body.ark20-inner #pop_up0 .wpcf7-form.resetting input.wpcf7-submit,
body.ark20-inner #pop_up0 .wpcf7-form button.wpcf7-submit,
body.ark20-inner #pop_up0 .wpcf7-form button.wpcf7-submit:disabled,
body.ark20-inner #pop_up0 .wpcf7-form button.wpcf7-submit[disabled]{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:100%!important;
  min-width:100%!important;
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 18px!important;
  background-color:var(--ark20-gold)!important;
  background-image:none!important;
  color:#18130b!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  -webkit-text-fill-color:#18130b!important;
  font-family:inherit!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-align:center!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.ark20-inner #pop_up0 .wpcf7-form input.wpcf7-submit:hover,
body.ark20-inner #pop_up0 .wpcf7-form button.wpcf7-submit:hover{
  background-color:var(--ark20-gold)!important;
  filter:brightness(.96)!important;
}