* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
        body { background: #fff !important; overflow-x: hidden }

        
        .bannerslider.oneuspage { position: relative !important; margin-bottom: 0 !important; overflow: hidden !important; min-height: 56vh !important }
        .bannerslider.oneuspage > img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; filter: brightness(.72) !important; z-index: 0 !important }
        .bannerslider.oneuspage::after { content: '' !important; position: absolute !important; inset: 0 !important; background: linear-gradient(to bottom, rgba(0,0,0,.08) 0%, rgba(0,0,0,.4) 100%) !important; pointer-events: none !important; z-index: 1 !important }
        .bannerslider .captionheader.shadownone.lefttextcap.nohome { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 2 !important; height: 100% !important; padding: 0 !important; margin: 0 !important }
        .bannerslider .captionheader.shadownone .container { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; height: auto !important; text-align: center !important }
        .bannerslider .captionheader .eyebrow {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-size: .72rem !important; font-weight: 600 !important;
            letter-spacing: .18em !important; text-transform: uppercase !important;
            color: #7ec8f0 !important; margin-bottom: 18px !important;
            display: inline-block !important;
            padding: 6px 14px !important;
            border: 1px solid rgba(126,200,240,.4) !important;
            border-radius: 980px !important;
            background: rgba(126,200,240,.08) !important;
        }
        .bannerslider .captionheader h1 {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-size: clamp(2.2rem, 5vw, 4rem) !important;
            font-weight: 700 !important; line-height: 1.08 !important;
            letter-spacing: -.03em !important; color: #fff !important;
            max-width: 920px !important; margin: 0 auto !important;
        }
        .bannerslider .captionheader h1 span { color: #7ec8f0 !important; -webkit-text-fill-color: #7ec8f0 !important; background: none !important; display: inline !important }
        .bannerslider .captionheader .herolede {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-size: 1.05rem !important; line-height: 1.6 !important;
            color: rgba(255,255,255,.78) !important;
            max-width: 720px !important; margin: 24px auto 0 !important;
            font-weight: 400 !important;
        }

        
        .glancepart { padding: 100px 0 80px !important; background: #fff !important }
        .glancepart .container { max-width: 1080px !important }
        .glancegrid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 56px !important; align-items: start !important }
        .glanceblock h2 {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-size: clamp(1.5rem, 2.6vw, 1.9rem) !important;
            font-weight: 700 !important; letter-spacing: -.03em !important;
            color: #1d1d1f !important; line-height: 1.25 !important; margin-bottom: 14px !important;
        }
        .glanceblock h2 .eyebrow {
            display: block !important;
            font-size: .72rem !important; font-weight: 600 !important;
            letter-spacing: .12em !important; text-transform: uppercase !important;
            color: #0071e3 !important; margin-bottom: 12px !important;
        }
        .glanceblock p { font-family: 'Plus Jakarta Sans', sans-serif !important; color: #6e6e73 !important; font-size: .98rem !important; line-height: 1.7 !important }
        .glanceblock .label {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-size: .72rem !important; font-weight: 600 !important;
            letter-spacing: .12em !important; text-transform: uppercase !important;
            color: #0071e3 !important; display: block !important;
            margin: 22px 0 8px !important;
        }
        .benefitlist { list-style: none !important; padding: 0 !important; margin: 8px 0 0 !important }
        .benefitlist li {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            color: #1d1d1f !important; font-size: .94rem !important; line-height: 1.55 !important;
            padding: 14px 0 14px 32px !important; position: relative !important;
            border-bottom: 1px solid #f0f0f0 !important;
        }
        .benefitlist li:last-child { border-bottom: none !important }
        .benefitlist li::before {
            content: '' !important; position: absolute !important;
            left: 4px !important; top: 20px !important;
            width: 14px !important; height: 14px !important; border-radius: 50% !important;
            background: rgba(0,113,227,.12) !important;
        }
        .benefitlist li::after {
            content: '' !important; position: absolute !important;
            left: 8px !important; top: 25px !important;
            width: 6px !important; height: 6px !important; border-radius: 50% !important;
            background: #0071e3 !important;
        }

        
        .blockpart { padding: 80px 0 !important; background: #f5f5f7 !important }
        .blockpart.alt { background: #fff !important }
        .blockpart .container { max-width: 1080px !important }
        .blockpart .blockrow { display: grid !important; grid-template-columns: 280px 1fr !important; gap: 56px !important; align-items: start !important }
        .blockpart h3 {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-size: clamp(1.4rem, 2.4vw, 1.8rem) !important;
            font-weight: 700 !important; letter-spacing: -.02em !important;
            color: #1d1d1f !important; margin-bottom: 14px !important; line-height: 1.2 !important;
        }
        .blockpart h3 .eyebrow {
            display: block !important;
            font-size: .68rem !important; font-weight: 600 !important;
            letter-spacing: .14em !important; text-transform: uppercase !important;
            color: #0071e3 !important; margin-bottom: 14px !important;
        }
        .blockpart p {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            color: #6e6e73 !important; font-size: 1rem !important; line-height: 1.75 !important;
            margin-bottom: 16px !important;
        }
        .blockpart ul.steplist {
            list-style: none !important; padding: 0 !important; margin: 16px 0 0 !important;
            display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important;
        }
        .blockpart ul.steplist li {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            color: #1d1d1f !important; font-size: .92rem !important; line-height: 1.55 !important;
            padding: 18px 20px !important; background: #fff !important;
            border: 1px solid #e8e8ed !important; border-radius: 12px !important;
            position: relative !important;
        }
        .blockpart.alt ul.steplist li { background: #f5f5f7 !important; border-color: #ececf1 !important }

        
        .quotepart { padding: 100px 0 !important; background: #fff !important }
        .quotepart .container { max-width: 880px !important; text-align: center !important }
        .quotepart blockquote {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-size: clamp(1.25rem, 2.4vw, 1.7rem) !important;
            font-weight: 500 !important; line-height: 1.45 !important;
            letter-spacing: -.01em !important; color: #1d1d1f !important;
            margin: 0 !important; padding: 0 !important; border: none !important;
        }
        .quotepart blockquote::before { content: '\201C' !important; font-size: 4rem !important; line-height: 0 !important; vertical-align: -.4em !important; color: #0071e3 !important; margin-right: 6px !important }
        .quotepart blockquote::after { content: '\201D' !important; font-size: 4rem !important; line-height: 0 !important; vertical-align: -.4em !important; color: #0071e3 !important; margin-left: 6px !important }
        .quotepart .qauthor {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-size: .82rem !important; font-weight: 600 !important;
            letter-spacing: .12em !important; text-transform: uppercase !important;
            color: #86868b !important; margin-top: 28px !important;
        }

        
        .morecases { padding: 100px 0 80px !important; background: #f5f5f7 !important }
        .morecases .container { max-width: 1080px !important }
        .morecases .wemake {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-size: clamp(1.8rem, 3.2vw, 2.5rem) !important;
            font-weight: 700 !important; letter-spacing: -.03em !important;
            color: #1d1d1f !important; margin-bottom: 8px !important;
        }
        .morecases p.lede { font-family: 'Plus Jakarta Sans', sans-serif !important; color: #86868b !important; font-size: 1rem !important; margin-bottom: 48px !important }
        .maincontainer { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important }
        .maincontainer figure {
            margin: 0 !important; border-radius: 14px !important; overflow: hidden !important;
            background: #fff !important; border: 1px solid #e8e8ed !important; box-shadow: none !important;
            transition: border-color .25s, box-shadow .35s ease, transform .35s ease !important;
            display: flex !important; flex-direction: column !important; cursor: pointer !important;
        }
        .maincontainer figure:hover { transform: translateY(-3px) !important; border-color: #d2d2d7 !important; box-shadow: 0 4px 12px rgba(0,0,0,.04), 0 12px 32px rgba(0,0,0,.05) !important }
        .maincontainer .imgseccont { height: 200px !important; overflow: hidden !important }
        .maincontainer .imgseccont img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform .6s cubic-bezier(.25,.1,.25,1) !important }
        .maincontainer figure:hover .imgseccont img { transform: scale(1.03) !important }
        .maincontainer figcaption { padding: 22px 24px 24px !important; flex: 1 !important; display: flex !important; flex-direction: column !important }
        .maincontainer figcaption a.cases {
            text-decoration: none !important;
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-weight: 500 !important; color: #0071e3 !important;
            font-size: .82rem !important; display: flex !important;
            flex-direction: column !important; flex: 1 !important;
        }
        .maincontainer figcaption a.cases:hover { color: #0077ed !important }
        .maincontainer figcaption .eyebrow {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-size: .68rem !important; font-weight: 600 !important;
            letter-spacing: .12em !important; text-transform: uppercase !important;
            color: #86868b !important; margin-bottom: 8px !important;
        }
        .maincontainer figcaption .cases p {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            color: #1d1d1f !important; font-size: .9rem !important; line-height: 1.5 !important;
            margin-bottom: 14px !important; flex: 1 !important; font-weight: 500 !important;
        }

        
        .contactpart { padding: 100px 0 !important; background: #fff !important }
        .contactpart .container { max-width: 1080px !important }
        .contactbond {
            background: #fff !important; border-radius: 20px !important;
            border: 1px solid #e8e8ed !important; padding: 48px !important;
            box-shadow: 0 2px 8px rgba(0,0,0,.04), 0 12px 48px rgba(0,0,0,.06) !important;
        }
        .cloudcontactheading {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-size: clamp(1.8rem, 3.2vw, 2.5rem) !important;
            font-weight: 700 !important; letter-spacing: -.03em !important;
            color: #1d1d1f !important; margin-bottom: 40px !important;
        }
        .cloudcontactheading span { color: #0071e3 !important }
        .cloudcontactimg { overflow: hidden !important; border-radius: 16px !important; height: 100% !important }
        .cloudcontactimg img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; border-radius: 16px !important }
        .allcontactform label { font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 500 !important; font-size: .82rem !important; color: #1d1d1f !important; margin-bottom: 6px !important }
        .allcontactform .form-control {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            border: 1px solid #e8e8ed !important; border-radius: 10px !important;
            padding: 12px 16px !important; font-size: .9rem !important; color: #1d1d1f !important;
            transition: border-color .2s !important; box-shadow: none !important;
        }
        .allcontactform .form-control:focus { border-color: #0071e3 !important; box-shadow: 0 0 0 3px rgba(0,113,227,.1) !important }
        .allcontactform textarea.form-control { min-height: 120px !important; resize: vertical !important }
        .allcontactform .form-group { margin-bottom: 20px !important }
        .allcontactform .btnpart .btn-primary {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            background: #0071e3 !important; border: none !important;
            border-radius: 980px !important; font-weight: 600 !important;
            font-size: 15px !important; color: #fff !important;
            transition: background .2s !important; box-shadow: none !important;
        }
        .allcontactform .btnpart .btn-primary:hover { background: #0077ed !important }

        
        body main footer.darkfooter, footer.darkfooter { background: #111113 !important; padding: 0 !important; overflow: hidden !important }
        footer.darkfooter > .container { padding-top: 64px !important; padding-bottom: 0 !important }
        footer.darkfooter > .container > .row { padding-bottom: 40px !important; border-bottom: 1px solid rgba(255,255,255,.07) !important }
        footer.darkfooter h6 {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-weight: 600 !important; font-size: .68rem !important;
            letter-spacing: .1em !important; text-transform: uppercase !important;
            color: rgba(255,255,255,.35) !important; margin-bottom: 20px !important;
        }
        footer.darkfooter ul.fotnab { list-style: none !important; padding: 0 !important; margin: 0 !important }
        footer.darkfooter ul.fotnab li { margin-bottom: 10px !important }
        footer.darkfooter ul.fotnab li a {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            color: rgba(255,255,255,.6) !important; font-size: .86rem !important;
            text-decoration: none !important; transition: color .15s !important; font-weight: 400 !important;
        }
        footer.darkfooter ul.fotnab li a:hover { color: #fff !important }
        footer.darkfooter div[style*="display:flex"] { gap: 16px !important; padding-top: 24px !important; align-items: center !important }
        footer.darkfooter a img { opacity: .5 !important; transition: opacity .15s !important; filter: none !important; vertical-align: middle !important }
        footer.darkfooter a:hover img { opacity: .85 !important; filter: none !important; transform: none !important }
        footer.darkfooter .fotcopy, .fotcopy { padding: 20px 0 !important; margin-top: 0 !important }
        footer.darkfooter .fotcopy p, .fotcopy p { font-family: 'Plus Jakarta Sans', sans-serif !important; color: rgba(255,255,255,.2) !important; font-size: .72rem !important; margin: 0 !important }
        .sr-up { transform: translateY(48px) }
        .sr-left { transform: translateX(-40px) }
        .sr-right { transform: translateX(40px) }
        .sr-scale { transform: scale(.92); transform-origin: center }
        .sr-d4 { transition-delay: .32s }
        .sr-d5 { transition-delay: .4s }

        
        @media(max-width:992px) {
            body > main { padding-top: 66px !important }
            .glancegrid { grid-template-columns: 1fr !important; gap: 32px !important }
            .blockpart .blockrow { grid-template-columns: 1fr !important; gap: 18px !important }
            .blockpart ul.steplist { grid-template-columns: 1fr !important }
            .maincontainer { grid-template-columns: repeat(2, 1fr) !important }
            .glancepart { padding: 60px 0 48px !important }
            .blockpart { padding: 48px 0 !important }
            .quotepart { padding: 60px 0 !important }
            .morecases { padding: 60px 0 48px !important }
            .contactpart { padding: 60px 0 !important }
            .contactbond { padding: 32px !important }
        }
        @media(max-width:640px) {
            .bannerslider.oneuspage { min-height: 48vh !important }
            .bannerslider .captionheader h1 { font-size: 1.7rem !important; line-height: 1.15 !important }
            .bannerslider .captionheader .herolede { font-size: .92rem !important }
            .maincontainer { grid-template-columns: 1fr !important; gap: 16px !important }
            .maincontainer .imgseccont { height: 180px !important }
            .maincontainer figcaption { padding: 18px 18px 20px !important }
            .contactbond { padding: 24px 20px !important; border-radius: 14px !important }
            .homenav .nav .nav-item .nav-link { font-size: 13px !important; padding: 6px 10px !important }
            #mainlogo img.logo1 { height: 24px !important }
            #mainlogo img.logo2 { height: 18px !important }
            .darkfooter > .container { padding-top: 40px !important }
        }
        @media(max-width:400px) {
            .bannerslider .captionheader h1 { font-size: 1.4rem !important }
            .bannerslider.oneuspage { min-height: 42vh !important }
        }