@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap");

:root {
  --primaryColor: #d14dbd;
  --primaryDark: #b146a1;
  --secondarycolor: #7e2b71;
  --secondaryDark: #bf0000;
}

a {text-decoration:none;}

* { transition: all .3s ease }
body { font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family:"Fredoka One", cursive}
.secondaryfonts { font-family: 'Bebas Neue', cursive; }
section { margin: 80px 0 }
header {padding: 20px 0 }
.fixed { position: fixed; top: 0; left: 0; width: 100%; background-color: var(--secondaryDark); padding-top: 10px; padding-bottom: 10px; box-shadow: 0 6px 13px rgb(38 78 118 / 10%); z-index: 50 }
.fixed img { max-height: 20px }
.text-primary { color: var(--primaryDark) !important }
#navbarSupportedContent .btn { color: #000; }
.btn {border:0}
.btn-primary {background:var(--secondarycolor); border-color: var(--primaryDark); color: #fff; }
.btn-primary:hover { background:var(--primaryColor); border-color: var(--primaryColor); color: white; }
.bg-dark { background-color: var(--primaryDark) !important; }
.navbar-brand {color:var(--secondarycolor);}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {font-weight: 700; }
.navbar-light .dropdown-item { font-size: 12px; letter-spacing: 0px; }
.navbar {font-size: 14px; }
.lightfont { font-weight: 300; }
.bg-secondary { background-color: var(--secondarycolor) !important; color:#fff !important }
.bg-custom { background-color: #f5f5f5 }
img { max-width: 100% }
.bannertitle { margin-bottom: 0; font-size: 70px; line-height: 74px;}
.prodDetail img { max-height: 500px }
.prodData img { width: 180px; height: 180px; object-fit: contain; }
.prodData aside { font-size: 11px; color:#fdd436; }
.prodWrap { border: 1px solid #0000001a; border-radius: 8px; background-color: white; }
.prodWrap .col-8 { border-left: 1px solid #0000001a; }
.productlist .input-group>.form-control { flex: 0 0 60px }
.cart-image { height: 45px; width: 45px; object-fit: contain }
.table-cart td { vertical-align: middle }
.fa-circle-xmark { cursor: pointer }
#fields_note { width: 100%; display: block }
.fa-circle-xmark { font-size: 28px }
.prefooter a { color: var(--primaryDark) }
.mainfooter { background-color: var(--primaryColor); color:white}

.offer8 {background-image: url(../images/offer8.jpg); padding:100px 0; background-size:cover; background-position:center;}

.facility-box {padding: 40px 30px;text-align: center;margin-bottom: 25px;background-color: #bfebff;}
.facility-box img {margin-bottom: 18px;}
.facility-box h3 {font-size: 18px;margin-bottom: 0;}
.facility-box.bg-fed3d1 {background-color: #fed3d1;}
.facility-box.bg-a9d4d9 {background-color: #a9d4d9;}
.facility-box.bg-fef2d1 {background-color: #fef2d1;}

.customsearch { position: relative; }
.customsearch article { background-color: white; border-radius: 5px; position: absolute; z-index: 1; box-shadow: 0 0 15px rgb(0 0 0 / 20%); width: 340px; left: 0; top: calc(100% + 2px); max-height: 450px; overflow-y: scroll; display: none }
.customsearch ul { list-style: none; margin: 0; padding: 0 }
.customsearch a { display: flex; color: #000; font-size: 15px; text-decoration: none; padding: 8px 10px }
.customsearch a:hover { background-color: #efefef }
.customsearch strong { color: #646464; }
.customsearch .imgBox { width: 35px; flex: 0 0 35px; margin-right: 15px }
.customsearch img { height: 35px; width: 35px; object-fit: contain; }
.customsearch input { padding-left: 32px; border: 1px solid var(--secondarycolor); border-radius: 5px; color: var(--secondarycolor); padding: 8px 8px 8px 32px; }
.customsearch input:focus { outline: none }
.customsearch i { position: absolute; left: 10px; top: 12px; color: var(--secondarycolor) }
.box-offer { padding: 30px 20px; background: var(--primaryDark); display: flex; align-items: center; height: 100%; flex-direction: column; color: #fff }
.box-offer a { text-transform: uppercase; color: #8a2525; text-decoration: none }
.box-offer small a { text-transform: lowercase }
.box-offer i { font-size: 30px; margin-bottom: 15px; background-color: var(--primaryColor); border-radius: 50%; width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; color: var(--primaryDark); box-shadow: 0 0 12px 3px var(--primaryColor); }
.benefits img { margin: 30px 0; border-radius: 100px }
.upsale .btn-primary { background-color: var(--secondarycolor); border-color: var(--secondarycolor) }
.upsale .btn-primary:hover { background-color: var(--primaryColor); border-color: var(--primaryColor); }
.priceShip { padding-left: 17px }
.offer { background: url(../images/offer-banner.png) no-repeat center/cover; padding: 50px 25px; border-radius: 7px }
.total_agree { margin-right: 5px }
.err_msg { background: #ffb6c1; border: 1px solid red; padding: 15px; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, .3); color: #8b0000; font-size: 14px }
.err_msg em { font-style: normal }
.E-Book .qtyPackage { display: none; }

.checkouttable img {max-height: 60px; max-width:60px;}