.tawasol-home{--navy:#092b49;--navy2:#071d32;--blue:#0879ad;--red:#d32a3e;--ink:#152f43;--muted:#587083;--paper:#f5f8fa;--line:#dfe9ef}
.tawasol-home *{box-sizing:border-box}
.tawasol-home{scroll-behavior:smooth;scroll-padding-top:100px}
.tawasol-home{margin:0;font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}
.tawasol-home button,.tawasol-home a{font:inherit}
.tawasol-home a{text-decoration:none;color:inherit}
.tawasol-home button{cursor:pointer}
.tawasol-home .wrap{width:min(1220px,calc(100% - 52px));margin:auto}
.tawasol-home .top{position:sticky;top:0;z-index:50;background:#fffefef7;backdrop-filter:blur(14px);box-shadow:0 8px 28px #102b4211;border-bottom:1px solid #dce7ed}
.tawasol-home .navwrap{min-height:91px;display:flex;align-items:center;gap:24px}
.tawasol-home .logo{width:216px;max-height:75px;object-fit:contain;flex-shrink:0}
.tawasol-home .links{display:flex;gap:26px;align-items:center;margin-inline-start:auto}
.tawasol-home .links a{font-size:13px;font-weight:700;color:#28495e;transition:color .2s}
.tawasol-home .links a:hover,.tawasol-home .links a.active{color:var(--blue)}
.tawasol-home .links a.active{border-bottom:2px solid var(--red);padding-bottom:8px}
.tawasol-home .topBtns{display:flex;align-items:center;gap:10px}
.tawasol-home .lang,.tawasol-home .menu{border:1px solid #d9e4eb;padding:9px 18px;border-radius:100px;background:white;color:var(--navy);font-weight:700;font-size:12px}
.tawasol-home .menu{display:none}
.tawasol-home .hero{background:#061d33;color:#fff;position:relative;overflow:hidden;min-height:640px}
.tawasol-home .heroimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.56) saturate(.84)}
.tawasol-home .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061d33 0%,#061d33ed 30%,#061d33a3 57%,#061d3320 100%)}
.tawasol-home[dir="rtl"] .hero:after{background:linear-gradient(270deg,#061d33 0%,#061d33ed 30%,#061d33a3 57%,#061d3320 100%)}
.tawasol-home .herobody{position:relative;z-index:1;min-height:640px;display:flex;align-items:center;padding-top:80px;padding-bottom:95px}
.tawasol-home .herotext{max-width:720px}
.tawasol-home .eyebrow,.tawasol-home .kicker{font-size:12px;font-weight:800;letter-spacing:.09em;color:#7ac4e8}
.tawasol-home .eyebrow{display:flex;align-items:center;gap:12px}
.tawasol-home .eyebrow:before{content:"";width:30px;height:3px;background:var(--red)}
.tawasol-home h1{font-size:clamp(43px,5.2vw,77px);letter-spacing:-.045em;line-height:1.23;margin:25px 0}
.tawasol-home h1 span{color:#94d6f4;display:block}
.tawasol-home .herotext p{max-width:570px;color:#d8e6ef;font-size:16px;line-height:2}
.tawasol-home .actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}
.tawasol-home .btn{display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:15px 24px;border-radius:9px;background:var(--red);font-weight:700;color:#fff;font-size:14px;border:1px solid transparent;transition:transform .2s,background .2s}
.tawasol-home .btn:hover{transform:translateY(-3px);background:#ae1d32}
.tawasol-home .btn.ghost{background:#fff0;border-color:#ffffff88}
.tawasol-home .btn.ghost:hover{background:#ffffff20}
.tawasol-home .herobottom{position:absolute;inset-inline:0;bottom:0;z-index:1;border-top:1px solid #fff3;color:#cbdde9;font-size:12px}
.tawasol-home .herobottom .wrap{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.tawasol-home .arrow{font-size:19px}
.tawasol-home .stripe{height:5px;background:linear-gradient(90deg,#c92b42 0 26%,#178fc7 26% 100%)}
.tawasol-home .stats{background:#fff;border-bottom:1px solid var(--line)}
.tawasol-home .statsgrid{display:grid;grid-template-columns:repeat(3,1fr)}
.tawasol-home .stat{padding:27px 30px;border-inline-end:1px solid var(--line);display:flex;align-items:center;gap:18px}
.tawasol-home .stat:last-child{border:0}
.tawasol-home .stat strong{font-size:38px;color:var(--navy);line-height:1}
.tawasol-home .stat span{font-size:12px;color:#617889;line-height:1.7}
.tawasol-home section.block{padding:105px 0}
.tawasol-home .pale{background:var(--paper)}
.tawasol-home .headline{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:33px}
.tawasol-home .headline h2,.tawasol-home .abouttext h2,.tawasol-home .cta h2{font-size:clamp(28px,3.35vw,44px);line-height:1.45;letter-spacing:-.03em;margin:8px 0 9px}
.tawasol-home .headline p,.tawasol-home .abouttext p{color:var(--muted);font-size:14px;line-height:2;max-width:570px}
.tawasol-home .textlink{color:#096b9f;font-size:13px;font-weight:800;white-space:nowrap}
.tawasol-home .textlink:hover{text-decoration:underline}
.tawasol-home .services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tawasol-home .service{background:white;border:1px solid var(--line);border-radius:16px;padding:30px;position:relative;overflow:hidden;min-height:225px;transition:transform .22s,box-shadow .22s}
.tawasol-home .service:before{content:"";position:absolute;inset-inline-start:0;top:0;height:4px;width:0;background:var(--red);transition:width .3s}
.tawasol-home .service:hover{transform:translateY(-5px);box-shadow:0 15px 35px #092b4912}
.tawasol-home .service:hover:before{width:100%}
.tawasol-home .ico{height:47px;width:47px;border-radius:13px;background:#e9f4fa;color:#0c71a5;display:grid;place-items:center;font-size:23px;font-weight:bold}
.tawasol-home .service h3{font-size:18px;margin:21px 0 8px}
.tawasol-home .service p{font-size:13px;color:var(--muted);line-height:1.9}
.tawasol-home .aboutgrid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}
.tawasol-home .aboutvisual{position:relative}
.tawasol-home .aboutvisual img{display:block;width:100%;height:465px;object-fit:cover;border-radius:18px}
.tawasol-home .aboutvisual:after{content:"";position:absolute;inset-inline-end:-15px;bottom:-15px;width:45%;height:42%;border:7px solid #d42b42;border-radius:18px;z-index:-1}
.tawasol-home .abouttext p{margin-top:14px}
.tawasol-home .process{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 30px}
.tawasol-home .process span{background:#f0f6fa;border:1px solid #deebf1;border-radius:100px;padding:8px 13px;font-size:12px;color:#385c70}
.tawasol-home .projects{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}
.tawasol-home .project{background:white;border:1px solid #dde8ef;border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.tawasol-home .project:hover{transform:translateY(-5px);box-shadow:0 14px 30px #102b4215}
.tawasol-home .project img{height:225px;width:100%;object-fit:cover;display:block}
.tawasol-home .projectbody{padding:23px 23px 25px}
.tawasol-home .projectbody small{font-size:11px;color:#ac2436;font-weight:bold}
.tawasol-home .projectbody h3{font-size:19px;margin:9px 0}
.tawasol-home .projectbody p{font-size:13px;color:var(--muted);line-height:1.85;min-height:73px}
.tawasol-home .projectbody a{font-size:12px;font-weight:bold;color:#076fa6}
.tawasol-home .center{margin-top:36px;text-align:center}
.tawasol-home .cta{background:linear-gradient(120deg,#071d32,#0c456c);color:white;padding:70px 0}
.tawasol-home .ctarow{display:flex;align-items:center;justify-content:space-between;gap:30px}
.tawasol-home .cta h2{max-width:700px}
.tawasol-home .cta p{color:#c6dce9;max-width:650px;line-height:1.9;font-size:14px}
.tawasol-home .cta .kicker{color:#9ad9f5}
.tawasol-home .footer{padding:27px 0;background:#f7fafb;border-top:1px solid var(--line)}
.tawasol-home .footerrow{display:flex;justify-content:space-between;align-items:center;gap:20px}
.tawasol-home .footer p{font-size:12px;color:#667d8c;margin:5px 0}
.tawasol-home .footer a{color:#086a9f}
.tawasol-home .previewstrip{background:#eaf3f8;text-align:center;font-size:11px;padding:7px;color:#486778}
.tawasol-home .mobileNav{display:none}
.tawasol-home .reveal{transition:opacity .65s,transform .65s}
.tawasol-home .motion .reveal:not(.seen){opacity:0;transform:translateY(18px)}
.tawasol-home[dir="rtl"] h1,.tawasol-home[dir="rtl"] h2,.tawasol-home[dir="rtl"] .eyebrow,.tawasol-home[dir="rtl"] .kicker{letter-spacing:0}
.tawasol-home[dir="rtl"] h1{line-height:1.5}
.tawasol-home[dir="rtl"] .arrow{transform:scaleX(-1)}
@media (max-width:950px){.tawasol-home .links{gap:12px}
.tawasol-home .logo{width:175px}
.tawasol-home .navwrap{gap:12px}
.tawasol-home .services{grid-template-columns:repeat(2,1fr)}
.tawasol-home .aboutgrid{gap:35px}
.tawasol-home .projects{gap:13px}
.tawasol-home .project img{height:170px}}
@media (max-width:700px){.tawasol-home .wrap{width:calc(100% - 38px)}
.tawasol-home .navwrap{min-height:78px}
.tawasol-home .logo{width:160px;max-height:65px}
.tawasol-home .links{display:none}
.tawasol-home .menu{display:block}
.tawasol-home .mobileNav{display:none;padding:15px 20px;background:white;border-top:1px solid var(--line)}
.tawasol-home .mobileNav.open{display:flex;flex-direction:column;gap:0}
.tawasol-home .mobileNav a{padding:11px 0;border-bottom:1px solid #ebf1f4;font-weight:700;font-size:14px}
.tawasol-home .hero,.tawasol-home .herobody{min-height:610px}
.tawasol-home .herobody{padding:65px 0 90px}
.tawasol-home .hero:after,.tawasol-home[dir="rtl"] .hero:after{background:#051c32ca}
.tawasol-home .heroimg{object-position:75% center}
.tawasol-home h1{font-size:39px}
.tawasol-home .herotext p{font-size:14px}
.tawasol-home .statsgrid{grid-template-columns:1fr}
.tawasol-home .stat{padding:15px 4px;border-inline-end:0;border-bottom:1px solid var(--line)}
.tawasol-home .stat strong{font-size:30px}
.tawasol-home section.block{padding:67px 0}
.tawasol-home .headline{display:block}
.tawasol-home .headline .textlink{display:inline-block;margin-top:15px}
.tawasol-home .services,.tawasol-home .projects,.tawasol-home .aboutgrid{grid-template-columns:1fr}
.tawasol-home .aboutvisual img{height:300px}
.tawasol-home .project img{height:220px}
.tawasol-home .projectbody p{min-height:0}
.tawasol-home .ctarow{display:block}
.tawasol-home .ctarow .btn{margin-top:23px}
.tawasol-home .footerrow{display:block}
.tawasol-home .footerrow > div:last-child{margin-top:12px}}
@media (prefers-reduced-motion:reduce){.tawasol-home *,.tawasol-home *:before,.tawasol-home *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.tawasol-home .motion .reveal:not(.seen){opacity:1;transform:none}}
.tawasol-home{direction:inherit;font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:#152f43;background:#fff;overflow:hidden}.tawasol-home[dir="rtl"]{direction:rtl;text-align:right}.tawasol-home[dir="ltr"]{direction:ltr;text-align:left}.tawasol-home .reveal{opacity:1!important;transform:none!important}.tawasol-home .hero{isolation:isolate}.tawasol-home a:focus-visible{outline:3px solid #0879ad;outline-offset:3px}

.tawasol-home .th-language-switch{position:relative;z-index:2;text-align:end;padding:10px max(24px,calc((100% - 1220px)/2));background:#edf5f9}.tawasol-home .th-language-switch a{display:inline-block;padding:5px 18px;border:1px solid #b8cfdd;border-radius:40px;background:#fff;color:#092b49;font-weight:700;font-size:13px}

/* 1.1: explicit section direction, isolate Astra theme presentation */
.tawasol-home[dir="rtl"]{direction:rtl;text-align:right}
.tawasol-home[dir="ltr"]{direction:ltr;text-align:left}
.tawasol-home .heroimg{object-fit:cover}

/* v1.1.2 — homepage-specific Astra integration; never touches other pages */
body:has(.tawasol-home) .entry-header:has(.entry-title),
body:has(.tawasol-home) .ast-breadcrumbs-wrapper {display:none!important}
body:has(.tawasol-home) .site-title,
body:has(.tawasol-home) .site-description {display:none!important}
body:has(.tawasol-home) .ast-primary-header-bar {background:#fff!important}
body:has(.tawasol-home) .ast-builder-menu-1 .menu-link,
body:has(.tawasol-home) .main-header-menu > .menu-item > .menu-link {color:#17365d!important}
body:has(.tawasol-home) .ast-builder-menu-1 .menu-link:hover,
body:has(.tawasol-home) .main-header-menu > .menu-item > .menu-link:hover {color:#086aa4!important}
/* constrain hero title without altering original wording */
.tawasol-home .herotext{min-width:0;max-width:760px}
.tawasol-home .herotext h1{font-size:clamp(34px,3.8vw,55px)!important;line-height:1.25;overflow-wrap:normal;word-break:normal}
.tawasol-home[dir="rtl"] .herotext h1{line-height:1.55}
.tawasol-home .herotext h1 span{max-width:100%}
@media(max-width:650px){.tawasol-home .herotext h1{font-size:clamp(30px,8vw,40px)!important}}

/* v1.1.3: visible, accessible bilingual switcher; no other layout changes */
.tawasol-home .th-language-switch{display:flex!important;justify-content:flex-end!important;align-items:center!important;min-height:52px!important;visibility:visible!important;opacity:1!important;background:#f1f6fa!important;direction:ltr!important;position:relative!important;z-index:5!important}
.tawasol-home .th-language-switch a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:105px!important;min-height:36px!important;padding:6px 18px!important;border:1px solid #9fbccc!important;border-radius:999px!important;background:#fff!important;color:#092d4b!important;font-size:14px!important;font-weight:700!important;text-decoration:none!important;opacity:1!important;visibility:visible!important}
.tawasol-home .th-language-switch a:hover{background:#e7f3fb!important;border-color:#086aa4!important}
.tawasol-home[dir="rtl"] .th-language-switch{justify-content:flex-start!important}

/* 1.1.4: switch inside the hero, above image/overlay and away from Astra header. */
.tawasol-home .hero .th-language-switch{position:absolute!important;top:18px!important;right:clamp(18px,4vw,46px)!important;left:auto!important;z-index:12!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;min-height:0!important;padding:0!important;margin:0!important;background:transparent!important;direction:ltr!important;opacity:1!important;visibility:visible!important}
.tawasol-home .hero .th-language-switch a{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:9px 21px!important;min-width:100px!important;min-height:40px!important;background:#fff!important;border:1px solid #b9d3e1!important;border-radius:30px!important;color:#092d4b!important;font-size:14px!important;font-weight:700!important;box-shadow:0 8px 25px #03182b4d!important;position:relative!important;z-index:13!important}
.tawasol-home[dir="rtl"] .hero .th-language-switch{right:auto!important;left:clamp(18px,4vw,46px)!important;justify-content:flex-start!important}
@media(max-width:650px){.tawasol-home .hero .th-language-switch{top:14px!important;right:16px!important}.tawasol-home[dir="rtl"] .hero .th-language-switch{left:16px!important;right:auto!important}.tawasol-home .herobody{padding-top:100px}}

/* v1.1.5: language control in normal hero content flow (no overlay positioning). */
.tawasol-home .hero .herotext .th-language-switch.th-language-inline{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;transform:none!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;min-height:0!important;margin:16px 0 0!important;padding:0!important;background:transparent!important;visibility:visible!important;opacity:1!important;z-index:3!important;direction:inherit!important;}
.tawasol-home .hero .herotext .th-language-switch.th-language-inline a{display:inline-flex!important;position:relative!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:#092d4b!important;border:1px solid #c4d6e2!important;border-radius:999px!important;font:700 14px/1.5 Tahoma,Arial,sans-serif!important;min-height:42px!important;min-width:110px!important;padding:9px 22px!important;box-shadow:0 6px 20px #031b3155!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;}
.tawasol-home .hero .herotext .th-language-switch.th-language-inline a:hover{background:#e8f5fc!important;}
.tawasol-home[dir="rtl"] .hero .herotext .th-language-switch.th-language-inline{justify-content:flex-start!important;}
