/* contacts-block-2 meryosab electronics web devolper resume.meryosab.com */
.wp-block-html:has(> .tvr-contact-icons-02){margin-block-start:0!important;margin-block-end:0!important}
.tvr-contact-icons-02{
  --cp02-bg:var(--tvr-bg,#0b1421);
  --cp02-surface:var(--tvr-surface,#101c2a);
  --cp02-surface-2:var(--tvr-surface-2,#162638);
  --cp02-line:var(--tvr-line,rgba(227,239,250,.12));
  --cp02-line-strong:var(--tvr-line-strong,rgba(227,239,250,.22));
  --cp02-text:var(--tvr-text,#f4f8fb);
  --cp02-muted:var(--tvr-muted,#aebdcb);
  --cp02-dim:var(--tvr-dim,#7f91a4);
  --cp02-accent:var(--tvr-accent,#35c1c7);
  --cp02-cta:var(--tvr-cta,#f47a29);
  --cp02-cta-hover:var(--tvr-cta-hover,#ff9149);
  --cp02-font:var(--tvr-font,Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif);
  --cp02-container:var(--tvr-container,1540px);
  position:relative;width:100vw;max-width:100vw!important;margin:0 calc(50% - 50vw)!important;overflow:hidden;
  background:var(--cp02-bg);color:var(--cp02-text);font:400 16px/1.6 var(--cp02-font);isolation:isolate
}
.tvr-contact-icons-02,.tvr-contact-icons-02 *,.tvr-contact-icons-02 *::before,.tvr-contact-icons-02 *::after{box-sizing:border-box}
.tvr-contact-icons-02 a{color:inherit;text-decoration:none}.tvr-contact-icons-02 button,.tvr-contact-icons-02 input{font:inherit}
.tvr-contact-icons-02 h2,.tvr-contact-icons-02 h3,.tvr-contact-icons-02 p{margin-top:0}
.tvr-contact-icons-02 svg{display:block;width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.tvr-contact-icons-02__symbols{position:absolute;width:0;height:0;overflow:hidden}
.tvr-contact-icons-02__section{position:relative;padding:clamp(66px,6.6vw,104px) 0 86px}
.tvr-contact-icons-02__section::before{content:"";position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(180deg,color-mix(in srgb,var(--cp02-surface) 28%,var(--cp02-bg)),transparent);opacity:.44;pointer-events:none}
.tvr-contact-icons-02__container{position:relative;width:100%;max-width:var(--cp02-container);margin:0 auto;padding:0 28px}
.tvr-contact-icons-02__head{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:64px;align-items:end;padding-bottom:34px;border-bottom:1px solid var(--cp02-line-strong)}
.tvr-contact-icons-02__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 17px;color:var(--cp02-accent);font-size:11px;font-weight:900;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}
.tvr-contact-icons-02__eyebrow::before{content:"";width:34px;height:1px;background:currentColor}.tvr-contact-icons-02__eyebrow svg{width:16px;height:16px}
.tvr-contact-icons-02__title{max-width:820px;margin:0;color:var(--cp02-text);font:900 clamp(35px,4vw,58px)/1.03 var(--cp02-font);letter-spacing:-.052em;text-wrap:balance}
.tvr-contact-icons-02__lead{max-width:560px;margin:0 0 2px;color:var(--cp02-muted);font-size:15px;line-height:1.72}
.tvr-contact-icons-02__body{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(520px,1.28fr);border-bottom:1px solid var(--cp02-line-strong)}
.tvr-contact-icons-02__channels{padding:44px 48px 46px 0;min-width:0}
.tvr-contact-icons-02__channels-head{margin-bottom:24px}
.tvr-contact-icons-02__channels-head h3{margin:0 0 7px;color:var(--cp02-text);font-size:17px;font-weight:900;letter-spacing:-.02em}
.tvr-contact-icons-02__channels-head p{margin:0;color:var(--cp02-dim);font-size:12px;line-height:1.55}
.tvr-contact-icons-02__icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--cp02-line-strong);border-bottom:1px solid var(--cp02-line-strong)}
.tvr-contact-icons-02__icon-link{position:relative;min-width:0;aspect-ratio:1/1;display:grid;place-items:center;color:var(--cp02-text);background:transparent;transition:background .18s ease,color .18s ease,transform .18s ease}
.tvr-contact-icons-02__icon-link + .tvr-contact-icons-02__icon-link{border-left:1px solid var(--cp02-line)}
.tvr-contact-icons-02__icon-link svg{width:25px;height:25px;transition:transform .18s ease}
.tvr-contact-icons-02__icon-link:hover{background:color-mix(in srgb,var(--cp02-accent) 7%,transparent);color:var(--cp02-accent)}
.tvr-contact-icons-02__icon-link:hover svg{transform:translateY(-2px)}
.tvr-contact-icons-02__icon-link--wa:hover{color:#25d366}.tvr-contact-icons-02__icon-link--tg:hover{color:#2aabee}
.tvr-contact-icons-02__icon-link::after{content:attr(data-label);position:absolute;left:50%;bottom:10px;transform:translate(-50%,5px);opacity:0;pointer-events:none;white-space:nowrap;color:var(--cp02-dim);font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;transition:opacity .18s ease,transform .18s ease}
.tvr-contact-icons-02__icon-link:hover::after{opacity:1;transform:translate(-50%,0)}
.tvr-contact-icons-02__direct{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin-top:22px;border-top:1px solid var(--cp02-line)}
.tvr-contact-icons-02__direct div{padding:17px 18px 0 0;min-width:0}.tvr-contact-icons-02__direct div+div{padding-left:18px;border-left:1px solid var(--cp02-line)}
.tvr-contact-icons-02__direct small{display:block;margin-bottom:4px;color:var(--cp02-dim);font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.tvr-contact-icons-02__direct a{color:var(--cp02-muted);font-size:11.5px;font-weight:750;overflow-wrap:anywhere}.tvr-contact-icons-02__direct div:nth-child(2) a{font-size:10.5px;letter-spacing:-.015em;white-space:nowrap;overflow-wrap:normal}.tvr-contact-icons-02__direct a:hover{color:var(--cp02-accent)}
.tvr-contact-icons-02__form-wrap{padding:44px 0 46px 54px;border-left:1px solid var(--cp02-line)}
.tvr-contact-icons-02__form-head{display:block;margin-bottom:25px}
.tvr-contact-icons-02__form-badge{width:max-content;max-width:100%;display:flex;align-items:center;gap:7px;margin:0 0 11px;color:var(--cp02-accent);font-size:10px;font-weight:850;letter-spacing:.11em;line-height:1.2;text-transform:uppercase;white-space:nowrap}.tvr-contact-icons-02__form-badge svg{width:15px;height:15px}
.tvr-contact-icons-02__form-head h3{margin:0 0 7px;color:var(--cp02-text);font-size:22px;font-weight:900;letter-spacing:-.03em}
.tvr-contact-icons-02__form-head p{max-width:560px;margin:0;color:var(--cp02-dim);font-size:12px;line-height:1.6}
.tvr-contact-icons-02__form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(212px,.72fr);gap:22px;align-items:end}
.tvr-contact-icons-02__form>.tvr-contact-icons-02__field{position:relative;min-width:0;height:78px!important;min-height:78px!important;padding:0!important;margin:0!important;border:0!important;border-left:0!important;border-right:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}
.tvr-contact-icons-02__form>.tvr-contact-icons-02__field label{height:18px!important;min-height:18px!important;display:flex;align-items:center;gap:5px;margin:0 0 8px!important;padding:0!important;color:var(--cp02-dim);font-size:10px;font-weight:900;letter-spacing:.11em;line-height:18px;text-transform:uppercase}.tvr-contact-icons-02__field label em{color:var(--cp02-cta);font-style:normal}
.tvr-contact-icons-02__form>.tvr-contact-icons-02__field input{display:block;width:100%!important;height:52px!important;min-height:52px!important;margin:0!important;padding:10px 0!important;border:0!important;border-bottom:1px solid var(--cp02-line-strong)!important;border-radius:0!important;outline:0;background:transparent!important;color:var(--cp02-text)!important;font-size:14px;line-height:1.4;box-shadow:none!important;transition:border-color .18s ease}
.tvr-contact-icons-02__field input::placeholder{color:color-mix(in srgb,var(--cp02-dim) 76%,transparent)}
.tvr-contact-icons-02__field input:focus{border-bottom-color:var(--cp02-accent)!important}
.tvr-contact-icons-02__field.is-error input{border-bottom-color:#d94b4b!important}.tvr-contact-icons-02__error{display:none;position:absolute;left:0;top:calc(100% + 5px);margin:0;color:#d94b4b;font-size:10px;font-weight:750;white-space:nowrap}.tvr-contact-icons-02__field.is-error .tvr-contact-icons-02__error{display:block}
.tvr-contact-icons-02__submit{height:52px;min-height:52px;align-self:end;margin:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border:1px solid var(--cp02-cta);border-radius:4px;background:var(--cp02-cta);color:#fff;font-size:13px;font-weight:900;line-height:1.15;white-space:nowrap;cursor:pointer;box-shadow:0 12px 26px rgba(244,122,41,.14);transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.tvr-contact-icons-02__submit:hover{transform:translateY(-2px);background:var(--cp02-cta-hover);border-color:var(--cp02-cta-hover);box-shadow:0 15px 30px rgba(244,122,41,.19)}.tvr-contact-icons-02__submit svg{width:17px;height:17px}
.tvr-contact-icons-02__status{grid-column:1/-1;min-height:18px;margin-top:-10px;color:var(--cp02-muted);font-size:11px;font-weight:700;line-height:1.45}
.tvr-contact-icons-02 a:focus-visible,.tvr-contact-icons-02 button:focus-visible,.tvr-contact-icons-02 input:focus-visible{outline:3px solid color-mix(in srgb,var(--cp02-accent) 55%,transparent);outline-offset:3px}
:root:not([data-tvr-theme="dark"]) .tvr-contact-icons-02,body:not([data-tvr-theme="dark"]) .tvr-contact-icons-02{
  --cp02-bg:var(--tvr-bg,#f5f7fa);--cp02-surface:var(--tvr-surface,#fff);--cp02-surface-2:var(--tvr-surface-2,#edf2f7);
  --cp02-line:var(--tvr-line,rgba(16,38,65,.10));--cp02-line-strong:var(--tvr-line-strong,rgba(16,38,65,.18));
  --cp02-text:var(--tvr-text,#17263a);--cp02-muted:var(--tvr-muted,#52667e);--cp02-dim:var(--tvr-dim,#7b8da1);--cp02-accent:var(--tvr-accent,#087f87)
}
:root[data-tvr-theme="dark"] .tvr-contact-icons-02,body[data-tvr-theme="dark"] .tvr-contact-icons-02,.tvr-dark .tvr-contact-icons-02{
  --cp02-bg:var(--tvr-bg,#09121d);--cp02-surface:var(--tvr-surface,#101d2b);--cp02-surface-2:var(--tvr-surface-2,#152638);
  --cp02-line:var(--tvr-line,rgba(220,238,255,.11));--cp02-line-strong:var(--tvr-line-strong,rgba(220,238,255,.18));--cp02-text:var(--tvr-text,#f2f7fb);--cp02-muted:var(--tvr-muted,#a8b7ca)
}
@media(prefers-reduced-motion:no-preference){.tvr-contact-icons-02 [data-cp02-reveal]{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.tvr-contact-icons-02 [data-cp02-reveal].is-visible{opacity:1;transform:none}}
@media(max-width:1100px){.tvr-contact-icons-02__head{grid-template-columns:1fr;gap:22px}.tvr-contact-icons-02__lead{max-width:720px}.tvr-contact-icons-02__body{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr)}.tvr-contact-icons-02__form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(212px,.72fr);gap:16px}.tvr-contact-icons-02__submit{width:100%;padding-inline:14px}}
@media(max-width:820px){.tvr-contact-icons-02__container{padding-inline:18px}.tvr-contact-icons-02__body{grid-template-columns:1fr}.tvr-contact-icons-02__channels{padding:34px 0 36px}.tvr-contact-icons-02__form-wrap{padding:34px 0 40px;border-left:0;border-top:1px solid var(--cp02-line)}.tvr-contact-icons-02__icons{max-width:430px}.tvr-contact-icons-02__direct{max-width:620px}}
@media(max-width:560px){.tvr-contact-icons-02__container{padding-inline:14px}.tvr-contact-icons-02__section{padding:52px 0 60px}.tvr-contact-icons-02__head{padding-bottom:27px}.tvr-contact-icons-02__title{font-size:32px}.tvr-contact-icons-02__lead{font-size:14px}.tvr-contact-icons-02__channels{padding-block:29px 31px}.tvr-contact-icons-02__icons{grid-template-columns:repeat(4,1fr);width:100%;max-width:none}.tvr-contact-icons-02__icon-link svg{width:22px;height:22px}.tvr-contact-icons-02__icon-link::after{display:none}.tvr-contact-icons-02__direct{grid-template-columns:1fr}.tvr-contact-icons-02__direct div{padding:14px 0 0}.tvr-contact-icons-02__direct div+div{padding-left:0;border-left:0}.tvr-contact-icons-02__form-head{display:block}.tvr-contact-icons-02__form{grid-template-columns:1fr;gap:24px}.tvr-contact-icons-02__form>.tvr-contact-icons-02__field{height:78px!important;min-height:78px!important}.tvr-contact-icons-02__submit{width:100%}}
@media(prefers-reduced-motion:reduce){.tvr-contact-icons-02 *,.tvr-contact-icons-02 *::before,.tvr-contact-icons-02 *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}