p{ font-size: 16px !important; font-weight: 500px !important; } .tsca-btn span { color:#ffffff !important; } #tsca-tarmal-career a:hover { color:var(--red-light); } #tsca-tarmal-career{ 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; } #tsca-tarmal-career *, #tsca-tarmal-career *::before, #tsca-tarmal-career *::after{ margin:0;padding:0;box-sizing:border-box;visibility:visible !important;float:none; -webkit-tap-highlight-color:transparent; } #tsca-tarmal-career .tsca-sec{ display:block !important;opacity:1 !important;transform:none !important; width:auto;max-width:none;border:0; } #tsca-tarmal-career img{max-width:100%;display:block;height:auto} #tsca-tarmal-career a{text-decoration:none;color:inherit;background:none;box-shadow:none} #tsca-tarmal-career a:hover,#tsca-tarmal-career a:focus{text-decoration:none;box-shadow:none} #tsca-tarmal-career button{ font-family:inherit;cursor:pointer;border:none;background:none;color:inherit; text-transform:none;letter-spacing:normal;line-height:inherit;box-shadow:none; } #tsca-tarmal-career input,#tsca-tarmal-career select,#tsca-tarmal-career textarea{ font-family:inherit;line-height:1.6;box-shadow:none;text-transform:none; } #tsca-tarmal-career p{font-size:16px;margin:0} #tsca-tarmal-career h1,#tsca-tarmal-career h2,#tsca-tarmal-career h3,#tsca-tarmal-career h4{margin:0;padding:0;text-transform:none} #tsca-tarmal-career small,#tsca-tarmal-career b,#tsca-tarmal-career em,#tsca-tarmal-career i{margin:0;padding:0} #tsca-tarmal-career ::selection{background:#ed3034;color:#ffffff} #tsca-tarmal-career .tsca-wrap{max-width:1300px;margin:0 auto;padding:0 24px;width:100%} /* ---------- fail-safe reveal ---------- */ #tsca-tarmal-career .tsca-rv{opacity:1;transform:none} #tsca-tarmal-career.tsca-anim .tsca-rv{ opacity:0;transform:translateY(40px); transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1); } #tsca-tarmal-career.tsca-anim .tsca-rv.tsca-in{opacity:1;transform:translateY(0)} #tsca-tarmal-career.tsca-anim .tsca-dl1{transition-delay:.1s} #tsca-tarmal-career.tsca-anim .tsca-dl2{transition-delay:.2s} #tsca-tarmal-career.tsca-anim .tsca-dl3{transition-delay:.3s} /* ================= BANNER ================= */ /*#tsca-tarmal-career .tsca-banner{*/ /* position:relative;min-height:clamp(380px,52vh,540px);*/ /* display:flex;align-items:flex-end;overflow:hidden;background:#1a1b1e;padding:0;*/ /*}*/ #tsca-tarmal-career .tsca-banner{ position:relative; min-height:380px; min-height:52vh; max-height:540px; display:flex; align-items:flex-end; overflow:hidden; background:#1a1b1e; padding-top: 88px; } #tsca-tarmal-career .tsca-banner-video, #tsca-tarmal-career .tsca-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} #tsca-tarmal-career .tsca-banner-img{background-size:cover;background-position:center;display:none;animation:tscaKen 18s ease-in-out infinite alternate} @keyframes tscaKen{from{transform:scale(1)}to{transform:scale(1.1)}} #tsca-tarmal-career .tsca-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%); } #tsca-tarmal-career .tsca-banner-in{ position:relative;z-index:2;width:100%; } #tsca-tarmal-career {display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;color:#c9cace;margin-bottom:18px;flex-wrap:wrap} #tsca-tarmal-career a{transition:color .3s} #tsca-tarmal-career a:hover{color:#ffffff} #tsca-tarmal-career span{color:#ff8a8c} #tsca-tarmal-career i{width:5px;height:5px;flex:none;border-radius:50%;background:rgba(255,255,255,.4)} #tsca-tarmal-career .tsca-banner h1{font-size:clamp(34px,4vw,66px);font-weight:700;line-height:1.08;letter-spacing:-.025em;color:#ffffff;max-width:18ch} #tsca-tarmal-career .tsca-banner h1 em{color: var(--red-light);font-style:normal;-webkit-background-clip:text;background-clip:text} #tsca-tarmal-career .tsca-banner p{margin-top:18px;max-width:58ch;font-size:16px;font-weight:300;color:#e4e5e8;line-height:1.8} #tsca-tarmal-career .tsca-banner-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px} #tsca-tarmal-career .tsca-live{ display:inline-flex;align-items:center;gap:6px;padding:14px 22px;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); color:#ffffff;font-size:14.5px;font-weight:500; } #tsca-tarmal-career .tsca-live i{width:9px;height:9px;flex:none;border-radius:50%;background:#4ade80;animation:tscaPulse 2.2s infinite} @keyframes tscaPulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.5)}70%{box-shadow:0 0 0 9px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}} #tsca-tarmal-career .tsca-live b{font-weight:700;color:#ffffff} /* ================= SECTION SHELL ================= */ #tsca-tarmal-career .tsca-sec{padding:clamp(64px,7.5vw,110px) 0;position:relative} #tsca-tarmal-career .tsca-head{margin-bottom:clamp(32px,4vw,54px)} #tsca-tarmal-career .tsca-head-c{text-align:center} #tsca-tarmal-career .tsca-head-c .tsca-eyebrow{justify-content:center} #tsca-tarmal-career .tsca-head-c .tsca-txt{margin-left:auto;margin-right:auto} #tsca-tarmal-career .tsca-eyebrow{ display:flex;align-items:center;gap:12px;font-size:12.5px;font-weight:600; letter-spacing:.22em;text-transform:uppercase;color:#ed3034;margin-bottom:14px; } #tsca-tarmal-career .tsca-eyebrow::before{content:'';width:32px;height:2px;flex:none;border-radius:2px;background:#ed3034} #tsca-tarmal-career .tsca-head-c .tsca-eyebrow::before{display:none} #tsca-tarmal-career .tsca-title{font-size:clamp(28px,3.4vw,46px);font-weight:600;line-height:1.14;letter-spacing:-.02em;color:#1a1b1e} #tsca-tarmal-career .tsca-title em{font-style:normal;color:#ed3034} #tsca-tarmal-career .tsca-txt{margin-top:15px;max-width:64ch;font-size:16px;color:#555555;line-height:1.85} #tsca-tarmal-career .tsca-txt b{font-weight:600;color:#1a1b1e} /* ================= BUTTONS ================= */ #tsca-tarmal-career .tsca-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; } #tsca-tarmal-career .tsca-btn svg{width:17px;height:17px;flex:none;transition:transform .35s} #tsca-tarmal-career .tsca-btn:hover svg{transform:translateX(5px)} #tsca-tarmal-career .tsca-btn-red{ background: var(--tarmal-gradient);color:#ffffff;box-shadow:0 14px 34px -12px rgba(237,48,52,.55)} #tsca-tarmal-career .tsca-btn-red::before{content:'';position:absolute;inset:0;background:#d5282c;transform:translateX(-102%) skewX(-14deg);transition:transform .5s cubic-bezier(.16,1,.3,1)} #tsca-tarmal-career .tsca-btn-red span,#tsca-tarmal-career .tsca-btn-red svg{position:relative;z-index:1} #tsca-tarmal-career .tsca-btn-red:hover{transform:translateY(-3px);box-shadow:0 20px 44px -12px rgba(237,48,52,.7);} #tsca-tarmal-career .tsca-btn-red:hover::before{transform:translateX(0) skewX(0)} #tsca-tarmal-career .tsca-btn-red:hover span{color:#c11418} #tsca-tarmal-career .tsca-btn-red:hover svg{stroke:#ffffff} #tsca-tarmal-career .tsca-btn-line{border:1px solid #dfe1e4;color:#1a1b1e;background:#ffffff} #tsca-tarmal-career .tsca-btn-line:hover{transform:translateY(-3px);border-color:#ed3034;color:#ed3034} #tsca-tarmal-career .tsca-btn-glass{background:rgba(255,255,255,.12);color:#ffffff;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)} #tsca-tarmal-career .tsca-btn-glass svg{stroke:#ffffff} #tsca-tarmal-career .tsca-btn-glass:hover{transform:translateY(-3px);background:rgba(255,255,255,.22)} /* ================= INTRO ================= */ #tsca-tarmal-career .tsca-intro{background:#ffffff} #tsca-tarmal-career .tsca-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,4vw,70px);align-items:center} @media(max-width:1000px){#tsca-tarmal-career .tsca-intro-grid{grid-template-columns:1fr}} #tsca-tarmal-career .tsca-media{position:relative} #tsca-tarmal-career .tsca-media-frame{position:relative;overflow:hidden;border-radius:15px;box-shadow:0 30px 60px -30px rgba(26,27,30,.3)} #tsca-tarmal-career .tsca-media-frame img{width:100%;height:clamp(320px,40vw,500px);object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)} #tsca-tarmal-career .tsca-media:hover .tsca-media-frame img{transform:scale(1.06)} #tsca-tarmal-career .tsca-media-badge{ position:absolute;right:-12px;bottom:28px;z-index:2;border-radius:15px; background:rgba(255,255,255,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px); border:1px solid rgba(26,27,30,.07);padding:22px 26px; box-shadow:0 26px 54px -20px rgba(26,27,30,.3); } #tsca-tarmal-career .tsca-media-badge b{display:block;font-size:42px;font-weight:700;line-height:1;letter-spacing:-.03em;color:#ed3034} #tsca-tarmal-career .tsca-media-badge span{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#555555} @media(max-width:1000px){#tsca-tarmal-career .tsca-media-badge{right:14px}} #tsca-tarmal-career .tsca-quote{ margin:24px 0 28px;padding:22px 26px;border-radius:15px;border-left:4px solid #ed3034; background:#f8f8f9;font-size:16px;line-height:1.8;color:#3a3b3f;font-style:italic; } /* ================= CULTURE ================= */ #tsca-tarmal-career .tsca-culture{background:#f8f8f9} #tsca-tarmal-career .tsca-culture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,22px)} @media(max-width:1000px){#tsca-tarmal-career .tsca-culture-grid{grid-template-columns:1fr 1fr}} @media(max-width:560px){#tsca-tarmal-career .tsca-culture-grid{grid-template-columns:1fr}} #tsca-tarmal-career .tsca-ccard{ position:relative;background:#ffffff;border:1px solid #eceef0;border-radius:15px; padding:clamp(24px,2.4vw,34px);overflow:hidden; transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,border-color .45s; } @media (max-width:720px) { #tsca-tarmal-career .tsca-banner { min-height: auto; max-height: none; align-items: flex-start; padding-top: 110px; padding-bottom: 40px; overflow: visible; } } #tsca-tarmal-career .tsca-ccard::before{ content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px;background:#ed3034; transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1); } #tsca-tarmal-career .tsca-ccard:hover{transform:translateY(-8px);box-shadow:0 30px 56px -26px rgba(237,48,52,.3);border-color:rgba(237,48,52,.25)} #tsca-tarmal-career .tsca-ccard:hover::before{transform:scaleX(1)} #tsca-tarmal-career .tsca-ccard em{ width:60px;height:60px;border-radius:50%;display:grid;place-items:center;margin-bottom:20px; background:rgba(237,48,52,.09);color:#ed3034; transition:background .4s,color .4s,transform .45s cubic-bezier(.34,1.56,.64,1); } #tsca-tarmal-career .tsca-ccard em svg{width:26px;height:26px} #tsca-tarmal-career .tsca-ccard:hover em{background:#ed3034;color:#ffffff;transform:rotate(-6deg) scale(1.08)} #tsca-tarmal-career .tsca-ccard h3{font-size:19px;font-weight:600;letter-spacing:-.015em;color:#1a1b1e;margin-bottom:9px} #tsca-tarmal-career .tsca-ccard p{font-size:15px;color:#555555;line-height:1.72} /* ================= JOBS ================= */ #tsca-tarmal-career .tsca-jobs{background:#ffffff} #tsca-tarmal-career .tsca-filters{ display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap; margin-bottom:26px; } #tsca-tarmal-career .tsca-tabs{display:flex;flex-wrap:wrap;gap:10px} #tsca-tarmal-career .tsca-tab{ display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border-radius:15px; background:#f8f8f9;border:1px solid #e4e5e8;color:#3a3b3f;font-size:14.5px;font-weight:500; transition:background .35s,color .35s,border-color .35s,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s; } #tsca-tarmal-career .tsca-tab i{ min-width:22px;height:22px;padding:0 6px;border-radius:15px;display:grid;place-items:center; background:#e4e5e8;color:#555555;font-size:11.5px;font-weight:700;font-style:normal; transition:background .35s,color .35s; } #tsca-tarmal-career .tsca-tab:hover{transform:translateY(-3px);border-color:rgba(237,48,52,.4);color:#ed3034} #tsca-tarmal-career .tsca-tab.tsca-on{background:#ed3034;border-color:#ed3034;color:#ffffff;box-shadow:0 12px 26px -12px rgba(237,48,52,.5)} #tsca-tarmal-career .tsca-tab.tsca-on i{background:rgba(255,255,255,.25);color:#ffffff} #tsca-tarmal-career .tsca-search{position:relative;min-width:min(300px,100%);flex:1;max-width:340px} #tsca-tarmal-career .tsca-search input{ width:100%;padding:14px 46px 14px 44px;border-radius:15px; background:#f8f8f9;border:1px solid #e4e5e8;color:#1a1b1e;font-size:15px;outline:none; transition:border-color .35s,background .35s,box-shadow .35s; } #tsca-tarmal-career .tsca-search input::placeholder{color:#9a9ba0} #tsca-tarmal-career .tsca-search input:focus{border-color:#ed3034;background:#ffffff;box-shadow:0 0 0 3px rgba(237,48,52,.13)} #tsca-tarmal-career .tsca-search .tsca-sicon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:17px;height:17px;stroke:#9a9ba0;pointer-events:none} #tsca-tarmal-career .tsca-sclear{ position:absolute;right:10px;top:50%;transform:translateY(-50%); width:28px;height:28px;border-radius:50%;display:none;place-items:center; background:#e4e5e8;color:#555555;transition:background .3s,color .3s; } #tsca-tarmal-career .tsca-sclear svg{width:13px;height:13px} #tsca-tarmal-career .tsca-sclear.tsca-on{display:grid} #tsca-tarmal-career .tsca-sclear:hover{background:#ed3034;color:#ffffff} #tsca-tarmal-career .tsca-job-list{display:flex;flex-direction:column;gap:16px} #tsca-tarmal-career .tsca-job{ position:relative;background:#ffffff;border:1px solid #eceef0;border-radius:15px;overflow:hidden; transition:border-color .4s,box-shadow .4s,transform .4s cubic-bezier(.16,1,.3,1); } #tsca-tarmal-career .tsca-job::before{ content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#ed3034; transform:scaleY(0);transform-origin:top;transition:transform .45s cubic-bezier(.16,1,.3,1); } #tsca-tarmal-career .tsca-job:hover{border-color:rgba(237,48,52,.28);box-shadow:0 22px 46px -28px rgba(237,48,52,.35)} #tsca-tarmal-career .tsca-job:hover::before, #tsca-tarmal-career .tsca-job.tsca-open::before{transform:scaleY(1)} #tsca-tarmal-career .tsca-job.tsca-open{border-color:rgba(237,48,52,.3);box-shadow:0 22px 46px -28px rgba(237,48,52,.3)} #tsca-tarmal-career .tsca-job.tsca-hide{display:none} #tsca-tarmal-career .tsca-job-top{ width:100%;display:flex;align-items:center;gap:clamp(14px,2vw,26px); padding:clamp(20px,2.2vw,28px);text-align:left; } #tsca-tarmal-career .tsca-job-no{ flex:none;width:56px;height:56px;border-radius:15px;display:grid;place-items:center; background:#f8f8f9;border:1px solid #eceef0; font-size:18px;font-weight:700;color:#9a9ba0;letter-spacing:-.02em; transition:background .4s,color .4s,border-color .4s; } #tsca-tarmal-career .tsca-job:hover .tsca-job-no, #tsca-tarmal-career .tsca-job.tsca-open .tsca-job-no{background:#ed3034;border-color:#ed3034;color:#ffffff} #tsca-tarmal-career .tsca-job-main{flex:1;min-width:0} #tsca-tarmal-career .tsca-job-main h3{font-size:clamp(19px,1.9vw,23px);font-weight:600;letter-spacing:-.015em;color:#1a1b1e;line-height:1.3;transition:color .3s} #tsca-tarmal-career .tsca-job:hover .tsca-job-main h3, #tsca-tarmal-career .tsca-job.tsca-open .tsca-job-main h3{color:#ed3034} #tsca-tarmal-career .tsca-job-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px} #tsca-tarmal-career .tsca-pill{ display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:15px; background:#f8f8f9;border:1px solid #eceef0;color:#555555;font-size:12.5px;font-weight:500; } #tsca-tarmal-career .tsca-pill svg{width:13px;height:13px;stroke:#ed3034;flex:none} #tsca-tarmal-career .tsca-pill-red{background:rgba(237,48,52,.09);border-color:rgba(237,48,52,.2);color:#ed3034} #tsca-tarmal-career .tsca-job-toggle{ flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center; background:rgba(237,48,52,.09);color:#ed3034; transition:background .35s,color .35s,transform .45s cubic-bezier(.16,1,.3,1); } #tsca-tarmal-career .tsca-job-toggle svg{width:17px;height:17px} #tsca-tarmal-career .tsca-job.tsca-open .tsca-job-toggle{background:#ed3034;color:#ffffff;transform:rotate(45deg)} @media(max-width:640px){ #tsca-tarmal-career .tsca-job-no{width:46px;height:46px;font-size:16px} #tsca-tarmal-career .tsca-job-toggle{width:38px;height:38px} } #tsca-tarmal-career .tsca-job-body{max-height:0;overflow:hidden;transition:max-height .55s cubic-bezier(.16,1,.3,1)} #tsca-tarmal-career .tsca-job-inner{padding:0 clamp(20px,2.2vw,28px) clamp(22px,2.4vw,30px)} #tsca-tarmal-career .tsca-job-inner>p{font-size:16px;color:#555555;line-height:1.85;padding-top:4px;border-top:1px solid #f0f1f3;margin-top:2px} #tsca-tarmal-career .tsca-job-inner>p:first-child{padding-top:18px} #tsca-tarmal-career .tsca-job-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px} @media(max-width:760px){#tsca-tarmal-career .tsca-job-cols{grid-template-columns:1fr}} #tsca-tarmal-career .tsca-job-cols h4{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9a9ba0;margin-bottom:13px} #tsca-tarmal-career .tsca-ticks{display:flex;flex-direction:column;gap:10px} #tsca-tarmal-career .tsca-ticks div{display:flex;gap:11px;align-items:flex-start;font-size:15px;color:#555555;line-height:1.6} #tsca-tarmal-career .tsca-ticks svg{width:19px;height:19px;flex:none;margin-top:2px;stroke:#ed3034} #tsca-tarmal-career .tsca-job-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px} #tsca-tarmal-career .tsca-empty{ display:none;text-align:center;padding:clamp(40px,5vw,64px) 20px; background:#f8f8f9;border:1px dashed #dfe1e4;border-radius:15px; } #tsca-tarmal-career .tsca-empty.tsca-on{display:block} #tsca-tarmal-career .tsca-empty em{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:rgba(237,48,52,.09);color:#ed3034} #tsca-tarmal-career .tsca-empty em svg{width:28px;height:28px} #tsca-tarmal-career .tsca-empty h3{font-size:21px;font-weight:600;color:#1a1b1e;margin-bottom:8px} #tsca-tarmal-career .tsca-empty p{font-size:15.5px;color:#555555;max-width:44ch;margin:0 auto 22px} /* ================= HIRING PROCESS ================= */ #tsca-tarmal-career .tsca-process{background:#f8f8f9} #tsca-tarmal-career .tsca-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,22px);position:relative} @media(max-width:1000px){#tsca-tarmal-career .tsca-steps{grid-template-columns:1fr 1fr}} @media(max-width:560px){#tsca-tarmal-career .tsca-steps{grid-template-columns:1fr}} #tsca-tarmal-career .tsca-step{ position:relative;background:#ffffff;border:1px solid #eceef0;border-radius:15px; padding:clamp(24px,2.4vw,32px); transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,border-color .45s; } #tsca-tarmal-career .tsca-step:hover{transform:translateY(-8px);border-color:rgba(237,48,52,.28);box-shadow:0 28px 52px -26px rgba(237,48,52,.3)} #tsca-tarmal-career .tsca-step-no{ position:absolute;top:18px;right:22px;font-size:44px;font-weight:700; line-height:1;letter-spacing:-.04em;color:#f0f1f3;transition:color .4s; } #tsca-tarmal-career .tsca-step:hover .tsca-step-no{color:rgba(237,48,52,.2)} #tsca-tarmal-career .tsca-step em{ width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:18px; background:rgba(237,48,52,.09);color:#ed3034; transition:background .4s,color .4s,transform .45s cubic-bezier(.34,1.56,.64,1); } #tsca-tarmal-career .tsca-step em svg{width:23px;height:23px} #tsca-tarmal-career .tsca-step:hover em{background:#ed3034;color:#ffffff;transform:rotate(-6deg) scale(1.07)} #tsca-tarmal-career .tsca-step h3{font-size:18.5px;font-weight:600;letter-spacing:-.015em;color:#1a1b1e;margin-bottom:8px} #tsca-tarmal-career .tsca-step p{font-size:15px;color:#555555;line-height:1.7} /* ================= GENERAL APPLICATION ================= */ #tsca-tarmal-career .tsca-general{background:#f8f8f9} #tsca-tarmal-career .tsca-general-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(26px,3.2vw,54px);align-items:stretch} @media(max-width:1000px){#tsca-tarmal-career .tsca-general-grid{grid-template-columns:1fr}} #tsca-tarmal-career .tsca-red-panel{ position:relative;border-radius:15px;overflow:hidden;color:#ffffff; background:linear-gradient(150deg,#ed3034,#9c1215);padding:clamp(28px,3.4vw,48px); } #tsca-tarmal-career .tsca-red-panel::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; } #tsca-tarmal-career .tsca-red-panel>*{position:relative} #tsca-tarmal-career .tsca-red-panel .tsca-eyebrow{color:#ffd7d8} #tsca-tarmal-career .tsca-red-panel .tsca-eyebrow::before{background:#ffd7d8} #tsca-tarmal-career .tsca-red-panel h2{font-size:clamp(24px,2.6vw,34px);font-weight:600;line-height:1.22;letter-spacing:-.02em;color:#ffffff} #tsca-tarmal-career .tsca-red-panel>p{font-size:16px;color:rgba(255,255,255,.9);line-height:1.8;margin-top:14px} #tsca-tarmal-career .tsca-perks{display:flex;flex-direction:column;gap:12px;margin-top:26px} #tsca-tarmal-career .tsca-perks div{ display:flex;align-items:center;gap:14px;padding:15px 18px;border-radius:15px; background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22); transition:background .35s,transform .35s cubic-bezier(.16,1,.3,1); } #tsca-tarmal-career .tsca-perks div:hover{background:rgba(255,255,255,.2);transform:translateX(7px)} #tsca-tarmal-career .tsca-perks em{width:38px;height:38px;flex:none;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center} #tsca-tarmal-career .tsca-perks em svg{width:17px;height:17px;stroke:#ffffff} #tsca-tarmal-career .tsca-perks b{font-size:15.5px;font-weight:600} #tsca-tarmal-career .tsca-mail{ display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:13px 20px;border-radius:15px; background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);font-size:14.5px;font-weight:500;color:#ffffff; transition:background .35s,transform .35s; } #tsca-tarmal-career .tsca-mail:hover{background:rgba(255,255,255,.26);transform:translateY(-2px)} #tsca-tarmal-career .tsca-mail svg{width:17px;height:17px;stroke:#ffffff;flex:none} /* ================= FORM ================= */ #tsca-tarmal-career .tsca-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); } #tsca-tarmal-career .tsca-card h3{font-size:clamp(21px,2.1vw,28px);font-weight:600;letter-spacing:-.02em;color:#1a1b1e} #tsca-tarmal-career .tsca-card h3 em{font-style:normal;color:#ed3034} #tsca-tarmal-career .tsca-card>p{font-size:15px;color:#555555;margin:8px 0 24px} #tsca-tarmal-career .tsca-flabel{display:block;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#9a9ba0;margin-bottom:12px} #tsca-tarmal-career .tsca-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px} #tsca-tarmal-career .tsca-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; } #tsca-tarmal-career .tsca-chip:hover{border-color:rgba(237,48,52,.4);color:#ed3034;transform:translateY(-2px)} #tsca-tarmal-career .tsca-chip.tsca-on{background:#ed3034;border-color:#ed3034;color:#ffffff;box-shadow:0 10px 22px -10px rgba(237,48,52,.55)} #tsca-tarmal-career .tsca-row{display:grid;grid-template-columns:1fr 1fr;gap:15px} @media(max-width:620px){#tsca-tarmal-career .tsca-row{grid-template-columns:1fr}} #tsca-tarmal-career .tsca-field{position:relative;margin-bottom:15px} #tsca-tarmal-career .tsca-field input, #tsca-tarmal-career .tsca-field select, #tsca-tarmal-career .tsca-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; } #tsca-tarmal-career .tsca-field textarea{resize:vertical;min-height:120px;padding-top:26px;display:block} #tsca-tarmal-career .tsca-field select{cursor:pointer;height:auto} #tsca-tarmal-career .tsca-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; } #tsca-tarmal-career .tsca-field textarea+label{top:20px} #tsca-tarmal-career .tsca-field input:focus, #tsca-tarmal-career .tsca-field select:focus, #tsca-tarmal-career .tsca-field textarea:focus{border-color:#ed3034;background:#ffffff;box-shadow:0 0 0 3px rgba(237,48,52,.13)} #tsca-tarmal-career .tsca-field.tsca-filled label, #tsca-tarmal-career .tsca-field input:focus+label, #tsca-tarmal-career .tsca-field select:focus+label, #tsca-tarmal-career .tsca-field textarea:focus+label{top:7px;font-size:11.5px;font-weight:600;letter-spacing:.05em;color:#ed3034} #tsca-tarmal-career .tsca-field.tsca-err input, #tsca-tarmal-career .tsca-field.tsca-err select, #tsca-tarmal-career .tsca-field.tsca-err textarea{border-color:#ed3034;box-shadow:0 0 0 3px rgba(237,48,52,.16)} #tsca-tarmal-career .tsca-err-msg{display:none;margin-top:7px;font-size:12.5px;color:#ed3034;font-weight:500;padding-left:4px} #tsca-tarmal-career .tsca-field.tsca-err .tsca-err-msg{display:block} #tsca-tarmal-career .tsca-chev{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:14px;height:14px;pointer-events:none;stroke:#9a9ba0} #tsca-tarmal-career .tsca-count{position:absolute;right:15px;bottom:14px;font-size:12px;color:#9a9ba0;background:#ffffff;padding:2px 8px;border-radius:15px} /* file upload */ #tsca-tarmal-career .tsca-drop{ position:relative;border:1px dashed #dfe1e4;border-radius:15px;background:#f8f8f9; padding:26px 20px;text-align:center;margin-bottom:15px;cursor:pointer; transition:border-color .35s,background .35s; } #tsca-tarmal-career .tsca-drop:hover,#tsca-tarmal-career .tsca-drop.tsca-over{border-color:#ed3034;background:rgba(237,48,52,.05)} #tsca-tarmal-career .tsca-drop.tsca-err{border-color:#ed3034;background:rgba(237,48,52,.06)} #tsca-tarmal-career .tsca-drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer} #tsca-tarmal-career .tsca-drop em{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:rgba(237,48,52,.09);color:#ed3034;transition:background .35s,color .35s} #tsca-tarmal-career .tsca-drop:hover em{background:#ed3034;color:#ffffff} #tsca-tarmal-career .tsca-drop em svg{width:21px;height:21px} #tsca-tarmal-career .tsca-drop b{display:block;font-size:15.5px;font-weight:600;color:#1a1b1e} #tsca-tarmal-career .tsca-drop small{display:block;font-size:13px;color:#9a9ba0;margin-top:4px} #tsca-tarmal-career .tsca-file{ display:none;align-items:center;gap:12px;margin-bottom:15px;padding:14px 18px;border-radius:15px; background:#f8f8f9;border:1px solid #eceef0; } #tsca-tarmal-career .tsca-file.tsca-on{display:flex} #tsca-tarmal-career .tsca-file em{width:38px;height:38px;flex:none;border-radius:50%;background:rgba(29,138,82,.12);color:#1d8a52;display:grid;place-items:center} #tsca-tarmal-career .tsca-file em svg{width:17px;height:17px} #tsca-tarmal-career .tsca-file b{display:block;font-size:14.5px;font-weight:600;color:#1a1b1e;word-break:break-all;line-height:1.4} #tsca-tarmal-career .tsca-file small{font-size:12.5px;color:#9a9ba0} #tsca-tarmal-career .tsca-file button{ margin-left:auto;flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center; background:#e4e5e8;color:#555555;transition:background .3s,color .3s; } #tsca-tarmal-career .tsca-file button svg{width:13px;height:13px} #tsca-tarmal-career .tsca-file button:hover{background:#ed3034;color:#ffffff} #tsca-tarmal-career .tsca-consent{display:flex;align-items:flex-start;gap:12px;margin:4px 0 20px;cursor:pointer} #tsca-tarmal-career .tsca-consent input{position:absolute;opacity:0;width:0;height:0} #tsca-tarmal-career .tsca-box{ width:22px;height:22px;flex:none;margin-top:2px;border-radius:7px; border:1px solid #dfe1e4;background:#f8f8f9;display:grid;place-items:center; transition:background .3s,border-color .3s; } #tsca-tarmal-career .tsca-box svg{width:13px;height:13px;stroke:#ffffff;opacity:0;transition:opacity .25s} #tsca-tarmal-career .tsca-consent.tsca-on .tsca-box{background:#ed3034;border-color:#ed3034} #tsca-tarmal-career .tsca-consent.tsca-on .tsca-box svg{opacity:1} #tsca-tarmal-career .tsca-consent.tsca-err .tsca-box{border-color:#ed3034;background:rgba(237,48,52,.08)} #tsca-tarmal-career .tsca-consent span{font-size:14px;color:#555555;line-height:1.6} #tsca-tarmal-career .tsca-submit-btn{width:100%} #tsca-tarmal-career .tsca-note{margin-top:13px;font-size:12.5px;color:#9a9ba0;text-align:center} #tsca-tarmal-career .tsca-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; } #tsca-tarmal-career .tsca-ok.tsca-on{display:flex;animation:tscaFade .45s cubic-bezier(.16,1,.3,1)} #tsca-tarmal-career .tsca-ok svg{width:19px;height:19px;flex:none} @keyframes tscaFade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}} /* ================= CTA ================= */ #tsca-tarmal-career .tsca-cta{padding-top:0;padding-bottom:clamp(64px,7.5vw,110px)} #tsca-tarmal-career .tsca-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; } #tsca-tarmal-career .tsca-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; } #tsca-tarmal-career .tsca-cta-band::after{content:'';position:absolute;right:-22%;top:-49%;width:44%;height:180%;background:radial-gradient(circle,rgba(237,48,52,.5),transparent 62%)} #tsca-tarmal-career .tsca-cta-band>div{position:relative;max-width:56ch;z-index: 999;} #tsca-tarmal-career .tsca-cta-band h2{font-size:clamp(25px,2.9vw,40px);font-weight:600;line-height:1.18;letter-spacing:-.02em;color:#ffffff} #tsca-tarmal-career .tsca-cta-band p{font-size:16px;color:#c9cace;margin-top:12px} #tsca-tarmal-career .tsca-cta-actions{position:relative;display:flex;gap:12px;flex-wrap:wrap} /* ================= APPLY MODAL ================= */ #tsca-tarmal-career .tsca-modal{ position:fixed;inset:0;z-index:99999;display:none; align-items:center;justify-content:center;padding:20px; } #tsca-tarmal-career .tsca-modal.tsca-on{display:flex} #tsca-tarmal-career .tsca-modal-bg{ position:absolute;inset:0;background:rgba(20,21,24,.66); backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px); animation:tscaBgIn .35s ease; } @keyframes tscaBgIn{from{opacity:0}to{opacity:1}} #tsca-tarmal-career .tsca-modal-box{ position:relative;z-index:2;width:100%;max-width:640px;max-height:92vh;overflow-y:auto; background:#ffffff;border-radius:15px;padding:clamp(24px,3vw,40px); box-shadow:0 50px 100px -30px rgba(0,0,0,.5); animation:tscaBoxIn .45s cubic-bezier(.16,1,.3,1); } @keyframes tscaBoxIn{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}} #tsca-tarmal-career .tsca-modal-close{ position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%; display:grid;place-items:center;background:#f8f8f9;border:1px solid #eceef0;color:#555555; transition:background .3s,color .3s,transform .3s; } #tsca-tarmal-career .tsca-modal-close svg{width:16px;height:16px} #tsca-tarmal-career .tsca-modal-close:hover{background:#ed3034;border-color:#ed3034;color:#ffffff;transform:rotate(90deg)} #tsca-tarmal-career .tsca-modal-tag{ display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:15px;margin-bottom:14px; background:rgba(237,48,52,.09);color:#ed3034;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase; } #tsca-tarmal-career .tsca-modal-box h3{font-size:clamp(21px,2.2vw,27px);font-weight:600;letter-spacing:-.02em;color:#1a1b1e;padding-right:46px} #tsca-tarmal-career .tsca-modal-box>p{font-size:15px;color:#555555;margin:8px 0 24px} #tsca-tarmal-career .tsca-modal-done{display:none;text-align:center;padding:clamp(20px,3vw,36px) 6px} #tsca-tarmal-career .tsca-modal-done.tsca-on{display:block;animation:tscaFade .45s cubic-bezier(.16,1,.3,1)} #tsca-tarmal-career .tsca-modal-done em{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:rgba(29,138,82,.1);color:#1d8a52} #tsca-tarmal-career .tsca-modal-done em svg{width:36px;height:36px} #tsca-tarmal-career .tsca-modal-done h4{font-size:24px;font-weight:600;letter-spacing:-.02em;color:#1a1b1e;margin-bottom:10px} #tsca-tarmal-career .tsca-modal-done p{font-size:16px;color:#555555;max-width:42ch;margin:0 auto 22px} @media (prefers-reduced-motion: reduce){ #tsca-tarmal-career *, #tsca-tarmal-career *::before, #tsca-tarmal-career *::after{animation-duration:.01ms !important;transition-duration:.01ms !important} }