/* Theme Name : OpenCNAPP */
 
/*Importing fonts*/
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
/*Global CSS*/
:root{
    --primary-color:#a42ccb;
    --secondary-color:#082c74;
    --dark-bg-color:#020023;
    --ash-bg-color:#efefef;
    --black-color:#000000;
    --white-color:#ffffff;
    --light-color:#f9fbff;
}
::-moz-selection{color:var(--white-color);background:var(--primary-color)}
::selection{color:var(--white-color);background:var(--primary-color)}
@font-face{font-family:"fallback for poppins";src:local("Times New Roman");ascent-override:105%;descent-override:35%;line-gap-override:10%;}
body{font-family:"Poppins","fallback for poppins",sans-serif;color:var(--black-color);scroll-padding-top:127px}
.bg-white{background-color:var(--white-color)!important}
.bg-light{background-color:var(--light-color)!important}
.font-30{font-size:30px!important}
.font-36{font-size:36px!important}
.fw-500{font-weight:500!important}
.fw-600{font-weight:600!important}
.btn{border-radius:3px;padding:0.6rem 1.5rem}
.primary-color{color:var(--primary-color)}
.mb-1hrem{margin:0 0 1.5rem!important}
.mt-1rem{margin-top:1rem!important}
.mt-2rem{margin-top:2rem!important}
.mt-4rem{margin-top:4rem!important}
.mt-8rem{margin-top:8rem!important}
.mb-1rem{margin-bottom:1rem!important}
.mb-2rem{margin-bottom:2rem!important}
.mb-3rem{margin-bottom:3rem!important}
.mb-4rem{margin-bottom:4rem!important}
.ml-1rem{margin-left:1rem!important}
.ml-2rem{margin-left:2rem!important}
.ml-3rem{margin-left:3rem!important}
.pt-2rem{padding-top:2rem!important}
.pt-4rem{padding-top:4rem!important}
.pb-2rem{padding-bottom:2rem!important}
.pb-4rem{padding-bottom:4rem!important}
.p-7x2rem{padding:7rem 2rem!important}
.lh-1{line-height:1!important}
.lh-2{line-height:2!important}
.link{color:#a42ccb;text-underline-offset:5px}.link:hover,.link:visited{color:#9327b6}.link-arrow::after{content:" >"}
.btn-shadow{box-shadow:0 0 6px 0 rgba(0,0,0,0.2)}
.btn-light{color:var(--secondary-color)!important;background-color:var(--white-color)}
.btn-light.btn-arrow::after{content:" >";color:var(--secondary-color)}


/*Header*/
.navbar{padding:15px 2rem;box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}
.navbar .nav-link{margin:0 1rem;color:var(--primary-color);font-weight:700}

/*hero section*/
.section-hero{color:var(--white-color);padding:7rem 2rem}
.section-hero h1,.section-federal-protection .title{font-size:30px;font-weight:700;margin:0 0 1.5rem;line-height:normal;text-shadow:0 3px 7px rgba(0,0,0,0.78)}
.section-hero p,.section-federal-protection p{font-size:20px;line-height:1.8;margin:0 0 2rem;text-shadow:0 3px 7px rgba(0,0,0,0.75)}
.section-hero .btn,.section-federal-protection .btn,.btn-shadow{box-shadow:0px 3px 7px 0px rgba(0,0,0,0.75)}

/*section 2*/
.section-home-2,.section-dark,.section-ash{padding:5rem 2rem}
.title,.secondary-title{font-weight:600;margin:0 0 1.5rem}
.title{font-size:36px}
.secondary-title{font-size:30px}
.sub-title{font-size:26px;font-weight:500;margin:0 0 1.5rem}
.section-dark{background-color:var(--dark-bg-color);color:var(--white-color)}
.section-dark .title,.section-dark .sub-title{color:var(--white-color)}
.section-ash{background:var(--ash-bg-color);}
#section-2-tab{border:0;margin:0}
#section-2-tab>li>button{border:2px solid #ececec;width:100%;border-radius:10px;color:#000;display:inline-flex;align-items:center;padding:1rem 1.5rem;font-weight:600;box-shadow:0 0 18px rgba(0,0,0,0.06);}
#section-2-tab>li:not(:last-child)>button{margin:0 0 1rem}
#section-2-tab>li>button.active{border-color:var(--primary-color)}
#section-2-tab>li>button span{margin-right:1rem}
.section-2-tab-content{padding:1rem}
.section-2-tab-content .tab-pane{outline:none!important}
.list-check{padding:0px;list-style:none;margin:0}
.list-check li{display:inline-block;margin:0 0 1rem;padding-left:3rem;position:relative}
.list-check li::before{content:"";width:29px;height:28px;background-image:url("/images/icons/opencnapp-sprite.webp");background-position:-59px -10px;position:absolute;left:0;display:inline-block}
.zero-cnapp-p{max-width:1080px;font-size:22px;margin:0 auto 2rem;}
.zero-cnapp-ul{display:inline-block;width:100%;font-size:30px;list-style:none;}
.zero-cnapp-ul li:not(:last-child){margin:0 0 1rem;}
.section-federal-protection{padding:8rem 2rem;color:var(--white-color);display:flex;min-height:899px;align-items:center}
.section-federal-protection .title{max-width:400px;font-size:36px}
.section-silo-content{padding:5rem 0}
ol.breadcrumb a{color:#4f1186;text-decoration:none}
.breadcrumb-item+.breadcrumb-item::before{content:"";width:8px;height:10px;border-top:2px solid var(--primary-color);border-left:2px solid var(--primary-color);transform:translate(0px, 10px) rotate(135deg);margin:0px 10px 0px 0px;}


.use-cases{background:#f3f7ff;padding:3rem 0}
.use-case-primary-title{font-size:2rem;font-weight:600;color:#001170;line-height:1.5;margin:0 0 1rem}
.use-case-title{font-size:1.3rem;font-weight:600;padding:0.6rem 1.5rem;background:#e2f1fe;}
.use-case-box{margin:0 0 1.5rem}
.use-case-body{background:#fff}
.use-case-body .col-lg-6{padding:1.5rem 2.2rem}
.use-cases img{max-width:310px!important}
.list-tick{list-style:none}
.list-tick li{position:relative;padding-left:2rem}
.list-tick li::before{content:"";width:15px;height:9px;border-left:3px solid #0041f7;border-bottom:3px solid #0041f7;display:inline-block;position:absolute;left:0;top:8px;transform:rotate(315deg)}

[class^="opensprite-"]{display:inline-block;background-image:url("/images/icons/opencnapp-sprite.webp");}
.opensprite-tab-1{width:29px;height:29px;background-position:-10px -10px;}
.opensprite-tab-2{width:26px;height:24px;background-position:-108px -56px;}
.opensprite-tab-3{width:26px;height:26px;background-position:-10px -59px;}
.opensprite-tab-4{width:26px;height:26px;background-position:-56px -59px;}
.opensprite-tab-5{width:26px;height:26px;background-position:-108px -10px;}
.opensprite-tab-6{width:21px;height:21px;background-position:-10px -105px;}
.opensprite-list-tick{width:29px;height:28px;background-position:-59px -10px;}

/*.code-box{position:relative;display:inline-block}
.code-box code{color:#f1f1f1;padding:1.5rem;display:inline-block;border-radius:6px;background:#181e25;top:5px;right:10px;white-space:pre;overflow:auto;max-width:100%}
.code-box .copy{border:0;background:transparent;position:absolute;top:5px;right:4px;opacity:0.8;border-radius:4px}
.code-box .copy:hover{background:rgb(255,255,255,0.25);opacity:1}
.code-box .copy svg{transform:translateY(-2px)}
.code-box.dark code{color:#f1f1f1;background:#181e25}
.code-box.dark .copy{color:#fff}
.code-box.dark .copy svg{fill:#fff}
.flashtip{position:absolute;background:#181e25;top:-32px;right:-20px;opacity:1;border-radius:3px;font-size:14px;padding:5px 8px;color:#fff}
.copy-status{position:absolute;display:none;padding:4px 15px;background-color:#383f47;color:#fff;border-radius:4px;z-index:999;font-size:14px}
.copy-status::after{content:"";border-top:7px solid #383f47;border-left:7px solid transparent;border-right:7px solid transparent;width:0;height:0;bottom:-7px;position:absolute;left:0;right:0;margin:auto}*/

/*footer*/
footer{background:#000;color:#fff;text-align:center;font-size:13px;padding:3rem 0.5rem}

@media screen and (min-width:1400px){body{font-size:18px;line-height:1.8}.section-home-2 .title{font-size:36px}.sub-title{font-size:26px}}
@media screen and (min-width:1400px){nav.navbar .container,.use-cases .container{max-width:1355px}.section-hero{background:url("/images/backgrounds/bg-hero.webp") center center/cover no-repeat,linear-gradient(90deg, #120868, #b622be);min-height:609px;display:flex;align-items:center}.container{max-width:1400px}.section-hero .container,.section-federal-protection .container{max-width:1200px}.tab-container{max-width:1622px}.main-p{font-size:24px}.home-section-8 .container{max-width:1500px}}
@media screen and (min-width:1200px) and (max-width:1399px){nav.navbar .container{max-width:1450px}.row-feature .card-1 .card-title{font-size:16px}}
@media screen and (min-width:1200px){ul.navbar-nav{margin-left:8%}.row-margin{margin:4rem -15px}.row-margin-2{margin:2rem -15px 4rem}body.home .section-hero h1{min-height:92px}body.home .section-hero p{font-size:22px;min-height:290px;line-height:2.2}footer p{font-size:0.9vw}footer .container-fluid{padding:0}.ml-lg-auto{margin-left:auto}.nowrap-lg{white-space:nowrap}.section-2-tab-content .col-lg-5{padding:0 2rem}}
@media screen and (min-width:992px){nav.navbar .btn{margin-left:auto}.navbar .nav-link{padding:2.2rem 1rem}.pr-lg-3rem{padding-right:3rem!important}.section-hero.p-extended{padding:9rem 0}.lg-w-50{width:50%}}
@media screen and (max-width:991px){.navbar-collapse{padding:1rem;position:absolute;top:calc(100% + 15px);background:var(--white-color);width:100%;border-radius:0 0 5px 5px;box-shadow:0 5px 10px 0 rgba(0,0,0,0.2)}nav.navbar .container{position:relative}.navbar .nav-link{margin:0 0 1rem!important}.code-box{width:100%}.section-cta .apply-text{margin:auto}}
@media screen and (min-width:768px){.section-federal-protection{background:#051958 url("/images/backgrounds/bg-federal.webp") center center/cover no-repeat;}}
@media screen and (min-width:768px) and (max-width:1399px){.section-hero{background:url("/images/backgrounds/bg-hero-desktop.webp") center center/cover no-repeat,linear-gradient(90deg, #120868, #b622be);min-height:609px}}
@media screen and (max-width:767px){.section-hero{background:#531388 url("/images/backgrounds/bg-hero-mobile.webp") top left/cover no-repeat}.section-home-2 .title{font-size:26px}.section-home-2 .sub-title{font-size:20px}.mt-xs-5{margin-top:3rem!important}.section-federal-protection{background:#051958 url("/images/backgrounds/bg-federal-mobile.webp") center center/cover no-repeat;}.title,.section-federal-protection .title{font-size:30px}.secondary-title{font-size:22px}.zero-cnapp-ul{font-size:22px}.section-2-tab-content .col-lg-5{padding:20px}}
@media screen and (max-width:400px){body.home .section-hero h1{min-height:140px}body.home .section-hero p{min-height:308px}.navbar-brand img{max-width:140px}.section-hero,.section-home-2{padding:4rem 2rem}.section-hero h1{font-size:24px}.section-hero p{font-size:16px}}