@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap');
/* @import url("fontstyle.css"); */

body { background: #F8F8F8; position: relative; padding: 0; margin: 0; font-family: 'Quicksand', sans-serif; font-size: 16px; font-weight: 500; line-height: 1.42; color: #333; } 
img{ max-width: 100%; }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {  font-weight: 600; }

a{ color: inherit; }
/* a:hover{ color: #33A1E1; text-decoration: none;} */
a:hover,
a:focus{ text-decoration: none; color: inherit; }

a, .btn { text-decoration: none; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
.btn:focus { box-shadow: 0 0 0 0.2rem rgb(0 128 128 / 11%); /* box-shadow: 0 0 0 0.2rem rgb(55 52 53 / 24%); */ }


.iti { width: 100%; }
.form-group label{ color: #424242; margin: 0 0 3px; font-size: 14px;}
.form-control, .form-select { outline: none; box-shadow: none; font-size: 14px; border-radius: 0px; height: 43px; padding: 0 20px; font-weight: 500; } 

textarea.form-control { resize: none; height: 100px; border-radius: 0px; padding: 10px 15px;} 
.form-control:focus, .form-select:focus{ box-shadow: none;  border-color: #33A1E1;  } 

.primary-btn { background: #33A1E1; color: #fff; padding: 8px 30px; border-radius: 0px; border: 1px solid #33A1E1; outline: none; font-weight: 500;  }
.primary-btn:hover, .primary-btn:focus{ color: #fff; }
.secondary-btn {  background: #fff; color: #33A1E1; padding: 8px 30px; border-radius: 0px; border: 1px solid #ced4da; outline: none; font-weight: 500;  }
/* .secondary-btn i{ margin-left: 5px; display: inline-block; vertical-align: text-bottom; font-size: 20px; } */
.secondary-btn:hover, .secondary-btn:focus{ background:#33A1E1; color: #fff; border-color: #33A1E1;  }

.green-btn {  background: #fff; color: #008080; padding: 8px 30px; border-radius: 0px; border: 1px solid #008080; outline: none; font-weight: 500;  }
.green-btn:hover, .green-btn:focus{ background:#008080; color: #fff; border-color: #008080;  }


.theme-color, .theme-color:hover, .theme-color:focus, .theme-color:active, .theme-color:visited { color: #33A1E1; }
.theme-red-color { color: #E31E24; }
.green-color { color: #35867D; }
.red-color { color: #EA5455; }
.orange-color { color: #fd7e14; }

.form-check-input:checked { background-color: #33A1E1; border-color: #33A1E1; }
.form-check-input:focus {     box-shadow: 0 0 0 0.25rem rgb(0 128 128 / 10%); }

.dropdown-item.active, .dropdown-item:active { background-color: #33A1E1; }

.download-book-btn { border: 1px solid #33A1E1; padding: 8px 30px; border-radius: 5px; color: #33A1E1; display: inline-block; }
.download-book-btn:hover{ color: #33A1E1; }

.secondary-color { color: #9DADBD; }

/* ----------------------------------
 Bootstrap Fix: IE10
 in Windows 8 & Windows Phone 8
 ---------------------------------- */
@-webkit-viewport { width: device-width; } 
@-moz-viewport { width: device-width; } 
@-ms-viewport { width: device-width; } 
@-o-viewport { width: device-width; } 
@viewport { width: device-width; } 


/* ----------------------------------
 Input Light
 ---------------------------------- */
.form-control { color: #9DADBD;  } 
.form-control:-moz-placeholder { color: #9DADBD; } 
.form-control::-moz-placeholder { color: #9DADBD; } 
.form-control:-ms-input-placeholder { color: #9DADBD; } 
.form-control::-webkit-input-placeholder { color: #9DADBD; } 

/* ====== Page Loader Animation ====== */
.loader { background: rgba(0,0,0,0.7); position: fixed; z-index: 1200; box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; transition: opacity 1s linear; } 
.fade-out.loader { opacity: 0; } 
.loader .loader-inner { display: block; width: 100px; }
.loader .loader-inner lottie-player{width: 100px; }

/*Pre Loader*/
#preloader { position: fixed; top: 0; left: 0;  width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); z-index: 9999; display: flex; align-items: center; justify-content: center;}
#preloader img { width: 50px; height: 50px; animation: spin 1s linear infinite; }
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* .ball-scale-ripple-multiple-color > div { border-color: #33A1E1; } 
.ball-scale-ripple-multiple-bw > div { border-color: #fff; } 
.ball-pulse-sync > div, .ball-pulse > div { width: 10px; height: 10px; margin: 5px; }  */

/* Page Title */
.page-title { display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px;}
.page-title h1{ margin: 0; font-size: 36px; }
.page-title a.addnew{ color: #E31E24; font-size: 16px; }

/* Section Title */
.section-title { margin: 20px 0; display: flex; align-items: center; justify-content: space-between; }
.section-title h2{ font-size: 26px; font-weight: 700; margin: 0; }
.section-title a{ color: #33A1E1; }


/*=== Slick Slider Common Css ===*/
.slick-slide { height: auto; }
.slick-dots { padding: 0; margin: 0;  list-style: none; text-align: center;}
.slick-dots li { display: inline-block; padding: 0 3px;}
.slick-dots li button{ padding: 0; margin: 0; border: 0; line-height: normal; font-size: 0; background: #b6e4ff; height: 8px; width: 8px; border-radius: 8px; outline: none; cursor: pointer; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
.slick-dots li.slick-active button{ background: #33A1E1; }

 
/* Comman Check box */
.common-check .checkbox { display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; line-height: 1.4; }
.common-check .checkbox input { position: absolute; cursor: pointer; opacity: 0; height: 20px; width: 20px; top: 0px; left: 0; }
.common-check .checkmark {position: absolute;top: 0px;left: 0;height: 20px;width: 20px;background-color: transparent;border: 1px solid #33A1E1; }
.common-check .checkbox input:checked ~ .checkmark {  border: solid 1px #33A1E1; }
.common-check .checkmark::after {content: ""; position: absolute;display: none;}
.common-check .checkbox input:checked ~ .checkmark::after {display: block;}
.common-check .checkbox .checkmark::after {left: 7px; top: 2px; width: 5px; height: 11px; border: solid #000; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

/* Comman Radio Button */
.radio-box { display: inline-block; position: relative; padding-left: 28px; margin-bottom: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; line-height: 20px; }
.radio-box .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: transparent; border: 2px solid #33A1E1; border-radius: 50%; }
.radio-box input:checked~.checkmark { background-color: transparent; border-color: #33A1E1;  }
.radio-box input:checked~.checkmark::after { display: block; }
.radio-box .checkmark::after { content: ""; position: absolute; display: none; }
.radio-box .checkmark::after { top: 3px; left: 3px; width: 10px; height: 10px; border-radius: 50%; background: #33A1E1; }
.radio-box input { position: absolute; opacity: 0; cursor: pointer; }

/* Modal Comman Css */
.modal-header .close { outline: none; opacity: 1; margin: 0; padding: 0; font-weight: 300; font-size: 32px; position: absolute;  right: 10px;  top: 4px; color: #000; z-index: 1000; background: none; border: none; line-height: 30px; }
.modal-header .close span{  }
.modal .modal-header{ padding: 8px 15px; border-bottom: 0; }
.modal .modal-content { border: none; border-radius: 10px; box-shadow: none; }
.modal .custom-footer { padding: 15px; }
.modal-custom-footer .btn{ margin: 0 5px;  }

/* Delete Modal */
.delete-confirm .modal-dialog { color: #636363; max-width: 400px; margin: 0 auto; padding: 0 15px; }
.delete-confirm .modal-content { border: none; text-align: center; }
.delete-confirm .modal-header{ border: 0; }
.delete-confirm .modal-body .icon-box{  }
.delete-confirm .modal-body .icon-box span{ border: 2px solid #f6253b; height: 70px; width: 70px;display: flex; border-radius: 50%; justify-content: center; margin: 0 auto; font-size: 55px; font-weight: 100; color: #f6253b; }
.delete-confirm .modal-body h4{ margin: 15px 0;  }
.delete-confirm .modal-body .button-list { padding: 20px 0 10px; display: flex; justify-content: center; align-items: center; }
.delete-confirm .modal-body .button-list .btn{ margin: 0 5px; width: 100%; padding: 10px 0;}
.delete-confirm .modal-body .success-img lottie-player{ width: 125px; margin: 0 auto; }



/* Custom Tab  */
.custom-tab-main .tab-content{ padding: 20px 0 0; }
.custom-tab-main ul.custom-nav-tabs {  border: none; border-bottom: 1px solid #e2e2e2; }
.custom-tab-main ul.custom-nav-tabs li .nav-link{ padding: 10px 15px; position: relative; border: none;  border-radius: 0; transition: color .2s ease-out; color: #333;  }
.custom-tab-main ul.custom-nav-tabs li .nav-item { margin: 0 20px 0 0; }
.custom-tab-main ul.custom-nav-tabs li .nav-link.active { color: #33A1E1; position: relative; }
.custom-tab-main ul.custom-nav-tabs li .nav-link.active::after { content: ""; position: absolute; left: 0; right: 0; background: #33A1E1; height: 2px; bottom: -1px;  }

/* Custom Tab Box  */
.custom-tab-box .tab-content{ padding: 20px 0 0; }
.custom-tab-box ul.custom-nav-tabs { display: flex; align-items: center; justify-content: center; }
.custom-tab-box ul.custom-nav-tabs li { background: #f5f5f5; padding: 5px; text-align: center; }
.custom-tab-box ul.custom-nav-tabs li .nav-link{ color: #999; }
.custom-tab-box ul.custom-nav-tabs li .nav-link.active{ background: #33A1E1; color: #fff; }


/* QTY Items */
.qty-items {   display: flex;align-items: center; }
.qty-items .qty{ outline: none; padding: 2px 0px; width: 100%; text-align: center;  color: #333; font-weight: 500; border: 1px solid #ced4da;}
.qty-items .qty-minus, 
.qty-items .qty-plus{ flex: 0 0 auto; color: #000; cursor: pointer; padding: 0; font-size: 18px; background: #f3fbff; width: 20px; height: 20px; border: 1px solid #e2e2e2; font-weight: 400; border-radius: 50%; display: flex; align-items: center; justify-content: center;  line-height: 16px; }
.qty-items .qty-plus{ margin: 0 0px 0 5px;  }
.qty-items .qty-minus { font-size: 25px; margin: 0 5px 0 0; line-height: 11px; display: flex; align-items: baseline; }
.qty-items input[type=number]::-webkit-outer-spin-button,
.qty-items input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }
.qty-items input[type=number] {-moz-appearance: textfield; }


/* News Box */
.news-box { margin: 0; }
.news-box .img{  }
.news-box .img img{ width: 100%; border-radius: 20px;  }
.news-box .details h4{ padding: 10px 0 5px; margin: 0; font-size: 18px; font-weight: 600; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden; }
.news-box.list-view { display: flex; padding: 20px 0; border-bottom: 1px solid #e2e2e2; }
.news-box.list-view .img{ flex: 0 0 auto; width: 30%; }
.news-box.list-view .img img{ object-fit: cover; height: 130px; }
.news-box.list-view .details{ padding: 0 0 0 15px; flex: 1 1 auto; overflow: hidden;}
.news-box.list-view .details p{ color: #999; display: block; display: -webkit-box; margin: 0 0 5px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 60px; font-size: 14px; }
 
  
/* ====== Favourite Icon Checkbox Css ====== */
.favourite-mark label{position: relative; width: 20px; height: 20px; display: block; margin: 0; cursor: pointer;}
.favourite-mark input{position: absolute; opacity: 0; }
.favourite-mark span::before{background: url('../images/fav-unfill.svg') no-repeat; background-size: 100%; position: absolute; left: 0; top: 0; content: ""; width: 20px; height: 20px;  }
.favourite-mark input:checked ~ span::before{background: url('../images/fav-fill.svg') no-repeat; background-size: 100%; }

/* ====== BookMark Css ====== */
.star-mark{ }
.star-mark label{position: relative; width: 20px; height: 23px; display: block; margin: 3px 0 0; cursor: pointer; }
.star-mark input{position: absolute; opacity: 0; }
.star-mark span::before{content: "\f005"; color: var(--priamry-color); position: absolute; left: 0; top: 0; font-family: "Font Awesome 5 Free"; font-size: 20px; color: #efab32; }
.star-mark input:checked ~ span::before{content: "\f005"; font-family: "Font Awesome 5 Free"; font-weight: bold; color: #efab32; }

/* Default Addrss Css */
.default-address p{ overflow-wrap: anywhere; }
.default-address .radio-box .checkmark h5{ border-color: #666; }
.default-address .radio-box { line-height: 1.4; color: #000; width: 100%; padding: 0; margin: 0; }
.default-address .radio-box .checkmark { top: 2px; }
.default-address .radio-box h5{ margin: 0 10px 5px 30px; font-size: 14px;   display: inline-block; padding: 4px 10px; border-radius: 3px; background: #F9F9F9; }
.default-address .radio-box h5 i{ color: #35867D; margin-right: 5px; }
.default-address .form-group{  position: relative; padding: 15px 10px; border-radius: 5px; }
.default-address .form-group .edit-delete{ display: flex; padding-left: 30px;}
.default-address .form-group .edit-delete a{ padding: 3px 10px; margin: 0 10px 0 0; }
.box-shadow { box-shadow: 0px 0px 10px #e2e2e2; }


/* Custom Scrolling Css */
.custom-scroll-div {scrollbar-width: thin; scrollbar-color: #c3c3c3 #fff; }
.custom-scroll-div::-webkit-scrollbar { width: 8px; }
.custom-scroll-div::-webkit-scrollbar-track { background-color: #c8e7e7; /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */ }
.custom-scroll-div::-webkit-scrollbar-thumb { background-color: #33A1E1; }


/* File Upload */
.common-upload { position: relative;border: 1px solid #ced4da; padding: 10px;   }
.common-upload .box{  display: flex; }
.common-upload .preview-img { display: flex; }
.common-upload .preview-img img{ max-width: 70px;  }
.common-upload .preview-img .img { position: relative; display: flex; flex-direction: column; font-size: 12px; padding: 0 10px 0 0; text-align: center; color: #33A1E1;}
.common-upload .preview-img .img .close{ font-size: 21px; position: absolute; top: -4px; right: 3px; border: 1px solid #33A1E1; color: #33A1E1; height: 18px; width: 18px; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.common-upload .upload-img .file-input-input { width: 0.1px; height: 0.1px;  opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.common-upload .upload-img .file-input-label { margin: 0; cursor: pointer; width: 100%; display: flex; padding: 0px 5px; flex-direction: column; text-align: center; font-size: 12px; }
.common-upload .upload-img .file-input-label img{ width: 70px; }
/* .common-upload .upload-img img{ width: 135px; height: 135px; object-fit: fill; border-radius: 15px 15px 0 0; } */

/* book box */
.book-box { margin: 10px 0; }
.book-box .img img{ box-shadow: 0px 3px 6px 0px #00000029; }
.book-box .detail { padding: 10px 0 0; }
.book-box .detail h6{ /* text-transform: uppercase; */ font-weight: 500; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding: 5px 0 0; line-height: 23px; margin: 0; }
.book-box .detail .qty-bulk{ background: #f3fbff;padding: 2px 5px; font-size: 14px; font-weight: 600; display: inline-block; }
.book-box .detail .price-qty{  margin: 0 0 10px; }
.book-box .detail .sale-price{ color: #008080;  font-size: 18px; font-weight: 600; }
.book-box .detail .sale-price span{ color: #9c9c9c; font-size: 14px; font-weight: 500; margin: 0 0 0 5px; position: relative; text-decoration-line: line-through; }
.book-box .detail .secondary-btn{ width: 100%; padding: 8px 4px; }
.book-box .detail .green-btn{ width: 100%; padding: 8px 4px; }
.book-box .detail .type { margin: 6px 0; }
.book-box .detail .type span{ color: #008080; }
.book-box .detail .date{ color: #E31E24; margin: 0px 0 8px; font-size: 13px; }
.book-box.book-list { display: flex;  }
.book-box.book-list .img{ flex: 0 0 auto; width: 30%; }
.book-box.book-list .img img{ box-shadow: none; }
.book-box.book-list .detail .price-qty { display: block; }
.book-box.book-list .detail .qty-bulk { display: inline-block; padding: 5px 10px; }
.book-box.book-list .detail{ flex: 1 1 auto; padding: 0 0 0 20px; }


/* Search filed */
.search-field .box{ background: #fff; display: flex; align-items: center;  position: relative; border: 1px solid #e2e2e2; border-radius: 0; padding: 8px 0;}
.search-field .box select{  max-width: 150px; border: none; border-right: 1px solid #e2e2e2; border-radius: 0; height: 26px; }
.search-field .box .form-control{ border: none; height: 26px; }
.search-field .box .search-btn{ flex: 0 0 auto; background: none; padding: 0; border: 0; font-size: 22px; margin-right: 15px; color: #008080; line-height: 22px; }

/* Order List */
.order-list{  margin: 10px 0; padding: 15px;  box-shadow: 0px 0px 10px 0px #f5f5f5; border: 1px solid #f5f5f5; background: #fff; }
.order-list label{ color: #9DADBD; margin: 0 5px 0 0; font-weight: 500; }
.order-list p{ margin: 0;   }
.order-list .head{ display: flex; align-items: center; justify-content: space-between; width: 100%; border-bottom: 1px solid #f5f5f5; padding: 0 0 10px; margin: 0 0 10px; }
.order-list .head p{ margin: 0; }
.order-list .details ul{ list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: space-between; }
.order-list .details ul li{ /* font-weight: 600; */ }
.order-list .details label{ display: block; }

/* Coupon List */
.product-list-box { display: flex; margin: 10px 0; }
.product-list-box .img { width: 30%;  flex: 0 0 auto; }
.product-list-box .img img{box-shadow: 0px 3px 6px 0px #00000029; }
.product-list-box .detail{ flex: 1 1 auto; padding: 0 0 0 20px; }
.product-list-box .detail h6{display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding: 5px 0 0; line-height: 23px; }
.product-list-box .detail h6 a { display: block; }
.product-list-box .detail .out-of-stock { display: flex; align-items: center; justify-content: space-between;  }
.product-list-box .detail .out-of-stock .out{ white-space: nowrap; font-size: 14px;}
.product-list-box .detail .sale-price{ color: #008080;  font-size: 20px; font-weight: 600; margin: 5px 0; }
.product-list-box .detail .sale-price span{ color: #9c9c9c; font-size: 14px; font-weight: 500; margin: 0 0 0 5px; position: relative; text-decoration-line: line-through; }
.product-list-box .detail .type { margin: 6px 0; }
.product-list-box .detail .type span{ color: #008080; font-weight: 600; }
.product-list-box .detail .date{ color: #E31E24; margin: 0px 0 8px; font-size: 13px; }
.product-list-box .detail .qty-items { margin: 8px 0; }
.product-list-box .detail .secondary-btn { width: 100%; padding: 6px 9px; margin-left: 10px; }
.product-list-box .detail .green-btn { width: 100%; padding: 6px 13px; }

/* Tag List  */
.tag-list .tag-box .slot-box { position: relative; }
.tag-list .tag-box .slot-box .checkmark{ text-align: center; display: inline-block; border: 1px solid #88888A; color: #010101;  padding: 7px 15px; border-radius: 5px; position: relative; cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; line-height: normal;}
.tag-list .tag-box .slot-box input { position: absolute; cursor: pointer; opacity: 0; height: 20px; width: 20px; top: 0px; left: 0; }
.tag-list .tag-box .slot-box input:checked ~ .checkmark { border-color: #E8E8E8; background: #E8E8E8; color: #000; }
.tag-list .tag-box .slot-box input:checked ~ .checkmark::before {display: inline-block; }
.tag-list ul { margin: 0 0px; padding: 3px 0; list-style-type: none; display: flex; flex-wrap: wrap; }
.tag-list ul li{ padding: 5px; }
.tag-list ul.sub-cate li .box{ border: 1px solid #e2e2e2; padding: 5px 10px;  border-radius: 5px; display: flex; align-items: center; cursor: pointer;  }
.tag-list ul.sub-cate li .box a{ display: inline-block; vertical-align: middle; margin: 0 0 0 10px; }
.tag-list ul.sub-cate li.active .box { background: #E8E8E8; }


/* Data Not Found */
.no-data-found { height: calc(100vh - 240px); display: flex; align-items: center; justify-content: center; }
.no-data-found .box{ max-width: 360px; margin: 0 auto; text-align: center; }
.no-data-found .box img{ margin: 0 0 30px; }
.no-data-found .box p{ color: #848484; }

/* ====== Header ====== */
header { position: fixed; left: 0; right: 0; z-index: 999; box-shadow: 0 4px 12px 0 rgb(0 0 0 / 5%); background: #fff; }
header a{ transition: none; }
/* header .dropdown-toggle::after{ display: none; } */

header .navbar-light .navbar-toggler { border: none; outline: none; box-shadow: none; }
header .navbar-brand{   display: flex; align-items: center; padding: 0; }
header .navbar-brand .mobile-hide{ max-width: 90px; }
header .navbar .contact-info { display: flex; align-items: center; justify-content: center; margin: 0 auto; text-align: center; flex: 1 1 auto; }
header .right-side { display: flex; align-items: center; margin-left: auto; } 

header .navbar .navbar-toggler-icon { width: 24px; height: 17px; background-image: none; position: relative; border-bottom: 1px solid #33A1E1; transition: all 300ms linear; }
header .navbar .navbar-toggler-icon::after, 
header .navbar .navbar-toggler-icon::before{ width: 24px; position: absolute; height: 1px;  background-color: #33A1E1; top: 0; left: 0; content: ''; z-index: 2; transition: all 300ms linear; }
header .navbar .navbar-toggler-icon::after{ top: 8px; }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after { transform: rotate(45deg); }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before { transform: translateY(8px) rotate(-45deg); }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { border-color: transparent; }
header .navbar-nav li a .icon{ display: none; text-align: center; margin-right: 10px; min-width: 22px; /* display: inline-block; */ vertical-align: middle; }
header .navbar-nav li.dropdown { padding: 0; }
header .navbar-nav li.dropdown  a{ color: #000; width: 100%; display: inline-block; padding: 8px 15px; }
header .navbar-light .navbar-nav .nav-link{ color: #000; }
header .navbar-nav li.dropdown ul.dropdown-menu { border-radius: 0; border: 0; box-shadow: 0px 0px 4px 0px #adadad; }
header .navbar-nav li.dropdown ul li{ padding: 0; }
header .navbar-nav li.dropdown ul li a { font-size: 14px; }
header .navbar-nav li.dropdown ul li a:hover{ background: rgb(51 161 225 / 10%); }
header .navbar-nav .dropdown-toggle::after { content: "\e902"; font-family: 'icomoon' !important; border: 0; vertical-align: bottom; }

header .menu-list { display: flex; align-items: center; padding: 5px 0px 5px 10px; margin: 0 0 0 15px; border-left: 1px solid #33A1E1; }
header .menu-list ul{ padding: 0; margin: 0; display: flex; list-style: none; align-items: center;}
header .menu-list ul li{ padding: 0 0 0 15px; position: relative; }
header .menu-list ul li a{ text-align: center; font-size: 20px; display: flex; }
header .menu-list .notification { position: relative;  }
header .menu-list .notification span{ position: absolute; top: 0; right: 3px; background: #E31E24; width: 6px; height: 6px; border-radius: 50%; }
header .menu-list .dropdown { }
header .menu-list .dropdown .dropdown-toggle { background: none;   border: 0; outline: none; /* font-size: 21px; */ /*  display: flex; */ }
header .menu-list .dropdown .dropdown-toggle::after{ display: none; }
header .menu-list .dropdown .dropdown-menu { margin: 0;  padding: 10px 0; width: 200px; right: 0; left: initial; border: 0; border-radius: 0; box-shadow: 0px 0px 4px 0px #adadad; background-clip: unset; /* transform: translateY(20px); */ /* opacity: 0; display: unset; */ /* visibility: hidden; */}
header .menu-list .dropdown .dropdown-menu .profile { display: flex; align-items: center; border-bottom: 1px solid #e2e2e2; padding: 0 10px 10px; width: 100%; }
header .menu-list .dropdown .dropdown-menu .profile img{ width: 45px; height: 45px; border-radius: 50%; object-fit: cover; }
header .menu-list .dropdown .dropdown-menu .profile .text { margin-left: 10px; }
header .menu-list .dropdown .dropdown-menu .profile .text h5{ font-size: 13px; margin: 0 0 3px; color: #33A1E1; }
header .menu-list .dropdown .dropdown-menu .profile .text p{ font-size: 12px; margin: 0; }
header .menu-list .dropdown .dropdown-menu .login{ text-align: center; margin: 10px 0; }
header .menu-list .dropdown .dropdown-menu .login a{ font-size: 13px; border-radius: 5px; transition: none; color: #fff; background: #33A1E1; padding: 10px 20px; display: inline-block; }
header .menu-list .dropdown .dropdown-menu .menu{ list-style-type: none; padding: 0; margin: 0; display: block; }
header .menu-list .dropdown .dropdown-menu .menu li { padding: 0; }
header .menu-list .dropdown .dropdown-menu .menu li a{ text-align: left; transition: none; font-size: 14px; padding: 8px 15px;  display: inline-block; width: 100%;}
header .menu-list .dropdown .dropdown-menu .menu li a img{ text-align: center; margin-right: 10px; min-width: 22px;display: inline-block; vertical-align: middle; }
header .menu-list .dropdown .dropdown-menu .menu li a:hover{ background: rgb(51 161 225 / 10%); }
header .menu-list ul li.cart span{ font-size: 10px; background: red; color: #fff; width: 16px; height: 16px; border-radius: 50%; position: absolute; right: -7px; top: -7px; display: flex; align-items: center; justify-content: center; line-height: 0; }

header .navbar-nav { display: flex; align-items: center; }
header .navbar-nav li { padding: 8px 15px; }

/* header .navbar .dropdown-menu { width:100%; left:0; right:0; top:100%; display:block; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s linear; } */
/* header .navbar .dropdown:hover .dropdown-menu, 
header .navbar .dropdown .dropdown-menu:hover { display:block; visibility: visible; opacity: 1; transition: visibility 0s, opacity 0.3s linear; } */
/* header .navbar .dropdown-menu { border: 1px solid rgba(0,0,0,.15); background-color: #fff;}  */
 

section { padding: 50px 0; }
/* SignUp - SignIn - Language Pages  */
section.auth-page { padding: 50px 15px;  }
section.auth-page .auth-form{ max-width: 450px; margin: 0 auto; background: #fff; border-radius: 25px; box-shadow: 0px 10px 25px 5px #0000000f; padding: 35px; }
section.auth-page .auth-form.signup { max-width: 1290px; }
section.auth-page .auth-form .social-login img{ margin: 0 10px 0 0; }
section.auth-page .auth-form .signup-detail { font-weight: 500; text-align: center; color: #AFAFAF; }
section.auth-page .auth-form .signup-detail .clr-primary{ color: #33A1E1; }
section.auth-page .auth-form .title { text-align: left; margin: 0 0 20px; font-weight: 500; color: #000000; position: relative; }
section.auth-page .auth-form .title::after{ content: ""; position: absolute; left: -35px; top: 0; height: 35px; background: #33A1E1; width: 3px; }
section.auth-page .auth-form .common-check a{ color: #33A1E1; text-decoration: underline;   }
section.auth-page .auth-form .login-with { display: flex; align-items: center; justify-content: space-between; margin: 0px 0 20px; }
section.auth-page .auth-form .login-with a{ text-decoration: underline; font-size: 14px; }
section.auth-page .auth-form .login-with .forgot{ color: #008080; }
section.auth-page .auth-form .forgot-option { display: flex; align-items: center; justify-content: space-around; margin: 30px 0; }

/* =================
     Home Page  
====================*/
.white-bg { background: #fff; margin: 0 0 10px; }
.main-wapper { padding: 63px 0 0;  }
section.home-search { background: #33A1E1; padding: 30px 0; }

/* Breadcrum */
section.inner-page-banner { padding: 20px 0; background: rgb(51 161 225 / 10%); }
section.inner-page-banner .breadcrumb{  background: none;  padding: 0;  font-size: 14px; margin: 0; }
section.inner-page-banner .breadcrumb .breadcrumb-item + .breadcrumb-item::before{   }
section.inner-page-banner .breadcrumb .breadcrumb-item a{ }
section.inner-page-banner .breadcrumb .breadcrumb-item.active{ font-weight: 500; color: #33A1E1; }

/* Home Categroy  */
section.category-list { padding: 20px 0;  }
section.category-list ul { list-style: none; padding: 0; margin: 0; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; }
section.category-list ul li{  padding: 0 15px; text-align: center; }
section.category-list ul li p{ margin: 10px 0 0; }
section.category-list ul li .box{ width: 70px; height: 70px; background: #f3fbff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; }

/* Shop List */
section.shop-list .book-slider{ padding: 30px 0 0; }
section.shop-list .book-slider .item{ padding: 0 5px; text-align: center; }
section.shop-list .book-slider .item .box img{ box-shadow: 0px 3px 6px 0px #00000029; margin: 0 0 10px; }
section.shop-list .book-slider .item .box p{ margin: 0; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

/* Make Return */
section.make-return .book-box .img img{ box-shadow: none; }

/* Shop Old Books */
section.old-book .book-box .img img{ box-shadow: none; }

/* Coupon List */
section.coupon-list { padding: 20px 0 50px; }
section.coupon-list .book-slider { padding: 30px 0 0; }
section.coupon-list .book-slider .item{ padding: 0 5px; text-align: center; }

/* shop our book */
section.shop-our-book .custom-tab-box ul.custom-nav-tabs li{ min-width: 170px; text-align: center; }
section.shop-our-book .tag-list { margin: 0 0 20px; }

/*=====================
 Product Details Page  
======================*/
section.product-detail .product-slider { position: sticky; top: 90px; }
section.product-detail .product-slider .video-tag video{ width: 100%; }
section.product-detail .product-slider .slick-dots li button{ height: 10px; width: 10px;  }
section.product-detail .product-slider .img{ margin: 10px 0;  }
section.product-detail .product-slider .img img{ margin: 0 auto; max-width: 300px; box-shadow: 0px 3px 6px 0px #00000029;}
section.product-detail .product-slider .button-list { display: flex; width: 100%; max-width: 370px; margin: 20px auto;  justify-content: space-between; }
section.product-detail .product-slider .button-list .qty-items { width: 50%; }
section.product-detail .product-slider .button-list .qty-items .qty{ padding: 8px 0px; }
section.product-detail .product-slider .button-list .primary-btn{ width: 50%; margin-left: 20px; padding: 8px 8px; }

section.product-detail .product-content {  }
section.product-detail .product-content h1{ font-size: 26px;  }
section.product-detail .product-content .book-price-weight { background: #F8F8F8; padding: 10px 15px; }
section.product-detail .product-content .book-price-weight ul { list-style-type: none; padding: 5px 0; margin: 0; display: flex;  justify-content: center; }
section.product-detail .product-content .book-price-weight ul li{  text-align: center; width: 50%; padding: 0 30px; border-right: 1px solid #9DADBD;  }
section.product-detail .product-content .book-price-weight ul li:last-child{ border-right: none; }
section.product-detail .product-content .book-price-weight ul li label{ display: block; color: #9DADBD;  }
section.product-detail .product-content .book-price-weight ul li label img{ width: 16px; }
section.product-detail .product-content .book-price-weight ul li p{ margin: 5px 0; font-size: 20px; }
section.product-detail .product-content .book-price-weight ul li .price{ color: #008080; font-size: 20px; font-weight: 600; margin: 5px 0; }
section.product-detail .product-content .book-price-weight ul li .price span{color: #9DADBD; font-size: 14px; font-weight: 400; margin: 0 0 0 5px; position: relative; text-decoration-line: line-through; }
section.product-detail .product-content .desc { padding: 10px 0; }
section.product-detail .product-content .desc { display: block; }
section.product-detail .product-content .desc p{ margin: 0; color: #9DADBD; }
section.product-detail .product-content .last-returnable { display: flex; align-items: center; border: 1px solid #cad3dc; padding: 15px; border-radius: 15px; margin: 10px 0; }
section.product-detail .product-content .last-returnable .img{ width: 50px; flex: 0 0 auto; }
section.product-detail .product-content .last-returnable .text{ padding: 0 0 0 20px; flex: 1 1 auto; }
section.product-detail .product-content .last-returnable .text p{ margin: 0; color: #35867D; font-size: 14px; }
section.product-detail .product-content .item-list { display: flex; justify-content: space-between; margin: 10px 0 0; }
section.product-detail .product-content .qty-bulk{ background: #f3fbff;padding: 2px 5px; font-size: 14px; font-weight: 600; display: inline-block; }


section.related-product .book-box .detail .price-qty { justify-content: center; }
section.related-product .book-box .detail{ text-align: center; }
section.related-product .related-slider .item { padding: 0px 10px; }




/* My Cart Page */
section.my-cart .cart-list .top-check-list{ display: flex; align-items: center; justify-content: space-between; padding: 7px 15px; }
section.my-cart .cart-list .top-check-list .delete{ font-size: 14px; }
section.my-cart .order-list p{ margin: 0 0 10px; }


section.my-cart .cart-list .box{ padding: 15px; display: flex; }
section.my-cart .cart-list .img{ flex: 0 0 auto; width: 20%; }
section.my-cart .cart-list .details{ flex: 1 1 auto; padding: 0 0 0 20px; }
section.my-cart .cart-list .details .price-qty{ display: flex; align-items: center; margin: 0 0 10px; }
section.my-cart .cart-list .details .price-qty .qty-items{ margin: 0 0 0 20px; width: 150px; }
section.my-cart .cart-list .details .sale-price{ color: #008080;  font-size: 18px; font-weight: 600; }
section.my-cart .cart-list .details .sale-price span{ color: #9c9c9c; font-size: 14px; font-weight: 500; margin: 0 0 0 5px; position: relative; text-decoration-line: line-through; }

section.my-cart .sticky-cart { position: sticky; top: 80px; }
section.my-cart .cart-summary { display: inline-block; width: 100%; }
section.my-cart .cart-summary ul { list-style-type: none; padding: 0; margin: 0; }
section.my-cart .cart-summary ul li { display: flex; justify-content: space-between; width: 100%; padding: 10px 15px; }
section.my-cart .cart-summary ul li:last-child{ border-top: 1px solid #e2e2e2;}
section.my-cart .cart-summary .priceHeader{ font-weight: 600; margin: 0; font-size: 16px; padding: 10px 15px; border-bottom: 1px solid #e2e2e2; }
section.my-cart .cart-summary .select-item { background: rgb(234 84 85 / 5%);text-align: center;  padding: 5px 0; font-size: 12px; }
section.my-cart .summary-action { padding: 10px 0 0; display: flex; justify-content: space-between;  }
section.my-cart .summary-action a{ width: 100%; }

section.my-cart .cart-items { white-space: nowrap; display: flex; overflow-x: auto; margin: 0 0 15px; }
section.my-cart .cart-items .box{ display: flex; padding: 10px; margin: 0 10px 10px 0;  width: 250px; flex: 0 0 auto; }
section.my-cart .cart-items .box .img { width: 70px; flex: 0 0 auto; }
section.my-cart .cart-items .box .detail { padding: 0 0 0 10px; white-space: normal; }
section.my-cart .cart-items .box .detail h6{ font-size: 15px; margin: 0 0 6px; }
section.my-cart .cart-items .box .detail .sale-price{ color: #008080;  font-size: 14px; font-weight: 600; }
section.my-cart .cart-items .box .detail .sale-price span{ color: #9c9c9c; font-size: 14px; font-weight: 500; margin: 0 0 0 5px; position: relative; text-decoration-line: line-through; }

section.my-cart .default-address .billing-head { display: flex; justify-content: space-between; margin: 0 0 5px; }
section.my-cart .same-billing { padding: 15px 10px; }
section.my-cart .same-billing .link{ display: flex; justify-content: space-between;  }
section.my-cart .erned-point { padding: 15px 10px; }

section.my-cart .order-list{ margin: 0 0 10px; }
section.my-cart .order-detail { }
section.my-cart .order-detail .box{ padding: 15px;  display: flex; width: 100%; border-bottom: 1px solid #f5f5f5; }
section.my-cart .order-detail .box .img{flex: 0 0 auto; width: 20%; }
section.my-cart .order-detail .box .details{ flex: 1 1 auto; padding: 0 0 0 20px; }

section.my-cart .order-detail .box .details .price-qty{ display: flex; margin: 0 0 10px; }
section.my-cart .order-detail .box .details .sale-price{  font-size: 18px; font-weight: 600; margin: 0 30px 0 0; }
section.my-cart .order-detail .box .details .qty-bulk{ background: #f3fbff;padding: 2px 5px; font-size: 14px; font-weight: 600; }
section.my-cart .order-detail .box .details .detail-btn { display: flex; align-items: center; flex-wrap: wrap; margin: 10px 0 0; }
section.my-cart .order-detail .box .details .detail-btn .view{ margin: 0 50px 0 0; color: #33A1E1; text-decoration: underline; }

/* Return Product */
section.return-product .courier-details{  background: #33A1E1; padding: 15px 10px; color: #fff; margin: 0 0 20px; }
section.return-product .courier-details .head{ padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid #fff; }
section.return-product .courier-details ul{ list-style: none; padding: 0; margin: 0; }
section.return-product .courier-details ul li {  display: flex; }
section.return-product .courier-details ul li .icon{  flex: 0 0 auto; width: 30px; color: #bfe4fb; }
section.return-product .courier-details ul li .detail{ flex: 1 1 auto; }
section.return-product .courier-details ul li .detail h6{ color: #bfe4fb; font-weight: 100; font-size: 14px; }
section.return-product .return-pro-list { padding: 15px 15px; }
section.return-product .return-pro-list .top-check-list{ display: flex; align-items: center; justify-content: space-between; padding: 0px 0px 15px; }
section.return-product .return-pro-list .top-check-list .delete{ font-size: 14px; }
section.return-product .select-item{ background: rgb(234 84 85 / 5%); text-align: center; padding: 5px 0; font-size: 12px; }

section.return-product .return-product { display: flex; width: 100%; }
section.return-product .return-product .img{ width: 100px; flex: 0 0 auto; }
section.return-product .return-product .img img{ box-shadow: 0px 3px 6px 0px #00000029; }
section.return-product .return-product .details{ flex: 1 1 auto; padding: 0 0 0 20px; }
section.return-product .return-product .details .box{ display: flex; }
section.return-product .return-product .details .box .list{ margin: 0 20px 0 0; width: 50%; }
section.return-product .item-accepte { padding: 10px 0; margin: 10px 0; border-top: 1px solid #e2e2e2; }
section.return-product .item-accepte ul{ list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: space-between; }
section.return-product .item-accepte ul li{ font-weight: 600; }
section.return-product .item-accepte label{ display: block; color: #9DADBD; margin: 0 5px 0 0; font-weight: 500;}
section.return-product .rejection-reason { padding: 15px; }

/* Notification */
section.notification-page a{ color: #E31E24; }
section.notification-page ul.notification-list { list-style-type: none; padding: 0; margin: 0; } 
section.notification-page ul.notification-list li { display: inline-block; width: 100%; }
section.notification-page ul.notification-list li .box{ padding: 15px 35px 15px 15px; position: relative; border-bottom: 1px solid #e2e2e2; }
/* section.notification-page ul.notification-list li .box.new::after{ content: ""; position: absolute; top: 10px; left: 0; background: #33A1E1; width: 5px; height: 5px; border-radius: 50%; } */
section.notification-page ul.notification-list li .box.new{  background: #f5f5f5; border-color: #33A1E1; }
section.notification-page ul.notification-list li .box p{ margin: 0;  } 
section.notification-page ul.notification-list li .box .date{ color: #9DADBD; margin: 5px 0 0; font-size: 14px; } 
section.notification-page ul.notification-list li .box .delete{ display: flex; align-items: center; justify-content: center;  border-radius: 50%;  width: 30px; height: 30px; position: absolute; right: 10px; } 

/* Wishlist stock */
section.wishlist-stock {  }
section.wishlist-return .return-pro-list{ padding: 15px; box-shadow: 0px 3px 6px 0px #00000029; margin: 0 0 20px; height: calc(100% - 20px); }
section.wishlist-return .return-pro-list .return-product { display: flex; width: 100%; }
section.wishlist-return .return-pro-list .return-product .img{ width: 100px; flex: 0 0 auto; }
section.wishlist-return .return-pro-list .return-product .img img{ box-shadow: 0px 3px 6px 0px #00000029; }
section.wishlist-return .return-pro-list .return-product .details{ flex: 1 1 auto; padding: 0 0 0 20px; }
section.wishlist-return .return-pro-list .return-product .details .box{ display: flex; }
section.wishlist-return .return-pro-list .return-product .details .box .list{ margin: 0 20px 0 0; width: 50%; }
section.wishlist-return .return-pro-list .edit { color: #35867D; }
section.wishlist-return .return-pro-list .edit i{ font-size: 20px; vertical-align: middle; margin: 0 5px 0 0; }

section.wishlist-return .language-list { }
section.wishlist-return .language-list ul { list-style-type: none; padding: 15px 0; margin: 0; display: flex; }
section.wishlist-return .language-list ul li{ padding: 0 10px; }
section.wishlist-return .language-list ul li a{ color: #9DADBD; border-bottom: 1px solid transparent; padding: 5px 0; }
section.wishlist-return .language-list ul li.active a{ color: #000; border-bottom: 1px solid #33A1E1; }

/* Digital Coupon */
section.digital-coupon {  }
section.digital-coupon .order-list{ margin: 0 0 10px;  }
section.digital-coupon .product-list-box { background: #fff; padding: 15px; }
section.digital-coupon .product-list-box.active { border: 2px solid #33A1E1; }
section.digital-coupon .product-list-box .price-qty{ display: flex; align-items: center;  }
section.digital-coupon .product-list-box .price-qty .qty-items{ margin: 0 0 0 30px; background: #f3fbff; padding: 2px 5px; font-size: 14px; font-weight: 600; }

section.digital-coupon .coupon-listing { padding: 15px; }
section.digital-coupon .coupon-listing .coupon-list ul.list { list-style-type: none; padding: 10px 0; margin: 0; }
section.digital-coupon .coupon-listing .coupon-list ul.list li { padding: 10px 0; border-bottom: 1px solid #F9F9F9; }
section.digital-coupon .coupon-listing .coupon-list ul.list li .box{ display: flex; justify-content: space-between; }
section.digital-coupon .coupon-listing .coupon-list ul.list li .box img{ height: 30px; width: 30px; }
section.digital-coupon .coupon-listing .coupon-list ul.list li .box .btn{ width: 100%; margin: 0 5px; display: flex; align-items: center; justify-content: center; }
section.digital-coupon .coupon-listing .coupon-list ul.list li .box .code{ border-radius: 0; border: 1px dashed #9DADBD; display: flex; align-items: center; padding: 5px 20px; justify-content: space-between; color: #35867D; background: #F9F9F9; font-weight: 600; }
section.digital-coupon .coupon-listing .coupon-list ul.list li .box .code.red{ color: #EA5455; }
section.digital-coupon .coupon-listing .coupon-list ul.list li .box .redeemed{ width: 100%; display: flex; align-items: center;  background: #F9F9F9; justify-content: center; color: #EA5455; font-weight: 600; padding: 8px 30px; border-radius: 0;}
section.digital-coupon .coupon-listing .coupon-list ul.list li .info { display: flex; justify-content: space-between;  }
section.digital-coupon .coupon-listing .coupon-list ul.list li .info .list{ padding: 0 5px; }

/* Edit Profile */
section.profile-page {  }
section.profile-page .profile-outer{ padding: 30px 0; background: #33A1E1;  }

section.profile-page .profile-img{  text-align: center;}
section.profile-page .profile-img img{ width: 150px; height: 150px; object-fit: cover; margin: 0px auto 20px;  border-radius: 10px; }
section.profile-page .profile-img .file-input { position: relative; }
section.profile-page .profile-img .file-input-input { width: 0.1px; height: 0.1px;  opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
section.profile-page .profile-img .file-input-label { box-shadow: 0px 3px 6px rgb(0 0 0 / 16%); position: absolute; bottom: 10px; right: 0; margin: 0 auto; left: 0; cursor: pointer;  border-radius: 50%;  color: #33A1E1; padding: 0; background-color: #ffffff; width: 30px;height: 30px; display: flex; align-items: center; justify-content: center; }
section.profile-page .profile-name { text-align: center; color: #fff; padding: 10px 0 0; }
section.profile-page .profile-name p{ margin: 0; }
section.profile-page .profile-name h4{ font-weight: 500; }

section.profile-page .panel { border: 1px solid #f5f5f5; margin: 0 0 15px; }
section.profile-page .panel .head{ display: flex; align-items: center; justify-content: space-between; background: #F8F8F8; padding: 10px 20px; }
section.profile-page .panel .head h5{ margin: 0; font-size: 15px; }
section.profile-page .panel .panel-body { padding: 20px; }
section.profile-page .panel .panel-body .item{ padding-left: 20px; }
section.profile-page .panel .panel-body .item .title{ display: flex; align-items: center; justify-content: space-between; padding: 0px 0 5px; }

section.profile-page .panel .default-address .form-group { padding: 0; }
section.profile-page .panel .common-upload { border: 0; padding: 0; }

/* Refer Earn */
section.refer-earn-banner{ background: #33A1E1; }
section.refer-earn-banner .page-title{ color: #fff; justify-content: center; }
section.refer-earn-banner .refer-lottie{ width: 185px; height: 185px; background: rgba(255,255,255,0.3); border-radius: 50%; margin: 0 auto; }
section.refer-earn-banner .refer-lottie lottie-player{ width: 150px; margin: 0 auto; }

section.refer-earn-content { text-align: center; }
section.refer-earn-content .box{ max-width: 520px;  margin: 0 auto; box-shadow: 0px 0px 10px 0px #e2e2e2; padding: 35px; border-radius: 20px; }
section.refer-earn-content .box p{ color: #9DADBD; }
section.refer-earn-content .box .your-code{ margin: 50px 0; }
section.refer-earn-content .box .your-code .code{ border-radius: 0; border: 1px dashed #9DADBD; display: flex; align-items: center; padding: 15px 20px; justify-content: space-between; color: #35867D; background: #F9F9F9; font-weight: 600; max-width: 240px; margin: 0 auto; }
section.refer-earn-content .box .your-code .code a{ color: #9DADBD; }

/* CMS Pages */
section.cms-page {  }
section.cms-page p{ /* color: #9DADBD;  */}
section.cms-page .logo{ text-align: center; margin: 0 0 20px; }
section.cms-page .logo img{ max-width: 200px; }
section.cms-page h2{ font-size: 26px; margin: 20px 0 30px; position: relative; }
section.cms-page h2::after{ content: ""; position: absolute; bottom: -5px; left: 0; background: #333; width: 50px; height: 3px;  }

/* Contact Us */
section.contact-page { padding: 0 0 50px;  }
section.contact-page .contact-banner{ margin: 0 0 30px; background: #33A1E1; padding: 30px 0 0; text-align: center; }
section.contact-page .contact-info { background: #f4f4f4; padding: 25px; border-radius: 10px; }

section.contact-page .contact-info ul{ list-style: none; padding: 0; margin: 0; }
section.contact-page .contact-info ul li {  padding: 10px 0; }
section.contact-page .contact-info ul li .box{ display: flex; align-items: center; box-shadow: 0px 0px 10px 0px #e2e2e2; padding: 15px; border-radius: 15px; background: #fff; }
section.contact-page .contact-info ul li .box .img{ flex: 0 0 auto; font-size: 20px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: #33A1E1; color: #fff; border-radius: 50%; }
section.contact-page .contact-info ul li .box .detail{ flex: 1 1 auto; padding: 0 0 0 20px; }
section.contact-page .contact-info ul li .box .detail p{ font-weight: 600; }

/* Ticket Box */
.ticket-box { box-shadow: 0px 0px 10px 0px #f5f5f5; padding: 0px 20px 0px; margin: 15px 0; }
.ticket-box a{ display: inline-block; width: 100%; }
.ticket-box .head{ display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #e2e2e2; margin: 10px 0; }
.ticket-box .head p{ margin: 0; }
.ticket-box .details{ }

/* Suggestion Page */
section.suggestion-page {  }
section.suggestion-page .search-field{ margin: 0 0 20px; padding: 20px; background: #f5f5f5; }
section.suggestion-page .wish-publish { box-shadow: 0px 10px 25px 5px #0000000f; padding: 25px; }

/* Order Placed Page */
section.order-placed-page .search-field{ margin: 0 0 20px; padding: 20px; background: #f5f5f5; }
section.order-placed-page .order-list .head{ display: block; }


/* Footer Section  */
footer.footer{ background: #fff; padding: 40px 0 0px;}
footer.footer h3.footer-title{ font-size: 16px;  margin: 10px 0; text-transform: uppercase; font-weight: 700; }
footer.footer .about-info .footer-logo{ padding: 0px 0 20px; }
footer.footer .about-info .footer-logo img{ max-width: 200px; width: 100%; }
footer.footer .about-info ul{ margin: 10px 0 15px;display: flex; gap: 15px; line-height: 0; width: 100%;  padding: 0; list-style: none; }
footer.footer .about-info ul li{ display: inline-block; }
footer.footer .about-info ul li a{ font-size: 17px; }
/* footer.footer .about-info ul li a:hover{ color: #33A1E1; } */
footer.footer .contact-info ul{ padding: 0; margin: 20px 0 0; list-style-type: none; }
footer.footer .contact-info ul li { display: inline-block; width: 100%; padding: 5px 0; }
footer.footer .contact-info ul li .icon{ float: left; width: 25px; color: #33A1E1; margin: 3px 0 0; }
footer.footer .contact-info ul li .details { overflow: hidden; }
footer.footer .contact-info ul li .icon-envelope-solid { font-size: 12px; }
footer.footer .download-app { margin: 20px 0; }
footer.footer .download-app img{ margin: 5px 0px; }

footer.footer .footer-link ul { margin: 0; padding: 0; }
footer.footer .footer-link ul li{ list-style-type: none; padding: 5px 0px; position: relative; }
footer.footer .footer-link ul li a{ color: #818181;  }
footer .footer-bottom { text-align: center; padding: 15px 0; margin: 20px 0 0; border-top: 1px solid #e1e1e1; }
footer .footer-bottom .copyright-footer { margin: 0; color: #000; font-size: 13px; }



/* OTP Modal */
.otp-modal {  }
.otp-modal .otp-box{ text-align: center; padding: 20px 0; }
.otp-modal .otp-box h3{ font-size: 22px; }
.otp-modal .otp-box .otp-input { display: flex; align-items: center; justify-content: center; margin: 20px 0; }
.otp-modal .otp-box .otp-input .form-control{ padding: 0; margin: 0 8px;  border: 1px solid #33A1E1; border-radius: 0; text-align: center; color: #33A1E1; font-weight: 600; font-size: 17px; }
.otp-modal .otp-box .resend { margin: 15px 0 30px; }
.otp-modal .otp-box .countdown { color: #a5a5a5;  margin: 15px 0 0; display: inline-block; width: 100%; }

/* Address Modal */
.add-address h5.title{ font-size: 16px; font-weight: 500; }
.add-address .form-check{ display: flex; justify-content: space-between; padding: 0; }

/* Save Modal */
.save-address .default-address .form-group{ border: 1px solid #AFAFAF; }


/* Return Product Modal */
.return-prduct-modal .book-price-weight { background: #F8F8F8; padding: 10px 15px; }
.return-prduct-modal .book-price-weight ul { list-style-type: none; padding: 5px 0; margin: 0; display: flex;  justify-content: center; }
.return-prduct-modal .book-price-weight ul li{  text-align: center; width: 50%; padding: 0 30px; border-right: 1px solid #9DADBD;  }
.return-prduct-modal .book-price-weight ul li:last-child{ border-right: none; }
.return-prduct-modal .book-price-weight ul li label{ display: block; color: #9DADBD;  }
.return-prduct-modal .book-price-weight ul li p{ margin: 5px 0; font-size: 16px; }
.return-prduct-modal .book-price-weight ul li .price{ color: #008080; font-size: 16px; font-weight: 600; margin: 5px 0; }
.return-prduct-modal .book-price-weight ul li .price span{color: #9DADBD; font-size: 14px; font-weight: 400; margin: 0 0 0 5px; position: relative; text-decoration-line: line-through; }
.return-prduct-modal .qty-big { padding: 20px 0; }
.return-prduct-modal .qty-items { justify-content: center; }
.return-prduct-modal .qty-items .qty{ padding: 7px 0px; width: 100px; }

/* Filter Modal */
.filter-modal h6.title{ font-size: 17px; border-bottom: 1px solid #e2e2e2; padding: 0 0 5px 0; margin: 0 0 10px;}
.filter-modal .common-check{ border: 1px solid #e2e2e2; padding: 10px 15px; margin: 0 0 15px; }
.filter-modal .common-check .checkbox{ margin: 0; }

.filter-modal .common-radio{ border: 1px solid #e2e2e2; padding: 10px 15px; margin: 0 0 15px; width: 100%; }
.filter-modal .common-radio .radio-box{ padding-left: 35px; }

/* wishlist detail modal */
.wishlist-detail-modal .product-list-box{ position: relative; padding: 20px 0px; border-bottom: 5px solid #f5f5f5; }
.wishlist-detail-modal .product-list-box .img { width: 20%; }
.wishlist-detail-modal .product-list-box .out-stock{ position: absolute; right: 0; top: 0; color: #DB2B18; font-size: 14px;  }
.wishlist-detail-modal .wish-info { padding: 15px; background: rgb(51 161 225 / 10%); }
.wishlist-detail-modal .wish-info .dealer a{ background: #fff; padding: 10px 15px; display: flex; width: 100%; justify-content: space-between; color: #9DADBD;}
.wishlist-detail-modal .wish-button { padding: 30px 0 0; display: flex; justify-content: space-between;}
.wishlist-detail-modal .wish-button .btn{ width: 60%; }
.wishlist-detail-modal .wish-button .qty-items .qty{ padding: 7px 0px; width: 80px; }
.wishlist-detail-modal .wish-button .remove-btn { background: rgb(234 84 85 / 10%); padding: 10px 20px; width: 100%; color: #EA5455; text-align: center; }
.wishlist-detail-modal .create-wishlist { padding: 15px; }
.wishlist-detail-modal .create-wishlist .product-list-box .detail h6{ -webkit-line-clamp: unset; }

.wishlist-detail-modal .return-quantity { text-align: center; padding: 30px 0; }
.wishlist-detail-modal .return-quantity .qty-items{ justify-content: center; }
.wishlist-detail-modal .return-quantity .qty-items .qty{ padding: 10px 0px; width: 100px; }
.wishlist-detail-modal .product-list-box .detail h6 { display: initial; -webkit-line-clamp: unset }


/* Select Delear Modal */
.select-dealer-modal .list{  border-bottom: 1px solid #e2e2e2; padding: 10px 0; }
.select-dealer-modal .radio-box .text img{ width: 50px; height: 50px; object-fit: cover; margin: 0 15px 0 0; border-radius: 5px; }
.select-dealer-modal .radio-box { display: inline-block; margin: 0px;  width: 100%; padding: 0 35px 0 0; }
.select-dealer-modal .radio-box .checkmark, 
.select-dealer-modal .radio-box .checkbox input{ left: unset; right: 0; top: 15px; }

/* Qr Code Modal */
.qr-code-modal .modal-body{ text-align: center; }
.qr-code-modal .modal-body .coupon-code .code{ border-radius: 0; border: 1px dashed #9DADBD; padding: 5px 20px; color: #35867D;background: #F9F9F9; font-weight: 600; }
.qr-code-modal .modal-body .img{ display: inline-block; margin: 20px 0; border: 1px solid #e2e2e2; }


/* Share Popup */
.share-popup .share-option ul { list-style-type: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.share-popup .share-option ul li { padding: 0 10px; }
.share-popup .share-option ul li a{ text-align: center; display: flex; flex-direction: column; }
.share-popup .share-option ul li a img{ display: block; margin: 0 auto 10px auto; height: 45px; }

/* earnings-modal */
.earnings-modal {  }
.earnings-modal .custom-tab-box ul.custom-nav-tabs li { width: 33.33%; }
.earnings-modal .custom-tab-box ul.custom-nav-tabs li .nav-link{ width: 100%; text-align: center; }
.earnings-modal .custom-tab-box .balance-point{ color: #9DADBD; margin: 0 0 15px; }
.earnings-modal .list { display: inline-flex; align-items: center; justify-content: space-between; margin: 10px 0; width: 100%;}
.earnings-modal .list .box{ display: flex; align-items: center; }
.earnings-modal .list .box .img{ flex: 0 0 auto; max-width: 60px; }
.earnings-modal .list .box .img img{ width: 50px; height: 50px; object-fit: cover; }
.earnings-modal .list .box .detail{ flex: 1 1 auto; margin: 0 0 0 15px; }
.earnings-modal .list .box .detail h6{ color: #9DADBD; font-weight: 500; margin: 0 0 5px; }
.earnings-modal .list .box .detail h6 span{ color: #333; }
.earnings-modal .list .box .detail p{ margin: 0; color: #9DADBD; font-size: 13px; }
.earnings-modal .list .point h4{ font-size: 16px; margin: 0; }

/* Ticket Popup  */
.ticket-popup .ticket-box { padding: 0; margin: 0; box-shadow: none; }
.ticket-popup .description{ background: #F8F8F8; padding: 15px; margin: 0 0 20px; }


/* Add Suggestion Modal */
.add-suggestion .product-list-box { align-items: center; }
.add-suggestion .customer-detail { background: #f5f5f5; padding: 15px;  }