/*!
 * Bootstrap Slim — subset for Coompare v1
 * Based on Bootstrap 5.3.3. Only includes classes actually used.
 */

/* ========== REBOOT (minimal) ========== */
*,::after,::before{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
h1{font-size:calc(1.375rem + 1.5vw)}
h2{font-size:calc(1.325rem + .9vw)}
h3{font-size:calc(1.3rem + .6vw)}
h4{font-size:calc(1.275rem + .3vw)}
h5{font-size:1.25rem}
h6{font-size:1rem}
@media (min-width:1200px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}}
p{margin-top:0;margin-bottom:1rem}
ol,ul{padding-left:2rem;margin-top:0;margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
b,strong{font-weight:bolder}
small{font-size:.875em}
a{color:#0d6efd;text-decoration:underline}
a:hover{color:#0a58ca}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
th{text-align:inherit}
tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
[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}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
summary{display:list-item;cursor:pointer}
[hidden]{display:none!important}

/* ========== CONTAINER ========== */
.container,.container-fluid{width:100%;padding-right:calc(1.5rem * .5);padding-left:calc(1.5rem * .5);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}}
@media (min-width:1400px){.container{max-width:1320px}}

/* ========== GRID ========== */
.row{display:flex;flex-wrap:wrap;margin-right:calc(-.5 * 1.5rem);margin-left:calc(-.5 * 1.5rem)}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(1.5rem * .5);padding-left:calc(1.5rem * .5)}
.col-12{flex:0 0 auto;width:100%}
@media (min-width:768px){
  .col-md-4{flex:0 0 auto;width:33.33333%}
  .col-md-8{flex:0 0 auto;width:66.66667%}
  .offset-md-2{margin-left:16.66667%}
}

/* ========== NAVBAR ========== */
.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}
.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}
.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}
.navbar-nav .nav-item{/* reset */}
.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.375rem;transition:box-shadow .15s ease-in-out}
.navbar-toggler:hover{text-decoration:none}
.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .25rem}
.navbar-dark{--bs-navbar-color:rgba(255,255,255,.55);--bs-navbar-hover-color:rgba(255,255,255,.75);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255,255,255,.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:var(--bs-navbar-brand-color)}
.navbar-dark .navbar-toggler{color:var(--bs-navbar-color);border-color:var(--bs-navbar-toggler-border-color)}
@media (min-width:992px){
  .navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}
  .navbar-expand-lg .navbar-nav{flex-direction:row}
  .navbar-expand-lg .navbar-toggler{display:none}
  .navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}
  .navbar-expand-lg .offcanvas .offcanvas-header{display:none}
  .navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}
}

/* ========== OFFCANVAS ========== */
.offcanvas{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}
.offcanvas.showing,.offcanvas.show:not(.hiding){transform:none}
.offcanvas.show{visibility:visible}
.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
.offcanvas-backdrop.show{opacity:.5}
.offcanvas-backdrop.fade{opacity:0;transition:opacity .15s linear}
.offcanvas-end{top:0;right:0;width:400px;border-left:1px solid rgba(0,0,0,.2);transform:translateX(100%)}
.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:1rem}
.offcanvas-body{flex-grow:1;padding:1rem;overflow-y:auto}

/* ========== BTN-CLOSE ========== */
.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:.5}
.btn-close:hover{opacity:.75}
.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}

/* ========== DROPDOWN ========== */
.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-menu{--bs-dropdown-min-width:10rem;--bs-dropdown-padding-y:.5rem;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:rgba(0,0,0,.15);position:absolute;z-index:1000;display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:1px solid var(--bs-dropdown-border-color);border-radius:.375rem}
.dropdown-menu.show{display:block}
.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}
.dropdown-item:hover,.dropdown-item:focus{color:#1e2125;background-color:#e9ecef}

/* ========== FORM ========== */
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #dee2e6;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}

/* ========== BTN ========== */
.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.375rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.btn:hover{color:#212529}
.btn:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}
.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}

/* ========== CARD ========== */
.card{position:relative;display:flex;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:.375rem}
.card-body{flex:1 1 auto;padding:1rem}

/* ========== UTILITIES ========== */
/* -- Background -- */
.bg-dark{background-color:#212529!important}

/* -- Display -- */
.d-none{display:none!important}
.d-block{display:block!important}
.d-flex{display:flex!important}
.d-inline-block{display:inline-block!important}
@media (min-width:576px){
  .d-sm-none{display:none!important}
}
@media (min-width:768px){
  .d-md-none{display:none!important}
  .d-md-block{display:block!important}
}

/* -- Flex -- */
.flex-grow-1{flex-grow:1!important}
.flex-wrap{flex-wrap:wrap!important}
.align-items-center{align-items:center!important}
.justify-content-between{justify-content:space-between!important}

/* -- Spacing -- */
.mt-0{margin-top:0!important}
.mt-2{margin-top:.5rem!important}
.mt-3{margin-top:1rem!important}
.mt-4{margin-top:1.5rem!important}
.mt-5{margin-top:3rem!important}
.mb-2{margin-bottom:.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.me-2{margin-right:.5rem!important}
.pt-2{padding-top:.5rem!important}
.pt-4{padding-top:1.5rem!important}
.pb-2{padding-bottom:.5rem!important}
.pe-3{padding-right:1rem!important}
.ps-3{padding-left:1rem!important}
.p-0{padding:0!important}
@media (min-width:768px){
  .p-md-0{padding:0!important}
}

/* -- Text -- */
.text-center{text-align:center!important}
.text-dark{color:#212529!important}
.text-decoration-none{text-decoration:none!important}

/* -- Images -- */
.img-fluid{max-width:100%;height:auto}

/* -- Rounded -- */
.rounded{border-radius:.375rem!important}

/* -- Lists -- */
.list-unstyled{padding-left:0;list-style:none}
.list-inline-item{display:inline-block}
.list-inline-item:not(:last-child){margin-right:.5rem}

/* -- Width -- */
.w-100{width:100%!important}