/*
Theme Name: Rasdata Child
Theme URI: https://rasdata.id
Description: IT & Communication Solution child theme for Flatsome. Editable native UX Builder content.
Author: Rasdata
Template: flatsome
Version: 1.0.1
Text Domain: rasdata-child
*/
:root{--rd-navy:#081b33;--rd-blue:#135dff;--rd-cyan:#53e0dc;--rd-muted:#58697c}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:Arial,Helvetica,sans-serif;color:var(--rd-navy)}h1,h2,h3,h4,.nav>li>a{font-family:inherit}h1,h2,h3{color:var(--rd-navy)}.rd-section{padding:86px 20px!important}.rd-section .row{max-width:1200px}.rd-section .col{padding-bottom:24px}.rd-section h2{font-size:clamp(30px,3.3vw,44px);line-height:1.15;letter-spacing:-1.4px}.rd-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--rd-blue);margin-bottom:22px}.rd-hero{background:var(--rd-navy);color:#c1cee0;padding-top:100px!important;padding-bottom:70px!important;overflow:hidden}.rd-hero h1{font-size:clamp(40px,4.8vw,65px);line-height:1.06;color:white;letter-spacing:-2.5px}.rd-hero h1 span{color:var(--rd-cyan)}.rd-hero .rd-eyebrow,.rd-contact .rd-eyebrow{color:var(--rd-cyan)}.rd-lead{font-size:18px;line-height:1.8;max-width:510px}.rd-small{font-size:12px;margin-top:22px;opacity:.75}.rd-primary.button{background:var(--rd-blue)!important;color:white!important;border-radius:6px;text-transform:none;letter-spacing:0;padding:3px 23px;box-shadow:0 7px 25px #135dff25}.rd-secondary.button{color:#d4e2f4;border:1px solid #516077;border-radius:6px;text-transform:none;letter-spacing:0}.rd-console{margin:10px 0 0 25px;background:linear-gradient(135deg,#132d4c,#0b203b);border:1px solid #304863;border-radius:18px;box-shadow:0 28px 65px #0004;transform:rotate(-2deg);padding:22px}.rd-console-top,.rd-console-bottom{font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:9px;color:#b2c8df}.rd-dot{width:7px;height:7px;background:var(--rd-cyan);border-radius:50%}.rd-orbit{height:300px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#135dff33,transparent 68%)}.rd-orbit:before,.rd-orbit:after{content:"";position:absolute;width:235px;height:235px;border:1px solid #53e0dc33;border-radius:50%}.rd-orbit:after{width:160px;height:160px;border-style:dashed}.rd-core{font-size:38px;font-weight:800;letter-spacing:-2px;color:white;z-index:1;text-align:center}.rd-core span{display:block;font-size:7px;letter-spacing:2px;color:var(--rd-cyan)}.rd-node{position:absolute;background:#102d4d;border:1px solid #3e6489;padding:10px 14px;font-size:8px;letter-spacing:1px;border-radius:6px;z-index:2}.rd-n1{top:23px;left:27px}.rd-n2{top:47px;right:5px}.rd-n3{bottom:43px;left:4px}.rd-n4{bottom:20px;right:6px}.rd-console-bottom{justify-content:space-between;border-top:1px solid #304863;padding-top:18px}.rd-band{padding-top:28px!important;padding-bottom:4px!important;background:#edf3fa;border-bottom:1px solid #dfe7f0}.rd-strip{font-size:19px;line-height:1.65;margin:0}.rd-band .rd-eyebrow{margin-top:10px}.rd-intro{padding-top:35px;line-height:1.9;color:var(--rd-muted)}.rd-card{height:100%;padding:32px 28px;border:1px solid #dce5ef;border-radius:12px;background:#fff;transition:transform .2s,box-shadow .2s}.rd-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px #0a244610}.rd-services .col-inner{height:100%}.rd-index{font-size:12px;color:var(--rd-blue);letter-spacing:2px}.rd-card h3{font-size:21px;margin-top:28px}.rd-card p{font-size:14px;color:var(--rd-muted);line-height:1.8}.rd-card .rd-card-lead{font-size:15px;color:var(--rd-navy);font-weight:600}.rd-card a{display:block;margin-top:24px;font-size:12px;font-weight:700;color:var(--rd-blue)}.rd-card a span{float:right}.rd-about{background:#f4f7fb}.rd-feature{display:flex;gap:22px;border-top:1px solid #dbe3ed;padding-top:22px;margin-top:23px}.rd-feature b{color:var(--rd-blue);font-size:12px}.rd-feature h3{font-size:19px}.rd-feature p{font-size:14px;color:var(--rd-muted)}.rd-step{border-top:2px solid #dce6f3;padding-top:24px}.rd-step span{color:var(--rd-blue);font-size:13px}.rd-step h3{margin-top:28px;font-size:23px}.rd-step p{color:var(--rd-muted);font-size:14px}.rd-contact{background:var(--rd-navy);text-align:center;color:#bccbdd}.rd-contact h2{color:white;font-size:clamp(34px,4.5vw,54px)}.rd-contact p{max-width:600px;margin-left:auto;margin-right:auto}.rd-contact .button{margin-top:12px}.rd-anchor{scroll-margin-top:100px}.header-main{height:85px}.header-nav-main>li>a{font-size:12px;text-transform:none;color:var(--rd-navy)}#logo a{font-size:30px;font-weight:800;color:var(--rd-navy);letter-spacing:-1.5px}.rd-footer{background:#061426;color:#a0b2c9;padding:40px 24px}.rd-footer-inner{max-width:1140px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.rd-footer strong{font-size:28px;letter-spacing:-1px;color:white}.rd-footer p{font-size:12px;margin:7px 0}.rd-footer a{color:#bdcce0;font-size:12px}.rd-footer nav{display:flex;gap:22px}a:focus-visible,.button:focus-visible{outline:3px solid #27c7c1;outline-offset:5px}
@media(max-width:849px){.rd-section{padding:55px 18px!important}.rd-hero{padding-top:65px!important}.rd-console{margin:18px 0 0;transform:none}.rd-intro{padding-top:0}.rd-footer-inner{align-items:flex-start;flex-direction:column}.rd-footer nav{flex-wrap:wrap}.rd-band{padding:25px 18px 0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rd-card{transition:none}.rd-card:hover{transform:none}}

/* Branded header replaces the parent header, including its demo top bar. */
#header.rd-header{position:sticky;top:0;z-index:100;min-height:84px;height:auto;background:#fff;border-bottom:1px solid #e6edf5;box-shadow:0 4px 24px #081b3306}
body.admin-bar #header.rd-header{top:32px}
.rd-nav-inner{max-width:1200px;margin:0 auto;padding:0 30px;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.rd-brand{font-family:Arial,Helvetica,sans-serif;font-size:34px;font-weight:800;letter-spacing:-1.8px;color:#081b33;line-height:1;white-space:nowrap}
.rd-brand:hover{color:#081b33}.rd-brand span{color:#135dff}
.rd-navigation{display:flex;align-items:center;gap:38px}
.rd-nav-list{display:flex;align-items:center;gap:30px;margin:0!important;padding:0;list-style:none}
.rd-nav-list li{margin:0!important;list-style:none}
.rd-nav-list a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;color:#35475e;position:relative;transition:color .15s}
.rd-nav-list a:hover,.rd-nav-list a:focus-visible,.rd-nav-list .current-menu-item>a{color:#135dff}
.rd-nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;background:#135dff;color:#fff!important;font-size:12px;font-weight:700;border-radius:6px;padding:0 20px;white-space:nowrap;transition:background .15s}
.rd-nav-cta:hover{background:#074be0}.rd-nav-cta span{font-size:17px}
.rd-menu-toggle{display:none;margin:0;letter-spacing:0;text-transform:none}
@media(max-width:849px){
#header.rd-header{min-height:72px}.rd-nav-inner{min-height:72px;gap:15px;padding:0 24px;flex-wrap:wrap}.rd-brand{font-size:30px}
.rd-navigation{width:100%;flex-direction:column;align-items:stretch;gap:16px;padding:0 0 22px}
.rd-nav-list{flex-direction:column;align-items:stretch;gap:0}.rd-nav-list a{display:flex;min-height:46px;border-bottom:1px solid #edf2f8;font-size:14px}
.rd-nav-cta{align-self:flex-start}.rd-nav-ready .rd-menu-toggle{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 10px;border:1px solid #dce5ef;border-radius:6px;background:#fff;color:#081b33;font-size:12px}
.rd-hamburger{display:flex;flex-direction:column;gap:4px}.rd-hamburger i{display:block;width:17px;height:2px;background:currentColor}
.rd-nav-ready .rd-menu-toggle[aria-expanded="false"]+.rd-navigation{display:none}
body.admin-bar #header.rd-header{top:32px}
}
@media(max-width:782px){body.admin-bar #header.rd-header{top:46px}}
@media(max-width:600px){body.admin-bar #header.rd-header{top:0}}
@media(prefers-reduced-motion:reduce){.rd-nav-list a,.rd-nav-cta{transition:none}}