/* Copyright OpenCart.TIPS v. 3.9.9 09/01/24 */

html, body { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Poppins", sans-serif; font-size: 1rem; font-weight: 300; color: #424242; overflow-x: hidden; scroll-behavior: smooth;}

.h1, h1 { font-size: 2.0rem;font-weight: 600; letter-spacing: 1px;}
a { color: var(--krystal_color); transition: 0.3s all ease; text-decoration: none; }
a:hover { text-decoration: none; color: var(--krystal_hover); }
address {line-height: 1.8;}
#account fieldset { padding-bottom: 30px;}
#account h1 { font-size: 1.5rem; color: var(--krystal_color);}
#account .form-horizontal label {font-weight: 200;}

#promotime { background: var(--krystal_color); text-align: center; color: #fff; font-size: 1.2rem;}

.bundle .model { font-size: 10px; color: #7a7a7a}
.bundle .sale{ background:var(--krystal_sale); padding: 2px 5px 2px 5px; border-radius: 5px;color: #fff;margin-left: 10px; font-size: 10px;  text-transform: uppercase;}
.bundle .price { color: #3566aa; font-weight: 600;}

.zaok {border-radius: 13px; border: 1px solid #ececec;}
.logos { height: 150px;}
.topicons, .producticons {fill: var(--krystal_color);}
.form-control:focus { border-color: var(--krystal_color)}
.tag { font-size: 0.8rem !important; }
.content .form-group, .container .form-group { margin-bottom: 10px;}
.border { border: 1px solid #f0efef; padding-bottom: 10px;}
.noborder { border: none !important;}
.no-bg { background-color: #fff;}
.bg-grey { background-color: #f8f9fa;}
.container-fluid {padding: 0;}
.bold { font-weight: 600;}
.pagination { font-size: 0.7em; }
.page-item.active .page-link {background-color: var(--krystal_color); border-color: var(--krystal_color);}
.page-link, .page-link:hover {color: var(--krystal_color);}
.countdown{top:50%;left:0;width:100%;text-align:center;color:#fff;font-weight:400;}
.countdown div{display:inline-block}
/* .countdown span{font-size:9px} */
.alert { padding: 18px 4px 18px 30px; position: fixed; top: 0; width: 100%; z-index: 999; left: 0; right: 0; border-radius: 0;}
.form-control{-webkit-border-radius:2px;-moz-border-radius:2px; border-radius:2px;box-shadow:none;}
.form-control:focus{box-shadow:none;border:2px solid #ccc;background-color:transparent} 

.breadcrumb {font-size: smaller;}
.breadcrumb > li { display:inline-block }
.breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; font-size: 10px; } 
.breadcrumb a { color:#9e9e9e;  }
.breadcrumb > li:last-child { color: #ccc;}

#checkout .accordion-button:not(.collapsed), .accordion-button:not(.collapsed) { background-color: #f8f9fa; color: var(--krystal_color);}
#checkout .accordion-button:not(.collapsed)::after {display: none;}
#checkout .accordion-button {  background-color: #f8f9fa; }
#checkout .accordion-button::after { background-image: none;}
#checkout .accordion-header .collapsed {margin-bottom: 0;}
#checkout #payment-existing, #checkout #shipping-existing { margin-top: 10px; margin-bottom: 10px;}

/* button */
.btn-primary, .btn-light, .btn-secondary, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-dark, .btn-link{ border-radius: 0;}
.btn-primary{color:#fff;background-color:var(--krystal_color);border-color:var(--krystal_color)}
.btn-primary:hover {background-color: var(--krystal_hover); border-color: var(--krystal_hover); transition: 0.5s all ease;}
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: var(--krystal_color); border-color: var(--krystal_color); }
.btn-link:hover, .btn-link:hover, .btn-link:active { background-color: none; border: none;}
.btn:first-child:active {background-color:var(--krystal_hover);border-color:var(--krystal_hover)}
.btn:focus, .btn:active, .btn-with-counter:focus, .btn-with-counter:active, #search input, #input-limit:focus, #input-sort:focus { outline: none !important; box-shadow: none; }
.btn:active, :not(.btn-check)+.btn:active {background-color: var(--krystal_hover); border-color: var(--krystal_hover)}
.clear-button { background-color: transparent; border: none;}
.clear-button:hover { color: var(--krystal_hover);}

/* header */
header .logo { max-height: 300px; max-width: 100%;height: auto; background: none;}
header .dropbtn { padding: 16px; font-size: 16px;}
header .dropdown { position: relative; display: inline-block;}
header .dropdown:hover .dropbtn { color: #000;}
header .micromenu a.currency { font-size: .8rem;border-radius: 50px !important;font-weight: 400;color: #000;}
header .micromenu a.dropdown-item { color: black; padding: 10px 12px; text-decoration: none;  display: block; font-size: .9em}
header .micromenu .dropdown-item:hover { background-color: #f1f1f1;}
header .micromenu .dropdown-menu {min-width: auto; padding: 0; }
header .autoselect {position:absolute;z-index:1000; border: 2px solid var(--krystal_color);}
header .autoselect ul li .fas, #search .far{font-size:large;margin-top:10px;color:var(--krystal_color)}
header .autoselect ul li .price {font-size: .8em; color: #262626}
header .autoselect ul li .price small {color: #999;font-weight: 400;text-decoration: line-through;margin-right: 7px; font-size: .7em; margin-left: 5px; }
header .dropdown-item:active {background: none;}
header .far, header .fas { font-size: 1.4em; color: black;}
header .btn-with-counter { position: relative }
header .search{min-width:350px;}
header #search input, #searchmo {border: 2px solid var(--krystal_color);}
header #search { outline: none !important; position: relative; }
header .btn-link { font-size: .8rem; border-radius: 50px; font-weight: 400; }
header .mini-counter{position:absolute;bottom:-.3rem;right:-.3rem;font-size:.7rem;line-height:1rem;width:1rem;height:1rem;border-radius:8px;text-align:center;font-weight:300;background-color:var(--krystal_color_a);color:#000}
header .fas.fa-chevron-down{font-size:.7rem;color:#777}

/* menu */
header .main-categories .dropdown-menu {box-shadow: none;border: 1px solid #f0ebeb; border-radius: 0px;margin-top: -1px;margin-top: 7px; border-top: none; box-shadow: 0px 8px 2px -2px rgba(0, 0, 0, 0.1)!important}
header .main-categories .dropdown-menu h6 {color: #b8b8b8 }
header .main-categories .dropdown-menu a {color: var(--krystal_color); padding: 5px; }
header .main-categories .dropdown-menu a:hover {color: var(--krystal_hover);  }
header .main-categories .dropdown:hover .dropdown-menu { box-shadow: none;}

header .dropdown:hover .dropdown-menu { box-shadow: none; }
header .navbar-light .navbar-nav .nav-link {color: var(--krystal_color);text-transform: uppercase; font-weight: 600; font-size: 0.9rem; margin: 0 10px 0 10px; white-space: nowrap; }
header .navbar-light .navbar-nav .nav-link:hover,  header .navbar-light .navbar-nav .dropdown-item:active {color: var(--krystal_hover); background: none;}
header .navbar-light .navbar-nav .dropdown-item:focus {color: var(--krystal_hover); background: none;}

@media only screen and (min-width: 320px) and (max-width: 768px) {  header .main-categories .dropdown-menu {box-shadow: none;border: none; padding: 0; background-color: #f8f9fa;margin-bottom: 30px;}  }

/* header .navbar-toggler {} */
header .dropdown-divider {border-top: 1px solid #b8b8b8;}
header .dropdown-toggle:focus { border: none !important; box-shadow: none !important; outline-color : #7a0ac5 !important; outline: none !important; }

.navbar .megamenu{ padding: 1rem;left:0%; right:0%;}
/* desktop view */
@media all and (min-width: 992px) {
.navbar .tips-megamenu{position:static!important;}
.navbar .megamenu{left:0%; right:0%;  margin-top:0;  }
}	
/* mobile view */
@media(max-width: 991px){ .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{overflow-y: auto;max-height: 90vh;margin-top:10px;} }

/* sitemenu */
header .navbar{ transition: top 0.4s ease-in-out; }
header .sidebar, .overlay {position: fixed;top: 0;bottom: 0;}
header .sidebar {left: -100%;max-width: 100%;/*  */transition: all ease 0.25s;overflow-y: auto;z-index: 1032;}
header .overlay {left: 0;right: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.50);visibility: hidden;z-index: 1031;}
header .main-navigation.active .sidebar { left: 0; }
header .main-navigation.active .overlay { visibility: visible; }
@media (max-width: 991.98px) { header .navbar-nav { padding: 1.5rem; } }
@media (min-width: 992px) { header .sidebar { position: relative;top: auto;bottom: auto;left: auto;flex-direction: row;max-width: 100%;transform: none;transition: none;overflow-y: visible;z-index: auto;} }

/* FOOTER */
footer { background-color: var(--krystal_color); color: #fff; padding-top: 3rem; font-size: 0.9rem}
footer .fw-bold { color: #fff; font-weight: 400;}
footer li br { line-height: 1.8;}
footer a { color: #fff; text-decoration: none; }
footer a:hover { color: #c1c1c1; text-decoration: none }
footer h5{font-weight:600;letter-spacing:2px}
footer li{padding-top:0.2rem;padding-bottom:0.2rem}
footer li>a{display:block;/* font-weight:500 */}
footer .social-media{text-align:center;padding-top:1rem;padding-bottom:3rem;}
footer .social-media ul.social-media-urls>li{display:inline-block;padding:7px 9px;font-size:x-large}
footer .support { font-size: smaller;}
footer .nav > li { color: #fff;}
footer .nav > li > a:focus, .nav > li > a:hover {background-color: transparent ;}
footer h5 { color: #fff;}

 /* */
.row .product-list {  width: 100%; }

@media (min-width: 320px) and (max-width: 767.98px) { ul#main-menu > li > .dropdown-menu-container {position: static !important;} }

@media (min-width: 768px) {
.dropdown-menu-container .container { background-color: #fff; }
ul#main-menu > li > .dropdown-menu-container { background-color: rgba(103, 102, 102, 0.34); position: absolute; height: 100% !important;  z-index: 999;}
}

/* CONTACT  */
#contact-page address h3,h4{color:var(--krystal_color);margin-bottom:20px}
#contact-page address strong{font-weight:600;margin-bottom:20px}
#contact-page address{margin-bottom:1rem;font-weight:200;line-height:inherit}
#contact-page address a{text-decoration:underline}
#contact-page address li{margin-bottom:1rem;font-style:normal;line-height:inherit}

 /* CATEGORY */
.categories h4{margin-bottom: 0; text-transform: none; font-size: 1rem;}
.categories img{margin-bottom: 20px}
.product-layout .card, .card {border: 1px solid #eee;}
.product-layout .card-body a{color:var(--krystal_color)}
.product-layout .card-body h4,.product-layout h4{margin-top:20px;/* text-overflow:ellipsis;overflow:hidden;white-space:nowrap; */min-height:22px;max-height:42px;font-size:1.1em;text-transform:uppercase}
.product-layout .card a:hover  { opacity: 0.8; }
.product-layout .card-body p {font-size: .8rem; min-height: 80px;}
.product-layout .card-footer .price  { font-size: 1.2rem; font-weight: 500; }
.product-layout .card-footer .text-decoration-line-through {color: #ccc;font-size: 1.0rem; }
.product-layout button{padding:5px;width:100%;border:none;display:inline-block;background-color:var(--krystal_color);color:#fff;line-height:25px;font-weight:400;text-align:center}
.product-layout button:hover{color:#444;background-color:#ddd;text-decoration:none;cursor:pointer}
.product-layout .moduleprice{background:var(--krystal_color);color:#fff;font-size:14px;padding:5px 25px 5px 25px;position:absolute;left:0;top:30px;font-weight:600;z-index:9}
.product-layout .promo{background:var(--krystal_sale);color:#fff;padding:5px 25px 5px 25px;position:absolute;left:0;top:5%;text-transform:uppercase;z-index:9}
.product-layout .sale{background:var(--krystal_sale);color:#fff;padding:5px 25px 5px 25px;position:absolute;right:0;top:45%;height:30px;text-transform:uppercase;z-index:9}
.product-layout .promo a:hover , .product-layout .sale a:hover, .product-layout .moduleprice a:hover { opacity: 1; }
.product-layout .w60 {width: 60%;}
.product-layout .tax{color:#999;font-size:12px;display:block}

.rating .fa-stack{font-size:8px}
.rating .far{color:#e0e0e0}
.rating_off .far{color:#e0e0e0}
.soff{color:#e0e0e0!important}
.rating .fa-star{color:#edc829}
.rating .fa-star+.far{color:#edc829}

.list-group-item.head{background-color:var(--krystal_color);border-color:var(--krystal_color); color: #fff;} 
.list-group-item+.list-group-item { border: 0; border-bottom: 2px dotted #eee; font-size: 0.9rem; }
.list-group .list-group-item.active {  background-color: transparent; border: 0; border-bottom: 2px dotted var(--krystal_hover); color:var(--krystal_hover)}

#product-review .fa-stack { font-size: x-small; color: #edc829;}

/* .reviews {color: var(--krystal_color);} */
.reviews p{ color: #262626;letter-spacing: 1px;font-weight: 400 !important;}
.fw-bold { color: var(--krystal_color);letter-spacing: 1px;font-weight: 600 !important;}
.reviews > h3 {font-size: 4rem !important;}
.reviews .form-control { border: none;}

.rate-area{float:left;border-style:none;font-size:22px!important}
.rate-area:not(:checked)>input{position:absolute;top:-9999px;clip:rect(0,0,0,0)}
.rate-area:not(:checked)>label{float:right;padding:0 .2em;overflow:hidden;white-space:nowrap;cursor:pointer;color:#ddd}
.rate-area:not(:checked)>label:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f005"}
.rate-area:not(:checked)>label:hover,
.rate-area:not(:checked)>label:hover~label,
.rate-area>input:checked+label:hover,
.rate-area>input:checked+label:hover~label,
.rate-area>input:checked~label,
.rate-area>input:checked~label:hover,
.rate-area>input:checked~label:hover~label,
.rate-area>label:hover~input:checked~label{color:#edc829}
.rate-area>label:active{position:relative;top:2px;left:2px}
ul.rate-area{padding-left:0}
  
/* PRODUCT */
#product_gallery{margin:10px 0 20px}
#product_gallery img{border:1px solid #ededed}

.extrapics {padding-left:0!important;z-index:999}
.zoomWindow {background:#fff}
.extrapics li{display:list-item;list-style:none;float:left;margin:10px 10px 0 0; width: 15%;}

@media only screen and  (min-width: 100px) and (max-width: 599px) {
  #product_gallery { width:100%;}
  .extrapics li{width: 40%;}
}

@media only screen and (min-width: 600px) and (max-width: 799px) {
  #product_gallery { width:100%; }
  .extrapics li{width: 40%;}
}

@media only screen and  (min-width: 800px) and (max-width: 1199px) { #product_gallery { width:100%; } }

h2.price { /* text-transform: lowercase; */ font-size: 1.3rem; font-weight: 500;}

#product .list-group-item, #product .list-group-item+.list-group-item {background-color: transparent; border: none; font-size: .8rem; padding-left: 0;color: #6e6e6e;}
#product h1 {color: var(--krystal_color); font-size: 1.8rem;}
#product .saleprice {background: var(--krystal_sale); color: #fff; padding: 5px 25px 5px 25px; text-transform: uppercase; position: absolute;z-index: 99; margin: 1px; }
#product h4 { color: var(--krystal_color); }
#product .text-decoration-line-through {color: #ccc;font-size: 1rem; }
/* #product .table>tbody>tr>td, #product  .table>tbody>tr>th, #product  .table>tfoot>tr>td, #product  .table>tfoot>tr>th, #product  .table>thead>tr>td, #product  .table>thead>tr>th  {border: none;} */
/* #product .table-striped {color: var(--krystal_color);} */
#product .table-striped>tbody>tr:nth-of-type(odd) {background-color: #EBEBEB;}
#product .table-striped>tbody>tr {background-color: #fff;}
#product .table-striped>thead>tr>td{text-transform: uppercase; font-weight: 600;}

#product .btn-outline-light, .btn-outline-secondary {border: 1px solid var(--krystal_hover); color: var(--krystal_color); font-size: .9rem !important; /* border-radius: 2px; */ border-color: #ececec; color: #828282}
#product .btn-outline-light:hover {border: 1px solid var(--krystal_hover); color: var(--krystal_hover);}
#product .btn-check:checked+.btn-outline-light {color: #fff; background-color: var(--krystal_color); border-color: var(--krystal_hover); font-size: 1rem;}
#product .btn-check:checked+.btn-outline-light {border-color: transparent;}
#product .btn-check+.btn:hover { border-color: var(--krystal_color);}

#product .btn-outline-light svg.ext {fill: var(--krystal_color);}
#product .btn-check:checked+.btn-outline-light svg.ext{fill: #fff;}

#product .form-label {margin-bottom: 10px;}

.compare th, .compare tr { font-size: small;padding: 15px;}

/* MODULE SET */
.module_set h3::after { font-family: "Font Awesome 5 Free";display: block; margin: 20px;font-size: 25px; /*  content: '\f077';  */ }
.module_set h4::before { font-family: "Font Awesome 5 Free"; display: block; margin: 20px;font-size: 25px; /* content: '\f077';  */ }
/* .module_set  { color: var(--krystal_color);} */

.description h4 { color: var(--krystal_color); }

/* TIPS BANNER MODULE */
.tips-banner{height:100vh;color:#fff;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin-top:-1px;margin-bottom:-1px}
.tips-banner h1::before{font-family:"Font Awesome 5 Free";display:block;margin:20px;font-size:25px}

/* TIPS ICONS MODULE */
.tipsicons strong { font-weight: 600;}
.tipsicons p { font-size: small;}

/* TIPS SLIDER MODULE */
.tipssliders .card { border: none;}
/* .carousel-inner h1, .carousel-inner  b { text-shadow: 1px 0 0 #717171;} */
.carousel-inner h1 { font-size: 2em; background-color: rgba(204, 204, 204, 0.8); }
.carousel-inner b { font-size: 2em;}

@media only screen and  (min-width: 100px) and (max-width: 599px) {
  .carousel-inner h1 { font-size: 1.2rem !important;}
}

/* TIPS REVIEWS MODULE  */
.tipstestimonials .slider_bg{padding: 50px;}
.tipstestimonials .trating .fas{font-size:20px!important;display:initial;color:#E69500}
.tipstestimonials .trating .far{font-size:20px!important;display:initial;color:#e9d3b7;}
.tipstestimonials .text {font-weight: 200; font-size: 1.1rem;}
.tipstestimonials .caption h4{margin-top:20px;text-overflow:ellipsis;overflow:hidden;min-height:22px;max-height:42px;font-size:1.1em}
.tipstestimonials .price{font-weight:600;font-size:20px;color:var(--krystal_hover)}
.tipstestimonials .text-decoration-line-through{color:#999;text-decoration:line-through;margin-left:10px}
.tipstestimonials .carousel-indicators button{width:10px!important;background-color:#ccc!important;height:10px!important;border-radius:50%!important}
.tipstestimonials .carousel-indicators button:last-child{display:none}
.tipstestimonials .carousel-indicators button.active{width:10px!important;background-color:var(--krystal_color)!important;height:10px!important;border-radius:50%!important}
.tipstestimonials .carousel-indicators {background-color: #fff;justify-content: left;margin-left:0;text-align:left}

/* CONTENT GRID */
.contantgrid p { line-height: initial; margin-top: 20px; }	
.contantgrid > .container > .row:nth-child(even) { margin-top: 10px; margin-bottom: 10px; color: #000; }
.contantgrid > .container > .row {background-color: #fff;}
.contantgrid > .container > .row h4 {font-size: 1.7rem;color: var(--krystal_color)}
.contantgrid > .container > .row h4::before {   font-family: "Font Awesome 5 Free"; /* content: '\f077'; */  display: block; margin: 20px;font-size: 18px; }

/* SITEMAP */
.sitemap ul+h5{margin-top:40px}
.sitemap ul{list-style-type:none;padding-left:0}
.sitemap ul li{position:relative;line-height:24px}
.sitemap ul li+li{margin-top:16px}
.sitemap ul li a:hover{color:#ccc}
.sitemap ul.category-list{position:relative}
.sitemap ul.category-list:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:1px;background:#ccc}
.sitemap ul.category-list .ul-with-ul:after,.sitemap ul.category-list .ul-with-ul:before{-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
.sitemap ul.category-list .ul-with-ul:before{top:12px}
.sitemap ul.category-list .ul-with-ul:after{top:6px}
.sitemap ul.category-list ul{position:relative;margin-top:16px}
.sitemap ul.category-list ul:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:1px;background:#dfdfdf}
.sitemap ul.category-list li{position:relative;padding-left:60px}
.sitemap ul.category-list li:before{content:'';position:absolute;top:50%;-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);left:0;height:1px;width:35px;background:#dfdfdf}
.sitemap ul.category-list>li:after{content:'';position:absolute;top:50%;-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);left:35px;width:12px;height:12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.sitemap ul.category-list > li:after, .sitemap ul.category-list > li:before { background: #ccc }

@media (max-width: 767px) { .sitemap .col-sm-6 + .col-sm-6 { margin-top: 30px } }

@media (max-width: 479px) {
.sitemap .col-xs-6 { width: 100%; float: none }
.sitemap .col-xs-6 + .col-xs-6 { margin-top: 30px }
}

@media (min-width: 320px) and (max-width: 767.98px) {
video { width: 100%; height: auto;  }
.videoimagetab img { max-width: 100%; height: auto;}
}

.videoimagetab { padding: 20px 0px 20px 0px; color: var(--krystal_color); }
.videoimagetab > .nav-tabs {border: 0;}
.videoimagetab > .nav-tabs > li { float:none;display:inline-block; border: none; background-color: #fff; /* padding-top: 8px; padding-bottom: 8px;  */}
.videoimagetab > .nav-tabs > li > a { border: 0; margin: 0; border-radius: 0;color: var(--krystal_color);font-weight: 600; text-transform: uppercase;}
.videoimagetab > .nav-tabs > li.active >a:focus, .nav-tabs>li.active>a:hover {border: none;}
.videoimagetab > .nav-tabs > li.active >a { background: var(--krystal_color); color: #fff; }
.videoimagetab > .nav-tabs { text-align:center; }
.videoimagetab > .tab-content { padding: 0 20px 20px 20px }
.videoimagetab p { font-size: 1.2rem; line-height: initial; margin-top: 20px; text-transform: uppercase;}	
.videoimagetab_button { display:inline-block; border: 2px solid var(--krystal_color);border-radius: 0; background: var(--krystal_color);box-shadow:none; color: #fff;}
.videoimagetab_button:hover { background-color: white;color: var(--krystal_color); text-shadow: none; }

.stickyquestion {background-color: var(--krystal_color) !important;}

.nav-tabs .nav-link.active { background-color:var(--krystal_color);border: none; color: #fff; }

#checkout input[type=radio]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;position:relative;right:0;bottom:0;left:0;top:3px;height:20px;width:20px;transition:all .15s ease-out 0s;background:#cbd1d8;border:none;color:#fff;cursor:pointer;display:inline-block;margin-right:.5rem;outline:0;position:relative;z-index:1000}
#checkout input[type=radio]:hover { background: #9faab7; }
#checkout input[type=radio]:checked { background: var(--krystal_color); }
#checkout input[type=radio] { border-radius: 50%; }
#checkout input[type=radio]::after { border-radius: 50%; }

.cover-image {position: relative;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.hover-zoom {--mdb-image-hover-zoom-transition: all 0.3s linear;--mdb-image-hover-zoom-transform: scale(1.1)}
.hover-zoom img{ transition:var(--mdb-image-hover-zoom-transition)}
.hover-zoom:hover img {transform:var(--mdb-image-hover-zoom-transform)}

#tipsgrid .overlay-container {position: absolute;top: 10;left: 0;right: 0;display: flex;flex-direction: column;padding: 1.25rem;cursor: pointer;}
#tipsgrid .card-title {font-size: 1.5rem; color: #131313; font-weight: 800;}
#tipsgrid .card-text {font-size: small; font-weight: 800;}

.has-error input {border-color: var(--bs-danger)}