#tscu-tarmal-contact{ display:block !important; opacity:1 !important; visibility:visible !important; transform:none !important; position:relative; z-index:1; float:none; width:auto; max-width:none; margin:0; padding:0; background:#ffffff; color:#1a1b1e; font-size:16px; line-height:1.7; text-align:left; overflow-x:hidden; -webkit-font-smoothing:antialiased; } #tscu-tarmal-contact *, #tscu-tarmal-contact *::before, #tscu-tarmal-contact *::after{ margin:0;padding:0;box-sizing:border-box; visibility:visible !important; float:none; -webkit-tap-highlight-color:transparent; } #tscu-tarmal-contact .tscu-sec{ display:block !important; opacity:1 !important; transform:none !important; width:auto;max-width:none; border:0; } #tscu-tarmal-contact img{max-width:100%;display:block;height:auto} #tscu-tarmal-contact a{text-decoration:none;color:inherit;background:none;box-shadow:none} #tscu-tarmal-contact a:hover,#tscu-tarmal-contact a:focus{text-decoration:none;box-shadow:none;} #tscu-tarmal-contact button{ font-family:inherit;cursor:pointer;border:none;background:none;color:inherit; text-transform:none;letter-spacing:normal;line-height:inherit;box-shadow:none; border-radius: 16px !important; } #tscu-tarmal-contact input, #tscu-tarmal-contact select, #tscu-tarmal-contact textarea{ font-family:inherit;line-height:1.6;box-shadow:none;text-transform:none; } #tscu-tarmal-contact p{font-size:16px;margin:0} #tscu-tarmal-contact h1,#tscu-tarmal-contact h2,#tscu-tarmal-contact h3,#tscu-tarmal-contact h4{ margin:0;padding:0;text-transform:none; } #tscu-tarmal-contact small,#tscu-tarmal-contact b,#tscu-tarmal-contact em,#tscu-tarmal-contact i{ margin:0;padding:0; } #tscu-tarmal-contact ::selection{background:#ed3034;color:#ffffff} #tscu-tarmal-contact .tscu-wrap{max-width:1400px;margin:0 auto;padding:0 24px;width:100%} /* ---------- fail-safe reveal ---------- Visible by default. The .tscu-anim class is added by JS only after it boots successfully, so if JS breaks nothing is ever hidden. */ #tscu-tarmal-contact .tscu-rv{opacity:1;transform:none} #tscu-tarmal-contact.tscu-anim .tscu-rv{ opacity:0;transform:translateY(40px); transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1); } #tscu-tarmal-contact.tscu-anim .tscu-rv.tscu-in{opacity:1;transform:translateY(0)} #tscu-tarmal-contact.tscu-anim .tscu-dl1{transition-delay:.1s} #tscu-tarmal-contact.tscu-anim .tscu-dl2{transition-delay:.2s} /* ================= BANNER ================= */ #tscu-tarmal-contact .tscu-banner{ position:relative;min-height:clamp(380px,52vh,540px); display:flex;align-items:flex-end;overflow:hidden;background:#1a1b1e; } #tscu-tarmal-contact .tscu-banner-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; background-size:cover; background-position:center; display:block; } @keyframes tscuKen{from{transform:scale(1)}to{transform:scale(1.1)}} #tscu-tarmal-contact .tscu-banner-shade{ position:absolute;inset:0; background:linear-gradient(180deg,rgba(20,21,24,.58) 0%,rgba(20,21,24,.26) 40%,rgba(20,21,24,.88) 100%), linear-gradient(100deg,rgba(20,21,24,.7) 0%,rgba(20,21,24,.2) 55%,rgba(237,48,52,.12) 100%); } #tscu-tarmal-contact .tscu-banner-in{ position:relative;z-index:2;width:100%; padding-top:clamp(80px,8vw,200px);padding-bottom:clamp(46px,6vw,200px); } #tscu-tarmal-contact {display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;color:#c9cace;margin-bottom:18px;flex-wrap:wrap} #tscu-tarmal-contact a{transition:color .3s} #tscu-tarmal-contact a:hover{color: var(--red-light);} /*#tscu-tarmal-contact span{color:#ff8a8c}*/ #tscu-tarmal-contact i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.4);flex:none} #tscu-tarmal-contact .tscu-banner h1{ font-size:clamp(34px,4vw,66px);font-weight:700;line-height:1.08;letter-spacing:-.025em; color:#ffffff;max-width:18ch; } #tscu-tarmal-contact .tscu-banner h1 em{ font-style:normal; color: var(--red-light); /*background:linear-gradient(94deg,#ff6b6e,#ed3034 60%,#ff8a5c);*/ /*-webkit-background-clip:text;background-clip:text;color:transparent;*/ } #tscu-tarmal-contact .tscu-banner p{margin-top:18px;max-width:56ch;font-size:16px;font-weight:300;color:#e4e5e8;line-height:1.8} #tscu-tarmal-contact .tscu-bchips{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px} #tscu-tarmal-contact .tscu-bchip{ display:flex;align-items:center;gap:11px;padding:11px 20px 11px 12px;border-radius:15px; background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2); backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px); transition:transform .35s cubic-bezier(.16,1,.3,1),background .35s,border-color .35s; } #tscu-tarmal-contact .tscu-bchip:hover{transform:translateY(-4px);background:rgba(237,48,52,.22);border-color:rgba(237,48,52,.45)} #tscu-tarmal-contact .tscu-bchip em{width:34px;height:34px;flex:none;border-radius:50%;background:#ed3034;display:grid;place-items:center} #tscu-tarmal-contact .tscu-bchip em svg{width:16px;height:16px;stroke:#ffffff} #tscu-tarmal-contact .tscu-bchip b{display:block;font-size:14.5px;font-weight:600;color:#ffffff;line-height:1.2} #tscu-tarmal-contact .tscu-bchip small{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#c9cace} @media(max-width:640px){ #tscu-tarmal-contact .tscu-bchips{ display:none } #tscu-tarmal-contact .tscu-banner{ min-height: auto; align-items: flex-start; overflow: visible; } #tscu-tarmal-contact .tscu-banner-in{ padding-top: 110px; padding-bottom: 40px; } } /* ================= SECTION SHELL ================= */ #tscu-tarmal-contact .tscu-sec{padding:clamp(64px,7.5vw,110px) 0;position:relative} #tscu-tarmal-contact .tscu-head{margin-bottom:clamp(32px,4vw,54px)} #tscu-tarmal-contact .tscu-eyebrow{ display:flex;align-items:center;gap:12px;font-size:12.5px;font-weight:600; letter-spacing:.22em;text-transform:uppercase;color: var(--red-light);margin-bottom:14px; } #tscu-tarmal-contact .tscu-eyebrow::before{content:'';width:32px;height:2px;border-radius:2px;background:#ed3034;flex:none} #tscu-tarmal-contact .tscu-title{font-size:clamp(28px,3.4vw,46px);font-weight:600;line-height:1.14;letter-spacing:-.02em;color:#1a1b1e} #tscu-tarmal-contact .tscu-title em{font-style:normal; color: var(--red-light);} #tscu-tarmal-contact .tscu-txt{margin-top:15px;max-width:62ch;font-size:16px;color:#555555;line-height:1.85} #tscu-tarmal-contact .tscu-txt b{font-weight:600;color:#1a1b1e} /* ================= BUTTONS ================= */ #tscu-tarmal-contact .tscu-btn{ position:relative;display:inline-flex;align-items:center;justify-content:center;gap:11px; font-size:15.5px;font-weight:600;padding:16px 30px;border-radius:15px;overflow:hidden; transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,background .35s,color .35s,border-color .35s; } #tscu-tarmal-contact .tscu-btn svg{width:17px;height:17px;flex:none;transition:transform .35s} #tscu-tarmal-contact .tscu-btn:hover svg{transform:translateX(5px)} #tscu-tarmal-contact .tscu-btn-red{background: var(--tarmal-gradient);color:#ffffff;box-shadow:0 14px 34px -12px rgba(237,48,52,.55)} #tscu-tarmal-contact .tscu-btn-red::before{content:'';position:absolute;inset:0;background:#ffffff;transform:translateX(-102%) skewX(-14deg);transition:transform .5s cubic-bezier(.16,1,.3,1)} #tscu-tarmal-contact .tscu-btn-red span, #tscu-tarmal-contact .tscu-btn-red svg{position:relative;z-index:1} #tscu-tarmal-contact .tscu-btn-red:hover{transform:translateY(-3px);box-shadow:0 20px 44px -12px rgba(237,48,52,.7)} #tscu-tarmal-contact .tscu-btn-red:hover::before{transform:translateX(0) skewX(0)} #tscu-tarmal-contact .tscu-btn-red:hover span{color:#c11418} #tscu-tarmal-contact .tscu-btn-red:hover svg{stroke:#c11418} #tscu-tarmal-contact .tscu-btn-line{border:1px solid #dfe1e4;color:#1a1b1e;background:#ffffff} #tscu-tarmal-contact .tscu-btn-line:hover{transform:translateY(-3px);border-color:#ed3034;color:#ed3034} /* ================= INTRO + FORM ================= */ #tscu-tarmal-contact .tscu-intro{background:#ffffff} #tscu-tarmal-contact .tscu-intro-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(30px,3.6vw,64px);align-items:start} @media(max-width:1000px){#tscu-tarmal-contact .tscu-intro-grid{grid-template-columns:1fr}} #tscu-tarmal-contact .tscu-touch{display:flex;flex-direction:column;gap:14px;margin-top:30px} #tscu-tarmal-contact .tscu-tcard{ position:relative;display:flex;align-items:center;gap:18px; background:#ffffff;border:1px solid #eceef0;border-radius:15px;padding:20px 22px;overflow:hidden; transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s; } #tscu-tarmal-contact .tscu-tcard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px;background:#ed3034;transform:scaleY(0);transform-origin:top;transition:transform .45s cubic-bezier(.16,1,.3,1)} #tscu-tarmal-contact .tscu-tcard:hover{transform:translateX(8px);border-color:rgba(237,48,52,.28);box-shadow:0 20px 42px -26px rgba(237,48,52,.35)} #tscu-tarmal-contact .tscu-tcard:hover::before{transform:scaleY(1)} #tscu-tarmal-contact .tscu-tcard em{ width:50px;height:50px;flex:none;border-radius:50%;display:grid;place-items:center; background:rgba(237,48,52,.09);color:#ed3034; transition:background .4s,color .4s,transform .45s cubic-bezier(.34,1.56,.64,1); } #tscu-tarmal-contact .tscu-tcard em svg{width:22px;height:22px} #tscu-tarmal-contact .tscu-tcard:hover em{background:#ed3034;color:#ffffff;transform:rotate(-6deg) scale(1.06)} #tscu-tarmal-contact .tscu-tcard small{display:block;font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#9a9ba0;margin-bottom:3px} #tscu-tarmal-contact .tscu-tcard b{display:block;font-size:17px;font-weight:600;color:#1a1b1e;line-height:1.4;word-break:break-word} #tscu-tarmal-contact .tscu-copy{ margin-left:auto;flex:none;width:38px;height:38px;border-radius:15px;display:grid;place-items:center; background:#f8f8f9;border:1px solid #eceef0;color:#9a9ba0; transition:background .3s,color .3s,border-color .3s,transform .3s; } #tscu-tarmal-contact .tscu-copy svg{width:15px;height:15px} #tscu-tarmal-contact .tscu-copy:hover{background:#ed3034;border-color:#ed3034;color:#ffffff;transform:translateY(-2px)} #tscu-tarmal-contact .tscu-copy.tscu-done{background:#1d8a52;border-color:#1d8a52;color:#ffffff} #tscu-tarmal-contact .tscu-card{ background:#ffffff;border:1px solid #eceef0;border-radius:15px; box-shadow:0 30px 60px -34px rgba(26,27,30,.25);padding:clamp(24px,3vw,42px); } #tscu-tarmal-contact .tscu-card h2{font-size:clamp(23px,2.3vw,30px);font-weight:600;letter-spacing:-.02em;color:#1a1b1e} #tscu-tarmal-contact .tscu-card h2 em{font-style:normal;color: var(--red-light);} #tscu-tarmal-contact .tscu-card-intro{font-size:15px;color:#555555;margin-top:8px} #tscu-tarmal-contact .tscu-steps{display:flex;align-items:center;gap:10px;margin:26px 0 28px} #tscu-tarmal-contact .tscu-step{display:flex;align-items:center;gap:10px;flex:1} #tscu-tarmal-contact .tscu-step b{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:600;background:#f0f1f3;color:#9a9ba0;transition:background .4s,color .4s,transform .4s cubic-bezier(.34,1.56,.64,1)} #tscu-tarmal-contact .tscu-step span{font-size:13.5px;font-weight:500;color:#9a9ba0;transition:color .4s;white-space:nowrap} #tscu-tarmal-contact .tscu-step i{flex:1;height:2px;border-radius:2px;background:#f0f1f3;position:relative;overflow:hidden;min-width:14px} #tscu-tarmal-contact .tscu-step i::after{content:'';position:absolute;inset:0;background:#ed3034;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)} #tscu-tarmal-contact .tscu-step.tscu-on b{background:#ed3034;color:#ffffff;transform:scale(1.06)} #tscu-tarmal-contact .tscu-step.tscu-on span{color:#1a1b1e} #tscu-tarmal-contact .tscu-step.tscu-done b{background:#1d8a52;color:#ffffff} #tscu-tarmal-contact .tscu-step.tscu-done i::after{transform:scaleX(1)} @media(max-width:680px){#tscu-tarmal-contact .tscu-step span{display:none}} #tscu-tarmal-contact .tscu-flabel{display:block;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#9a9ba0;margin-bottom:12px} #tscu-tarmal-contact .tscu-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px} #tscu-tarmal-contact .tscu-chip{ display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:15px; border:1px solid #e4e5e8;background:#f8f8f9;color:#3a3b3f;font-size:14.5px;font-weight:500; transition:background .3s,color .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s; } #tscu-tarmal-contact .tscu-chip svg{width:16px;height:16px;flex:none} #tscu-tarmal-contact .tscu-chip:hover{border-color:rgba(237,48,52,.4);color:#ed3034;transform:translateY(-2px)} #tscu-tarmal-contact .tscu-chip.tscu-on{background:#ed3034;border-color:#ed3034;color:#ffffff;box-shadow:0 10px 22px -10px rgba(237,48,52,.55)} #tscu-tarmal-contact .tscu-panel{display:none} #tscu-tarmal-contact .tscu-panel.tscu-on{display:block;animation:tscuFade .5s cubic-bezier(.16,1,.3,1)} @keyframes tscuFade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}} #tscu-tarmal-contact .tscu-row{display:grid;grid-template-columns:1fr 1fr;gap:15px} @media(max-width:620px){#tscu-tarmal-contact .tscu-row{grid-template-columns:1fr}} #tscu-tarmal-contact .tscu-field{position:relative;margin-bottom:15px} #tscu-tarmal-contact .tscu-field input, #tscu-tarmal-contact .tscu-field select, #tscu-tarmal-contact .tscu-field textarea{ width:100%;padding:22px 18px 10px;border-radius:15px; background:#f8f8f9;border:1px solid #e4e5e8;color:#1a1b1e; font-size:15px;outline:none;appearance:none;-webkit-appearance:none; transition:border-color .35s,background .35s,box-shadow .35s; } #tscu-tarmal-contact .tscu-field textarea{resize:vertical;min-height:130px;padding-top:26px;display:block} #tscu-tarmal-contact .tscu-field select{cursor:pointer;height:auto} #tscu-tarmal-contact .tscu-field label{ position:absolute;left:19px;top:16px;font-size:15px;color:#9a9ba0;font-weight:400; pointer-events:none;margin:0; transition:top .28s cubic-bezier(.16,1,.3,1),font-size .28s,color .28s; } #tscu-tarmal-contact .tscu-field textarea+label{top:20px} #tscu-tarmal-contact .tscu-field input:focus, #tscu-tarmal-contact .tscu-field select:focus, #tscu-tarmal-contact .tscu-field textarea:focus{border-color:#ed3034;background:#ffffff;box-shadow:0 0 0 3px rgba(237,48,52,.13)} #tscu-tarmal-contact .tscu-field.tscu-filled label, #tscu-tarmal-contact .tscu-field input:focus+label, #tscu-tarmal-contact .tscu-field select:focus+label, #tscu-tarmal-contact .tscu-field textarea:focus+label{top:7px;font-size:11.5px;font-weight:600;letter-spacing:.05em;color:#ed3034} #tscu-tarmal-contact .tscu-field.tscu-err input, #tscu-tarmal-contact .tscu-field.tscu-err select, #tscu-tarmal-contact .tscu-field.tscu-err textarea{border-color:#ed3034;box-shadow:0 0 0 3px rgba(237,48,52,.16)} #tscu-tarmal-contact .tscu-err-msg{display:none;margin-top:7px;font-size:12.5px;color:#ed3034;font-weight:500;padding-left:4px} #tscu-tarmal-contact .tscu-field.tscu-err .tscu-err-msg{display:block} #tscu-tarmal-contact .tscu-chev{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:14px;height:14px;pointer-events:none;stroke:#9a9ba0} #tscu-tarmal-contact .tscu-count{position:absolute;right:15px;bottom:14px;font-size:12px;color:#9a9ba0;background:#ffffff;padding:2px 8px;border-radius:15px} #tscu-tarmal-contact .tscu-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px} #tscu-tarmal-contact .tscu-nav .tscu-btn{flex:1;min-width:148px} #tscu-tarmal-contact .tscu-note{margin-top:14px;font-size:12.5px;color:#9a9ba0;text-align:center} #tscu-tarmal-contact .tscu-review{background:#f8f8f9;border:1px solid #eceef0;border-radius:15px;padding:20px 22px;margin-bottom:18px} #tscu-tarmal-contact .tscu-review h4{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9a9ba0;margin-bottom:14px} #tscu-tarmal-contact .tscu-review dl{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;font-size:15px;margin:0} #tscu-tarmal-contact .tscu-review dt{color:#9a9ba0;font-weight:500;margin:0} #tscu-tarmal-contact .tscu-review dd{color:#1a1b1e;font-weight:500;word-break:break-word;margin:0} #tscu-tarmal-contact .tscu-done-box{display:none;text-align:center;padding:clamp(26px,4vw,50px) 10px} #tscu-tarmal-contact .tscu-done-box.tscu-on{display:block;animation:tscuFade .5s cubic-bezier(.16,1,.3,1)} #tscu-tarmal-contact .tscu-done-box em{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;background:rgba(29,138,82,.1);color:#1d8a52} #tscu-tarmal-contact .tscu-done-box em svg{width:38px;height:38px} #tscu-tarmal-contact .tscu-done-box h3{font-size:26px;font-weight:600;letter-spacing:-.02em;color:#1a1b1e;margin-bottom:10px} #tscu-tarmal-contact .tscu-done-box p{font-size:16px;color:#555555;max-width:44ch;margin:0 auto 24px} /* ================= BRANCHES ================= */ #tscu-tarmal-contact .tscu-branch{background:#f8f8f9} #tscu-tarmal-contact .tscu-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px} #tscu-tarmal-contact .tscu-tab{ display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:15px; background:#ffffff;border:1px solid #e4e5e8;color:#3a3b3f;font-size:15px;font-weight:500; transition:background .35s,color .35s,border-color .35s,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s; } #tscu-tarmal-contact .tscu-tab i{width:8px;height:8px;flex:none;border-radius:50%;background:#c9cace;transition:background .35s} #tscu-tarmal-contact .tscu-tab:hover{transform:translateY(-3px);border-color:rgba(237,48,52,.4);color:#ed3034} #tscu-tarmal-contact .tscu-tab.tscu-on{background: var(--tarmal-gradient);border-color:#ed3034;color:#ffffff;box-shadow:0 12px 26px -12px rgba(237,48,52,.5)} #tscu-tarmal-contact .tscu-tab.tscu-on i{background:#ffffff} #tscu-tarmal-contact .tscu-branch-body{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(18px,2vw,26px);align-items:stretch} @media(max-width:1000px){#tscu-tarmal-contact .tscu-branch-body{grid-template-columns:1fr}} #tscu-tarmal-contact .tscu-pane{display:none} #tscu-tarmal-contact .tscu-pane.tscu-on{display:block;animation:tscuFade .5s cubic-bezier(.16,1,.3,1)} #tscu-tarmal-contact .tscu-binfo{background:#ffffff;border:1px solid #eceef0;border-radius:15px;padding:clamp(24px,2.6vw,34px);height:100%} #tscu-tarmal-contact .tscu-btag{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:15px;margin-bottom:16px;background:rgba(237,48,52,.09);color:#ed3034;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase} #tscu-tarmal-contact .tscu-binfo h3{font-size:24px;font-weight:600;letter-spacing:-.02em;color:#1a1b1e;margin-bottom:22px} #tscu-tarmal-contact .tscu-blist{display:flex;flex-direction:column;gap:16px;margin-bottom:24px} #tscu-tarmal-contact .tscu-blist>div{display:flex;gap:14px;align-items:flex-start} #tscu-tarmal-contact .tscu-blist em{width:40px;height:40px;flex:none;border-radius:50%;background:rgba(237,48,52,.09);display:grid;place-items:center;transition:background .35s} #tscu-tarmal-contact .tscu-blist em svg{width:18px;height:18px;stroke:#ed3034;transition:stroke .35s} #tscu-tarmal-contact .tscu-blist>div:hover em{background:#ed3034} #tscu-tarmal-contact .tscu-blist>div:hover em svg{stroke:#ffffff} #tscu-tarmal-contact .tscu-blist small{display:block;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#9a9ba0;margin-bottom:3px} #tscu-tarmal-contact .tscu-blist b{display:block;font-size:16px;font-weight:600;color:#1a1b1e;line-height:1.6} #tscu-tarmal-contact .tscu-blist b a{transition:color .3s} #tscu-tarmal-contact .tscu-blist b a:hover{color:#ed3034} #tscu-tarmal-contact .tscu-binfo .tscu-btn{width:100%} #tscu-tarmal-contact .tscu-map{position:relative;border-radius:15px;overflow:hidden;border:1px solid #eceef0;background:#eceef0;min-height:clamp(330px,42vw,500px)} #tscu-tarmal-contact .tscu-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;filter:grayscale(.25);transition:filter .5s} #tscu-tarmal-contact .tscu-map:hover iframe{filter:grayscale(0)} /* ================= CUSTOMER CARE ================= */ #tscu-tarmal-contact .tscu-care{background:#ffffff} #tscu-tarmal-contact .tscu-care-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,50px);align-items:stretch} @media(max-width:1000px){#tscu-tarmal-contact .tscu-care-grid{grid-template-columns:1fr}} #tscu-tarmal-contact .tscu-care-red{ position:relative;border-radius:15px;overflow:hidden;color:#ffffff; background:linear-gradient(150deg,var(--red-light),var(--red-dark));padding:clamp(28px,3.4vw,48px); } #tscu-tarmal-contact .tscu-care-red::before{ content:'';position:absolute;inset:0;opacity:.1; background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px); background-size:46px 46px; } #tscu-tarmal-contact .tscu-care-red>*{position:relative} #tscu-tarmal-contact .tscu-care-red .tscu-eyebrow{color:#ffd7d8} #tscu-tarmal-contact .tscu-care-red .tscu-eyebrow::before{background:#ffd7d8} #tscu-tarmal-contact .tscu-care-red h2{font-size:clamp(24px,2.6vw,34px);font-weight:600;line-height:1.22;letter-spacing:-.02em;color:#ffffff} #tscu-tarmal-contact .tscu-care-red p{font-size:16px;color:rgba(255,255,255,.9);line-height:1.8;margin-top:14px} #tscu-tarmal-contact .tscu-care-red p b{font-weight:600;color:#ffffff} #tscu-tarmal-contact .tscu-care-list{display:flex;flex-direction:column;gap:12px;margin-top:26px} #tscu-tarmal-contact .tscu-care-list a{ display:flex;align-items:center;gap:15px;padding:16px 20px;border-radius:15px; background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#ffffff; transition:background .35s,transform .35s cubic-bezier(.16,1,.3,1),border-color .35s; } #tscu-tarmal-contact .tscu-care-list a:hover{background:rgba(255,255,255,.22);transform:translateX(7px);border-color:rgba(255,255,255,.42)} #tscu-tarmal-contact .tscu-care-list em{width:40px;height:40px;flex:none;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center} #tscu-tarmal-contact .tscu-care-list em svg{width:18px;height:18px;stroke:#ffffff} #tscu-tarmal-contact .tscu-care-list small{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.78);margin-bottom:2px} #tscu-tarmal-contact .tscu-care-list b{font-size:16px;font-weight:600;word-break:break-word} #tscu-tarmal-contact .tscu-sla{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:12px 18px;border-radius:15px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);font-size:14px;font-weight:500} #tscu-tarmal-contact .tscu-sla svg{width:17px;height:17px;stroke:#ffffff;flex:none} #tscu-tarmal-contact .tscu-care-form h3{font-size:clamp(21px,2.1vw,27px);font-weight:600;letter-spacing:-.02em;color:#1a1b1e} #tscu-tarmal-contact .tscu-care-form>p{font-size:15px;color:#555555;margin:8px 0 24px} #tscu-tarmal-contact .tscu-rate{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap} #tscu-tarmal-contact .tscu-star{ width:48px;height:48px;border-radius:15px;display:grid;place-items:center; background:#f8f8f9;border:1px solid #e4e5e8;color:#c9cace; transition:background .3s,color .3s,border-color .3s,transform .3s cubic-bezier(.34,1.56,.64,1); } #tscu-tarmal-contact .tscu-star svg{width:22px;height:22px} #tscu-tarmal-contact .tscu-star:hover, #tscu-tarmal-contact .tscu-star.tscu-on{background:rgba(237,48,52,.09);border-color:rgba(237,48,52,.35);color:#ed3034;transform:translateY(-3px)} #tscu-tarmal-contact .tscu-rate-txt{font-size:14px;font-weight:500;color:#9a9ba0;display:flex;align-items:center;margin-left:4px} #tscu-tarmal-contact .tscu-care-form .tscu-btn-red{width:100%} #tscu-tarmal-contact .tscu-ok{ display:none;align-items:center;gap:12px;margin-top:16px;padding:16px 20px;border-radius:15px; background:rgba(29,138,82,.09);border:1px solid rgba(29,138,82,.32);color:#1d8a52;font-size:14.5px;font-weight:500; } #tscu-tarmal-contact .tscu-ok.tscu-on{display:flex;animation:tscuFade .45s cubic-bezier(.16,1,.3,1)} #tscu-tarmal-contact .tscu-ok svg{width:19px;height:19px;flex:none} /* ================= CTA ================= */ #tscu-tarmal-contact .tscu-cta{padding-top:0;padding-bottom:clamp(64px,7.5vw,110px)} #tscu-tarmal-contact .tscu-cta-band{ position:relative;border-radius:15px;overflow:hidden;background:#1a1b1e;color:#ffffff; padding:clamp(34px,4.4vw,62px) clamp(24px,4vw,58px); display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap; } #tscu-tarmal-contact .tscu-cta-band::before{ content:'';position:absolute;inset:0;opacity:.14; background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px); background-size:52px 52px; } /* #tscu-tarmal-contact .tscu-cta-band::after{content:'';position:absolute;right:-22%;top:-40%;width:46%;height:180%;background:radial-gradient(circle,rgba(237,48,52,.5),transparent 62%)} */ #tscu-tarmal-contact .tscu-cta-band>div{position:relative;max-width:56ch} #tscu-tarmal-contact .tscu-cta-band h2{font-size:clamp(25px,2.9vw,40px);font-weight:600;line-height:1.18;letter-spacing:-.02em;color:#ffffff} #tscu-tarmal-contact .tscu-cta-band p{font-size:16px;color:#c9cace;margin-top:12px} #tscu-tarmal-contact .tscu-cta-actions{position:relative;display:flex;gap:12px;flex-wrap:wrap} #tscu-tarmal-contact .tscu-btn-ghost{background:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.32)} #tscu-tarmal-contact .tscu-btn-ghost svg{stroke:#ffffff} #tscu-tarmal-contact .tscu-btn-ghost:hover{transform:translateY(-3px);background:rgba(255,255,255,.2)} @media (prefers-reduced-motion: reduce){ #tscu-tarmal-contact *, #tscu-tarmal-contact *::before, #tscu-tarmal-contact *::after{animation-duration:.01ms !important;transition-duration:.01ms !important} } /* =========================== Fluent Form Radio Buttons =========================== */ .ff_list_inline .ff-el-input--content{ display:grid !important; grid-template-columns:repeat(4,1fr); gap:15px; width:100%; } /* Radio Item */ .ff_list_inline .ff-el-form-check{ margin:0 !important; padding:0 !important; width:100% !important; } /* Hide Default Radio */ .ff_list_inline .ff-el-form-check-input{ position:absolute; opacity:0; pointer-events:none; } /* Label */ .ff_list_inline .ff-el-form-check-label{ display:block; width:100%; margin:0 !important; cursor:pointer; } /* Button */ .ff_list_inline .ff-el-form-check-label span{ display:flex; align-items:center; justify-content:center; /*width:100%;*/ width: 175px; min-height:60px; padding:14px 20px; border:1px solid #d9d9d9; border-radius:16px; background:#fff; /*color:#222;*/ color:#c62828; font-size:16px; font-weight:600; text-align:center; transition:.3s ease; box-sizing:border-box; } /* Hover */ .ff_list_inline .ff-el-form-check-label:hover span{ border-color:#c51f25; color:#c51f25; } /* Active */ .ff_list_inline .ff-el-form-check-input:checked + span{ background:#c51f25; border-color:#c51f25; color:#fff; } /* Tablet */ @media(max-width:991px){ .ff_list_inline .ff-el-input--content{ grid-template-columns:repeat(2,1fr); } } /* Mobile */ @media(max-width:575px){ .ff_list_inline .ff-el-input--content{ grid-template-columns:1fr; } } /* Active */ .ff_list_inline .ff-el-form-check-input:checked + span{ background:#c62828; border-color:#c62828; color:whtie !important; } /* 2 Column Gap */ .ff_columns_total_2{ gap:20px; } /* Remove extra spacing */ .ff-field_container{ margin-bottom:0 !important; } /* Input */ .ff-el-form-control{ width:100%; height:60px; padding:0 20px !important; border:1px solid #d9d9d9 !important; border-radius:16px !important; background:#fff; color:#222; font-size:16px; font-weight:500; box-shadow:none !important; transition:.3s; } /* Placeholder */ .ff-el-form-control::placeholder{ color:#8b8b8b; opacity:1; } /* Focus */ .ff-el-form-control:focus{ border-color:#d32f2f !important; box-shadow:0 0 0 3px rgba(211,47,47,.12) !important; } /* Remove Fluent spacing */ .ff-el-group{ margin-bottom:20px !important; } /* Dropdown */ .ff-el-group select.ff-el-form-control{ height:60px; padding:0 20px !important; line-height:4.2em !important; border:1px solid #d9d9d9 !important; border-radius:16px !important; background:#fff !important; color:#222; font-size:16px; font-weight:500; box-shadow:none !important; appearance:none; -webkit-appearance:none; -moz-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 18px center; background-size:16px; } /* Focus */ .ff-el-group select.ff-el-form-control:focus{ border-color:#d32f2f !important; box-shadow:0 0 0 3px rgba(211,47,47,.12) !important; } /* Button Wrapper */ .ff_submit_btn_wrapper{ margin-top:30px; } /* Submit Button */ .ff-btn-submit{ display:inline-flex; align-items:center; justify-content:center; min-width:220px; height:58px; padding:0 34px; background:#c62828 !important; color:#fff !important; border:none !important; border-radius:999px !important; font-size:16px; font-weight:600; transition:.3s; } /* Hover */ .ff-btn-submit:hover{ background:#a91f1f !important; transform:translateY(-2px); } /* Focus */ .ff-btn-submit:focus{ outline:none; box-shadow:0 0 0 4px rgba(198,40,40,.18); }