/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,footer,header,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,pre{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:.875em;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-inline{padding-left:0;list-style:none}.blockquote{margin-bottom:1rem;font-size:1.25rem}.img-fluid{max-width:100%;height:auto}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.container,.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-10,.col-12,.col-5,.col-6,.col-8,.col-lg-10,.col-lg-12,.col-lg-2,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-md-10,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-12,.col-sm-3,.col-sm-4,.col-sm-6,.col-sm-8,.col-sm-9{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}@media (min-width:576px){.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}}@media (min-width:992px){.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}select.form-control[multiple]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{width:auto}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.dropdown{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu.show{display:block}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.form-control:focus{z-index:3}.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentcolor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@media (prefers-reduced-motion:reduce){.spinner-border{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.clearfix::after{display:block;clear:both;content:""}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-muted{color:#6c757d!important}.visible{visibility:visible!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}}
/*
|--------------------------------------------------------------------------
| CSS Custom Properties (Variables)
|--------------------------------------------------------------------------
| Converted from variables.scss to use CSS custom properties.
| These replace SCSS variables and Bootstrap overrides.
*/

:root {
  /* Brand Colors */
  --brand-primary: #5eb5ef;
  --brand-dark: #2980b9;
  --brand-darker: #1a5279;
  --brand-warning: #de533d;
  --border-gray: #ccc;

  /* Spacing */
  --section-padding: 50px;
  --navbar-logo-height: 50px;

  /* Responsive Breakpoints (for reference in media queries) */
  --screen-sm-min: 576px;
  --screen-md-min: 768px;
  --screen-lg-min: 992px;

  /* Computed Colors (from SCSS darken/lighten functions) */
  --brand-primary-light: #8ac7f3;        /* lighten($brand-primary, 15%) */
  --gray-darker: #cccccc;                /* darken(white, 20%) */
  --border-light: #e0e0e0;               /* darken(#f9f9f9, 10%) */
  --highlight-bg: rgba(250, 250, 210, 0.95);  /* transparentize(lightgoldenrodyellow, .05) */
}

/*
|--------------------------------------------------------------------------
| Note: Bootstrap Variable Overrides
|--------------------------------------------------------------------------
| The following Bootstrap variables were previously overridden in SCSS.
| Since we're now using pre-compiled Bootstrap CSS, these customizations
| need to be applied via utility classes or custom CSS rules as needed:
|
| Body/Typography:
| - Background: #f7f7f7 (was $body-bg)
| - Font family: 'Open Sans', sans-serif (was $font-family-base)
| - Text color: #333 (was $color-contrast-dark)
|
| Links:
| - Link color: #5eb5ef (var(--brand-primary))
| - Hover color: #2980b9 (var(--brand-dark))
|
| Buttons:
| - Primary button bg: #2980b9 (var(--brand-dark))
|
| Navbar:
| - Navbar bg: #5eb5ef (var(--brand-primary))
| - Border radius: 0px
| - Links: white
| - Margin bottom: 0px
| - Toggle border: rgba(255, 255, 255, 0.7)
|
| Borders:
| - Table/panel/list borders: #ccc (var(--border-gray))
|
| Grid:
| - Gutter width: 22px
| - Containers: tablet (662px), desktop (922px), large (1222px)
|
| These are now handled in the style.css file with direct CSS rules.
*/
.checks-section {
  border-top: solid 1px #e0e0e0;
  border-bottom: solid 1px #e0e0e0;
  background-color: #f9f9f9;
}

.checks-section .checks-copy {
  padding-bottom: var(--section-padding);
  text-align: center;
}

.checks-section .checks-copy h3 {
  margin-bottom: 10px;
}

.checks-section .checks-copy p {
  margin: auto;
  max-width: 750px;
}

.checks-section .checks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.checks-section .check {
  padding: 15px;
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 3px;
}

.checks-section .check h4 {
  margin-bottom: 15px;
}

.checks-section .check i {
  font-size: 4rem;
  margin-bottom: 20px;
  color: var(--brand-dark);
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 576px) {
  .checks-section .check {
    padding: 20px;
    margin-bottom: 20px;
    width: 310px;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 768px) {
  .checks-section .check {
    padding: 30px;
    width: 440px;
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 992px) {
  .checks-section .check {
    width: 385px;
  }
}

@media (max-width: 576px) {
  .checks-section .checks-copy {
    text-align: left;
  }
}
/*----------------------------------------
Pricing Page
----------------------------------------*/
.pricing-tables {
  float: left;
  width: 100%;
  margin-bottom: -30px;
}

.pricing-table {
  text-align: center;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #eeeeee;
  margin-bottom: 30px;
}

.table-heading {
  font-weight: 400;
  border-top: 8px solid #9ad0f5;
  border-bottom: 1px solid #eeeeee;
  padding: 20px;
  transition: all 0.3s;
}

.pricing-table:hover .table-heading {
  border-top-color: var(--brand-primary);
}

.pricing {
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 4rem;
  padding: 40px 20px;
  color: #000000;
}

.pricing .currency {
  font-weight: 400;
  font-size: 3rem;
  color: #707070;
}

.pricing .price-cicle {
  font-size: 1.6rem;
  color: #707070;
  font-weight: 400;
}

.package-features li {
  line-height: 40px;
  color: rgba(0, 0, 0, 0.7);
}

.buy-btn {
  margin: 50px 0;
  padding: 11px 60px;
}

.pricing-table:hover .buy-btn {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #ffffff;
}
.testimonials-section {
  border-top: solid 1px #e0e0e0;
  border-bottom: solid 1px #e0e0e0;
  background-color: #f9f9f9;
}

.testimonials-section .testimonials {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.testimonials-section .testimonial {
  padding: 15px;
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 3px;
}

.testimonials-section .testimonial h4 {
  margin-bottom: 15px;
}

.testimonials-section .testimonial i {
  font-size: 4rem;
  margin-bottom: 20px;
  color: var(--brand-dark);
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 576px) {
  .testimonials-section .testimonial {
    padding: 20px;
    margin-bottom: 20px;
    width: 310px;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 768px) {
  .testimonials-section .testimonial {
    padding: 30px;
    width: 440px;
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 992px) {
  .testimonials-section .testimonial {
    width: 49%;
  }
}
/*----------------------------------------
General Styles
----------------------------------------*/

body {
  font-family: 'Bitter', sans-serif;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0;
  background: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  margin: 0;
}

.normal {
  font-weight: 400;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

p {
  line-height: 1.7;
  margin: 0;
}

em {
  font-style: normal;
  background-color: rgba(250, 250, 210, 0.95);
}

ul, ol, dl {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #707070;
}

a {
  color: var(--brand-primary);
  transition: all 0.3s;
}

a:hover {
  color: #0973bb;
}

a, a:hover, a:focus {
  text-decoration: none;
  outline: 0;
}

.section-padding {
  padding: var(--section-padding) 0px;
}

.section-padding {
  padding: 116px 0;
}

.off-white {
  background-color: #f7f7f7;
}

.section-heading h2 {
  color: #36a2eb;
}

.section-heading h4 {
  line-height: 1.5;
}

.section-subtitle {
  margin-top: 15px;
}

.section-icon {
  color: #a3a3a3;
  font-size: 5rem;
}

.icon-list {
  font-weight: 600;
  line-height: 4rem;
}

.icon-list li {
  margin-bottom: 16px;
}

.icon-list li i {
  font-size: 2.4rem;
  color: #36a2eb;
  vertical-align: middle;
  margin-right: 20px;
}

/*----------------------------------------
Header Styles
----------------------------------------*/
nav.navbar-default {
  padding: 30px 0;
  height: 120px;
  margin: 0;
  border-bottom: none;
  display: flex;
  align-items: center;
  font-size: 18px;
  background-color: var(--brand-darker);
}

nav.navbar-default .container {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

nav.navbar-default .navbar-brand-group {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

nav.navbar-default .navbar-header {
  margin-left: auto;
  margin-right: 5px;
  flex-shrink: 0;
}

nav.navbar-default .navbar-collapse {
}

nav.navbar-default .navbar-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
  height: 100%;
}

nav.navbar-default .navbar-nav li {
  list-style: none;
  margin: 0 !important;
  display: flex;
  align-items: center;
  height: 100%;
}

nav.navbar-default .navbar-nav li a {
  color: white;
  padding: 0 15px !important;
  display: flex;
  align-items: center;
  height: 100%;
}

nav.navbar-default .navbar-nav li a:hover,
nav.navbar-default .navbar-nav li a:focus {
  color: white;
  background-color: var(--brand-dark);
}

nav.navbar-default .brand {
  color: white;
}

nav.navbar-default .logo {
  height: var(--navbar-logo-height);
  width: var(--navbar-logo-height);
  display: inline-block;
  background-image: url(/assets/sci-logo-6c82e8b75887f0d2d792f14af6ee6f14c124ba6941337b6559a1677f388a22ba.png);
  background-size: var(--navbar-logo-height) var(--navbar-logo-height);
  margin-right: 15px;
}

nav.navbar-default .logo img {
  display: none;
  height: var(--navbar-logo-height);
}

.dropdown-menu {
  background-color: #1E425D;
}

.dropdown-menu > li > a,
.dropdown-menu > li > a:visited {
  color: #fff;
}

.navbar-toggle {
  margin-right: 0;
}

.navbar-toggle .icon-bar {
  background-color: #ffffff;
}

/*----------------------------------------
Testomonials Styles
----------------------------------------*/
.testimonial {
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  text-align: center;
  padding: 60px 45px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.testimonial:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  border-color: #ffffff;
  background-color: #ffffff;
}

.testimonial blockquote {
  border: none;
  padding: 0;
  margin: 30px 0;
  font-size: 1.4rem;
  font-style: italic;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
}

.testimonial blockquote:before {
  content: "";
}

.client-name {
  color: #36a2eb;
  font-size: 1.5rem;
}

/*----------------------------------------
CTA Styles
----------------------------------------*/

.call-to-action {
  padding: 90px 0;
  text-align: center;
}

.cta-style-1 {
  padding: 72px 0;
  background-position: center center;
  background-size: cover;
}

.cta-style-1 h2 {
  color: #36a2eb;
  margin-bottom: 30px;
}

.cta-style-1 p {
  font-weight: 600;
}

.cta-style-2 h4 {
  color: #000000;
  margin-bottom: 35px;
}

.cta-style-2 .cta-btn {
  color: #36a2eb;
  font-weight: 700;
  text-transform: uppercase;
}

.section {
  position: relative;
}

.style-2 {
  border-bottom: 1px solid #dbdbdb;
}

.style-2 .lead {
  line-height: 1.8;
}

.style-2.bg-style-1 {
  background-size: cover;
  background-position: center center;
  border: none;
}

.bg-style-1:before {
  content: "";
  background-color: #36a2eb;
  opacity: 0.8;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

.bg-style-1 h2 {
  color: #ffffff !important;
}

.bg-style-1 p {
  color: rgba(255, 255, 255, 0.8) !important;
}

/*----------------------------------------
Banner Styles
----------------------------------------*/
.banner,
.banner-content,
.banner-content > div {
  padding-top: 20px;
  padding-bottom: 40px;
  background-color: var(--brand-primary);
}

.banner-content h1 {
  font-size: 50px;
  text-shadow: 0px 2px 0px var(--brand-dark);
  color: #ffffff;
}

.banner-content h3 {
  font-size: 20px;
}

.banner-content p {
  font-size: 18px;
  font-weight: 100;
  margin-top: 20px;
  color: white;
}

.feature-video {
  box-shadow: 0px 0px 29px 4px rgba(255, 255, 255, 0.5);
}

.pattern-break {
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='charlie-brown' fill='%235eb7f2' fill-opacity='1'%3E%3Cpath d='M9.8 12L0 2.2V.8l10 10 10-10v1.4L10.2 12h-.4zm-4 0L0 6.2V4.8L7.2 12H5.8zm8.4 0L20 6.2V4.8L12.8 12h1.4zM9.8 0l.2.2.2-.2h-.4zm-4 0L10 4.2 14.2 0h-1.4L10 2.8 7.2 0H5.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  height: 20px;
  border: solid 1px var(--brand-dark);
  border-bottom-color: var(--brand-primary-light);
}

.try-now {
  padding-top: calc(var(--section-padding) * 2);
}

.preview-section {
  text-align: center;
}

.preview-section h2 {
  margin-bottom: 10px;
}

.preview-section .report-preview {
  margin: var(--section-padding) 0;
  padding: 0 1px 0 0;
  border: solid 1px #ccc;
  box-shadow: 0px 0px 20px 0px rgba(204, 204, 204, 0.5);
}

.preview-section .report-preview iframe {
  width: 100%;
}

footer {
  border-top: solid 2px #001f33;
  background-color: var(--brand-darker);
  color: white;
}

footer a,
footer a:visited,
footer a:active {
  color: white;
  text-decoration: none;
}

footer a:hover {
  color: white;
  text-decoration: underline;
}

.footer-content {
  padding: 60px 0 40px 0;
}

.footer-column {
  margin-bottom: 30px;
}

.footer-column h4 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.5px;
  margin-top: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: white;
  line-height: 1.2;
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-column li {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.6;
}

.footer-brand h3 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 15px;
  white-space: nowrap;
  line-height: 1.2;
}

.footer-brand h3 .checkmark {
  margin-right: 5px;
}

.footer-brand p {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.footer-tools .tool-icon {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  margin-top: 0;
}

.footer-tools li {
  display: flex;
  align-items: flex-start;
}

.footer-posts ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.footer-posts li {
  padding-left: 0;
  text-indent: -1em;
  margin-left: 1em;
}

.footer-posts li::before {
  content: "» ";
  color: white;
  font-size: 18px;
  font-weight: bold;
}

.footer-bottom {
  padding: 20px 0;
  border-top: solid 1px rgba(0, 0, 0, 0.2);
  color: var(--gray-darker);
  background-color: #174966;
}

.footer-bottom p {
  margin: 0;
  font-size: 13px;
}

#bizzbar {
  background: var(--brand-darker);
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 14px;
  overflow: hidden;
  height: 88px;
  z-index: 1000;
  font-size: 16px;
  line-height: 44px;
  position: fixed;
  top: 0;
  left: 0;
  margin-bottom: 10px;
}

#bizzbar button {
  color: white;
  cursor: pointer;
  font-size: 0.854em;
  margin: 0px 0px 0px 7px;
  outline: none;
  position: relative;
  text-decoration: initial;
}

#bizzbar button:hover {
  cursor: pointer;
}

/* Buffer Sizing */

.buffer-bottom {
  margin-bottom: 30px;
}

.buffer-top {
  margin-top: 30px;
}

.buffer-bottom-2x {
  margin-bottom: 60px;
}

.buffer-top-2x {
  margin-top: 60px;
}

.btn.primary-cta {
  background-color: #165e8e;
}

/* Pricing Plan Cards are the xs and sm Bootstrap sizes */

.pricing-card {
  padding: 6px;
  height: 100px;
}

.basic-bg {
  background-color: #efefef;
  outline: 1px solid #ddd;
}

.professional-bg {
  background-color: #039BE5;
  outline: 1px solid #ddd;
  color: #fff;
}

.agency-bg {
  background-color: #EF5350;
  outline: 1px solid #ddd;
  color: #fff;
}

.pricing-card .left-side {
  width: 50%;
  float: left;
}

.pricing-card .plan-name {
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 6px;
}

.pricing-card .dollar {
  font-size: 26px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.pricing-card .billing-period {
  font-size: 12px;
}

.pricing-card .right-side {
  width: 49%;
  float: right;
}

.pricing-card .cta-button {
  margin-top: 26px;
  font-size: 12px;
}

/* Pricing Table is the md + lg Bootstrap size and up */
.pricing-table {
  margin-top: 60px;
  width: 100%;
}

.pricing-table th .dollar {
  color: #fff;
  font-size: 36px;
  margin-bottom: 16px;
}

.pricing-table th .mo {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.pricing-table th .plan-name {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 12px;
}

.pricing-table .feature-indicator {
  font-size: 20px;
}

.pricing-table td a,
.pricing-table td a:visited {
  color: #333;
  text-decoration: underline;
  font-weight: bold;
}

/* Pricing Table */

/* Descriptions */
.tabco1 {
  background: #fff;
  width: 40%;
  padding: 10px !important;
}

th.tabco1 {
  background: #fff;
  padding: 32px 10px !important;
  font-size: 18px;
  color: #000;
}

/* Basic */
.tabco2 {
  background: #efefef;
  text-align: center;
  color: #555;
}

th.tabco2 {
  background: #efefef;
  padding: 20px 5px !important;
  font-size: 18px;
  color: #555;
}

th.tabco2 .dollar {
  color: #555;
}

th.tabco2 .mo {
  color: #555;
}

/* PROFESSIONAL */
.tabco3 {
  background: var(--brand-darker);
  text-align: center;
  color: #fff;
}

th.tabco3 {
  background: var(--brand-darker);
  padding: 20px 10px !important;
  font-size: 18px;
}

/* AGENCY */

.tabco4 {
  background: var(--brand-warning);
  text-align: center;
  color: #fff;
}

th.tabco4 {
  background: var(--brand-warning);
  padding: 20px 10px !important;
  font-size: 18px;
}

.top-right-rounded {
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
}

.top-left-rounded {
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
}

.bottom-left-rounded {
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
}

.bottom-right-rounded {
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
}

/* Pricing FAQ */

.faq p {
  margin-top: 10px;
  line-height: 1.9;
}

.btn-cta {
  box-shadow: 0px 0px 16px 4px rgba(255, 255, 255, 0.15);
  text-shadow: 0px 2px 0px #999;
  color: #fff;
  font-size: 26px;
  padding: 16px 26px 16px 26px;
}

.btn-cta:visited {
  color: #fff;
}

/* Subject Line Tester */

.subject-report td {
  padding: 20px !important;
}

.subject-report td h3 {
  margin-bottom: 20px;
}

.subject-report .recommendation {
  margin-top: 16px;
}

.explanation {
  margin-left: 26px;
}

.explanation.best {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

.rating #letter-rating {
  border: 4px solid #ddd;
  width: 100px !important;
  height: 90px !important;
  float: left;
}

.rating #letter-rating.success {
  background-color: green;
}

.rating #letter-rating.info {
  background-color: blue;
}

.rating #letter-rating.warning {
  background-color: orange;
}

.rating #letter-rating.danger {
  background-color: red;
}

.rating #letter-rating h1 {
  font-size: 60px;
  margin-top: 6px;
  color: white;
}

.rating #rating-info {
  float: left;
  margin-left: 20px;
}

.post {
  color: rgb(34, 34, 34);
}

.post a,
.post a:visited {
  color: #0c4b75;
  text-decoration: underline;
}

.post h1 {
  font-size: 60px;
  line-height: 1.2;
  text-align: center;
}

.post h1,
.post h2,
.post h3,
.post h4 {
  margin-top: 50px;
  margin-bottom: 30px;
}

.post .title-container h3 {
  margin-top: 24px;
}

/* Indent content under H3 sections */
.post h3 ~ p,
.post h3 ~ ul,
.post h3 ~ ol,
.post h3 ~ div:not(.callout-quote),
.post h3 ~ blockquote {
  padding-left: 40px;
}

/* Reset indentation when we hit a new H2 */
.post h2 ~ p,
.post h2 ~ ul,
.post h2 ~ ol,
.post h2 ~ div:not(.callout-quote),
.post h2 ~ blockquote {
  padding-left: 0;
}

/* Re-apply indentation after H3 when we have H2 followed by H3 */
.post h2 ~ h3 ~ p,
.post h2 ~ h3 ~ ul,
.post h2 ~ h3 ~ ol,
.post h2 ~ h3 ~ div:not(.callout-quote),
.post h2 ~ h3 ~ blockquote {
  padding-left: 40px;
}

.post p {
  font-family: Georgia;
  font-size: 22px;
  line-height: 1.7;
  margin-bottom: 20px;
}

.post blockquote {
  border-left-color: #222;
  border-left-style: solid;
  border-left-width: 3px;
}

.post ul,
.post ol {
  margin: 20px;
  margin-left: 40px;
  color: #222;
}

.post ol {
  list-style: decimal;
}

.post ul {
  list-style-type: square;
}

.post li {
  margin-bottom: 10px;
  font-family: Georgia;
  font-size: 22px;
  line-height: 1.7;
}

.post img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.post .callout-quote {
  font-size: 45px;
  line-height: 1.2;
  color: #999;
  font-family: Georgia;
  font-weight: normal;
  margin-top: 60px;
  margin-bottom: 60px;
  margin-left: -60px;
  margin-right: -60px;
  text-align: center;
}

.top-card {
  background-color: #0c4b75;
  margin-left: -20px;
  margin-right: 0px;
  margin-bottom: 40px;
}

.blog-card .icon-container {
  background-color: #5eb5ef;
  padding: 0;
  border-radius: 10px 10px 0px 0px;
  min-height: 150px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-card .icon-container img {
  width: 100%;
  height: 150px;
  object-fit: cover;
}

.blog-card .title-container {
  text-align: center;
  padding: 15px 15px 12px 15px;
  background-color: #efefef;
  border: 1px solid #555;
  margin-bottom: 40px;
  border-radius: 0px 0px 10px 10px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.blog-card .title-container h3 {
  line-height: 1.3;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-card .title-container h3 ~ div {
  padding-left: 0;
}

a.card-link {
  text-decoration: none;
}

.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgba(79, 142, 202, 0.8);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 6%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  color: #fff;
}

.overlay-content #signup-container {
  background-color: rgba(13, 75, 117, 1.0);
  opacity: 1.0;
  border: 6px solid white;
}

.overlay-content h2 {
  color: white;
  margin-top: 20px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover,
.overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

#sponsor-block {
  line-height: 1.6;
}

#sponsor-block h1,
#sponsor-block h2,
#sponsor-block h3 {
  margin-top: 0px;
  padding-top: 0px;
  line-height: 1.6;
}

#sponsor-block p {
  margin-bottom: 16px;
}

/* Media Queries */

@media (max-width: 576px) {
  nav.navbar-default .container {
    margin: 0;
    width: 100%;
  }
}

@media (min-width: 768px) {
  nav.navbar-default .navbar-header {
    display: none;
  }

  nav.navbar-default .navbar-collapse {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    flex: 1;
    margin-left: auto;
  }
}

@media (min-width: 576px) {
  #bizzbar {
    height: 60px;
  }
}

@media (max-width: 768px) {
  .footer-content {
    padding: 40px 0 30px 0;
  }

  .post .callout-quote {
    margin-top: 60px;
    margin-bottom: 60px;
    margin-left: 20px;
    margin-right: 20px;
    outline: 1px solid red;
  }
}

@media screen and (max-height: 450px) {
  .overlay a {
    font-size: 20px;
  }

  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

#snackbar {
    display: none;
    width: 100%;
    background-color: #efefef; /* Black background color */
    color: #333; /* White text color */
    border: 6px solid #091F30;
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 10px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    bottom: 30px; /* 30px from the bottom */
}

#snackbar h3{
    margin-top: 16px;
    margin-bottom: 16px;
}

#snackbar #close_x{
    color: #000;
    float: right;
    cursor: pointer;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other
 * CSS files in this directory. It is generally better to create a new file per style scope.
 *







 */