html{scroll-behavior:smooth}code{color:#2f6f9f}.tag{color:#2f6f9f}.attribute{color:#4f9fcf}.value{color:#d44950}.comment{color:#b1bac4}.container-fluid{padding:0 4%}.main-navigation{position:fixed;width:20rem;right:0;top:0;z-index:99;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-navigation .navbar{background:none !important}.main-navigation ul li{width:100%;font-size:1.5rem}.main-navigation ul li .nav-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:600;-webkit-transition:all .4s ease;transition:all .4s ease}.main-navigation ul li .nav-link .icons{display:-webkit-box;display:-ms-flexbox;display:flex;width:60px;height:60px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:1rem;border-radius:0.25rem;background:white;color:#175B82}.main-navigation ul li .nav-link:hover .icons{background:#3796D6;color:white}.main-navigation ul li .nav-link.active{color:#0076a3}.main-navigation ul li .nav-link.active .icons{background:#3796D6;color:white}.styleguide-wrapper{background-image:-webkit-linear-gradient(right top, #91e0ff, #b9e5ff, #d9ecff, #f1f4ff, #fff);background-image:linear-gradient(to left bottom, #91e0ff, #b9e5ff, #d9ecff, #f1f4ff, #fff)}.main-heading{font-size:6rem;font-weight:700}.first-section{background-color:#004981;background:url("https://assets.nationbuilder.com/themes/66a786065ac8f9276dc5b1bc/attachments/original/1724042168/style-guide-bg.jpg") no-repeat;background-attachment:fixed;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100svh;position:relative}.first-section:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:black;opacity:0.3}.first-section .container-fluid{position:relative;z-index:9}.brand-logo img{max-width:400px}.container-fluid{padding:0 4%}.second-section{min-height:100svh;padding:9rem 0;position:relative;overflow:hidden}.second-section h3{margin-top:3rem}.logo-art .logo-art{position:absolute;right:0;bottom:0}.sec-heading{font-size:5rem;line-height:1.1;font-weight:700}.sec-heading span{color:#00AEEF}.sec{padding:10rem 0 !important}.third-section .cont-list li{margin-bottom:2rem}.bg-one{background:url(light-background.jpg) no-repeat;background-size:cover;background-position:center}.bg-two{background:url(dark-bg.jpg) no-repeat;background-size:cover;background-position:center}.items{min-height:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.items img{max-width:150px}.items i{position:absolute;left:1rem;top:1rem;font-size:2rem}.items i.fa-check{color:#2AC3A2}.items i.fa-xmark{color:red}.color-items-large{padding-top:100%;border-radius:5%}.sixth-section i{position:absolute;right:1rem;top:1rem;color:#2AC3A2;font-size:1.5rem}.logo-art{opacity:0.5}.sample-code{overflow-x:auto;max-width:100% !important;border-radius:10px;background:white;padding:2.5rem 1.5rem 1.5rem;position:relative;border:1px solid #ddd}.btn-copycode{position:absolute;right:5px;top:5px;border:0 none;outline:0 none;padding:0.6rem 1.5rem;border-radius:6px}.message{display:none;position:absolute;left:0;top:0;width:100%;height:100%}.message span{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(255,255,255,0.8);font-weight:600}pre{margin-bottom:0}.inneritems{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.inneritems .btn{white-space:nowrap}.bd-example .box{display:inline-block;width:5rem;height:5rem;margin:.25rem}@media (max-width: 1499px){.main-heading{font-size:5rem}.sec-heading{font-size:4rem}.main-navigation ul li{font-size:1.7rem;margin-bottom:0}}@media (max-width: 1299px){.main-heading{max-width:60%}}@media (max-width: 991px){.main-navigation{display:none}.main-heading{max-width:100%}.main-heading br{display:none}}@media (max-width: 575px){.sec-heading{font-size:2.5rem}.main-heading{font-size:3rem}.cont-text{font-weight:600 !important}.sec{padding:5rem 0 !important}h4{font-size:1rem}}