/* Arkanat unified quotation request interface. */

#pop_up0.ark20-rfq-modal[hidden]{display:none!important}
#pop_up0.ark20-rfq-modal{
  position:fixed!important;
  inset:0!important;
  z-index:1000000!important;
  display:grid!important;
  place-items:center!important;
  padding:24px!important;
  margin:0!important;
  background:transparent!important;
  overflow:auto!important;
}
#pop_up0.ark20-rfq-modal .ark20-rfq-backdrop{
  position:fixed!important;
  inset:0!important;
  background:rgba(0,0,0,.72)!important;
  backdrop-filter:blur(4px);
}
#pop_up0.ark20-rfq-modal .ark20-rfq-dialog{
  position:relative!important;
  z-index:1!important;
  width:min(620px,100%)!important;
  max-height:calc(100dvh - 48px)!important;
  overflow:auto!important;
  margin:auto!important;
  padding:34px!important;
  background:#161616!important;
  color:#fff!important;
  border:1px solid rgba(201,170,98,.38)!important;
  border-top:4px solid #c9aa62!important;
  border-radius:0!important;
  box-shadow:0 30px 90px rgba(0,0,0,.45)!important;
  outline:0!important;
}
#pop_up0.ark20-rfq-modal .ark20-rfq-close{
  position:absolute!important;
  inset-inline-end:18px!important;
  top:14px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.45)!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#fff!important;
  font-family:Arial,sans-serif!important;
  font-size:28px!important;
  font-weight:400!important;
  line-height:1!important;
  cursor:pointer!important;
}
#pop_up0.ark20-rfq-modal .ark20-rfq-close:hover,
#pop_up0.ark20-rfq-modal .ark20-rfq-close:focus-visible{
  border-color:#c9aa62!important;
  color:#c9aa62!important;
}
#pop_up0.ark20-rfq-modal .ark20-rfq-head{
  padding-inline-end:54px!important;
  margin:0 0 24px!important;
}
#pop_up0.ark20-rfq-modal .ark20-rfq-kicker{
  display:block!important;
  margin:0 0 5px!important;
  color:#c9aa62!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.4!important;
}
#pop_up0.ark20-rfq-modal .ark20-rfq-title{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:800!important;
  line-height:1.3!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
#pop_up0.ark20-rfq-modal .ark20-rfq-desc{
  margin:0!important;
  color:#cfcfcf!important;
  font-size:13px!important;
  line-height:1.7!important;
}
#pop_up0.ark20-rfq-modal .ark20-rfq-form-wrap{
  padding:26px!important;
  background:#1b1b1b!important;
}
#pop_up0.ark20-rfq-modal .wpcf7-form{
  display:grid!important;
  gap:10px!important;
  margin:0!important;
}
#pop_up0.ark20-rfq-modal .wpcf7-form p,
#pop_up0.ark20-rfq-modal .form-group{
  margin:0!important;
}
#pop_up0.ark20-rfq-modal input:not([type=submit]):not([type=hidden]),
#pop_up0.ark20-rfq-modal select,
#pop_up0.ark20-rfq-modal textarea{
  width:100%!important;
  min-height:48px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:10px 14px!important;
  border:1px solid #4b4b4b!important;
  border-radius:0!important;
  background:#1f1f1f!important;
  color:#fff!important;
  box-shadow:none!important;
  outline:none!important;
  font:400 14px/1.4 inherit!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
#pop_up0.ark20-rfq-modal select option{
  background:#1f1f1f!important;
  color:#fff!important;
}
#pop_up0.ark20-rfq-modal textarea{
  min-height:110px!important;
  resize:vertical!important;
}
#pop_up0.ark20-rfq-modal input:not([type=submit]):focus,
#pop_up0.ark20-rfq-modal select:focus,
#pop_up0.ark20-rfq-modal textarea:focus{
  border-color:#c9aa62!important;
  box-shadow:0 0 0 1px #c9aa62!important;
}
#pop_up0.ark20-rfq-modal .form-group.mobil{
  position:relative!important;
}
#pop_up0.ark20-rfq-modal .form-group.mobil .mob-num{
  position:absolute!important;
  z-index:2!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:inline-block!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  color:#fff!important;
  font-family:Ark20Latin,Arial,sans-serif!important;
  font-weight:700!important;
  pointer-events:none!important;
}
html[lang^="ar"] #pop_up0.ark20-rfq-modal,
html[lang^="ar"] #pop_up0.ark20-rfq-modal *{
  font-family:Ark20Arabic,Tahoma,Arial,sans-serif!important;
}
html[lang^="en"] #pop_up0.ark20-rfq-modal,
html[lang^="en"] #pop_up0.ark20-rfq-modal *{
  font-family:Ark20Latin,Arial,sans-serif!important;
}
html[lang^="ar"] #pop_up0.ark20-rfq-modal input:not([type=submit]),
html[lang^="ar"] #pop_up0.ark20-rfq-modal select,
html[lang^="ar"] #pop_up0.ark20-rfq-modal textarea{
  direction:rtl!important;
  text-align:right!important;
}
html[lang^="en"] #pop_up0.ark20-rfq-modal input:not([type=submit]),
html[lang^="en"] #pop_up0.ark20-rfq-modal select,
html[lang^="en"] #pop_up0.ark20-rfq-modal textarea{
  direction:ltr!important;
  text-align:left!important;
}
html[lang^="ar"] #pop_up0.ark20-rfq-modal .form-group.mobil .mob-num{left:14px!important;right:auto!important}
html[lang^="ar"] #pop_up0.ark20-rfq-modal .form-group.mobil input{padding-left:72px!important;padding-right:14px!important}
html[lang^="en"] #pop_up0.ark20-rfq-modal .form-group.mobil .mob-num{right:14px!important;left:auto!important}
html[lang^="en"] #pop_up0.ark20-rfq-modal .form-group.mobil input{padding-right:72px!important;padding-left:14px!important}
#pop_up0.ark20-rfq-modal input[type=submit],
#pop_up0.ark20-rfq-modal button[type=submit],
#pop_up0.ark20-rfq-modal .wpcf7-submit{
  display:block!important;
  width:100%!important;
  min-height:50px!important;
  margin:0!important;
  padding:11px 16px!important;
  border:0!important;
  border-radius:0!important;
  background:#c9aa62!important;
  color:#17130b!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-transform:none!important;
  letter-spacing:0!important;
  cursor:pointer!important;
  opacity:1!important;
}
#pop_up0.ark20-rfq-modal input[type=submit]:hover,
#pop_up0.ark20-rfq-modal button[type=submit]:hover,
#pop_up0.ark20-rfq-modal .wpcf7-submit:hover{
  filter:brightness(.96)!important;
}
#pop_up0.ark20-rfq-modal .wpcf7-not-valid-tip{
  display:block!important;
  margin:4px 0 0!important;
  color:#ff8d8d!important;
  font-size:12px!important;
  line-height:1.4!important;
}
#pop_up0.ark20-rfq-modal .wpcf7-response-output{
  display:none;
  margin:2px 0 0!important;
  padding:10px 12px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  color:#fff!important;
  background:rgba(255,255,255,.03)!important;
  font-size:13px!important;
  line-height:1.55!important;
}
#pop_up0.ark20-rfq-modal .wpcf7-response-output.ark20-rfq-success{
  display:block!important;
  border-color:#2eb85c!important;
  background:rgba(46,184,92,.12)!important;
}
#pop_up0.ark20-rfq-modal .wpcf7-response-output.ark20-rfq-error{
  display:block!important;
  border-color:#d96262!important;
  background:rgba(217,98,98,.10)!important;
}

html[lang^="ar"] #pop_up0.ark20-rfq-modal .wpcf7-response-output{
  direction:rtl!important;
  text-align:right!important;
}
html[lang^="en"] #pop_up0.ark20-rfq-modal .wpcf7-response-output{
  direction:ltr!important;
  text-align:left!important;
}
#pop_up0.ark20-rfq-modal .wpcf7-spinner{
  margin:8px auto 0!important;
}
#pop_up0.ark20-rfq-modal input:-webkit-autofill,
#pop_up0.ark20-rfq-modal input:-webkit-autofill:hover,
#pop_up0.ark20-rfq-modal input:-webkit-autofill:focus,
#pop_up0.ark20-rfq-modal input:-webkit-autofill:active,
#pop_up0.ark20-rfq-modal input:autofill{
  -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;
  background-color:#1f1f1f!important;
  border-color:#4b4b4b!important;
  caret-color:#fff!important;
  transition:background-color 99999s ease-out 0s!important;
}
body.ark20-rfq-open{overflow:hidden!important}

html[lang^="ar"] .ark20-rfq-trigger,
html[lang^="ar"] .ark20-open-rfq{
  font-family:Ark20Arabic,Tahoma,Arial,sans-serif!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
html[lang^="en"] .ark20-rfq-trigger,
html[lang^="en"] .ark20-open-rfq{
  font-family:Ark20Latin,Arial,sans-serif!important;
  text-transform:none!important;
  letter-spacing:0!important;
}

@media(max-width:640px){
  #pop_up0.ark20-rfq-modal{padding:12px!important}
  #pop_up0.ark20-rfq-modal .ark20-rfq-dialog{max-height:calc(100dvh - 24px)!important;padding:26px 18px 20px!important}
  #pop_up0.ark20-rfq-modal .ark20-rfq-form-wrap{padding:18px!important}
  #pop_up0.ark20-rfq-modal .ark20-rfq-title{font-size:25px!important}
  #pop_up0.ark20-rfq-modal .ark20-rfq-head{padding-inline-end:48px!important}
}