/* STAR WAR ABOUT V5 — COMPANY EDITORIAL */ .sw-about-v5{--ab5-blue:#087cf0;--ab5-blue2:#0f97ff;--ab5-navy:#041d35;--ab5-ink:#071b31;--ab5-muted:#66798d;--ab5-line:#dbe5ee;--ab5-soft:#f5f8fb;background:#fff;color:var(--ab5-ink);overflow:hidden}.sw-about-v5 *{box-sizing:border-box}.sw-about-v5 .sw-container{max-width:1240px}.ab5-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.ab5-reveal.is-visible{opacity:1;transform:none}.ab5-kicker,.ab5-section-head>span,.ab5-expertise-intro>span,.ab5-culture-copy>span,.ab5-company-info-title>span{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.14em;font-weight:800;color:#087cf0}.ab5-kicker span{width:28px;height:2px;background:#087cf0}.ab5-hero{position:relative;padding:105px 0 92px;background:#f7f9fc;border-bottom:1px solid #e6edf4}.ab5-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(10,69,120,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(10,69,120,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent)}.ab5-hero-word{position:absolute;right:-36px;bottom:-48px;font-size:clamp(110px,16vw,260px);font-weight:900;letter-spacing:-.08em;color:#0e76dc;opacity:.045;white-space:nowrap;pointer-events:none}.ab5-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.7fr);gap:80px;align-items:end}.ab5-hero-copy h1{font-size:clamp(44px,5.2vw,76px);line-height:1.02;letter-spacing:-.055em;margin:24px 0 28px;max-width:900px}.ab5-hero-copy h1 em{font-style:normal;color:#087cf0}.ab5-hero-copy>p{font-size:18px;line-height:1.75;color:#53687d;max-width:760px;margin:0}.ab5-hero-links{display:flex;gap:28px;margin-top:38px}.ab5-hero-links a{font-weight:800;color:#071b31;text-decoration:none;border-bottom:1px solid #aebdca;padding-bottom:5px}.ab5-hero-links a:first-child{color:#087cf0;border-color:#087cf0}.ab5-profile-card{background:#071f38;color:#fff;border-radius:6px;padding:30px 32px;box-shadow:0 28px 70px rgba(3,27,49,.16)}.ab5-profile-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.14)}.ab5-profile-head span{font-size:11px;letter-spacing:.16em;font-weight:800;color:#6fc7ff}.ab5-profile-head b{display:grid;place-items:center;width:46px;height:46px;border-radius:4px;background:#087cf0;font-size:14px}.ab5-profile-card dl{margin:0}.ab5-profile-card dl>div{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.11)}.ab5-profile-card dt{font-size:11px;letter-spacing:.08em;color:#82a0b9;margin-bottom:7px}.ab5-profile-card dd{margin:0;font-size:14px;font-weight:700;line-height:1.5}.ab5-profile-code{display:flex;align-items:center;gap:10px;padding-top:22px;font-size:10px;letter-spacing:.12em;color:#83a4bd}.ab5-profile-code i{width:7px;height:7px;border-radius:50%;background:#35df92;box-shadow:0 0 0 5px rgba(53,223,146,.1)} .ab5-story{padding:118px 0;background:#fff}.ab5-story-layout{display:grid;grid-template-columns:220px 1fr;gap:80px}.ab5-story-index{display:flex;gap:18px;align-items:flex-start}.ab5-story-index span{font-size:58px;line-height:.9;color:#087cf0;font-weight:800;letter-spacing:-.05em}.ab5-story-index p{font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.5;margin:3px 0 0;color:#6e8091}.ab5-story-lead{font-size:clamp(30px,3.1vw,48px);line-height:1.2;letter-spacing:-.035em;margin:0 0 52px;max-width:900px}.ab5-story-lead strong{font-weight:800;color:#087cf0}.ab5-story-cols{display:grid;grid-template-columns:1fr 1fr;gap:48px;border-top:1px solid #dce5ed;padding-top:32px}.ab5-story-cols p{margin:0;color:#5c7184;line-height:1.85;font-size:16px} .ab5-journey{padding:112px 0 120px;background:#071f38;color:#fff}.ab5-section-head{display:grid;grid-template-columns:.62fr 1.4fr;gap:70px;align-items:start;margin-bottom:72px}.ab5-section-head>span{color:#64c5ff}.ab5-section-head h2{font-size:clamp(38px,4vw,58px);line-height:1.08;letter-spacing:-.045em;margin:0}.ab5-section-head h2 em{font-style:normal;color:#58bfff}.ab5-journey-line{height:1px;background:rgba(255,255,255,.14);position:relative;margin-bottom:34px}.ab5-journey-line i{display:block;width:0;height:2px;background:#1a9dff;transition:width .5s ease}.ab5-journey-grid{display:grid;grid-template-columns:repeat(4,1fr)}.ab5-journey-item{padding:28px 28px 18px;border-right:1px solid rgba(255,255,255,.12);min-height:260px;transition:background .35s ease,transform .35s ease}.ab5-journey-item:first-child{padding-left:0}.ab5-journey-item:last-child{border-right:0}.ab5-journey-item.is-active{background:rgba(16,131,229,.09)}.ab5-journey-item small{display:inline-flex;width:34px;height:34px;border:1px solid rgba(255,255,255,.2);align-items:center;justify-content:center;border-radius:50%;color:#6bc8ff;font-weight:800}.ab5-journey-item h3{font-size:22px;margin:40px 0 16px}.ab5-journey-item p{margin:0;color:#9fb4c6;line-height:1.75;font-size:14px} .ab5-values{padding:118px 0;background:#f7f9fc}.ab5-section-head-light{color:#071b31}.ab5-section-head-light>span{color:#087cf0}.ab5-section-head-light h2 em{color:#087cf0}.ab5-values-list{border-top:1px solid #ccd8e3}.ab5-value{display:grid;grid-template-columns:80px 280px 1fr 32px;gap:34px;align-items:center;padding:34px 0;border-bottom:1px solid #ccd8e3;transition:padding .35s ease,background .35s ease}.ab5-value:hover{padding-left:18px;background:linear-gradient(90deg,rgba(8,124,240,.05),transparent)}.ab5-value>span{font-size:13px;color:#087cf0;font-weight:800}.ab5-value h3{font-size:24px;margin:0;letter-spacing:-.025em}.ab5-value p{margin:0;color:#617486;line-height:1.65}.ab5-value>i{color:#087cf0;font-size:20px} .ab5-expertise{padding:124px 0;background:#fff}.ab5-expertise-layout{display:grid;grid-template-columns:.82fr 1fr;gap:100px}.ab5-expertise-intro{position:sticky;top:120px;align-self:start}.ab5-expertise-intro h2{font-size:clamp(34px,3.5vw,50px);line-height:1.14;letter-spacing:-.04em;margin:22px 0}.ab5-expertise-intro h2 em{font-style:normal;color:#087cf0}.ab5-expertise-intro p{color:#617486;line-height:1.8;max-width:520px}.ab5-expertise-list{border-top:1px solid #d6e0e9}.ab5-expertise-item{display:grid;grid-template-columns:56px 1fr;gap:28px;padding:34px 0;border-bottom:1px solid #d6e0e9}.ab5-expertise-item>b{font-size:13px;color:#087cf0}.ab5-expertise-item small{font-size:11px;letter-spacing:.12em;color:#74879a;font-weight:800}.ab5-expertise-item h3{font-size:27px;margin:8px 0 10px;letter-spacing:-.03em}.ab5-expertise-item p{margin:0;color:#607488} .ab5-culture{position:relative;padding:118px 0;background:#071f38;color:#fff;overflow:hidden}.ab5-culture-bg{position:absolute;left:-10px;bottom:-50px;font-size:clamp(100px,14vw,220px);font-weight:900;letter-spacing:-.07em;color:rgba(255,255,255,.025);white-space:nowrap}.ab5-culture-layout{position:relative;display:grid;grid-template-columns:.8fr 1fr;gap:100px}.ab5-culture-copy>span{color:#63c6ff}.ab5-culture-copy h2{font-size:clamp(40px,4.2vw,62px);line-height:1.08;letter-spacing:-.045em;margin:22px 0 0}.ab5-culture-notes{border-top:1px solid rgba(255,255,255,.15)}.ab5-culture-notes p{font-size:16px;line-height:1.75;color:#a8bac8;margin:0;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.15)}.ab5-culture-notes b{color:#fff} .ab5-direction{padding:116px 0;background:#fff}.ab5-direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #dbe4ec}.ab5-direction-card{position:relative;min-height:470px;padding:46px 48px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.ab5-direction-card+article{border-left:1px solid #dbe4ec}.ab5-direction-card>span{font-size:11px;letter-spacing:.14em;font-weight:800;color:#087cf0}.ab5-direction-card h2{position:relative;z-index:2;font-size:clamp(30px,3vw,44px);line-height:1.2;letter-spacing:-.035em;margin:0;max-width:520px}.ab5-direction-card>b{position:absolute;right:-12px;bottom:-34px;font-size:110px;letter-spacing:-.06em;color:#071b31;opacity:.035}.ab5-direction-card.is-blue{background:#087cf0;color:#fff}.ab5-direction-card.is-blue>span{color:#fff}.ab5-direction-card.is-blue>b{color:#fff;opacity:.1} .ab5-company-info{padding:102px 0 118px;background:#f4f7fa}.ab5-company-info-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.ab5-company-info-title h2{font-size:clamp(34px,3.6vw,52px);line-height:1.13;letter-spacing:-.04em;margin:22px 0 0}.ab5-company-info-title h2 em{font-style:normal;color:#087cf0}.ab5-company-facts{border-top:1px solid #ccd8e3}.ab5-company-facts>div{display:grid;grid-template-columns:145px 1fr;padding:22px 0;border-bottom:1px solid #ccd8e3;gap:20px}.ab5-company-facts small{font-size:10px;letter-spacing:.12em;font-weight:800;color:#7a8d9e}.ab5-company-facts strong,.ab5-company-facts a{color:#071b31;font-size:15px;font-weight:700;text-decoration:none;line-height:1.5} @media(max-width:991.98px){.ab5-hero-inner,.ab5-story-layout,.ab5-expertise-layout,.ab5-culture-layout,.ab5-company-info-layout{grid-template-columns:1fr;gap:48px}.ab5-profile-card{max-width:600px}.ab5-story-index{display:none}.ab5-section-head{grid-template-columns:1fr;gap:22px}.ab5-journey-grid{grid-template-columns:1fr 1fr}.ab5-journey-item{border-bottom:1px solid rgba(255,255,255,.12)}.ab5-expertise-intro{position:static}.ab5-direction-grid{grid-template-columns:1fr}.ab5-direction-card+article{border-left:0;border-top:1px solid #dbe4ec}} @media(max-width:767.98px){.ab5-hero{padding:74px 0 64px}.ab5-hero-inner{gap:38px}.ab5-hero-copy h1{font-size:42px}.ab5-hero-copy>p{font-size:16px}.ab5-hero-links{flex-direction:column;align-items:flex-start;gap:14px}.ab5-profile-card{padding:24px 22px}.ab5-story,.ab5-values,.ab5-expertise,.ab5-direction,.ab5-company-info{padding:76px 0}.ab5-journey,.ab5-culture{padding:76px 0}.ab5-story-lead{font-size:31px;margin-bottom:34px}.ab5-story-cols{grid-template-columns:1fr;gap:20px}.ab5-section-head{margin-bottom:42px}.ab5-section-head h2{font-size:36px}.ab5-journey-grid{grid-template-columns:1fr}.ab5-journey-item,.ab5-journey-item:first-child{padding:24px 0;min-height:auto;border-right:0}.ab5-journey-item h3{margin:20px 0 10px}.ab5-value{grid-template-columns:42px 1fr 24px;gap:12px}.ab5-value p{grid-column:2/4}.ab5-expertise-item h3{font-size:23px}.ab5-culture-copy h2{font-size:38px}.ab5-direction-card{min-height:360px;padding:32px 28px}.ab5-direction-card h2{font-size:30px}.ab5-company-facts>div{grid-template-columns:1fr;gap:6px}} @media(prefers-reduced-motion:reduce){.ab5-reveal{opacity:1;transform:none;transition:none}.ab5-journey-line i{transition:none}.ab5-value{transition:none}} /* ========================================================= ABOUT V5 — DARK SECTION TEXT HOTFIX ========================================================= */ /* HÀNH TRÌNH PHÁT TRIỂN */ .sw-about-v5 .ab5-journey{ color:#fff !important; } .sw-about-v5 .ab5-journey .ab5-section-head h2{ color:#ffffff !important; } .sw-about-v5 .ab5-journey .ab5-section-head h2 em{ color:#58bfff !important; } .sw-about-v5 .ab5-journey .ab5-journey-item h3{ color:#ffffff !important; } .sw-about-v5 .ab5-journey .ab5-journey-item p{ color:#a9bfd1 !important; } .sw-about-v5 .ab5-journey .ab5-journey-item small{ color:#6bc8ff !important; } /* CÁCH CHÚNG TÔI LÀM VIỆC */ .sw-about-v5 .ab5-culture h2{ color:#ffffff !important; } .sw-about-v5 .ab5-culture .ab5-culture-notes p{ color:#a8bac8 !important; } .sw-about-v5 .ab5-culture .ab5-culture-notes b{ color:#ffffff !important; } /* SỨ MỆNH — card xanh */ .sw-about-v5 .ab5-direction-card.is-blue h2{ color:#ffffff !important; } .sw-about-v5 .ab5-direction-card.is-blue > span{ color:#ffffff !important; } /* COMPANY PROFILE */ .sw-about-v5 .ab5-profile-card, .sw-about-v5 .ab5-profile-card dd{ color:#ffffff !important; } /* ========================================================= ABOUT V5 — SAFE REVEAL V5.0.2 Không để nội dung biến mất khi refresh giữa trang ========================================================= */ .sw-about-v5 .ab5-reveal{ opacity:1 !important; transform:none !important; } .sw-about-v5.ab5-motion .ab5-reveal:not(.is-visible){ opacity:0 !important; transform:translateY(22px) !important; } .sw-about-v5.ab5-motion .ab5-reveal.is-visible{ opacity:1 !important; transform:none !important; } /* ========================================================= ABOUT V5.1 — VISION / MISSION EDITORIAL REDESIGN ========================================================= */ .sw-about-v5 .ab5-direction{ padding:110px 0 120px !important; background: linear-gradient(180deg,#f7f9fc 0%,#ffffff 100%) !important; } /* Heading */ .sw-about-v5 .ab5-direction-head{ display:grid; grid-template-columns:.55fr 1.25fr; column-gap:80px; row-gap:16px; align-items:start; margin-bottom:52px; } .sw-about-v5 .ab5-direction-head > span{ display:flex; align-items:center; gap:12px; font-size:11px; line-height:1.3; letter-spacing:.15em; font-weight:800; color:#087cf0; } .sw-about-v5 .ab5-direction-head > span::before{ content:""; width:30px; height:2px; flex:none; background:#087cf0; } .sw-about-v5 .ab5-direction-head h2{ margin:0; max-width:800px; font-size:clamp(38px,4vw,58px); line-height:1.08; letter-spacing:-.045em; color:#071b31; } .sw-about-v5 .ab5-direction-head h2 em{ display:block; font-style:normal; color:#087cf0; } .sw-about-v5 .ab5-direction-head p{ grid-column:2; margin:4px 0 0; max-width:700px; color:#627589; font-size:16px; line-height:1.75; } /* Grid */ .sw-about-v5 .ab5-direction-grid{ display:grid !important; grid-template-columns:1.08fr .92fr !important; gap:22px !important; border:0 !important; } /* Card chung */ .sw-about-v5 .ab5-direction-card{ position:relative; min-height:340px !important; padding:38px 42px 40px !important; display:flex; flex-direction:column; justify-content:space-between; border:1px solid #dce6ef !important; border-radius:22px; background:#ffffff; overflow:hidden; box-shadow: 0 18px 55px rgba(19,52,82,.07); transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease, border-color .45s ease; } .sw-about-v5 .ab5-direction-card + article{ border-left:0 !important; } /* decorative line */ .sw-about-v5 .ab5-direction-card::before{ content:""; position:absolute; top:0; left:0; width:86px; height:3px; background:#087cf0; } /* Label */ .sw-about-v5 .ab5-direction-card > span{ position:relative; z-index:3; font-size:11px !important; letter-spacing:.15em !important; font-weight:800; color:#087cf0 !important; } /* Main text */ .sw-about-v5 .ab5-direction-card h2{ position:relative; z-index:3; margin:70px 0 0 !important; max-width:570px !important; font-size:clamp(27px,2.45vw,38px) !important; line-height:1.22 !important; letter-spacing:-.035em !important; color:#071b31 !important; } /* Ghost word */ .sw-about-v5 .ab5-direction-card > b{ position:absolute !important; right:24px !important; bottom:-16px !important; font-size:82px !important; line-height:1 !important; letter-spacing:-.065em !important; color:#071b31 !important; opacity:.035 !important; pointer-events:none; } /* Mission panel */ .sw-about-v5 .ab5-direction-card.is-blue{ background: linear-gradient( 145deg, #082846 0%, #06355e 58%, #0874cc 140% ) !important; border-color:#123f65 !important; color:#ffffff !important; box-shadow: 0 22px 60px rgba(3,38,69,.16); } .sw-about-v5 .ab5-direction-card.is-blue::before{ background:#5ac6ff; } .sw-about-v5 .ab5-direction-card.is-blue > span{ color:#67ccff !important; } .sw-about-v5 .ab5-direction-card.is-blue h2{ color:#ffffff !important; } .sw-about-v5 .ab5-direction-card.is-blue > b{ color:#ffffff !important; opacity:.055 !important; } /* Hover */ @media (hover:hover){ .sw-about-v5 .ab5-direction-card:hover{ transform:translateY(-6px); border-color:#bfd4e5 !important; box-shadow: 0 28px 75px rgba(19,52,82,.12); } .sw-about-v5 .ab5-direction-card.is-blue:hover{ border-color:#27628f !important; box-shadow: 0 30px 80px rgba(3,38,69,.24); } } /* Tablet */ @media(max-width:991.98px){ .sw-about-v5 .ab5-direction-head{ grid-template-columns:1fr; gap:18px; } .sw-about-v5 .ab5-direction-head p{ grid-column:1; } .sw-about-v5 .ab5-direction-grid{ grid-template-columns:1fr !important; } .sw-about-v5 .ab5-direction-card{ min-height:300px !important; } } /* Mobile */ @media(max-width:767.98px){ .sw-about-v5 .ab5-direction{ padding:72px 0 78px !important; } .sw-about-v5 .ab5-direction-head{ margin-bottom:34px; } .sw-about-v5 .ab5-direction-head h2{ font-size:34px; } .sw-about-v5 .ab5-direction-card{ min-height:280px !important; padding:28px 26px 30px !important; border-radius:16px; } .sw-about-v5 .ab5-direction-card h2{ margin-top:54px !important; font-size:27px !important; } .sw-about-v5 .ab5-direction-card > b{ font-size:58px !important; } } /* ABOUT V5.2 MANIFESTO START */ /* ========================================================== VISION / MISSION Corporate Manifesto Style ========================================================== */ .sw-about-v5 .ab5-direction{ padding:92px 0 100px !important; background:#f7f9fc !important; } /* ---------- SECTION INTRO ---------- */ .sw-about-v5 .ab5-direction-head{ display:grid !important; grid-template-columns:220px minmax(0,1fr) !important; column-gap:56px !important; row-gap:12px !important; max-width:none !important; margin:0 0 42px !important; } .sw-about-v5 .ab5-direction-head > span{ grid-column:1 !important; grid-row:1 / span 2 !important; align-self:start; display:flex !important; align-items:center; gap:10px; margin:7px 0 0 !important; font-size:11px !important; line-height:1.3; letter-spacing:.14em; font-weight:800; color:#087cf0 !important; } .sw-about-v5 .ab5-direction-head > span::before{ content:""; display:block; width:28px; height:2px; flex:none; background:#087cf0; } .sw-about-v5 .ab5-direction-head h2{ grid-column:2 !important; margin:0 !important; max-width:900px !important; font-size:clamp(34px,3.3vw,50px) !important; line-height:1.08 !important; letter-spacing:-.045em !important; color:#071b31 !important; } .sw-about-v5 .ab5-direction-head h2 em{ display:inline !important; font-style:normal !important; color:#087cf0 !important; } .sw-about-v5 .ab5-direction-head p{ grid-column:2 !important; margin:4px 0 0 !important; max-width:760px !important; font-size:16px !important; line-height:1.7 !important; color:#627589 !important; } /* ========================================================== BỎ KIỂU 2 CARD TO Chuyển thành 2 manifesto rows ========================================================== */ .sw-about-v5 .ab5-direction-grid{ display:flex !important; flex-direction:column !important; gap:14px !important; border:0 !important; background:transparent !important; } /* ---------- ROW CHUNG ---------- */ .sw-about-v5 .ab5-direction-card{ position:relative !important; min-height:0 !important; height:auto !important; display:grid !important; grid-template-columns: 150px minmax(0,1fr) 90px !important; align-items:center !important; column-gap:34px !important; padding:34px 38px !important; border:1px solid #dce5ed !important; border-radius:16px !important; background:#ffffff !important; box-shadow: 0 12px 35px rgba(20,50,80,.045) !important; overflow:hidden !important; transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease, border-color .45s ease !important; } /* bỏ đường trên/card cũ */ .sw-about-v5 .ab5-direction-card::before{ display:none !important; } /* ---------- LABEL ---------- */ .sw-about-v5 .ab5-direction-card > span{ position:relative !important; z-index:3; display:block !important; margin:0 !important; font-size:11px !important; line-height:1.45 !important; letter-spacing:.14em !important; font-weight:800 !important; color:#087cf0 !important; } /* ---------- NỘI DUNG ---------- */ .sw-about-v5 .ab5-direction-card h2{ position:relative !important; z-index:3; margin:0 !important; max-width:850px !important; font-size:clamp(23px,2vw,31px) !important; line-height:1.3 !important; letter-spacing:-.025em !important; color:#071b31 !important; } /* ---------- VISION / MISSION nhỏ bên phải ---------- */ .sw-about-v5 .ab5-direction-card > b{ position:static !important; justify-self:end !important; align-self:center !important; transform:none !important; font-size:13px !important; line-height:1 !important; letter-spacing:.12em !important; font-weight:800 !important; opacity:.22 !important; color:#071b31 !important; writing-mode:vertical-rl; } /* ========================================================== MISSION ROW ========================================================== */ .sw-about-v5 .ab5-direction-card.is-blue{ background: linear-gradient( 110deg, #082946 0%, #07375f 68%, #09518a 100% ) !important; border-color:#16466b !important; color:#ffffff !important; box-shadow: 0 16px 42px rgba(4,40,70,.12) !important; } .sw-about-v5 .ab5-direction-card.is-blue > span{ color:#62c8ff !important; } .sw-about-v5 .ab5-direction-card.is-blue h2{ color:#ffffff !important; } .sw-about-v5 .ab5-direction-card.is-blue > b{ color:#ffffff !important; opacity:.24 !important; } /* accent line nhỏ */ .sw-about-v5 .ab5-direction-card::after{ content:""; position:absolute; left:0; top:22%; bottom:22%; width:3px; border-radius:0 3px 3px 0; background:#087cf0; } .sw-about-v5 .ab5-direction-card.is-blue::after{ background:#62c8ff; } /* Hover desktop */ @media (hover:hover){ .sw-about-v5 .ab5-direction-card:hover{ transform:translateX(6px) !important; border-color:#b8cfdf !important; box-shadow: 0 18px 48px rgba(20,50,80,.09) !important; } .sw-about-v5 .ab5-direction-card.is-blue:hover{ border-color:#2a638d !important; box-shadow: 0 20px 52px rgba(4,40,70,.18) !important; } } /* ========================================================== TABLET ========================================================== */ @media(max-width:991.98px){ .sw-about-v5 .ab5-direction-head{ grid-template-columns:1fr !important; gap:14px !important; } .sw-about-v5 .ab5-direction-head > span, .sw-about-v5 .ab5-direction-head h2, .sw-about-v5 .ab5-direction-head p{ grid-column:1 !important; grid-row:auto !important; } .sw-about-v5 .ab5-direction-card{ grid-template-columns: 125px minmax(0,1fr) !important; padding:30px 30px !important; } .sw-about-v5 .ab5-direction-card > b{ display:none !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767.98px){ .sw-about-v5 .ab5-direction{ padding:68px 0 74px !important; } .sw-about-v5 .ab5-direction-head{ margin-bottom:28px !important; } .sw-about-v5 .ab5-direction-head h2{ font-size:32px !important; } .sw-about-v5 .ab5-direction-card{ display:block !important; padding:26px 24px 28px !important; border-radius:14px !important; } .sw-about-v5 .ab5-direction-card > span{ margin-bottom:18px !important; } .sw-about-v5 .ab5-direction-card h2{ font-size:23px !important; line-height:1.35 !important; } .sw-about-v5 .ab5-direction-card::after{ top:0; bottom:auto; left:24px; width:54px; height:3px; } } /* ABOUT V5.2 MANIFESTO END */