*, :before, :after{border: none;}

 /*
 	font-family: "Marcellus", serif;   (Title)
	font-family: "League Spartan", sans-serif; (Body)
 */

body{font-family: "League Spartan", sans-serif !important;}
header{padding: 0;}
.left{text-align: left !important}
.center{text-align: center !important}
.container{padding-top: 100px; padding-bottom: 100px; margin-top: 0 !important;}
.section-title h2{font-size: 46px !important; color: #000 !important; max-width: 100% !important; line-height: 50px; font-weight: 400; text-transform: capitalize; font-family: "Marcellus", serif !important;}
.section-title.left h2{margin: 0}
.shopCatTitle{padding-bottom: 0px !important}
.section-title {margin-top: 0 !important;}
.secondary-button, .primary-button{background: #000; color: #fff; border: 1px solid #000; padding: 14px 45px; font-size: 18px !important; line-height: 18px !important; transition: 0.4s ease-in-out all; border-radius: 10px; font-weight: 600 !important;}
.secondary-button:hover, .primary-button:hover{background: #fff; color: #000; border: 1px solid #000;}

.innerbanner{
	background: url(innerbanner.jpg) no-repeat;background-size: cover;padding-top: 60px;padding-bottom: 60px;
	max-width: 100% !important;
}
.innerbanner p{font-family: Marcellus;font-size: 50px;font-weight: 400;line-height: 50px;text-align: center;}


.breadcrumbTitle li{color: #686868;font-size: 18px;line-height: 22px;}
.breadcrumbTitle li a{font-size: 18px;line-height: 22px;color:#000;}

/* fancy box css start */
.container-gallery{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
/*.container-gallery::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.container-gallery::-webkit-scrollbar
{
  width: 3px; height: 5px;
  background-color: #F5F5F5;
}

.container-gallery::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #000;
}*/
.item-gallery{display: inline-block; column-count: 1 !important; border-radius: 10px; margin-bottom: 20px; flex: 0 0 50%; max-width: 50%; padding: 0 10px; height: 100%;}
.lightbox:before{content: 'x'; position: relative; display: block; color: #fff; left: 42%; margin-top: 1%; font-size: 2.5em; font-weight: 600;}
.lightbox a{text-decoration: none;}
.item-gallery img{height: 100%; object-fit: cover;}
/*.item-gallery a:first-of-type img{ max-width: 100%; height: auto;}*/
.lightbox {display: none; position: fixed; z-index: 999; width: 100%; height: 100%; text-align: center; top: 0; left: 0; background: rgba(0,0,0,0.8); text-decoration: none;}
.lightbox img {max-width: 100%; width: auto !important; max-height: 80%; margin: 0 auto; border-radius: 20px; box-shadow: 0 0 24px 2px #0E0E0E;}
.hoverSearch{position: relative;}
.hoverSearch::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.7; height: 100%; width: 100%; opacity: 0; transition: 0.5s ease-in-out all;}
.srchHvr{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-image: url(plus.png); background-size: contain; height: 40px; width: 40px; background-repeat: no-repeat; opacity: 0; transition: 0.5s ease-in-out all;} 
.ease-animate img{animation-name: stretch; animation-duration: 0.5s;  animation-timing-function: ease;  animation-delay: 0;}
@keyframes stretch {
  0% {
    transform: scale(.3);
  }
  100% {
    transform: scale(1);
  }
}
.elastic-animate img{animation-name: elastic; animation-duration: 1s;  animation-timing-function: ease-in-out;  animation-delay: 0;}
@keyframes elastic {
  0% {
    transform: scale(.3);
  }
  
  25% {
    transform: scale(1);
  }
  
  50% {
    transform: scale(.9);
  }

  100% {
    transform: scale(1);
  }
}
.fade-animate img{animation-name: fade; animation-duration: 0.7s;  animation-timing-function: Linear In;  animation-delay: 0;}
@keyframes fade {
  0% {
    opacity: .5;
    transform: scale(.5);
  } 
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.lightbox:target {outline: none; display: block;}
.item-gallery:hover .hoverSearch::before{opacity: 0.6;}
.item-gallery:hover .srchHvr{opacity: 1;}
/* fancy box css end */

.hmCategory{overflow-x: hidden;}
.hmCategory .gap-10{gap: 5rem;}
/*.hmCategory .overflow-auto {overflow: visible;}*/
.hmCategory .flex{justify-content: center;}
.hmCategory .grid{max-width: 200px;}
.hmCategory .grid .w-\[110px\]{width: 200px;}
.hmCategory .grid .h-\[110px\]{height: 200px;}
.hmCategory .icon-arrow-right-stylish, .hmCategory .icon-arrow-left-stylish{top: 35%;}
.hmCategory .icon-arrow-right-stylish.-right-6 {right: -2.5rem;}
.hmCategory .grid a p{font-size: 24px; line-height: 32px; font-weight: 400; color: #000; font-family: "Marcellus", serif !important;}
.hmCategory .container{padding-top: 2.5rem !important}
.hmProduct{position: relative;}
.hmProduct .text-3xl{font-size: 40px; line-height: 50px; font-weight: 400;}
.hmProduct::before{content: ''; position: absolute; top: 0; left: 0; right: 0; background: #F1F1F1; height: 60%; width: 100%;}
.hmProduct div{text-align: center;}
.hmProduct div.content-start{padding: 0;}
.hmProduct div.content-start.contentPadd{padding: 6px 10px 12px 10px;}
.hmProduct .icon-heart{color: #000; transition: 0.4s ease-in-out all;}
.hmProduct .icon-heart:hover{color: #AB4915;}
.hmProduct div .grid .grid .flex{justify-content: center;}
.hmProduct .text-base{font-size: 20px; line-height: 20px; font-weight: 400;}
.hmProduct .productBox{box-shadow: 0px 2px 4px 0px #00000020;margin: 5px;border-radius: 20px;overflow: hidden;}
.hmProduct > div{text-align: center;position: relative;}
.headerFlexBar{display:flex;flex-wrap:wrap;align-items: center;padding-top: 0;padding-bottom: 0;}
.navigationBar{flex: 0 0 100%;max-width: 100%;border-top: 1px solid #ccc;padding: 5px 0px !important;}
.navigationBar a{font-size: 22px;font-weight: 400;line-height: 20px;padding: 10px;margin: 0 10px;}
.navigationBar .justify-between{justify-content: space-around;}
.navigationBar .nav-item{border:0px !important;}
.navigationBar .nav-item:hover a{color:#060b3c;}
.navigationBar > ul > li.nav-item:nth-child(1) span a{pointer-events: none;}
.navigationBar > ul > li.nav-item:nth-child(2) .headerDropdown{display: none !important;}


.headerLogo, .headerSearch, .headerRight{margin: 20px 0px;}
.form-control{font-size: 18px;font-weight: 300;line-height: 18px;}
.form-control::-ms-input-placeholder {font-size: 18px;font-weight: 400;line-height: 18px;color:#666666;}
.form-control::placeholder {font-size: 18px;font-weight: 400;line-height: 18px;color:#666666;}
.headerSearch form input{border: 1px solid #666666;border-radius: 0px;background: transparent;min-width: 445px;}
.headerSearchMob form input{border: 1px solid #666666;border-radius: 0px;background: transparent;}
.headerRight .icon-cart:before, .headerRight .icon-users:before,
.headerRight .icon-heart:before{content:'';}
.headerRight .icon-cart{background: url(cart.png) no-repeat;height: 31px;width: 31px;display: block;background-size: contain; transform: scale(1); transition: 0.4s ease-in-out all;}
.headerRight .icon-users{background: url(user.png) no-repeat;height: 31px;width: 31px;display: block;background-size: contain; transform: scale(1); transition: 0.4s ease-in-out;}
.headerRight .icon-heart{background: url(wishlist.png) no-repeat;height: 28px;width: 30px;display: block;background-size: contain; transform: scale(1); transition: 0.4s ease-in-out all;}
.headerRight .icon-cart:hover, .headerRight .icon-users:hover, .headerRight .icon-heart:hover{transform: scale(1.1);}
.certifications .container{display: flex; align-items: center;}
.certifications .leftTitle{flex: 0 0 30%; max-width: 30%;}
.certifications .leftTitle .section-title{margin-top: 0;}
.certifications .leftTitle .section-title h2{max-width: 240px !important; text-align: left;margin-left: 0px;}
.certifications .rightImage{flex: 0 0 70%; max-width: 70%;}
.certifications .rightImage ul{ display: flex; align-items: center; justify-content: space-between; }
.certifications .rightImage ul li{flex: 0 0 31%; max-width: 31%; border: 1px solid #D9D9D9; min-height: 100px; display: flex; align-items: center;    justify-content: center;}
.certifications .rightImage ul li img{padding: 18px 30px; height: 90px; object-fit: contain;}
/*.bestDeal{padding: 100px 0;}*/
.bestDeal .container{padding-top: 35px; padding-bottom: 0;}
.bestDeal .collection-card-wrapper{flex-wrap: inherit; gap: 40px;}
.bestDeal .collection-card-wrapper .single-collection-card{flex: 0 0 48%; max-width: 48%;}
.bestDeal .collection-card-wrapper .single-collection-card .overlay-text{bottom: 0; font-size: inherit; top: 0; margin: auto !important; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; font-size: inherit; left: 50px;}
.bestDeal .collection-card-wrapper .single-collection-card:first-child .overlay-text{right: 50px; left: inherit;}
.bestDeal .collection-card-wrapper .single-collection-card .overlay-text .subtitle{font-size: 20px; line-height: 20px; font-weight: 600; padding-bottom: 10px; color: #fff; font-style: normal;}
.bestDeal .collection-card-wrapper .single-collection-card .overlay-text .dealText{font-family: "Marcellus", serif !important; font-size: 70px; line-height: 70px; font-weight: 400; color: #fff; font-style: normal; padding-bottom: 15px;}
.bestDeal .collection-card-wrapper .single-collection-card .overlay-text .shopBtn{font-size: 18px; line-height: 20px; font-weight: 600; color: #fff; font-style: normal; text-decoration: underline; transition: 0.4s ease-in-out all;}
.bestDeal .collection-card-wrapper .single-collection-card .overlay-text .shopBtn:hover{text-decoration: none;}
.topOffers .container{padding-top: 0px;}
.topOffers .offerRow{display: flex;flex-wrap: wrap;margin: 0 -30px;}
.topOffers .topOfferCard{flex:0 0 50%;max-width: 50%;padding: 0 30px;}
.homepage > .hmProduct::before{height:60%;}
.homepage .hmProduct:nth-child(2)::before{height: 100%;}
footer{position: relative; margin-top: 0 !important; padding: 60px 0 0; z-index: 1; background: url('footer-img.jpg'); background-repeat: no-repeat; background-size: cover;}
footer::before{position: absolute; content: ""; bottom: 8%; left: 0; right: 0; background: #8E8E8E; height: 1px; width: 100%; opacity: 0.5;}
footer .container{padding-top: 0; padding-bottom: 0;} 
footer .footerLogo{padding-bottom: 50px; justify-content: center;}
footer .footerLogo img{height: 100px; object-fit: contain; width: 150px;}
footer .footerRow{padding-bottom: 40px;}
footer .footerRow .productCategoryList{flex: 0 0 20% !important; max-width: 20% !important;}
footer .footerRow .footerLinks{flex: 0 0 33%; max-width: 33%;}
footer .footerRow .footerContactDetails{flex: 0 0 47%; max-width: 47%;}
footer .footerTitle{font-size: 20px; line-height: 28px; padding-bottom: 15px;}
footer .footerRow .footerLinks ul{display: flex; flex-wrap: wrap;}
footer .footerRow .footerLinks.productCategoryList ul li{flex: 0 0 50% !important; max-width: 50% !important;}
footer .footerRow .footerLinks ul li{flex: 0 0 29%; max-width: 29%; padding-bottom: 10px;}
footer .footerRow .footerLinks ul li a{font-size: 16px; line-height: 16px; font-weight: 400; transition: 0.4s ease-in-out all;}
footer .footerRow .footerLinks ul li a:hover{color: #AB4915;}
footer .footerRow .footerContactDetails{display: flex; flex-wrap: wrap;}
footer .footerRow .footerContactDetails .contactDetail{flex: 0 0 60%; max-width: 60%;}
footer .footerRow .footerContactDetails .socialMedia{flex: 0 0 40%; max-width: 40%;}
footer .footerRow .footerContactDetails .contactDetail ul{display: flex;flex-direction: column;}
footer .footerRow .footerContactDetails .contactDetail ul li{max-width: 280px;}
footer .footerRow .footerContactDetails .contactDetail ul li .fticon{
	position: relative;margin-bottom: 10px;display: flex;
}
/*footer .footerRow .footerContactDetails .contactDetail ul li .fticon.mail, 
footer .footerRow .footerContactDetails .contactDetail ul li .fticon.call{padding-left: 30px;}*/
footer .footerRow .footerContactDetails .contactDetail ul li .fticon.mail a, 
footer .footerRow .footerContactDetails .contactDetail ul li .fticon.call a{transition: 0.4s ease-in-out all;}
footer .footerRow .footerContactDetails .contactDetail ul li .fticon.mail a:hover, 
footer .footerRow .footerContactDetails .contactDetail ul li .fticon.call a:hover{color: #AB4915;}
footer .footerRow .footerContactDetails .contactDetail ul li .fticon::before{
	content: "";background-image: url('location.png'); height: 20px; flex:0 0 20px; background-size: contain; background-repeat: no-repeat;
	margin-right: 10px;
	/*position: absolute; top: 0; left: 0; */
}
footer .footerRow .footerContactDetails .contactDetail ul li .fticon.mail::before{background-image: url('mail.png');}
footer .footerRow .footerContactDetails .contactDetail ul li .fticon.call::before{background-image: url('call.png');}
footer .footerRow .footerContactDetails .socialMedia ul{display: flex; align-items: center;}
footer .footerRow .footerContactDetails .socialMedia ul li{margin: 0 15px 0 0;}
footer .footerRow .footerContactDetails .socialMedia ul li:last-child{margin: 0;}
footer .footerRow .footerContactDetails .socialMedia ul li a img{transform: scale(1); transition: 0.4s ease-in-out all;height: 25px;width: 25px;object-fit: contain;object-position: center;}
footer .footerRow .footerContactDetails .socialMedia ul li a:hover img{transform: scale(1.1);}
footer .footerCopyright{padding: 7px 0;}
footer .footerCopyright .ftBt{display: flex; align-items: center;}
footer .footerCopyright .ftBt p{flex: 0 0 50%; max-width: 50%; margin-bottom: 0; font-size: 14px; line-height: 16px; font-weight: 400; color: #232323;}
footer .footerCopyright .ftBt p.rightTxt{text-align: right;}
.productListBox .productBox{box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); border-radius: 20px; text-align: center; transition: 0.4s ease-in-out all;}
.productListBox .productBox:hover{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);}
.hmProduct.productListBox::before{display: none;}
.productListBox .productBox .icon-heart, .productListBox .productBox .addToCartBtn{color: #000; transition: 0.4s ease-in-out all;}
.productListBox .productBox .icon-heart:hover, .productListBox .productBox .addToCartBtn:hover{color: #AB4915;}
.productListBox .productBox .content-start{text-align: center; justify-content: center; padding: 5px 0 10px;}
.productListBox .productBox .content-start .text-base{font-size: 18px; line-height: 24px; font-weight: 400; color: #333333;}
.productListBox .productBox .content-start .items-center{justify-content: center;}
.productListBox .productBox .content-start .price-label{font-size: 14px; line-height: 14px; color: #000; font-weight: 400;}
.productListBox .productBox .content-start .special-price, .productListBox .productBox .content-start .font-semibold{font-size: 18px; line-height: 18px; color: #000; font-weight: 600;}
.productListBox .productBox .content-start .line-through{font-size: 14px; line-height: 14px; color: #000; font-weight: 400;}
.filterDropdown{border: 1px solid #000 !important; padding: 10px 10px 8px; font-weight: 500; align-items: center; transition: 0.4s ease-in-out all;}
.productSidebarTitle{border-bottom: 1px solid #D9D9D9; padding-bottom: 0; align-items: center;}
.productSidebarTitle .font-semibold{font-size: 20px; line-height: 26px; color: #232323; font-weight: 400;}
.productSidebarTitle .font-medium{font-size: 16px; line-height: 20px; font-weight: 400; color: #666666; transition: 0.4s ease-in-out all;}
.productSidebarTitle .font-medium:hover{color: #AB4915;}
.productSidebar ul li div .text-sm{font-size: 15px; line-height: 15px; font-weight: 400;}
.productSidebar ul li div.h-20{height: 3rem;}
.productListViewGrid .productListGridBox{background: #fff; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25); border-radius: 20px; max-width: 100%; margin-bottom: 15px; align-items: center;}
.productListViewGrid .productListGridBox .productListGridBoxContent{padding: 10px 20px 20px 20px;}
.productListViewGrid .productListGridBox .productListGridBoxContent .text-base{font-size: 20px; line-height: 18px;}
.productListViewGrid .productListGridBox .productListGridBoxContent .font-semibold{font-size: 18px; line-height: 18px;}
.productListViewGrid .productListGridBox .productListGridBoxContent .text-sm{font-size: 14px; line-height: 14px;}
/*.primary-button, .secondary-button{padding: 10px 25px; font-size: 15px !important; line-height: 15px !important;}*/
.productListViewGrid .productListGridBox .icon-heart, .productListViewGrid .productListGridBox .icon-compare{color: #000; transition: 0.4s ease-in-out all;}
.productListViewGrid .productListGridBox .icon-heart:hover, .productListViewGrid .productListGridBox .icon-compare:hover{color: #AB4915;}
.productDetailPage.container{padding-top: 50px; padding-bottom: 50px;}
/*.productDetailRow{align-items: center;}*/
.productDetailRow .productImages{flex: 0 0 60%; max-width: 60%; padding-right: 30px; z-index: 1;}
.productDetailRow .productImagesList{width: 100%;}
.productDetailRow .productImagesList li{column-count: 2; column-gap: 12px;}
.productDetailRow .productDetailContent{flex: 0 0 40%; max-width: 40%;}
.productDetailRow .productImagesList li img{width: 100%; height: 100%; object-fit: cover; margin-bottom: 12px;}
.productDetailRow .productImagesList li img.min-w-\[100px\] {min-width: inherit;}
.productDetailRow .productImagesList li img.max-h-\[100px\] {max-height: inherit;}
.productDetailRow .productDetailContent h1{font-size: 35px; line-height: 45px; font-family: "Marcellus", serif !important;}
.productDetailRow .productDetailContent .icon-heart{color: #000; transition: 0.4s ease-in-out all;}
.productDetailRow .productDetailContent .icon-heart::before{font-size: 35px;}
.productDetailRow .productDetailContent .icon-heart:hover{color: red;}
.productDetailRow .productDetailContent .icon-star-fill{color: rgb(125, 125, 125) !important; transition: 0.4s ease-in-out all;}
.productDetailRow .productDetailContent .icon-star-fill:hover{color: #FEBC2C !important;}
.productDetailRow .productDetailContent p.font-semibold{font-size: 22px; line-height: 30px;}
.productDetailRow .productDetailContent p.mt-6{margin-top: 1rem;}
.productDetailRow .productDetailContent p{font-size: 18px; line-height: 26px; color: #232323;margin-bottom: 15px;}
.productDetailRow .productDetailContent ul{padding-top: 15px;}
.productDetailRow .productDetailContent ul li{position: relative; font-size: 18px; line-height: 26px; margin-bottom: 5px; color: #232323; padding-left: 20px;}
.productDetailRow .productDetailContent ul li::before{content: ""; position: absolute; top: 11px; left: 0; background: #232323; height: 2px; width: 10px;}
.productDetailRow .productDetailContent .secondary-button{max-width: 200px;}
.productDetailRow .productDetailContent .secondary-button{padding: 12px 25px; font-size: 16px !important; line-height: 16px !important;}
.qtyBox{border: 1px solid #000;padding: 8px 15px;}
.qtyBox p{margin-bottom: 0px !important}
.icon-minus, .icon-plus{color: #000; transition: 0.4s ease-in-out all;}
.icon-minus:hover, .icon-plus:hover{color: #AB4915;}
.removeBtn{color:#c50000;}
.blackBtn{background: #000 !important;font-size: 18px !important;}
.viewCartBtn{background: #fff !important;color: #000 !important;border: 1px solid #000;font-size: 18px !important;}
/*.miniCart .icon-minus{border: 1px solid #66666666;background: #EEEEEE;width: 30px;height: 30px;text-align: center;}
.miniCart .icon-minus:before{color: #666666;line-height: 28px;}
.miniCart .icon-plus{border: 1px solid #66666666;background: #EEEEEE;width: 30px;height: 30px;text-align: center;}
.miniCart .icon-plus:before{color: #666666;line-height: 28px;}*/
.miniCart .boldText{font-weight: 500}
/*.miniCart .qtyBox {padding-left: 0px !important}*/
.border-white{border-color:#fff;}
.cartPage{padding-top: 20px;} 
.cartLogo{padding-top: 30px;}
.cartRow{    align-items: flex-start;}
.leftCartBox{box-shadow: 0 5px 10px #e8e8e8;background: #f5f5f5}
.topCartRow{padding: 15px 20px;background: #e8e8e8;}
.cartItem{padding: 0 20px;border-bottom: 1px solid #d4d4d4;}
.cartBottom{padding: 0 20px 20px 20px;}
.cartSummary{box-shadow: 0 5px 10px #e8e8e8;padding: 20px;background: #666666;color:#fff;}
.cartSummary .primary-button{background: #fff;color: #000;border: 0px;}
.cartSummaryBox .text-\[\#0A49A7\]{color: #fff;text-decoration: underline;}
.loginPg{background: #dddddd;}
.loginPg .loginLogo a{margin-bottom: 30px;}
.loginPg .loginFm{background: rgb(255, 255, 255, 0.7); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);}
.frmHead{font-family: "Marcellus", serif !important;}
.topPara{margin-top: 5px;}
.loginPg .loginFm p{font-size: 16px; line-height: 22px;}
.loginPg .lgForm{margin-top: 30px;}
.loginPg .lgForm input{font-size: 16px; line-height: 22px;}
.loginPg .createNw {font-size: 16px !important; line-height: 22px !important;}
.frmBtn{color: #000; transition: 0.4s ease-in-out all;}
.frmBtn:hover{color: #AB4915;}
.loginPg .createNw a{color: #000; transition: 0.4s ease-in-out all;}
.loginPg .createNw a:hover{color: #AB4915;}
.lgCopy{color: #000; font-size: 16px; line-height: 22px;}
.loginPg .loginFm p.text-red-500{font-size: 14px; line-height: 20px;}
.profileInfo{background: #f5f5f5; padding: 30px 40px; border-radius: 15px;}
.profileInfo .infoBox{padding: 5px 0;}
.profileInfo .infoBox .fontNm{font-size: 18px; line-height: 26px; font-weight: 500;}
.profileInfo .infoBox .fontNm.fwReg{font-weight: 400;}
.accmenuItem{transition: 0.4s ease-in-out all;}
.accmenuItem:hover{background: #e8e8e8;}
.bg-e2{background: #e8e8e8;}
.orderPageTitle input{border: 1px solid #000 !important;}
.orderPageTitle .icon-search{align-items: center; top: 0.6rem;}
.orderPageTitle .select-none button{border: 1px solid #000;}
.tableGridRow{align-items: center; border-bottom: 1px solid #dddddd;}
.tableGridRow p{font-size: 14px; line-height: 20px;}
.tableGridRow .label-pending{font-size: 12px; line-height: 18px; padding: 4px 8px;}
.tableGridRow .icon-eye{color: #6b6b6b; transition: 0.4s ease-in-out all; background: #fff;}
.tableGridRow .icon-eye:hover{color: #AB4915;}
.icon-arrow-left{transition: 0.4s ease-in-out all;}
.icon-arrow-left:hover{color: #000; background: #fff;}
.ordersBox p{font-size: 14px; line-height: 20px;}
.addressRt .addressBox{background: #f0f0f0;}
.addressRt .addressBox p.mt-6{margin-top: 15px;}
.addressRt .addressText{font-size: 18px; line-height: 26px;}
.addressRt .addressSmTxt{font-size: 16px; line-height: 24px;}
.wishListsc .wishlistBox{align-items: center; padding: 20px 30px; background: #fff; border-radius: 10px; box-shadow: 0 4px 30px #00000026;}
.wishListsc .wishlistBox .wlName{font-size: 18px; line-height: 26px;}
.removeBtn{color: #ff0000; transition: 0.4s ease-in-out all;}
.removeBtn:hover{color: #000;}
.icon-more.hover\:bg-gray-100:hover{background: transparent;}
.accountSidebar .accordian-content{background: #f2f2f2;}
.viewTbl{border: none; border-radius: 0; margin-top: 15px;}
.viewTbl table{width: 100%; margin: 0px 0 20px;}
.viewTbl thead, .viewTbl tbody, .viewTbl tfoot, .viewTbl tr, .viewTbl td, .viewTbl th {padding: 8px 12px; text-align: center; border: 1px solid #cccccc !important;}
.viewTbl table thead{background-color: #e8e8e8;}
.viewTbl table thead td{font-size: 15px; font-weight: 400; color: #fff;}
.viewTbl table tbody{background-color: #f5f5f5;}
.viewTbl table tbody td{padding: 7px 12px; font-size: 14px; font-weight: 400; color: #000; background-color: #f5f5f5;}
.totalList .totalBox{border: 1px solid #b2b2b2; padding: 15px; border-radius: 15px; background: #ffffff;}
.totalList .totalBox .totalDt{padding: 5px 0;}
.addressLast{background: #f2f2f2; padding: 30px;}
.addressLast .addressList .addressHead{color: #000; font-weight: 600;}
.addressLast .addressList .addressTxt{font-size: 14px; line-height: 20px;}
.breadCrmb ol li{margin-left: .625rem;}
header .container{padding-top: 0; padding-bottom: 0;}
.contactSec{display: flex; justify-content: space-between; flex-wrap: wrap;}
.contactSec .contactLeft{flex: 0 0 70%; max-width: 750px;}
.contactSec .contactLeft .section-title h2{margin-bottom: 20px;}
.contactSec .contactLeft p{font-size: 16px; line-height: 24px;}
.contactSec .contactRight{flex: 0 0 30%; max-width: 30%;}
.contactSec .mapSec{flex: 0 0 100%; max-width: 100%;}
.contactSec .contactRight .ctRightDt{margin-bottom: 40px;}
.contactSec .contactRight .contactHead{font-size: 35px; color: #000; max-width: 100%; line-height: 40px; font-weight: 400; text-transform: capitalize; font-family: "Marcellus", serif !important; margin-bottom: 25px;}
.contactSec .contactRight .contactDetails li{padding-bottom: 25px; position: relative;}
.contactDetails li::before{content: ''; position: absolute; bottom: 14px; left: 0; right: 0; background: #dddddd; height: 1px; width: 100%;}
.contactDetails li p{max-width: 265px;}
.contactDetails li .location{position: relative; padding-left: 30px;}
.contactDetails li .location::before{content: ""; position: absolute; top: 0; left: 0; background-image: url('location.png'); height: 20px; width: 20px; background-size: contain; background-repeat: no-repeat;}
.contactDetails li .location.mail, .contactDetails li .location.call{padding-left: 35px;}
.contactDetails li .location.mail::before{background-image: url('mail.png');}
.contactDetails li .location.time::before{background-image: url('clock.png');}
.contactDetails li .location.call::before{background-image: url('call.png');}
.contactDetails li .location.mail a, .contactDetails li .location.call a{color: #000; transition: 0.4s ease-in-out all;}
.contactDetails li .location.mail a:hover, .contactDetails li .location.call a:hover{color: #AB4915;}
.contactSec .contactRight .socialMedia {display: flex;}
.contactSec .contactRight .socialMedia li{margin: 0 20px 0 0;}
.contactSec .contactRight .socialMedia li a img{height: 30px; width: 30px; object-fit: contain; object-position: center; transform: scale(1); transition: 0.4s ease-in-out all;}
.contactSec .contactRight .socialMedia li a img:hover{transform: scale(1.1);}
.mapSec{padding-top: 80px;}

/* About us pure css accordion */
.tab input {position: absolute; opacity: 0; z-index: -1; border-radius: 0;}
.tab__content {max-height: 0; overflow: hidden; transition: all 0.35s; background: #f2f2f2;}
.tab input:checked ~ .tab__content {max-height: 10rem;}
.tab{margin-bottom: 15px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);}
.accordion {/*border: 2px solid;*/ /*border-radius: 0.5rem;*/ overflow: hidden;}
.tab__label, .tab__close {display: flex; color: #232323; font-size: 22px; line-height: 28px; background: #e3e3e3; cursor: pointer;}
.tab__label {justify-content: space-between; padding: 1rem;}
.tab__label::after { content: "\276F"; width: 1em; height: 1em; text-align: center; transform: rotate(90deg); transition: all 0.35s;}
.tab input:checked + .tab__label::after {transform: rotate(270deg);}
.tab__content p {margin: 0; padding: 1rem;}
.tab__close { justify-content: flex-end; padding: 0.5rem 1rem; font-size: 0.75rem;}
.accordion--radio {--theme: var(--secondary);}
.tab input:not(:checked) + .tab__label:hover::after {animation: bounce .5s infinite;}
@keyframes bounce {
  25% {transform: rotate(90deg) translate(.25rem);}
  75% {transform: rotate(90deg) translate(-.25rem);}
}



.close-button {
	height: 50px;width: 50px;position: absolute;right: 0px;top: 0px;
	box-sizing: border-box;line-height: 50px;display: inline-block;
	border: solid 0 #f03861;border-radius: 0px;
	transition: all 0.25s ease-out;cursor: pointer;background: #f5f5f5;
}
.close-button:before,.close-button:after {
	transform: rotate(-45deg);
	content: "";position: absolute;top: 50%;left: 50%;
	margin-top: -2px;margin-left: -13px;
	display: block;height: 4px;width: 25px;background-color: #000;transition: all 0.25s ease-out;
	border-radius: 30px;
}
.close-button:after {transform: rotate(-135deg);}

.modalbox{width:100%; height:500px; background:rgba(0,0,0,0.5); position:fixed; display:none; flex-direction:row; justify-content:center; align-items:center; height:100vh; top:0%; z-index:99999}
.modalbox.showpopup{display: flex;align-items: center;justify-content: center;}
.contactForm {
  position: relative;z-index: 1;background: #fff;
    max-width: 600px;width: 100%;box-shadow: 0 5px 10px #00000024;
    padding: 50px 30px;
}
.contactForm1{box-shadow: none !important;padding: 0px !important}
.contactForm1 .row{margin: 0 -10px;}
.contactForm1 form{margin-top: 20px;}
.contactForm .section-title{margin-bottom: 20px;}
.contactForm .row{display: flex;flex-wrap: wrap;}
.contactForm .row .oneCol{flex:0 0 100%;max-width: 100%;padding: 0 10px;}
.contactForm .row .twoCol{flex:0 0 50%;max-width: 50%;padding: 0 10px;}
.contactForm .form-group{margin-bottom: 20px;}
.contactForm .form-control {
  background: #EEEEEE;border-radius: 5px;color: #696969;
  height: 50px;width: 100%;border: inherit;padding: 10px 20px;
}
.contactForm textarea {height: inherit !important;}
.contactForm ::-webkit-input-placeholder {color: #696969;}
.contactForm :-ms-input-placeholder {color: #696969;}
.contactForm ::-moz-placeholder {color: #696969;}
.contactForm ::-ms-input-placeholder {color: #696969;}
.contactForm ::placeholder {color: #696969;}


.mobSidebar{display: none;}
.filterCategory{display: none;}
.gemstoneSidebar{
	background: #f5f5f5;padding: 10px 15px !important;border-radius: 0px !important;
}
.gemstoneSidebar ul li{margin-bottom: 0px;border-bottom: 1px solid #e8e8e8;}
.gemstoneSidebar ul li:last-child{border:0px;}
.gemstoneSidebar ul li a{padding: 12px 15px;font-size: 18px;line-height: 20px;display: block;}

.gemstoneSidebar ul ul{padding:8px 0px;padding-left: 25px;border-bottom: 1px solid #e8e8e8;}
.gemstoneSidebar ul ul li{border:0px;display: flex;align-items: center;}
.gemstoneSidebar ul ul li a{font-size: 16px;line-height: 18px;padding: 8px 15px;}
.gemstoneSidebar ul ul li::before{content:'-';}

.alert-success{
	color:#4F8A10;background-color:#DFF2BF;border:1px solid;margin:10px 0px;padding:15px 10px 15px 50px;margin-bottom: 20px;
	background-image:url(success.png);
	background-repeat:no-repeat;background-position:10px center;
}

.categoryContent{padding: 60px 0px;}
.categoryContent p{
	font-size: 18px;line-height: 26px;font-family: "League Spartan", sans-serif !important;margin-bottom: 15px;
}
.categoryContent p strong{font-size: 20px;line-height: 24px;margin-bottom: 10px !important;display: inline-block;}
.categoryContent hr{    height: 1px;background: #e8e8e8;margin: 30px 0px;}

#ringSizeModalbox .contactForm{
	overflow-y: auto;max-height: 80vh;max-width: 800px;
}
/* width */
#ringSizeModalbox .contactForm::-webkit-scrollbar {width: 10px;}
/* Track */
#ringSizeModalbox .contactForm::-webkit-scrollbar-track {background: #f1f1f1; }
/* Handle */
#ringSizeModalbox .contactForm::-webkit-scrollbar-thumb {background: #888; }
/* Handle on hover */
#ringSizeModalbox .contactForm::-webkit-scrollbar-thumb:hover {background: #555; }
#ringSizeModalbox .contactForm .section-title{margin-bottom: 30px;}
#ringSizeModalbox .contactForm .section-title h2{font-size: 30px !important;line-height: 40px;}

.toastFlexCenter{display: flex;align-items: center;}


.profileSidebar a:nth-child(4),.profileSidebar a:nth-child(5){
	display: none;
}

.filterableAttributes{}


.floatwht{
	background: url(whatsapp.png) no-repeat;height: 60px;width: 60px;border-radius: 50%;
	position: fixed;right: 20px;bottom: 20px;    background-size: contain;
}

.gemstoneFlex{display: flex;flex-direction: column;align-items: center;}
.gemstoneFlex label{max-height: 60px;max-width: 60px;margin-bottom: 10px;}
.display_name_attributes{width: 100%;text-align: center;}


/* media query css */ 

@media screen and (min-width: 1199px){
	.hmCategory .icon-arrow-right-stylish, .hmCategory .icon-arrow-left-stylish{display: none}
}

@media screen and (min-width: 1500px){
	.navigationBar  ul{max-width: 1440px;margin: 0 auto;}
	.innerbanner  .innerText{max-width: 1440px;margin: 0 auto;}
}

@media screen and (min-width: 1920px) and (max-width: 2500px) {
  .bestDeal .collection-card-wrapper .single-collection-card .overlay-text .dealText {line-height: 90px;}
  .icon-arrow-left-stylish.text-2xl, .icon-arrow-right-stylish.text-2xl{font-size: 2.5rem;}
  .icon-arrow-left-stylish.w-\[50px\], .icon-arrow-right-stylish.w-\[50px\] {width: 70px;}
  .icon-arrow-left-stylish.h-\[50px\], .icon-arrow-right-stylish.h-\[50px\] {height: 70px;}
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {
	.container{padding-top: 70px; padding-bottom: 70px;}
	.navigationBar.container{padding-top: 5px; padding-bottom: 3px;}
	.navigationBar a{font-size: 18px; line-height: 18px; padding: 8px; margin: 0 8px;}
	.secondary-button, .primary-button{padding: 12px 30px; font-size: 18px !important; line-height: 18px !important;}
	.section-title h2 {font-size: 40px !important; line-height: 45px;}
	.hmCategory .gap-10 {gap: 4rem;}
	.hmCategory .grid {max-width: 170px;}
	.hmCategory .grid .h-\[110px\] {height: 170px;}
	.hmCategory .grid .w-\[110px\] {width: 170px;}
	.hmCategory .grid a p {font-size: 20px; line-height: 24px;}
	/*.productDetailRow{flex-wrap: wrap;}
	.productDetailRow .productImages{flex: 0 0 100%; max-width: 100%; padding: 0 30px;}
	.productDetailRow .productDetailContent{flex: 0 0 100%; max-width: 100%; padding: 30px 40px;}
	.productDetailRow .productImages img{border-radius: 20px;}
	.productDetailRow .productDetailContent h1 {font-size: 35px; line-height: 40px;}
	.productDetailRow .productDetailContent p.font-semibold {font-size: 20px; line-height: 28px;}
	.productDetailRow .productDetailContent p {font-size: 16px; line-height: 24px;}
	.productDetailRow .productDetailContent ul li {font-size: 16px; line-height: 24px;}
	.productDetailRow .productDetailContent ul li::before {top: 10px;}
	.productDetailRow .productDetailContent .secondary-button {max-width: 170px;}*/
	/*.productBox.min-w-[291px]{max-width: 255px;}*/
	.hmProduct .mt-10{margin-top: 2rem;}
	.bestDeal{padding: 70px 0;}
	.bestDeal .collection-card-wrapper .single-collection-card:first-child .overlay-text {right: 30px;}
	.bestDeal .collection-card-wrapper .single-collection-card .overlay-text .subtitle {font-size: 18px; line-height: 18px;}
	.bestDeal .collection-card-wrapper .single-collection-card .overlay-text .dealText {font-size: 65px; line-height: 65px;}
	.bestDeal .collection-card-wrapper .single-collection-card .overlay-text .shopBtn {font-size: 16px; line-height: 18px;}
	.bestDeal .collection-card-wrapper .single-collection-card .overlay-text{left: 30px;}
	.contactDetail ul li .fticon {padding-left: 25px;}
	footer .footerRow .footerContactDetails .contactDetail ul li {max-width: 320px;}
	.productDetailRow .productDetailContent .secondary-button {padding: 12px 22px; font-size: 15px !important; line-height: 15px !important;}
	/*.productDetailRow .productDetailContent h1 {font-size: 35px; line-height: 45px;}*/
	.contactSec .contactLeft {max-width: 650px;}
	.mapSec {padding-top: 60px;}
}
@media only screen and (max-width: 1199px) {
	.container{padding-top: 70px; padding-bottom: 70px;}
	.navigationBar.container{padding-top: 5px; padding-bottom: 3px;}
	.navigationBar a{font-size: 18px; line-height: 18px; padding: 8px; margin: 0 8px;}
	.secondary-button, .primary-button{padding: 12px 30px; font-size: 18px !important; line-height: 18px !important;}
	.section-title h2 {font-size: 40px !important; line-height: 45px;}
	.hmCategory .gap-10 {gap: 4rem;}
	.hmCategory .grid {max-width: 170px;}
	.hmCategory .grid .h-\[110px\] {height: 170px;}
	.hmCategory .grid .w-\[110px\] {width: 170px;}
	.hmCategory .grid a p {font-size: 20px; line-height: 24px;}
	/*.productBox.min-w-[291px]{max-width: 255px;}*/
	.hmProduct .mt-10{margin-top: 2rem;}
	.bestDeal{padding: 70px 0;}
	.bestDeal .collection-card-wrapper .single-collection-card:first-child .overlay-text {right: 30px;}
	.bestDeal .collection-card-wrapper .single-collection-card .overlay-text .subtitle {font-size: 18px; line-height: 18px;}
	.bestDeal .collection-card-wrapper .single-collection-card .overlay-text .dealText {font-size: 65px; line-height: 65px;}
	.bestDeal .collection-card-wrapper .single-collection-card .overlay-text .shopBtn {font-size: 16px; line-height: 18px;}
	.bestDeal .collection-card-wrapper .single-collection-card .overlay-text{left: 30px;}
	.contactDetail ul li .fticon {padding-left: 25px;}
	footer .footerRow .footerContactDetails .contactDetail ul li .fticon p{text-align: left;}
	footer .footerRow .footerContactDetails .contactDetail ul li {max-width: 220px;}
	footer .footerRow .footerContactDetails .contactDetail ul li a{    white-space: nowrap;}

	.secondary-button, .primary-button {padding: 12px 25px; font-size: 16px !important; line-height: 16px !important;}
	.productDetailRow .productDetailContent .secondary-button {padding: 12px 22px; font-size: 15px !important; line-height: 15px !important;}
	/*.productDetailRow .productDetailContent h1 {font-size: 35px; line-height: 45px;}*/
	.contactSec .contactLeft {max-width: 650px;}
	.mapSec {padding-top: 60px;}
}
@media only screen and (max-width: 1180px) {
 .container-gallery{flex-wrap: nowrap;}
 .container-gallery .productImagesList{display: flex !important; flex-direction: row !important; flex-wrap: nowrap; overflow: auto;}
 .item-gallery{margin-bottom: 0;}
  .lightbox {
    display: none;
  }

  .lightbox:target {
    display: block;
  }
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
 .section-title h2 {font-size: 35px !important; line-height: 40px;}
 .container {padding-top: 60px; padding-bottom: 60px;}
 .hmCategory .grid {max-width: 150px;}
 .hmCategory .grid .h-\[110px\] {height: 150px;}
 .hmCategory .grid .w-\[110px\] {width: 150px;}
 .productDetailPage.container {padding-bottom: 20px;}
 .productDetailRow .productImages img{height: 490px;}
 .hmCategory .grid a p {font-size: 18px; line-height: 22px;}
 .hmProduct .mt-10 {margin-top: 1.5rem;}
 .secondary-button, .primary-button {padding: 10px 30px; font-size: 16px !important; line-height: 16px !important;}
 .secondary-button.mt-14, .primary-button.mt-14 {margin-top: 2.5rem;}
 .bestDeal {padding: 60px 0;}
 .bestDeal .collection-card-wrapper .single-collection-card:first-child .overlay-text {right: 10px; max-width: 185px;}
 .bestDeal .collection-card-wrapper .single-collection-card .overlay-text .subtitle {font-size: 16px; line-height: 16px;}
 .bestDeal .collection-card-wrapper .single-collection-card .overlay-text .dealText {font-size: 50px; line-height: 55px;}
 .bestDeal .collection-card-wrapper .single-collection-card .overlay-text .shopBtn {font-size: 14px; line-height: 16px;}
 .certifications .leftTitle .section-title h2{font-size: 30px !important; line-height: 35px;}
 .certifications .rightImage ul li{min-height: 85px;}
 .certifications .rightImage ul li img {padding: 10px 20px; height: 70px;}
 footer{padding: 40px 0 0;}
 footer::before{bottom: 9%;}
 footer .footerLogo {padding-bottom: 25px;}
 footer .footerRow{flex-direction: column; justify-content: center;}
 footer .footerRow.gap-y-8 {row-gap: 1rem;}
 footer .footerRow .footerLinks{text-align: center; flex: 0 0 100% !important; max-width: 100% !important;}
 footer .footerRow .footerLinks ul {justify-content: center;}
 footer .footerRow .footerLinks ul li {flex: inherit; max-width: 100%;margin: 0 10px;}
 footer .footerRow .footerLinks ul li a{padding:5px 10px;}

 footer .footerTitle {padding-bottom: 15px; font-weight: 600; text-align: center;}
 footer .footerRow .footerLinks.productCategoryList ul li {
 	flex:inherit !important; max-width: 100% !important;
 }
 footer .footerRow .footerLinks.productCategoryList ul li {flex: inherit; max-width: 100%;margin: 0 10px;}
 footer .footerRow .footerLinks.productCategoryList ul li a{padding:5px 10px;}

 footer .footerRow .footerContactDetails {flex-wrap: wrap; margin: 0 auto;}
 footer .footerRow .footerContactDetails {flex: 0 0 100%; max-width: 100%;}
 footer .footerRow .footerContactDetails .contactDetail {flex: 0 0 100%; max-width: 100%;}
 footer .footerRow .footerContactDetails .contactDetail ul li {max-width: 100%; text-align: left;}

 /*footer .footerRow .footerContactDetails .contactDetail ul li .fticon::before{left: 12%;}
 footer .footerRow .footerContactDetails .contactDetail ul li .fticon.mail::before {left: 37%;}
 footer .footerRow .footerContactDetails .contactDetail ul li .fticon.call::before {left: 38%;}*/
 footer .footerRow .footerContactDetails .socialMedia {flex: 0 0 100%; max-width: 100%; padding-top: 20px;}
 footer .footerRow .footerContactDetails .socialMedia ul {justify-content: center;}
  /* footer .footerRow .footerContactDetails .socialMedia ul li {margin: 0 15px 0 0;}*/
 footer .footerCopyright {padding: 15px 0;}
 footer .footerCopyright .ftBt {flex-wrap: wrap; justify-content: center;}
 footer .footerCopyright .ftBt p {flex: 0 0 100%; max-width: 100%; font-size: 16px; line-height: 18px; text-align: center; margin-bottom: 10px;}
 footer .footerCopyright .ftBt p.rightTxt {text-align: center; margin-bottom: 0px;}
 .productDetailRow{flex-wrap: wrap;}
 .productDetailRow .productImages{flex: 0 0 100%; max-width: 100%; padding: 0 30px;}
 .productDetailRow .productDetailContent{flex: 0 0 100%; max-width: 100%; padding: 30px 40px;}
 .productDetailRow .productImages img{border-radius: 20px;}
 .productDetailRow .productDetailContent h1 {font-size: 35px; line-height: 40px;}
 .productDetailRow .productDetailContent p.font-semibold {font-size: 20px; line-height: 28px;}
 .productDetailRow .productDetailContent p {font-size: 16px; line-height: 24px;}
 .productDetailRow .productDetailContent ul li {font-size: 16px; line-height: 24px;}
 .productDetailRow .productDetailContent ul li::before {top: 10px;}
 .productDetailRow .productDetailContent .secondary-button {max-width: 170px;}
 .signArea{background: #e9e9e9; padding: 10px 15px;}
 .signArea a{font-size: 18px; line-height: 26px;}
 .mobileMenu.menuTp{margin-top: 30px;}
 .mobileMenu .menuList{padding-bottom: 15px;}
 .mobileMenu .menuList a{font-size: 18px; line-height: 24px; padding: 0; margin: 0; transition: 0.4s ease-in-out all;}
 .mobileMenu .menuList a:hover{color: #AB4915;}
 .mobileMenu .listItm{padding: 0 10px 15px; margin: 0;}
 .headerLogoMobile {margin-left: 20px;}
 .hmCategory .icon-arrow-right-stylish.-right-6 {right: -2rem;}
 /*.hmProduct .flex.gap-8 {gap: 1rem;}*/
 .productDetailRow .productDetailContent h1 {font-size: 30px; line-height: 40px;}
 .contactSec .contactLeft {max-width: 600px;}
 .contactSec .contactRight .ctRightDt {margin-bottom: 35px;}
 .contactSec .contactRight .contactHead {font-size: 30px; line-height: 35px; margin-bottom: 20px;}
 .mapSec {padding-top: 45px;}
}
@media only screen and (max-width: 991px) {

 .container{padding-left: 2rem;padding-right: 2rem;}

 .floatwht{height: 50px;width: 50px;}

 .mobileMenu a{margin: 0px;padding: 5px 10px;}
 .mobileMenu .menuList:nth-child(1) > a{pointer-events: none;}

 .innerbanner p{font-size: 30px;line-height: 30px;}

 .headerRight{column-gap: 1.25rem;}
 .headerRight .icon-users, .headerRight .icon-cart{
 	height: 24px;width: 24px;background-position: center;
 }
 .headerRight .icon-heart{height: 22px;background-position: bottom center;}

 .headerLogoMobile{margin-left: 15px;}
 .section-title h2 {font-size: 35px !important; line-height: 40px;}
 .container {padding-top: 60px; padding-bottom: 60px;}
 .hmCategory .grid {max-width: 150px;}
 .hmCategory .grid .h-\[110px\] {height: 150px;}
 .hmCategory .grid .w-\[110px\] {width: 150px;}
 .productDetailPage.container {padding-bottom: 20px;}
 .productDetailRow .productImages img{height: 490px;}
 .hmCategory .grid a p {font-size: 18px; line-height: 22px;}

 .topOffers .offerRow{margin: 0px;}
 .topOffers .topOfferCard{padding: 0 15px;}
 .topOffers .container{padding-left: 2rem;padding-right: 2rem;}

 .hmProduct .mt-10 {margin-top: 1.5rem;}
 .secondary-button, .primary-button {padding: 10px 30px; font-size: 16px !important; line-height: 16px !important;}
 .secondary-button.mt-14, .primary-button.mt-14 {margin-top: 2.5rem;}
 .bestDeal {padding: 60px 0;}
 .bestDeal .collection-card-wrapper .single-collection-card:first-child .overlay-text {right: 10px; max-width: 185px;}
 .bestDeal .collection-card-wrapper .single-collection-card .overlay-text .subtitle {font-size: 16px; line-height: 16px;}
 .bestDeal .collection-card-wrapper .single-collection-card .overlay-text .dealText {font-size: 50px; line-height: 60px;}
 .bestDeal .collection-card-wrapper .single-collection-card .overlay-text .shopBtn {font-size: 14px; line-height: 16px;}
 .certifications .leftTitle .section-title h2{font-size: 30px !important; line-height: 35px;}
 .certifications .rightImage ul li{min-height: 85px;}
 .certifications .rightImage ul li img {padding: 10px 20px; height: 70px;}
 footer{padding: 40px 0 0;}
 footer::before{bottom: 9%;}
 footer .footerLogo {padding-bottom: 25px;}
 footer .footerRow{flex-direction: column; justify-content: center;}
 footer .footerRow.gap-y-8 {row-gap: 1rem;}
 footer .footerRow .footerLinks{text-align: center; flex: 0 0 100% !important; max-width: 100% !important;}
 footer .footerRow .footerLinks ul {justify-content: space-between;}
 
 footer .footerTitle {padding-bottom: 15px; font-weight: 600; text-align: center;}
 footer .footerRow .footerLinks.productCategoryList ul li {flex: 0 0 100% !important; max-width: 100% !important;}
 footer .footerRow .footerContactDetails {flex-wrap: wrap; margin: 0 auto;}
 footer .footerRow .footerContactDetails {flex: 0 0 100%; max-width: 100%;}
 footer .footerRow .footerContactDetails .contactDetail {flex: 0 0 100%; max-width: 100%;}
 footer .footerRow .footerContactDetails .contactDetail ul li {max-width: 100%; margin: 0 auto; text-align: center;}
 /*footer .footerRow .footerContactDetails .contactDetail ul li .fticon::before{left: 12%;}
 footer .footerRow .footerContactDetails .contactDetail ul li .fticon.mail::before {left: 37%;}
 footer .footerRow .footerContactDetails .contactDetail ul li .fticon.call::before {left: 38%;}*/
 footer .footerRow .footerContactDetails .socialMedia {flex: 0 0 100%; max-width: 100%; padding-top: 20px;}
 footer .footerRow .footerContactDetails .socialMedia ul {justify-content: center;}
 /* footer .footerRow .footerContactDetails .socialMedia ul li {margin: 0 15px 0 0;}*/
 footer .footerCopyright {padding: 15px 0;}
 footer .footerCopyright .ftBt {flex-wrap: wrap; justify-content: center;}
 footer .footerCopyright .ftBt p {flex: 0 0 100%; max-width: 100%; font-size: 16px; line-height: 18px; text-align: center; margin-bottom: 10px;}
 footer .footerCopyright .ftBt p.rightTxt {text-align: center; margin-bottom: 0px;}
 .headerLogoMobile {margin-left: 20px;}
 .productSidebar .formBg {padding: 25px !important;}
 .productSidebar .formBg .flex{justify-content: center;}
 .productSidebar ul li div .text-sm {font-size: 14px; line-height: 14px;}
 .productSidebarTitle .font-semibold {font-size: 16px; line-height: 20px;}
 .filterDropdown {padding: 8px; font-size: 14px; line-height: 20px;}
 .accordionHeader {padding: 10px 25px !important;}
 .accordionHeader .text-lg {font-size: 16px; line-height: 22px;} 
 .productDetailRow{flex-wrap: wrap;}
 .productDetailRow .productImages{flex: 0 0 100%; max-width: 100%; padding: 0 30px;}
 .productDetailRow .productDetailContent{flex: 0 0 100%; max-width: 100%; padding: 30px 40px;}
 .productDetailRow .productImages img{border-radius: 20px;}
 .productDetailRow .productDetailContent h1 {font-size: 30px; line-height: 40px;}
 .productDetailRow .productDetailContent p.font-semibold {font-size: 20px; line-height: 28px;}
 .productDetailRow .productDetailContent p {font-size: 16px; line-height: 24px;}
 .productDetailRow .productDetailContent ul li {font-size: 16px; line-height: 24px;}
 .productDetailRow .productDetailContent ul li::before {top: 10px;}
 .productDetailRow .productDetailContent .secondary-button {max-width: 170px;}
 .signArea{background: #e9e9e9; padding: 10px 15px;}
 .signArea a{font-size: 18px; line-height: 26px;}
 .mobileMenu.menuTp{margin-top: 30px;}
 .mobileMenu .menuList{padding-bottom: 15px;}
 .mobileMenu .menuList a{font-size: 18px; line-height: 24px; padding: 0; margin: 0; transition: 0.4s ease-in-out all;}
 .mobileMenu .menuList a:hover{color: #AB4915;}
 .mobileMenu .listItm{padding: 0 10px 15px; margin: 0;}
 .hmCategory .icon-arrow-right-stylish.-right-6 {right: -2rem;}
 /*.hmProduct .flex.gap-8 {gap: 1rem;}*/
 .hmProduct .scroll-smooth {justify-content: flex-start !important;}
 .contactSec .contactLeft {max-width: 600px;}
 .contactSec .contactRight .ctRightDt {margin-bottom: 35px;}
 .contactSec .contactRight .contactHead {font-size: 30px; line-height: 35px; margin-bottom: 20px;}
 .mapSec {padding-top: 45px;}
}
@media screen and (min-width: 768px) and (max-width: 900px) {
 .container {padding-top: 50px; padding-bottom: 50px;}
 .section-title h2 {font-size: 30px !important; line-height: 35px;}
 .hmCategory .gap-10 {gap: 2rem;}
 .hmCategory .grid {max-width: 120px;}
 .hmCategory .grid .w-\[110px\] {width: 120px;}
 .hmCategory .grid .h-\[110px\] {height: 120px;}
 .productDetailRow .productImages img {height: 365px;}
 .bestDeal {padding: 50px 0;}
 .hmProduct .scroll-smooth{justify-content: center;}
 .bestDeal .collection-card-wrapper .single-collection-card:first-child .overlay-text {right: 10px; max-width: 140px;}
 .bestDeal .collection-card-wrapper .single-collection-card .overlay-text .subtitle {padding-bottom: 5px;}
 .bestDeal .collection-card-wrapper .single-collection-card .overlay-text .dealText {font-size: 38px; line-height: 40px;}
 .certifications .container{flex-wrap: wrap;}
 .certifications .leftTitle {flex: 0 0 100%; max-width: 100%;}
 .certifications .rightImage {flex: 0 0 100%; max-width: 100%;}
 .certifications .leftTitle .section-title h2 {text-align: center; margin-bottom: 25px; max-width: 100% !important;}
 .certifications .rightImage ul li {min-height: 90px;}
 .certifications .rightImage ul li img {padding: 10px; height: 80px;}
 .hmCategory .icon-arrow-right-stylish.-right-6 {right: -1rem;}
 .hmCategory .icon-arrow-left-stylish.-left-10{left: -1rem;}
 .productListBox .productBox > div{width: 100%;}
 .productListBox .productBox > div.max-w-\[291px\] {max-width: inherit;}
 .productListBox .productBox > div.max-h-\[300px\] {max-height: inherit;}
 .productListBox .productBox div a img{width: 100%;}
 .signArea{padding: 8px 10px;}
 .signArea a{font-size: 16px; line-height: 24px;}
 .mobileMenu.menuTp{margin-top: 20px;}
 .mobileMenu .menuList{padding-bottom: 10px;}
 .mobileMenu .menuList a{font-size: 16px; line-height: 22px;}
 .mobileMenu .listItm{padding: 0 10px 10px;}
 /*.hmProduct .flex.gap-8 {gap: 1rem;}*/
 .hmProduct .scroll-smooth {justify-content: flex-start;}
 /*.hmProduct .productBox.min-w-\[291px\] {min-width: 325px;}
 .hmProduct .productBox .max-w-\[291px\] {max-width: inherit !important;}
 .hmProduct .productBox .max-h-\[300px\] {max-height: inherit !important;}*/
 .contactSec .contactRight {flex: 0 0 100%; max-width: 100%;}
 .contactSec .contactRight .ctRightDt {margin-bottom: 30px;}
 .contactDetails li p {max-width: 100%;}
 .contactSec .contactLeft {flex: 0 0 100%; max-width: 100%; margin-bottom: 25px;}
 .mapSec {padding-top: 35px;}
 .contactSec .contactLeft .section-title h2 {margin-bottom: 15px;}
 /*footer .footerRow .footerContactDetails .contactDetail ul li .fticon::before {left: 8%;}
 footer .footerRow .footerContactDetails .contactDetail ul li .fticon.call::before {left: 37%;}*/
 /* footer .footerRow .footerContactDetails .socialMedia ul li {margin: 0 15px 0 0;}*/
 /* footer .footerRow .footerContactDetails .socialMedia ul li a img {height: 25px; width: 25px;}*/
}
@media only screen and (max-width: 767px) {
 .container {padding:50px 2rem;}

 .floatwht{height: 45px;width: 45px;}

 .contactForm{padding: 30px;}
 #ringSizeModalbox .contactForm .section-title h2 {font-size: 24px !important;line-height: 30px;}

 .section-title h2 {font-size: 30px !important; line-height: 35px;}


 .hmCategory .gap-10 {gap: 2rem;}
 .hmCategory .grid {max-width: 120px;}
 .hmCategory .grid .w-\[110px\] {width: 120px;}
 .hmCategory .grid .h-\[110px\] {height: 120px;}
 .productDetailRow .productImages img {height: 365px;}


 .mobSidebar{width: 100%;display: flex;justify-content: flex-end;}
 .gemstoneSidebar{display:none;position: fixed;left: 0;top: 0;z-index: 99;height: 100%;width: 80%;padding-top: 60px !important;}
 .gemstoneSidebar.active{display: block;}
 .productLeftFilter{display: flex;flex-direction: column;}
 .filterCategory{display: block;background: url(filter.png) no-repeat;height: 30px;width: 30px;background-size: contain;}
  .closeIcon{
  	display: block;background: url(close.png) no-repeat;height: 30px;width: 30px;background-size: contain;
  	position: fixed;right: 25%;top: 20px;
  }

 .headerLogoMobile img{max-height: 50px;object-fit: contain;object-position: left;}
 .headerSearchMob{padding: 15px 20px !important;}

 .topOffers .offerRow{margin: 0 -15px;}
 .topOffers .topOfferCard{padding: 0 20px;}

 .bestDeal {padding: 50px 0;}
 .bestDeal .collection-card-wrapper{gap:20px;}

 .hmProduct .scroll-smooth{justify-content: center;}
 .bestDeal .collection-card-wrapper .single-collection-card:first-child .overlay-text {right: 10px; max-width: 140px;}
 .bestDeal .collection-card-wrapper .single-collection-card .overlay-text .subtitle {padding-bottom: 5px;}
 .bestDeal .collection-card-wrapper .single-collection-card .overlay-text .dealText {font-size: 38px; line-height: 48px;}
 .certifications .container{flex-wrap: wrap;}
 .certifications .leftTitle {flex: 0 0 100%; max-width: 100%;}
 .certifications .rightImage {flex: 0 0 100%; max-width: 100%;}
 .certifications .leftTitle .section-title h2 {text-align: center; margin-bottom: 25px; max-width: 100% !important;}
 .certifications .rightImage ul li {min-height: 90px;}
 .certifications .rightImage ul li img {padding: 10px; height: 80px;}
 .hmCategory .icon-arrow-right-stylish.-right-6 {right: -1rem;}
 .hmCategory .icon-arrow-left-stylish.-left-10{left: -1rem;}
 .productSidebar{max-width: 600px; margin: 0 auto;}
 .accordionHeader .text-lg {font-size: 18px; line-height: 24px;}
 .productSidebar ul li div .text-sm {font-size: 16px; line-height: 16px;}
 .productListBox .productBox > div{width: 100%;}
 .productListBox .productBox > div.max-w-\[291px\] {max-width: inherit;}
 .productListBox .productBox > div.max-h-\[300px\] {max-height: inherit;}
 .productListBox .productBox div a img{width: 100%;}
 .signArea{padding: 8px 10px;}
 .signArea a{font-size: 16px; line-height: 24px;}
 .mobileMenu.menuTp{margin-top: 20px;}
 .mobileMenu .menuList{padding-bottom: 10px;}
 .mobileMenu .menuList a{font-size: 16px; line-height: 22px;}
 .mobileMenu .listItm{padding: 0 10px 10px;}
 .productDetailRow .productDetailContent h1 {font-size: 25px; line-height: 35px;}
 /*.hmProduct .flex.gap-8 {gap: 1rem;}*/
 /*.hmProduct .productBox.min-w-\[291px\] {min-width: 325px;}
 .hmProduct .productBox .max-w-\[291px\] {max-width: inherit !important;}
 .hmProduct .productBox .max-h-\[300px\] {max-height: inherit !important;}*/
 .contactSec .contactRight {flex: 0 0 100%; max-width: 100%;}
 .contactSec .contactRight .ctRightDt {margin-bottom: 30px;}
 .contactDetails li p {max-width: 100%;}
 .contactSec .contactLeft {flex: 0 0 100%; max-width: 100%; margin-bottom: 25px;}
 .mapSec {padding-top: 35px;}
 .contactSec .contactLeft .section-title h2 {margin-bottom: 15px;}

 footer .footerRow .footerLinks ul li {flex: 0 0 100%; max-width: 100%;}
 /*footer .footerRow .footerContactDetails .contactDetail ul li .fticon::before {left: 8%;}
 footer .footerRow .footerContactDetails .contactDetail ul li .fticon.call::before {left: 37%;}*/
 /*footer .footerRow .footerContactDetails .socialMedia ul li {margin: 0 15px 0 0;}
 footer .footerRow .footerContactDetails .socialMedia ul li a img {height: 25px; width: 25px;}*/
}
@media only screen and (max-width: 575px) {


 .productListBox .productBox{margin-bottom: 30px;}
 .productDetailRow .productImages img {height: 260px;}


 .productListGridBoxImage, .productListGridBoxImage img{width: 100%;max-width: 100%}

 .topOffers .topOfferCard {flex: 0 0 100%; max-width: 100%; padding: 0 0 30px;}
 .topOffers .topOfferCard:last-child{padding-bottom: 0px !important;}

 .bestDeal .collection-card-wrapper{flex-wrap: wrap;}
 .bestDeal .collection-card-wrapper .single-collection-card {flex: 0 0 100%; max-width: 100%;}
 .bestDeal .collection-card-wrapper .single-collection-card .overlay-text .subtitle{padding-bottom: 5px;}
 .bestDeal .collection-card-wrapper .single-collection-card .overlay-text .dealText {font-size: 45px; line-height: 50px; padding-bottom: 10px;}
 .hmCategory .gap-10 {gap: 2.7rem; padding-left: 23px; justify-content: flex-start;}
 .hmCategory .grid {max-width: 150px;}
 .hmCategory .grid .h-\[110px\] {height: 150px;}
 .hmCategory .grid .w-\[110px\] {width: 150px;}
 .hmCategory .icon-arrow-left-stylish.-left-10 {left: -1.4rem;}
 .hmCategory .icon-arrow-right-stylish.-right-6 {right: -1.9rem;}
 .hmCategory .icon-arrow-left-stylish.text-2xl, .hmCategory .icon-arrow-right-stylish.text-2xl{font-size: 1.2rem;}
 .hmCategory .icon-arrow-left-stylish.w-\[50px\] , .hmCategory .icon-arrow-right-stylish.w-\[50px\] {width: 40px;}
 .hmCategory .icon-arrow-left-stylish.h-\[50px\] , .hmCategory .icon-arrow-right-stylish.h-\[50px\] {height: 40px;}
 .certifications .leftTitle .section-title h2 {max-width: 100% !important; text-align: center; margin-bottom: 30px;}
 /*.certifications .container{padding-top: 0 !important;}*/
 .certifications .rightImage ul{flex-wrap: wrap;}
 .certifications .rightImage ul li {min-height: 110px; margin-bottom: 25px; flex: 0 0 100%; max-width: 330px; margin: 0 auto 25px;}
 .certifications .rightImage ul li img {padding: 10px; height: 90px;}

 footer .footerRow .footerContactDetails .contactDetail ul li .fticon p{text-align: left;}

 /*footer .footerRow .footerContactDetails .contactDetail ul li .fticon::before {left: 4%;}
 footer .footerRow .footerContactDetails .contactDetail ul li .fticon.mail::before {left: 29%;}
 footer .footerRow .footerContactDetails .contactDetail ul li .fticon.call::before {left: 30%;}*/
 .productDetailRow .productImages .flex{flex-wrap: wrap;}
 .productDetailRow .productImages .productMobileImage{height: 100%; width: 100%;}
 .productDetailRow .productImages{padding: 0;}
 .productDetailRow .productDetailContent {padding: 25px 0px;}
 .productDetailRow .productDetailContent .flex.max-w-\[470px\]{flex-wrap: wrap;}
 .productDetailRow .productDetailContent .secondary-button {max-width: 100%;}
 .contactSec .contactLeft p {font-size: 14px; line-height: 22px;}
 .contactSec .contactLeft .section-title h2 {margin-bottom: 10px;}
 .contactSec .contactLeft {margin-bottom: 20px;}
 .contactSec .contactRight .ctRightDt {margin-bottom: 25px;}
 .contactSec .contactRight .contactHead {margin-bottom: 15px;}
 .contactSec .contactRight .socialMedia li a img {height: 25px; width: 25px;}
 .contactSec .contactRight .contactDetails li {padding-bottom: 22px;}
 .contactDetails li::before {bottom: 12px;}
 .contactDetails li p {max-width: 100%; font-size: 14px; line-height: 22px;}
 .mapSec {padding-top: 30px;}
 .contactDetails li .location.mail a, .contactDetails li .location.call a{font-size: 14px; line-height: 22px;}
 
 /*footer .footerRow .footerContactDetails .contactDetail ul li .fticon::before {left: 4%;}*/
 footer .footerRow .footerContactDetails .contactDetail ul li .fticon p{font-size: 14px; line-height: 22px;}
 /*footer .footerRow .footerContactDetails .contactDetail ul li .fticon.mail::before {left: 34%;}*/
 footer .footerRow .footerContactDetails .contactDetail ul li .fticon.mail a, footer .footerRow .footerContactDetails .contactDetail ul li .fticon.call a{font-size: 14px; line-height: 22px;}
 /*footer .footerRow .footerContactDetails .contactDetail ul li .fticon.call::before {left: 35%;} */
}
/*@media screen and (min-width: 451px) and (max-width: 550px) {
 .hmCategory .gap-10 {gap: 3rem; padding-left: 18px; justify-content: flex-start;}
 .hmCategory .grid {max-width: 130px;}
 .hmCategory .grid .w-\[110px\] {width: 130px;}
 .hmCategory .grid .h-\[110px\] {height: 130px;}
 .container{padding-top: 30px !important; padding-bottom: 30px !important;}
 .hmProduct.productListBox{display: block;}
 .productDetailRow .productDetailContent .flexMob{align-items: flex-start; flex-direction: column-reverse;}
 footer .footerRow .footerContactDetails .contactDetail ul li .fticon::before {left: 6%;}
 footer .footerRow .footerContactDetails .contactDetail ul li .fticon.mail::before {left: 27%;}
 footer .footerRow .footerContactDetails .contactDetail ul li .fticon.call::before {left: 29%;}
}*/
@media only screen and (max-width: 450px) {
	.container{padding-top: 40px !important; padding-bottom: 40px !important;}
	.productDetailRow .productImages img {height: 315px;}
	.productDetailRow .productDetailContent .flex{flex-wrap: wrap;}
	.productDetailRow .productDetailContent .border-navyBlue {padding: 0.5rem;}
	
	.container.shopCatTitle{padding-bottom: 0 !important;}
	/*.hmProduct div.gap-8 {gap: 1rem;}*/
	.section-title {padding: 0 !important;}
	.topOffers .offerRow{margin: 0;}
	.bestDeal {padding: 40px 0;}
	.bestDeal .container{padding-top: 30px !important; padding-bottom: 30px !important;}
	.bestDeal .collection-card-wrapper .single-collection-card:first-child .overlay-text {right: 10px; max-width: 145px;}
	.bestDeal .collection-card-wrapper .single-collection-card .overlay-text .subtitle {padding-bottom: 5px;}
	.bestDeal .collection-card-wrapper .single-collection-card .overlay-text .dealText {font-size: 35px; line-height: 40px; padding-bottom: 5px;}
	.bestDeal .collection-card-wrapper .single-collection-card .overlay-text .shopBtn {font-size: 12px; line-height: 14px;}
	footer{padding: 0;}
	/*footer .footerRow .footerContactDetails .contactDetail ul li .fticon::before {left: 8%;}
	footer .footerRow .footerContactDetails .contactDetail ul li .fticon.mail::before {left: 19%;}
	footer .footerRow .footerContactDetails .contactDetail ul li .fticon.call::before {left: 22%;}*/
	.footerCopyright .container{padding-top: 0 !important; padding-bottom: 0 !important;}
	footer .footerTitle {font-size: 18px; line-height: 26px; padding-bottom: 10px;}
	footer::before {bottom: 8%;}
	footer .container{padding-bottom: 0 !important;}
	footer .footerCopyright {padding: 10px 0;}
	footer .footerCopyright .ftBt p {font-size: 12px; line-height: 16px; margin-bottom: 10px;}
	footer .footerRow .footerLinks ul li{padding-bottom: 5px;}
	footer .footerRow .footerLinks ul li a {font-size: 14px; line-height: 14px;}
	footer .footerRow .footerContactDetails .contactDetail ul li .fticon {padding-left: 0px; margin-bottom: 10px; font-size: 14px; line-height: 20px;}
	/*footer .footerRow .footerContactDetails .contactDetail ul li .fticon.mail::before {left: 22%;}
	footer .footerRow .footerContactDetails .contactDetail ul li .fticon.call::before {left: 25%;}*/
	.headerLogoMobile {margin-left: 15px;}
	.hmProduct.productListBox{display: block;}
	.productDetailRow .productDetailContent .flexMob{align-items: flex-start; flex-direction: column-reverse;}
	/*footer .footerRow .footerContactDetails .contactDetail ul li .fticon::before {left: 6%;}
 	footer .footerRow .footerContactDetails .contactDetail ul li .fticon.mail::before {left: 27%;}
 	footer .footerRow .footerContactDetails .contactDetail ul li .fticon.call::before {left: 29%;}*/
 	.item-gallery{flex: 0 0 100%; max-width: 100%;}
 	.lightbox img{max-width: 90%; max-height: 55%; margin: 15% auto 0;}
}
@media only screen and (max-width: 360px) {
  .hmCategory .gap-10 {gap: 12.5rem; padding: 0 100px;}
  .hmCategory .grid {max-width: 200px;}
  .hmCategory .grid .w-\[110px\] {width: 200px;}
  .hmCategory .grid .h-\[110px\] {height: 200px;}
  /*footer .footerRow .footerContactDetails .contactDetail ul li .fticon.mail::before {left: 19%;}
  footer .footerRow .footerContactDetails .contactDetail ul li .fticon.call::before {left: 23%;}
  footer .footerRow .footerContactDetails .contactDetail ul li .fticon::before {left: 12%;}*/
  /*.productDetailRow .productDetailContent .flex{align-items: center;}*/
  .productDetailRow .productDetailContent .flexMob.gap-4 {gap: 0.5rem;}
  .productDetailRow .productDetailContent h1 {font-size: 25px; line-height: 30px;}
  .productDetailRow .productDetailContent .icon-heart::before {font-size: 30px;}
  .productDetailRow .productDetailContent div.mt-8 {margin-top: 1rem;}
  .productDetailRow .productDetailContent {padding: 0;}
  .productDetailRow .productDetailContent div.mt-10{margin-top: 0;}
  .secondary-button, .primary-button {padding: 10px 25px; font-size: 14px !important; line-height: 14px !important;}
  /*.hmProduct .productBox.min-w-\[291px\] {min-width: 290px;}*/
  .contactSec .contactLeft .section-title h2 {margin-bottom: 10px;}
  .contactSec .contactRight .contactHead {font-size: 25px; line-height: 30px; margin-bottom: 15px;}
  .contactSec .contactRight .socialMedia li {margin: 0 15px 0 0;}
  .contactSec .contactRight .socialMedia li a img {height: 20px; width: 20px;}
  .mapSec {padding-top: 25px;}
}

/* about us & service page css */

.blackBg{background: #000}
.accordionHeader{padding: 10px 30px !important;background: #e8e8e8;}
.formBg{background: #f5f5f5;padding: 30px !important;border-radius: 0px !important;}
.text-red-500.italic{font-style: inherit;}
input, select, textarea{font-family: "League Spartan", sans-serif !important; font-size: 14px !important; color:#717171 !important;}
::-ms-input-placeholder {font-family: "League Spartan", sans-serif !important; font-size: 14px !important; color:#717171 !important;}
::placeholder {font-family: "League Spartan", sans-serif !important; font-size: 14px !important; color:#717171 !important;}
.navigationBar .nav-item{position: relative;}
.navigationBar .nav-item a{display: block !important;}
.navigationBar .nav-item:hover .headerDropdown{display: block;z-index: 1}
.navigationBar .nav-item .headerDropdown{position: absolute; background: #fff; width: 100%; top: 100%; padding: 10px; display: none; box-shadow: 0 5px 10px rgba(0,0,0,0.17);}
.navigationBar .nav-item .headerDropdown ul li a{font-size: 18px; line-height: 24px; padding: 5px;}
.navigationBar .nav-item.dropdownMenu > a{position: relative; padding-right: 22px; display: flex; align-items: center; display: flex !important; align-items: center;}
.navigationBar .nav-item span{position: relative;}
.navigationBar .nav-item .dropdownArrow{
	background: url(dropdown.png) no-repeat; width: 12px; height: 8px; background-size: contain;position: absolute;
    right: 0px;top: 0;bottom: 0;margin: auto;
}
.navigationBar .nav-item:nth-child(2) .dropdownArrow{display: none}

.newAddBox{background: #fefefe;}
.borderBox{border:1px solid #e8e8e8;background: #fefefe;}
.displayNone{display: none;}
.servecesListing .servecesBox {display: flex; flex-direction: row; align-items: center; width: 100%; overflow: hidden; height: 100%; max-height: 320px; background: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2509803922); border-radius: 15px; margin-bottom: 60px;}
.servecesListing .servecesBox:last-child{margin-bottom: 0px;}
.servecesListing .servecesBox.row-reverse .imgBox {border-radius: 0 10px 10px 0;}
.servecesListing .servecesBox .detailBox {padding: 30px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.servecesListing .servecesBox .detailBox a{margin: 0px;}
.servecesListing .servecesBox .imgBox {-webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; border-radius: 10px 0 0 10px; overflow: hidden; height: 100%;}
.servecesListing .servecesBox .imgBox img {object-fit: cover; width: 100%; height: 100%; min-height: 330px;}
.font22 {color: #232323; font-size: 18px; line-height: 26px; margin-top: 0px; margin-bottom: 15px;}
.row-reverse {-webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important;}
.cmsTitle {font-size: 40px; line-height: 50px; font-weight: 400; margin-bottom: 20px;}
h2 {margin: 0px;}
.servecesSection .row {display: -webkit-box; display: -ms-flexbox; display: flex;}
.servecesSection .sideBar {-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%;}
.servecesSection .sideBar ul {list-style: none; padding: 0px;border-right: 1px solid #d9d9d9;padding: 0 2px;}
.servecesSection .sideBar ul li {border-bottom: 1px solid #d9d9d9;}
.servecesSection .sideBar ul li a {font-size: 22px; line-height: 30px; display: block; text-decoration: none; color: #666; padding: 15px 5px;}
.servecesSection .sideBar ul li.active a, .servecesSection .sideBar ul li:hover a {color: #000;}
.servecesSection .servicesDetails {-webkit-box-flex: 0; -ms-flex: 0 0 73%; flex: 0 0 73%; padding-left: 25px;}
.servecesSection .servicesDetails p{color: #232323; font-size: 18px; line-height: 26px; margin-top: 0px; margin-bottom: 15px;}
.servecesSection .servicesDetails .imgRight {border-radius: 20px; -webkit-box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.4); margin-top: 10px; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; margin-left: 20px; max-height: 540px;}
.servecesSection .servicesDetails .imgRight img {width: 100%; height: 100%;object-fit: cover;}
.align-center {text-align: center; padding-top: 80px;}
.aboutUsSection .aboutUsBox {display: -webkit-box; display: -ms-flexbox; display: flex;}
.aboutUsSection .aboutUsBox .aboutDesc {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%;}
.aboutUsSection .aboutUsBox .aboutDesc .smallTitle {font-size: 24px; line-height: 30px; color: #232323;margin-bottom: 20px;}
.aboutUsSection .aboutUsBox .aboutImgBox {display: -webkit-box; display: -ms-flexbox; display: flex;}
.aboutUsSection .aboutUsBox .aboutImgBox .img {border-radius: 20px; padding-left: 45px;}
.aboutUsSection .aboutUsBox .aboutImgBox .img:last-child {margin-top: 50px; padding-left: 20px;}
.aboutUsSection .aboutUsBox .aboutImgBox img {border-radius: 20px; max-height: 400px; max-width: 330px; overflow: hidden;}
.aboutUsSection .aboutUsBox.row-reverse .aboutImgBox {display: -webkit-box; display: -ms-flexbox; display: flex;}
.aboutUsSection .aboutUsBox.row-reverse .aboutImgBox .img {padding-left: 0px;}
.aboutUsSection .aboutUsBox.row-reverse .aboutImgBox .img:last-child {padding-right: 45px; padding-left: 20px;}
.aboutUsSection img {width: 100%; -o-object-fit: contain; object-fit: contain;}
.aboutUsSection .aboutImg {width: 100%; padding: 80px 0px; border-radius: 20px; overflow: hidden;}
.aboutUsSection .aboutImg img {border-radius: 20px; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;}
.faqSection .cmsTitle {margin-bottom: 50px;}
.faqSection button.accordion {position: relative; width: 100%; background-color: #e3e3e3; border: none; outline: none; text-align: left; padding: 15px 25px; margin-top: 20px; font-size: 28px; color: #232323; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; position: relative; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear;}
.faqSection button.accordion::after{content: ''; background: url(dropdown.png) no-repeat; height: 15px; width: 15px; background-size: contain; position: absolute; right: 20px;}
.faqSection button.accordion img {display: none; right: 15px; top: 20px; -o-object-fit: contain; object-fit: contain; height: 15px; width: 15px;}
.faqSection button.accordion:hover, .faqSection button.accordion.is-open {background-color: #ddd; -webkit-transition: 350ms; transition: 350ms;}
.faqSection button.accordion.is-open {margin-bottom: 0px;}
.faqSection button.accordion.is-open img {-webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: 350ms; transition: 350ms;}
.faqSection .accordion-content {background-color: #f8f8f8; border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 0 22px; max-height: 0; overflow: hidden; margin-bottom: 10px; -webkit-transition: max-height 0.2s ease-in-out; transition: max-height 0.2s ease-in-out;}
.faqSection .accordion-content.open {border-bottom: 1px solid #999;}
.getInTouchBtn a{margin:30px 0px 0px;}
.socialIcon{ display: none;}

/* media query css */
@media (max-width: 1124px) {
  .servecesSection .servicesDetails .row {-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-bottom: 30px;}
  .servecesSection .servicesDetails .imgRight {max-height: 400px; height: 100%; margin-left: 0px; margin-bottom: 50px;}
  .servecesSection .servicesDetails .imgRight img {-o-object-fit: contain; object-fit: contain; max-width: 100%;}
  .faqSection button.accordion {font-size: 22px; line-height: 1;}
  .faqSection .accordion-content p {font-size: 20px; line-height: 1;}
  
  .aboutUsSection .aboutUsBox .aboutImgBox {padding-bottom: 40px;}
  .aboutUsSection .aboutUsBox .aboutImgBox .img {padding-left: 0px;}
  .aboutUsSection .aboutUsBox .aboutImgBox .img:last-child {margin-top: 0px;}
  .loginPg{ min-height: 100vh; }
	.myAccountSection .profile .panel-side.gap-8{gap: 0rem; min-width: 300px;} 
	.myAccountSection .grid img.rounded-full{ width: 50px; height: 50px;}
	.reviewSection .grid.gap-5.mt-14{ margin-top: 20px !important;}
	.reviewSection .rounded-xl{ padding-left:0px; padding-right: 0px;}
}
@media (max-width: 991px) {
	.navigationBar .nav-item .dropdownArrow{display: none}

  .font22 {font-size: 18px;line-height: 24px;}
  .cmsTitle {font-size: 30px;line-height: 1.2;}
  .servecesSection .row {flex-direction: column;width: 100%;}
  .servecesSection ul li a {border-left: 1px solid #d9d9d9;}
  .servecesSection .servicesDetails {padding-left: 0px;}
  .servecesSection .servicesDetails .row {padding-bottom: 0px;}
  .faqSection button.accordion {font-size: 20px;}
  .faqSection .accordion-content p {font-size: 18px;line-height: 1.2;}
  /*.aboutUsSection .aboutUsBox .aboutImgBox {display: none !important;}*/

  .aboutUsSection .aboutUsBox {flex-direction: column !important;}
  .aboutUsSection .aboutUsBox.row-reverse .aboutImgBox .img:last-child{padding-right: 0px;}
  .aboutUsSection .aboutUsBox .aboutDesc .smallTitle {font-size: 22px;line-height: 28px;}
  .aboutUsSection .aboutImg {padding: 50px 0px;padding-top: 30px;}
  .loginPg .primary-button{ max-width: 250px !important; }
	/* .myAccountSection .grid img{ height: 50px;} */
	.profileInfo{ padding: 20px 30px;}
	.faqSection .align-center{padding-top: 55px;}
	.faqSection .cmsTitle {margin-bottom: 30px;}
	.profileInfo.gap-y-6{row-gap: 1.1rem;}
	.profileInfo .infoBox{ display: flex; flex-direction: column; padding: 0px;}
	.reviewSection .flex.gap-5 .rounded-xl{ width: 100px; min-width: 100px; max-width: 100px; min-height: 100px; height: 100px;}
	.reviewSection .w-full .flex.items-center{ font-size: 16px; line-height: 1;}
	.reviewBox p.text-xl{ font-size: 18px; line-height: 1;}
	.wishListsc .wishlistBox{ padding: 20px 15px;}
	.wishListsc .wishlistBox .rounded-xl{ min-height: 80px; width: 80px; min-width: 80px; max-width: 80px; height: 80px;}
	.wishListsc .wishlistBox .qtyBox{ padding: 5px 5px;}
	.wishListsc .wishlistBox .secondary-button, .wishListsc .wishlistBox .primary-button{ font-size: 16px !important; padding: 10px 15px; }

	.sideBar{margin-bottom: 50px;}
	.servecesSection .servicesDetails .imgRight{margin-bottom: 30px;}
}
/*@media screen and (min-width: 768px) and (max-width: 900px){
	.aboutUsSection .aboutUsBox .aboutDesc .smallTitle {font-size: 18px;line-height: 24px;}
	.font22 {font-size: 18px;margin-bottom: 20px;}
}*/
@media (max-width: 767px) {
  .servecesListing .servecesBox {flex-direction: column !important;max-height: 100%;align-items: inherit;}
  .servecesListing .servecesBox .imgBox {border-radius: 0px !important;}
  .servecesListing .servecesBox .imgBox img {min-height: 100%;max-height: 300px;width: 100%;}
  .font22 {font-size: 18px;margin-bottom: 20px;}
  .cmsTitle {font-size: 26px;line-height: 1;}
  .faqSection .cmsTitle {padding-top: 45px;margin-bottom: 30px;}
  .faqSection button.accordion {font-size: 18px;}
  .faqSection .accordion-content p {font-size: 16px;}
  .aboutUsSection .aboutUsBox .aboutDesc .smallTitle {font-size: 18px;line-height: 24px;}
  .loginPg .lgForm input{ padding: 10px 15px !important; margin-bottom: 0px;}
	.myAccountSection .profile > .panel-side.gap-8{ margin-bottom: 20px;} 
	.myAccountSection .grid img{ width: 50px;}
	.profile .panel-side .text-2xl.font-mediums{ font-size: 20px; line-height: 1;}
	.orderList div h2.text-2xl{ margin-top: 4px;}
	.orderList label.w-\[284px\]{width: 224px; height: 150px;}
	.orderList label.w-\[284px\] .primary-button{ padding: 10px 10px; font-size: 16px !important;}
	.orderList .secondary-button, .orderList .primary-button{ font-size: 16px !important; line-height: 1 !important;}
}
@media (max-width: 575px) {
  .servecesListing .servecesBox .detailBox {padding: 30px 15px;}
  .servecesSection .sideBar ul li:first-child a {border-top: 1px solid #d9d9d9;}
  .servecesSection .sideBar ul li a {font-size: 18px;padding: 10px 15px;}
  .servecesSection .imgRight {margin-bottom: 40px;}
  .font22 {font-size: 16px; line-height: 22px;}
  .faqSection button.accordion {font-size: 16px;padding: 15px;  }
  .faqSection button.accordion img {padding-left: 10px;  }
  .faqSection .accordion-content p {font-size: 16px;}
  .aboutUsSection .aboutUsBox .aboutDesc .smallTitle {font-size: 16px;line-height: 22px;}
  .aboutUsSection .aboutImg {padding-bottom: 35px;  }
  .loginPg .primary-button{ max-width: 100% !important; }
	.socialIcon a svg{ width: 35px; height: 35px;}
	.overflow-x-auto{ width: 385px;}
	.secondary-button, .primary-button{ padding: 10px 18px; font-size: 15px !important; line-height: 15px !important;}
	.orderList .addressLast .gap-4{ gap:0rem}
	.myAccountSection .grid img.rounded-full{ width: 40px; height: 40px;}
	.ordersBox .overflow-x-auto { width: auto; }
	.orderPageTitle .gap-x-4 , .orderPageTitle .gap-4  {  column-gap: 0rem;}
	.row.grid.gap-2\.5.px-6.py-4.font-medium.border-b.border-\[\#E9E9E9\].text-sm.bg-\[\#F5F5F5\].text-black.items-center.tableGrid ,
	.row.grid.gap-2\.5.items-center.px-6.py-4.bg-white.border-b.text-gray-600.transition-all.font-medium.tableGridRow{
    /* width: 380px;  overflow-x: hidden; white-space: nowrap; */
    padding-left: 10px; padding-right: 10px; }
	/* .ordersBox  */
	.wishlistBox a.cursor-pointer{ color: #ff0000;}
	.tab__label, .tab__close {font-size: 18px; line-height: 26px;}
	.tab__label::after{margin-left: 10px;}
}
@media only screen and (max-width: 420px) {
	.overflow-x-auto{width: 290px;}
	.ordersBox .overflow-x-auto {width: auto;}
	.tab input:checked ~ .tab__content {max-height: 20rem;}
	.tab__label, .tab__close {font-size: 16px; line-height: 24px;}
	.font22 {font-size: 14px;line-height: 20px;}
	.faqSection .cmsTitle {padding-top: 30px;}
}