/****---- Google Font ----****/

@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600&family=Poppins:ital,wght@0,200;0,400;0,500;0,600;1,400&display=swap');
html,
body { height: 100%; min-height: 100%; font-family: 'Poppins', sans-serif; }
body.mobile-nav-active{ overflow:hidden;}

/* Common Tags Start */

h1,
h2,
h3,
h4,
h5,
h6 { padding: 0; margin: 0px; font-weight: 700; font-family: 'Crimson Text', serif; }
h1 { font-size: 80px; }
h2 { font-size: 70px; }
h3 { font-size: 40px; }
h4 { font-size: 30px; }
h6 { font-size: 18px; line-height: 28px; }
img { width: 100%; }
a { text-decoration: none; transition: all 0.2s ease-in-out; display:inline-block; }
button:focus,
a:focus,
a:hover { outline: none; text-decoration: none; cursor:pointer; }
ul,
li { padding: 0px; margin: 0px; list-style: none }
p { font-size: 22px; line-height: 35px;  font-family: 'Crimson Text', serif; }
p:last-child { margin-bottom: 0px !important; }
section { padding:80px 0; }

del { color: #797979; margin-left: 10px; font-weight: 400; }
hr { background-color: #e2e2e2; opacity: 1; }

/* Common Tags End */


/* Padding Classes Start */

.pd-none { padding: 0px; }
.pd-t-30 { padding-top: 30px; }

/* Padding Classes End */
 
 
/* Common Classes Start */

.text-right { text-align: right; }
.text-center { text-align: center; }
.btn.focus,
.btn:focus { box-shadow: none; }
.pull-right { float: right; }
.container-fluid{ max-width:1920px; width:100%; padding:0 5%; }
.dark-text { color: #262626; }
.pri-text { color: #e7ac2b; }
.light-text { color: #fff; }
.outline-text { color: #ffffff00; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgb(71, 70, 70); }
.outline-text-on-dark { color: #ffffff00; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgb(255, 255, 255); }
.shop-now { display: inline-block; }
.pos-rel { position: relative; }
.webkit-box { display: -webkit-box; }
.bg-light { background-color: #f7f7f7 !important; }
.bg-pri { background-color: #e7ac2b !important; }
.clearfix { clear: both; }
.flt-right { float: right; }
.view-all{ margin: 0px auto; text-align:center; }

/* Common Classes End */

 

/* Buttons Start */

button:focus { outline: none; }
.btn { font-family: 'Poppins', sans-serif; font-size: 14px; display: inline-flex; align-items: center; line-height: 1; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; transition: all 0.5s ease-in-out; overflow: hidden; position: relative; border-radius: 4px; padding: 10px 15px; z-index: 99; }

.btn-pri { border: solid 2px #e7ac2b !important; background:#e7ac2b; color: #fff !important; transition: all 0.2s ease-in-out; }
.btn-pri:hover,
.btn-pri:focus { border: solid 2px #e7ac2b; background: #e7ac2b; color: #fff !important; }
.btn-light { border: solid 2px #f8f9fa; background: #f8f9fa; color: #262626; }
.btn-light:hover,
.btn-light:focus { background: #e7ac2b; border: solid 2px #e7ac2b; color: #ffffff !important; }
.btn.btn-small { padding: 5px 10px; font-size: 12px; }

.btn::before {
	content: '';
	display: block;
	background: #fff;
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	opacity:0.5;
	transition: all 0.5s ease-in-out;
}

.btn:hover::before {
	left: 0;
	opacity: 0;
}



/* Buttons End */


/* Form Start */
form { width: 100%; }
form .form-floating { margin-bottom: 40px; }
form .form-floating:last-child { margin-bottom: 0px; }
form input,
form input:focus,
form textarea,
form textarea:focus { border-radius: 0px !important; color: #151515; outline:none; }
form input.form-control { background: none; border: none; border-bottom: solid 1px #151515; width: 100%; font-family: 'Poppins', sans-serif; font-weight:400; appearance: none; font-size: 16px; color: #151515 !important; }
form .form-floating {}
form .form-floating>label { font-size: 16px; color: #151515; }
form .form-floating textarea.form-control { background: none; border: none; border-bottom: solid 1px #151515; width: 100%; font-size: 16px; color: #151515; height: 100px; }
form .form-control:focus { box-shadow: none; background: none; outline: none; border-color: #e5a826; }

form .input-group-prepend:focus-visible{ outline:none; }

select:focus{ outline:none; }

.custom-select { position: relative; width: 100%; }
.custom-select::after { content: "\f107"; font-family: "Font Awesome 5 Free" !important; position: absolute; right: 15px; top: 13px; display: block; font-size: 12px; color: #797979; z-index: 99; font-weight:900;  }
.custom-select select { padding: 10px 0px 10px 10px; color: #6c757d; width: 100%; }
.custom-select.small {}
.custom-select.small select { font-size: 12px; }
.custom-select.small::after { font-size: 10px; }

.custom-checkbox { position: relative; align-items: center; display: flex; }
.custom-checkbox input[type="checkbox"] { position: absolute; opacity: 0; width: 15px; height: 15px; display: block; z-index: 999; margin: 0px; width: 100%; }
.custom-checkbox label { color: #797979; display: block; padding-left: 30px; justify-content: space-between; width: 100%; position: relative; }
.custom-checkbox label::before { color: #fff; content: ''; position: absolute; text-align: center; opacity: 1; visibility: visible; height: 18px; width: 18px; display: block; top: 2px; border-radius: 2px; border: solid 1px #e2e2e2; left: 0; }
.custom-checkbox input[type="checkbox"]:checked~label.value::before { content: "\f00c"; font-family: "Font Awesome 5 Free" !important; background: #e7ac2b; border: none; font-size: 13px; font-weight:900; }

.custom-radio { position: relative; align-items: center; display: flex; margin: 0px; }
.custom-radio input[type="radio"] { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; display: block; z-index: 999; }
.custom-radio label { color: #797979; display: block; display: flex; padding-left: 25px; justify-content: space-between; width: 100%; }
.custom-radio label::before { color: #fff; content: ''; position: absolute; text-align: center; opacity: 1; visibility: visible; height: 18px; width: 18px; display: block; top: 1px; border-radius: 15px; border: solid 1px #e2e2e2; left: 0; background: #fff; }
.custom-radio label::after { color: #fff; content: ''; position: absolute; text-align: center; opacity: 1; visibility: visible; height: 12px; width: 12px; display: block; top: 4px; border-radius: 15px; border: solid 1px #fff; left: 3px; background: #fff; }

.custom-radio input[type="radio"]:checked~label::before { background: #fff !important; }
.custom-radio input[type="radio"]:checked~label::after { background: #e7ac2b !important; }

/* Form End */


/* Section Heading Start */

.heading-sec h2,
.heading-sec h3,
.heading-sec h4,
.heading-sec h5,
.heading-sec h6 { line-height: 1; margin-bottom: 40px; font-weight: 700; }
.heading-sec .description { margin-top: 20px; }
.heading-sec .description p { margin-bottom: 0px; }
.heading-sec .button-sec { margin-top: 25px; }

/* Section Heading End */
 
.mr-b-50{ margin-bottom:50px; }

/* Dropdiv Start */

.dropdown-menu { transform:none !important; }
.dropdown .dropdown-toggle { position:relative; display:flex; align-items:center; font-size:14px; height:100%; }
.dropdown .dropdown-toggle::after {content: '\f107'; font-family:'font awesome 5 free'; font-size:14px;   color:#999 !important; transform:none; border:none; font-weight:600; margin-left:20px; line-height:8px !important; }
.dropdown .dropdown-toggle img{ margin-right:7px; }
.dropdown .dropdown-menu{ top:100% !important; left:auto !important; right: 0px !important; padding: 0px; box-shadow: 0px 8px 10px #00000010; z-index:4; top: 100%; border:0px; border-radius: 5px !important; margin-top:12px; display:block; visibility:hidden;  opacity:0;   transition: all 0.3s ease-in-out; }
.dropdown .dropdown-menu.show{ margin-top: 1px !important; display: block; visibility: visible; opacity: 1;  }
.dropdown .dropdown-menu .dropdown-item{ white-space:nowrap; font-size:14px; font-family: "Poppins", sans-serif; color:#151515; font-weight:500;  border-bottom:solid 1px #eee;  transition: all 0.2s ease-in-out; padding:0px; }
.dropdown .dropdown-menu .dropdown-item a{white-space:nowrap; font-size:14px; font-family: "Poppins", sans-serif; color:#151515; font-weight:500; padding:10px 12px !important; display:inline-block !important; width:100%; }
.dropdown .dropdown-menu .dropdown-item:first-child { border-radius:5px 5px 0 0 !important; }
.dropdown .dropdown-menu .dropdown-item:last-child { border-bottom:none !important; border-radius:0 0 5px 5px !important; }
.dropdown .dropdown-menu .dropdown-item img{ margin-right:8px; width:20px; }
.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu .dropdown-item:active,
.dropdown .dropdown-menu .dropdown-item.active{ background:#e7ac2b; cursor:pointer; }
.dropdown .dropdown-menu .dropdown-item:hover a,
.dropdown .dropdown-menu .dropdown-item:active a,
.dropdown .dropdown-menu .dropdown-item.active a{ color:#fff !important; }

/* Dropdiv End */
 
/* Pagination Start */

nav ul.pagination { padding: 0px; margin: 0px; text-align: center !important; display: inline-block; width: 100%; }
nav ul.pagination .page-item { border-radius: 0; display: inline-block; margin: 0px 5px; }
nav ul.pagination .page-item .page-link { color: #797979; padding: 0; background-color: #fff; border: 1px solid #ddd; font-size: 18px; border-radius: 5px; height: 40px; width: 40px; border-color: #e4e4e4; text-align: center; margin-right: 15px; line-height: 40px; }
nav ul.pagination .page-item .page-link:last-child { margin-right: 0px; }
nav ul.pagination .page-item .page-link i { display: inline-block; }
nav ul.pagination .page-item .page-link i::before { font-size: 16px; margin-left: 0px; }
nav ul.pagination .page-item.active .page-link,
nav ul.pagination .pge-item.active .page-link,
nav ul.pagination .page-link:hover { background: #e7ac2b; border: solid 1px #e7ac2b; color: #fff; -webkit-box-shadow: 0px 5px 9px 0px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 5px 9px 0px rgb(0 0 0 / 10%); box-shadow: 0px 5px 9px 0px rgb(0 0 0 / 10%); }

/* Pagination End */

.popular-items{  }
 
/* Product Card Start */

.product-card { transition: all 0.3s ease-in-out; margin-bottom:40px; padding:10px;}
.owl-carousel .product-card{ margin-bottom:0px; }

.product-img .product-tags { transition: all 0.3s ease-in-out; position: absolute; top: 10px; left: 10px; color: #fff; text-transform: uppercase; z-index: 8; }

.product-actions { position: absolute; bottom: 10px; right:10px; height: 30px; transition: all 0.5s ease-in-out; display:flex; }
.product-actions a { background:#00000050 !important;  font-size: 12px; height: 30px; width: 30px; color:#ffff;  display:flex !important; align-items: center; justify-content: center; border-radius:5px;  }
.product-actions a:hover{ background:#e7ac2b !important; }

.product-card .product-title {font-family: 'Crimson Text', serif; font-size: 20px; font-weight: 600; margin: 15px 0 15px; }
.product-card .product-price { font-size:16px;  font-weight: 700; color: #e7ac2b; margin: 8px 0px 10px; }

.product-img { height:290px; border-radius:5px; border:solid 1px #eee;overflow: hidden; position: relative; }
.product-img a { background-color: #fff; height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;}
.product-img img { transition: all 0.3s ease-in-out; height: auto; max-height:100%; margin: 0px auto; width: auto !important; max-width:100% !important; object-fit: cover;  border-radius:5px; }
.product-card:hover .product-img img { transform: scale(1.12); }
.product-detail { width: 100%; bottom: 0; }
.product-tags { margin-bottom: 15px; }
.product-tags ul { display: block; padding: 0px; margin: 0px; }
.product-tags ul li { display: inline-block; font-size: 11px; color: #fff; font-weight: 600; border-radius: 5px; display: inline-block; padding: 4px 9px; }
.product-tags .discount { background-color: #55c955; }
.product-tags .new { background-color: red; }
.product-title { font-size: 20px; font-weight: 600; line-height: 1; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; }
.product-title a { color: #262626; white-space: nowrap; }
.product-price { font-size: 25px; font-weight: 600; color: #e7ac2b; line-height: 1; margin-bottom: 20px; }

.badges { z-index:2; margin-bottom: 15px; position:absolute; top:10px; left:10px; }
.badges ul { display: block; padding: 0px; margin: 0px; }
.badges ul li { display: inline-block; font-size: 11px; color: #fff; font-weight: 600; border-radius: 5px; display: inline-block; padding: 4px 9px; }
.badges .discount { background-color: #55c955; }
.badges .new { background-color: #ff4f4f; }


/* Product Card End */


/* Product Row Start */

.product-row { display: flex; padding-top: 10px; margin-top: 10px; border-top: solid 1px #e2e2e2; }
.product-row:first-child { padding-top: 0; margin-top: 0; border: none; }
.product-row a { height: 100%; margin: 0px; padding: 0px; display: inline-block; color: #262626; }
.product-row .product-img { width: 70px; height: 70px; overflow: hidden; border-radius: 5px; margin-right: 10px; }
.product-row .product-img img { width:auto; height: 100%; object-fit: contain; }
.product-row .detail { width: 65%; padding: 0px; margin-right: 15px; padding: 0px; }
.product-row .detail .product-title { font-size: 14px; font-weight: 400; color: #262626; line-height: 20px; display: block; width: 100%; margin-bottom: 10px; }
.product-row .detail .price-quantity { font-size: 13px; color: #797979; line-height: 1; }
.product-row .trash { text-align: right; }
.product-row .trash a { margin: 0px; font-size: 10px; }
.product-row a:hover,
.product-row a:hover .product-title { color: #e7ac2b !important; }

/* Product Row End */
 
/* Modal Box Start */

.modal .close{ width: 30px;height: 30px;z-index: 5;position: absolute;right: -8px;top: -8px;padding: 0px;line-height: 1;background: #fff;font-size: 25px;border: none;border-radius: 20px}
.modal { padding-right: 0px !important; }
.modal-content { border-radius: 5px; padding: 30px; }
.modal-content .btn-close { position: absolute; right: -10px; top: -10px; background-color: #fff; height: 30px; width: 30px; border-radius: 100%; opacity: 1; box-sizing: border-box; font-size: 10px; z-index: 9; }
/*.modal-content h6 { font-weight: 600; border-bottom: solid 1px #e2e2e2; margin-bottom: 10px; padding-bottom: 10px; }
*/
/* Modal Box End */



.owl-carousel .owl-nav{ width:100% !important;  }
.owl-carousel .owl-nav button{position:absolute;top:50%; display:flex; justify-content:space-between; transform: translateY(-35%); font-size:40px; height:50px; width:50px; display:flex; align-items:center; justify-content:center; font-size:40px !important; background:#fff !important; transition: all 0.2s ease-in-out; }
.owl-carousel .owl-nav button:hover{ background:#e7ac2b !important;  }
.owl-carousel .owl-nav button::before { content: ''; font-size: 20px; color: #151515; position: absolute; left: 0; top: 0; display: inline-block; top: 50%; right: 0; left: 0; margin: 0px auto; transform: translateY(-50%);  font-family: 'icomoon' !important; transition: all 0.2s ease-in-out; }  
.owl-carousel .owl-nav button:hover::before{ color:#fff; }
.owl-carousel .owl-nav button span{ display:none; }
.owl-carousel .owl-nav button.owl-prev{ left:0; border-radius:0 100% 100% 0;  }
.owl-carousel .owl-nav button.owl-next{  right:0; border-radius:100% 0 0 100%; }
.owl-carousel .owl-nav button.owl-prev::before{  content: "\e901"; }
.owl-carousel .owl-nav button.owl-next::before{  content: "\e900"; }

.owl-dots { text-align:center; margin-top: 5px; padding-top:10px; margin-top: 10px; }
.owl-dots .owl-dot:focus { outline: 0px; }
.owl-dots .owl-dot { background-color: #ccc !important; width: 10px; border-radius:100%;  height: 10px; margin:0px 4px; }
.owl-dots .owl-dot.active { background-color: #e7ac2b !important;  }

.terms-conditions { font-size: 14px; }

.terms-conditions a { color: #e7ac2b; z-index: 999; position: relative; }

 
/****======== Pagination Start ========****/


.pagination  { display:flex; justify-content:center; align-items:center; }
.pagination ul{ display:flex; align-items:center; justify-content:center; }
.pagination ul li.page-item { border-radius: 0; display: inline-block; margin: 0px 5px; }
.pagination ul li.page-item a.page-link{ display:inline-block; height:40px; width:40px; border-radius:5px; color:#151515; border:1px solid #eeeeee; display:flex; align-items:center; justify-content:center; }
.pagination ul li.page-item.active .page-link,
.pagination ul li.page-item .page-link:focus,
.pagination ul li.page-item:hover .page-link{ display:inline-block; height:40px; width:40px;border-radius:5px; background: #e7ac2b !important; border: solid 1px #e7ac2b !important; box-shadow: 0px 5px 9px 0px rgb(0 0 0 / 10%); color:#fff; display:flex; align-items:center; justify-content:center; }




/****======== Pagination End ========****/


.popup-message{ max-width:400px; width:80%; margin:0px auto; position:absolute; left:0; right:0; top:105vh;  }
.popup-message.active{ top:95vh; }