/*   
Design URL: https://webseeks.com
Design By: Webseek IT Solution
Design Theme: PP Jewellers
Version: 1.2 
*/

:root {
  --text-color: #212121;
  --primary-color:#212121;
  --secondary-color:#D38F2F;
  --primary-bg: #D38F2F;
  --theme-bg: #D38F2F;

  --breadcrumb-bg: #FAF4F4;
  --footer-bg: #FFF9F3;
  --footer-text-color: #212121;

  --top-header: #FFFFFF;
  --top-header-text-color: #212121;
  --nav-bg: #FFFFFF;
  --social-icon-bg: #D38F2F;
  --border-color: #E6E1E1;

  --primary-btn-bg: linear-gradient(359.57deg, #D38F2F 0.4%, #9E741B 147.3%);
  --primary-btn-color:#FFFFFF;

  --primary-btn-hover-bg: linear-gradient(359.57deg, #d3953e 0.4%, #e0aa36 147.3%);;
  --primary-btn-hover-color:#FFFFFF; 

  --secondary-btn-bg: #000000;
  --secondary-btn-color: #FFFFFF;
 
  --stroke-btn-border: #D38F2F;
  --stroke-btn-color: #D38F2F;
  --stroke-btn-hover-bg: linear-gradient(180deg, #D38F2F -40.26%, #9E741B 108.65%);
  --stroke-btn-hover-color: #FFFFFF;

  --btn-bg-dark: #232429;
  --btn-dark-color: #FFFFFF;
  --btn-bg-hover-dark: #484848;

  --secondary-btn-hover-bg:#C29958;
  --secondary-btn-hover-color:#FFFFFF;

  --primary-a-color:#212121;
  --primary-a-hover-color:#D38F2F;
  --primary-text-color:#140C00;
}


/*.theme-gold {
  --text-color: #212121;
  --theme-bg: #EE9178;

  --breadcrumb-bg: ;
  --footer-bg: #FFF1E3;
  
  --nav-bg: #FFF1E3;
  --social-icon-bg: #EE9178;
  --border-color: #FFE1C3;

  --primary-btn-bg:#EE9178;
  --primary-btn-color:#000000;

  --primary-btn-hover-bg: #AE484A;
  --primary-btn-hover-color:#FFFFFF;

  --secondary-btn-bg: #000000;
  --secondary-btn-color: #FFFFFF;
 
  --stroke-btn-border: #EE9178;
  --stroke-btn-color: #EE9178;
  --stroke-btn-hover-bg: #EE9178;
  --stroke-btn-hover-color: #000000;


  --btn-bg-dark: #232429;
  --btn-dark-color: #FFFFFF;
  --btn-bg-hover-dark: #484848;

  --secondary-btn-hover-bg:#C29958;
  --secondary-btn-hover-color:#FFFFFF;
}*/


.theme-silver {
  --text-color: #FFFFFF;
  --theme-bg: #D55C71;

  --breadcrumb-bg: ;
  --footer-bg: rgb(211 206 254);
  --nav-bg: #D14A61;
  --footer-bg: #ffebef;
  --footer-text-color: #000000;

  --top-header: #FFFFFF;
  --top-header-text-color: #212121;
  --social-icon-bg:#F96C84;
  --border-color:#ffdbe2;

  --primary-btn-bg:#D14A61;
  --primary-btn-color:#FFFFFF;

  --primary-btn-hover-bg: #D55C71;
  --primary-btn-hover-color:#FFFFFF;

  --secondary-btn-bg: #000000;
  --secondary-btn-color: #FFFFFF;
 
  --stroke-btn-border: #D14A61;
  --stroke-btn-color: #D14A61;
  --stroke-btn-hover-bg: #D14A61;
  --stroke-btn-hover-color: #FFFFFF;

}



/* Common css */
*{ box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior: smooth; }  
body{ color: var(--text-color); font-family: "Figtree", sans-serif; font-weight:normal;  font-size: 16px; line-height: 24px;background-color: #FFFFFF;}

h2{ font-size: 32px; line-height:normal; }
p { color: var(--primary-text-color); }
a { color: var(--primary-a-color); text-decoration:none; transition: all 0.1s ease-in }
p a { font-weight:400; color: var(--primary-a-color); text-decoration:none }
p a:hover, ul li a:hover, a:hover{ color:var(--primary-a-hover-color); text-decoration:none }
img{ max-width:100%; }
ul, li{ padding:0; list-style:none; }
a { color: var(--primary-a-color); text-decoration: none;}
a:hover {color: var(--primary-a-hover-color);}

*:focus { outline: none; box-shadow: none !important;}
/*textarea:focus, input:focus, select:focus { outline: none; box-shadow: none !important;} */

.btn { font-size: 16px; text-transform: none; text-decoration: none; padding: 8px 24px; cursor: pointer; display: inline-block; position: relative; transition: all 0.3s ease; } 
.btn:hover, .btn:focus, .btn:active {outline: none; box-shadow: none; }
.btn-dark{ background-color:var(--btn-bg-dark); color:var(--btn-dark-color); border-radius:4px; }

.btn-dark:hover{ background: var(--btn-bg-hover-dark); }

.btn-stroke{ border-style: solid; border-width: 1px; border-color: var(--stroke-btn-border);color:var(--stroke-btn-color); border-radius: 4px; transition: background-color 0.3s ease, color 0.3s ease;}
.btn-stroke:hover, .btn-stroke:focus, .btn-stroke:active { background: var(--stroke-btn-hover-bg); color: var(--stroke-btn-hover-color)!important; }

.stroke-primary-btn { background-color: transparent; box-shadow: inset 0 0 0 1px var(--primary-btn-bg); color: #000000; }
.stroke-primary-btn:hover{ box-shadow: inset 0 0 0 1px var(--primary-btn-hover-bg);}

.secondary-bg-btn{ color: var(--secondary-btn-color); background: var(--secondary-btn-bg); }
.secondary-bg-btn:hover{ color: #FFFFFF; background: #494949;}

.primary-bg-btn{ color: var(--primary-btn-color); background: var(--primary-btn-bg); min-width: 120px; }
.primary-bg-btn svg path{ fill: var(--primary-btn-color); }

.primary-bg-btn:hover, .primary-bg-btn:focus, .primary-bg-btn:active {background: var(--primary-btn-hover-bg); color: var(--primary-btn-hover-color); }
.primary-bg-btn:hover svg path{ fill: var(--primary-btn-hover-color);}

.btn-danger:hover, .btn-danger:active, .btn-danger:focus { background-color: #9F2631; border-color: #9f2631; }

.container{ max-width: 1320px; padding: 0 12px;}

/*Top Header Css*/
.sticky > header > .navbar { position: fixed; box-shadow:0px 4px 4px 0px #0000000A;}
header > .navbar { background-color: var(--top-header); z-index: 99; top: 0; width: 100%; padding: 5px 0; }
header .navbar .navbar-brand img { max-height: 98.25px;}
.search-navbar-top {width: 500px;margin-left: 5vw;position: relative;}
.search-navbar-top form input { height: 44px;  font-size: 15px; color: #000000; outline: inherit; background-color: #F7F7F7; border-radius: 7px; border-color: #E6E1E1; padding:7px 20px; border: none;} 
.search-navbar-top form input:focus{background-color: #F7F7F7; color: #000000;}
.search-navbar-top .search-icon-btn {position: absolute;right: 20px;top: 47%;transform: translateY(-47%);border: none; padding: 0; background: transparent;} 
.search-navbar-top .search-icon-btn svg path{ stroke:var(--theme-bg); }

.top-navbar-right { display: flex; align-items: center; gap: 2rem; }
.top-navbar-right a { color: var(--top-header-text-color); text-decoration:none; }
.top-navbar-right a .position-relative { max-width: fit-content;margin: auto;}
.top-navbar-right a p { font-weight: 500; font-size: 14px; text-align: center; line-height: 22px; color: var(--top-header-text-color); margin: 0; white-space: nowrap;} 
.top-navbar-right a svg { display: block; margin: 0 auto 4px; height:22px; width:auto; }
.top-navbar-right a svg path{ stroke: var(--top-header-text-color); }
.top-navbar-right .bg-color { width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 500; background: var(--theme-bg);}

/*Toggle Bar*/
.custom-bar { display: inline-block; cursor: pointer; } 
.bar1, .bar2, .bar3 { width: 28px; height: 2px; background-color: #3A3A3A; margin: 6px 0; transition: 0.4s; } 
.changeBar .bar1 { transform: translate(0, 8px) rotate(-45deg); } 
.changeBar .bar2 {opacity: 0;} 
.changeBar .bar3 { transform: translate(0, -8px) rotate(45deg); }
header .navbar-toggler:focus, .close-menu-button:focus { box-shadow:inherit; }

/* Megha Menu */
.main-menu > .navbar { padding: 0; box-shadow: 0px 4px 4px 0px #0000000A; background: var(--nav-bg);}
.main-menu .navbar-nav > .megamenu-item > .nav-link >img { margin-right: 10px;} 
.main-menu .navbar-nav > .nav-item > .nav-link { color: var(--text-color); font-weight: 500; font-size: 14px; line-height: normal; text-transform: uppercase;  padding: 12px 12px;} 
.main-menu .navbar-nav > .nav-item > .nav-link:hover {color: #D38F2F;}
.main-menu .navbar-nav .navbar { width: 100%; }
 
.main-menu .megamenu-row .megamenu-item { position: inherit; }
.main-menu .megamenu-row > .megamenu-item:first-child > a { padding-left: 0; }
.main-menu .megamenu-row .megamenu-item:not(:last-child) { margin-right:15px; }

.main-menu .navbar-nav .firstlevel-menu-item { width: 20%; position: static; padding: 0 30px; } 
.main-menu .view-megamenu .secondlevel-menu-list .secondlevel-menu-item {padding: 5px 25px;display: block;} 
.firstlevel-menu-item .column-header { padding: 6px 12px; margin: 0 0 10px; display: block;font-size: 16px;line-height: 32px;color: #000000;font-weight: bold; text-decoration: none; border: 1px solid transparent;border-radius: 8px; } 
.main-menu .view-megamenu .secondlevel-menu .secondlevel-menu-list .cat-thumbnail { width: 45px; height: 45px; background-size: cover; border: 1px solid #F5F5F4; border-radius: 50%; ackground-color: #F5F5F4; margin-right: 8px; } 
.main-menu .view-megamenu .secondlevel-menu .secondlevel-menu-list .secondlevel-menu-item span { font-size: 15px; line-height: 24px;  color: #000; transition:all 0.1s ease-in; }
.main-menu .megamenu-row .megamenu-item svg { margin-right: 10px; }
.main-menu .megamenu-row .megamenu-item svg path{ stroke:var(--text-color);}
.main-menu .megamenu-row .megamenu-item .color-fill path { stroke:var(--text-color); fill: var(--text-color); }

/* Bottom Category Banner  */
.bottom-cat-banner { padding: 25px 30px; border-top: 1px solid #E4E4E4; } 
.bottom-cat-banner .content-image-vertical-banner { background-color: #fff8ec; padding: 2px 8px; border-radius: 8px; border: 1px solid #efd088; } 
.bottom-cat-banner .image-content .content h3 { font-size: 18px; line-height: 24px; font-weight: 500; color: #000; margin: 0; } 
.bottom-cat-banner .image-content .content p { font-size: 14px; line-height: 21px; color: #000; margin: 0; } 
.bottom-cat-banner .image-content img { border-radius: 8px; overflow: hidden; }
.btn.view-all-btn { background: linear-gradient(45deg, #650003, #e80007); border-radius: 24px; border-width: 0; color: #FFF; padding: 9px 24px; transition:all 0.1s ease-in; }
.btn.view-all-btn:hover {background: linear-gradient(45deg, #D38F2F, #FFC87B);}

/* Right Category Banner */
.right-cat-banner { padding: 30px 25px; } 
.right-cat-banner img { border-radius: 14px 14px 7px 7px; margin-bottom: 25px; max-width:100%; max-height:370px } 
.right-cat-banner h3 { font-size: 18px; line-height: normal; font-weight: 500; color: #000000; word-wrap: break-word; white-space: break-spaces; } 
.right-cat-banner a { font-size: 15px; line-height: 21px; color:var(--theme-bg); font-weight: 500; transition: all 0.1s ease-in;}
.right-cat-banner a:hover{ color:#000000;}

/* Gender Category */
.main-menu .gender-category ~ .bottom-cat-banner { border-width: 0; }
.main-menu .gender-category .secondlevel-menu-link { width: 100%; height: auto; padding: 7px !important; border-radius: 14px; border: 1px solid transparent; overflow: hidden; } 
.main-menu .gender-category .secondlevel-menu-link img { max-width: 100%; overflow: hidden; object-fit: cover; border-radius: 14px; } 
.main-menu .gender-category .secondlevel-menu-link .name { display: block; text-align: center; padding: 10px 0 0; } 
.main-menu .gender-category .secondlevel-menu-link:hover { border-color: #ffc4c4; box-shadow: 0 8px 20px #54383836; transition: all 0.3s ease; }
.main-menu .view-megamenu .secondlevel-menu-list.gender-category .secondlevel-menu-item{ padding: 5px 0;}
.main-menu .view-megamenu .secondlevel-menu-list.gender-category { padding: 18px 20px 0}
.main-menu .view-megamenu .secondlevel-menu-list.gender-category:before{width: 0;}
.main-menu .view-megamenu .secondlevel-menu-list.gender-category:after{ width: 0;}

/**/
.category-sec { padding: 70px 0 0; } 
.heading-sec h2 { position: relative; font-size: 32px; font-weight: 600; line-height: 40px;  text-transform: uppercase; text-align: center; color: #000000; max-width: max-content; margin:auto; } 
.heading-sec { margin: 0 0 35px; } 
.heading-sec p { font-size: 18px; line-height: 27px; color: #686868; text-align: center; margin: 8px 0 0; } 

.category-sec .product-offer {position: absolute;top: 12px;right: 12px;width: 44px;text-align: center;background-color: #ED3237;border-radius: 4px;} 
.category-sec .product-offer span { font-size: 13.96px; display: inline-block; color: #FFFFFF; }
.category-sec .new-product  {position: absolute;top: 12px;left: 12px;width: 44px;text-align: center;background-color: #180047;border-radius: 4px;} 
.category-sec .new-product span { font-size: 13.96px; display: inline-block; color: #FFFFFF; }
.heading-sec h2:before { content: ''; position: absolute; left: -77px; top: 11px; width: 66px; height: 19px; background-image: url('../img/decorarte-heading.svg'); background-repeat: no-repeat; } 

.heading-sec h2:after { content: ''; position: absolute; right: -77px; top: 11px; width: 66px; height: 19px; background-image: url('../img/decorarte-heading.svg'); background-repeat: no-repeat; } 

.product-grid .product-image img { width: 100%; height: 100%; object-fit: contain; transition: all 0.4s linear;  }
.product-grid h2 {font-size: 16px;line-height: 21px; color: #000000; margin-bottom: 2px; display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden;} 
.product-grid p { font-size: 16px; line-height: 27px; margin-bottom: 0; } 
.product-grid .price { font-weight: 500; }
.product-grid span, .product-grid span p {font-size: 14px; line-height: 24px;font-weight: 600;color: #D38F2F; margin: 0} 
.product-grid span del { color: #A3A3A3; font-size: 12px; }

.product-grid .product-image{ height: 260px; border-radius:7px; overflow:hidden; }
.product-grid .product-name { text-align: center;padding: 8px  8px  20px; }
.product-grid { position: relative; border:1px solid #D2D0D0; border-radius: 7px; transition: all 0.4s linear; overflow:hidden; }
.product-grid:hover { border-color: var(--theme-bg); }
.product-grid .btn-stroke { height: 38px; padding: 6px; min-width: 178px; margin-top: 8px; text-shadow:0 0 var(--stroke-btn-color); }
.product-grid .booking-request { min-height: 73px; display: flex; align-items: flex-end; justify-content: center; } 


/*.category-sec .owl-stage{ margin-bottom:8px; }*/
.best-sellers .product-grid { min-height: 390px; background:#FFFFFF; } 
.best-sellers .product-grid .booking-request { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); }
.shop-by-gender .product-grid img {  transition:all 0.4s linear; }
.shop-by-gender .product-grid { position: relative; border-width: 0;}
.perfect-match .product-grid .product-image { height: 360px;}
.perfect-match .product-grid { border-width:0; }
.perfect-match .product-grid .product-name { padding: 8px 0; } 
.perfect-match .product-grid h2 { font-size: 18px; line-height: 27px; font-weight: 500; text-transform: uppercase; color: #000000; text-align: center;transition: all 0.3s ease; } 
.perfect-match .product-grid .product-image { background-color: #FFF1E4; }
.discover-more-sec { padding: 70px 0; } 
.discover-more-sec .owl-nav { display: none; }

/*Hover Effects*/
.product-grid:hover .product-image img, .product-grid:hover .product-grid-link img { transition:all 0.4s linear; transform: scale(1.08); }
.product-grid .atwishlist { position: absolute; top: 10px; right: 12px; }
.product-grid .atwishlist.like path { fill: #D38F2F; }
.product-grid .atwishlist svg path { fill: #D2D0D0; transition:all 0.3s ease-in; }
.product-grid:hover a svg path { fill: #212121; }
.perfect-match .product-grid:hover .product-name h2, .shop-by-gender .product-grid:hover .product-name h2{ color:#D38F2F; }


/*Top Collection Sec*/
.top-collection-sec{ padding:70px 0;}
.product-grid-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } 
.shop-by-gender .product-grid h2 { font-size: 20px; line-height: 27px; text-align: center; color: #000000; transition: all 0.3s ease;}
.shop-by-gender .product-grid .product-name {padding: 8px 0;}

/*Bottom Banner Section*/
.bottom-banner-sec { padding: 70px 0 0; }
.bottom-banner-sec .into-carousel img{ border-radius:7px; object-fit:cover; }

/*Owl Carousel Style*/
.category-sec .owl-theme .owl-dots .owl-dot.active span, .category-sec .owl-theme .owl-dots .owl-dot:hover span{ background-color:#ED3237; }
.category-sec .owl-theme .owl-nav, .banner .owl-nav { position: absolute; top: 36%; width: 100%; margin: 0; } 
.banner .owl-nav {top: 50%;transform: translateY(-28px);}
.category-sec .owl-theme .owl-nav button, .banner .owl-nav button {background-color: #00000060 !important;width: 40px;height: 40px;margin: 0;border-radius: 50%;background-repeat: no-repeat;background-size: 12px 18px;background-position: center;} 
.category-sec .owl-theme .owl-nav button span { font-size: 32px; color: #FFFFFF; display: none;} 
.category-sec .owl-theme .owl-nav .owl-prev, .carousel-control-prev { position: absolute; left: 5px; background-image: url('../img/prev-arrow-white.svg') !important; background-repeat: no-repeat; background-position: center;} 
.category-sec .owl-theme .owl-nav .owl-prev:hover, .carousel-control-prev:hover { background-color: #00000096 !important;}
.category-sec .owl-theme .owl-nav .owl-next, .carousel-control-next { position: absolute; right: 5px; background-image:url('../img/next-arrow-white.svg') !important; background-repeat: no-repeat; background-position:center; }
.category-sec .owl-theme .owl-nav .owl-next:hover, .carousel-control-next:hover { background-color: #00000096 !important;}
.category-carousel .owl-nav { visibility:hidden; }
.category-carousel:hover .owl-nav { visibility: visible; }

/* HERO SLIDER */
.banner .carousel-indicators { margin-bottom: -25px; }
.banner .carousel-indicators [data-bs-target]{ background-color: var(--theme-bg); }
.banner .carousel-indicators button svg {display: flex;} 
.banner .carousel-indicators [data-bs-target] { height: 0; width: 20px; } 
.banner .carousel-indicators button svg path { fill: var(--theme-bg); stroke: var(--theme-bg); }

/**/
.feedback-carousel.owl-theme .owl-dots button span { width: 10px !important; height: 4px !important; margin: 4px !important; }
.feedback-carousel.owl-theme .owl-dots button.active span { opacity: 1; background-color: #D38F2F !important; width: 20px !important; } 
.feedback-carousel.owl-theme .owl-dots { position: absolute; left: 50%; transform: translateX(-50%); bottom: -50px; }
.feedback-carousel.owl-theme .owl-nav { margin-top: 28px; position: absolute; width: 120px; left: 50%; transform: translateX(-50%); }
.feedback-carousel.owl-theme .owl-nav button:hover {background: none;}

/*Home*/
.sticky .banner, .sticky .in-banner{ margin-top: 108.25px;}
.banner .carousel-control-next, .banner .carousel-control-prev { justify-content:left; }
.banner .carousel-control-next, .banne .carousel-control-prev { justify-content:end; }
.banner .carousel-control-prev{ left:17px; }
.banner .carousel-control-next{ right:17px; }
.banner .owl-nav { visibility: hidden; } 
.banner:hover .owl-nav { visibility: visible; }

/*SWIPER*/
.swiper { width: 100%; padding-bottom: 55px !important; }
.swiper-slide { background-position: center; background-size: cover; width: auto;  overflow: hidden; border-radius: 8px; } 
.swiper-slide img { height:100%; }
.swiper-slide.swiper-slide-visible.swiper-slide-active { transition: all 0.5s !important; } 
.swiper-slide-visible.swiper-slide-next, .swiper-slide-visible.swiper-slide-prev { transition: all 0.5s !important; } 
.swiper-slide img { display: block; width: 100%; object-fit: cover; } 
.swiper-controller { position: relative; margin-top: 80px; display: flex; gap: 10px; z-index: 1111; } 

.swiper-nav {color: #000000;position: absolute;bottom: 15px;width: 225px;left: 50%;transform: translatex(-50%);z-index: 11;} 
.swiper-button-next:after, .swiper-button-prev:after { font-size: 20px; position: absolute; color: #000000;}
 
.swiper-pagination { transform: translateY(50%) !important; } 
.swiper-pagination-bullet { width: 10px !important; height: 4px !important; border-radius: 4px !important; transition: all 0.3s; background: #000000; }
.swiper-pagination-bullet-active { width: 20px !important; background: var(--theme-bg); }
.swiper .swiper-pagination {top: inherit;bottom: 18px;}

.swiper-slide .overlay-info {position: absolute;bottom: 10px;/* left: 0; *//* transform: translateX(-50%); */width: 100%;height: 100%;left: 0;top: 0;} 
.swiper-slide .overlay-info h2 {font-size: 24px;line-height: 30px;font-weight: 600;color: #FFFFFF;text-shadow: 0 2px 0 #000000;margin: 0;position: absolute;bottom: 0px;width: 100%;height: 60px;display: flex;align-items: center;justify-content: center;background: linear-gradient(360deg, rgb(210 174 109 / 60%) 0%, rgb(210 174 109 / 50%) 10%, rgb(210 174 109 / 40%) 20%, rgb(210 174 109 / 0%) 100%);}

/*Review*/
.review-box img { width: 120px; height: 120px; object-fit: contain; object-position: center; } 
.review-box .content h3, .review-box .content h4 { font-size: 18px; line-height: 24px; color: #000; font-weight: 600; } 
.review-box .content p {font-size: 16px;line-height: 24px;
    color: #000; display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 4;overflow: hidden;} 

.review-box .content > div { margin-bottom: 10px; } 
.review-box .rating span { font-size: 16px;  display: inline-block; } 
.review-box .rating .stars { color: #ffa500; margin-right: 10px; font-size: 20px; } 
.review-box { padding: 25px 20px; background-color: #FFF9F3; border-radius: 8px; } 
.review-sec { padding: 0 0 120px; }
.feedback-carousel .owl-nav button span { color: #000000; font-size: 32px; display:none; }

/*Why PP Jewelers*/
.assurance-container{ padding: 40px 0; background-image: url('../img/w-pp-bg.jpg') ; background-repeat: no-repeat; background-size: cover; border-radius: 14px;}
.wrap-quality-box { display: flex; align-items: center; justify-content: center; text-align: center; gap:6% }
.why-pp-jewelers .button { text-align: center; margin-top: 45px; } 
.quality-box h3 { font-size: 18px; line-height: 24px; color: rgba(0, 0, 0, 1);  text-align: center;} 
.quality-box svg { margin: 0 0 15px; }
.quality-box svg path{ margin: 0 0 15px;}
.quality-box svg .fill-color { fill: var(--theme-bg); } 
.quality-box svg .stroke-color { stroke: var(--theme-bg); }

.why-pp-jewelers .primary-bg-btn, .why-pp-jewelers .secondary-bg-btn{ font-size: 18px; font-weight: 600; padding: 12px 30px; }
.why-pp-jewelers .primary-bg-btn svg, .why-pp-jewelers .secondary-bg-btn svg{ vertical-align:text-bottom; }


/*Product Filter*/
.sort-by-product .form-select { width: 160px; margin-left: auto; font-size: 14px; color: #000000; padding: 7px 12px; border-color: #e6e1e1; }
.product-list-section .product-filter { padding: 20px 15px; background-color: #F9F9F9; }
.product-list-section .filter-title { font-size: 17px; line-height: 24px; font-weight: 600; color: #212121; margin: 0; } 
.product-list-section .clear-all { font-size: 14px; line-height: 21px; white-space: nowrap; color: #484848; } 
.product-list-section .filter-item button { border-width: 0; background: transparent; font-size: 16px; line-height: 24px; font-weight: 600; color: #000000;  padding: 0; display: table; width: 100%; text-align: left; } 
.product-list-section .filter-item button .fa { float: right; margin-top: 4px;}
.product-list-section .filter-item { padding: 7px 0; border-top: 1px solid #e6e1e1; } 
.product-list-section .filter-item .dropdown-arrow {display: inline-block;text-align: right;float: right;} 
.product-list-section .selected-option label { font-size: 14px; color: #000000; line-height:normal; } 
.product-list-section .selected-option input { margin-right: 4px; margin-top: 1px;vertical-align: text-top;width: 15px;height: 15px;border-radius: 0;} 
.filter-options .selected-option:not(:last-child) {margin-bottom: 2px;} 
.product-list-section .filter-options { padding: 15px 0; max-height: 170px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: transparent transparent;}

/*Chake Box*/
.product-list-section .form-check-input:checked[type=checkbox] {background-image: inherit;background-color: transparent;border-color: rgba(0, 0, 0, .25);position: relative;} 
.product-list-section .form-check-input:checked[type=checkbox]:after { content: '\f00c '; position: absolute; font-family: 'FontAwesome'; left: 0; top: 0; color: #000000; font-size: 12px; width: 100%; height: 100%; text-align: center; line-height: 18px; }

/*Product*/
.product-list-section { padding: 30px 0 60px;}
.product-list-section .main-product-area { padding-left: 20px; }
.product-listing { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } 
.product-listing .product-image img { object-fit: contain; } 
.product-image:hover img { transform: scale(1.08); } 

/*Costom width*/
.product-list-section .col-sm-3 { width: 280px; } 
.product-list-section .col-sm-9 { width: calc(100% - 280px); }

/*Price Range*/
.filter-list .price-input { gap: 32px;justify-content: space-between;display: flex; margin:10px 0 20px; }
.filter-list .price-input input { font-size: 12px; border: 1px solid #e6e1e1; padding: 4px 8px; display: inline; width: 100%; -moz-appearance: textfield; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; }
.filter-list .slider { height: 4px; position: relative; background: #ddd; border-radius: 4px; } 
.filter-list .slider .progress { height: 100%; left: 0%; right: 0%; position: absolute; border-radius: 5px; background: #D38F2F; } 
.filter-list .range-input { position: relative; } 
.filter-list .range-input input { position: absolute; width: 100%; height: 4px; top: -5px; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; } 
.filter-list input[type="range"]::-webkit-slider-thumb { height: 17px; width: 17px; border: 2px solid #D38F2F; border-radius: 50%; background: #FFFFFF; pointer-events: auto; -webkit-appearance: none; box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); } 
.filter-list input[type="range"]::-moz-range-thumb { height: 17px; width: 17px; border: 2px solid #D38F2F; border-radius: 50%; background: #FFFFFF; pointer-events: auto; -moz-appearance: none; box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); }

/*Picked Product*/
.picked-product li { font-size: 12px; line-height: normal; color: #484848; border-radius: 14px; border: 1px solid #e6e1e1; padding: 0 0 0px 10px; display: inline-block; } 
.picked-product li button { background-color: transparent; padding: 0; border-width: 0; height: 28px; width: 28px; font-size: 14px; font-weight: bold; font-family:auto; } 
.picked-product { margin: 10px 0; display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }

/*Scrollbar Sidebar*/
.product-list-section .filter-options::-webkit-scrollbar { width: 8px; } 
.product-list-section .filter-options::-webkit-scrollbar-track { background: transparent; } 
.product-list-section .filter-options::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 4px; }  
.product-list-section .filter-options:hover::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); }    
.product-list-section .filter-options:hover { scrollbar-color: rgba(0, 0, 0, 0.3) transparent; }
.spotted-sec {padding: 70px 0;}

/* Product Detail Style */
.product-details-section { padding: 24px 0 60px; background-color: #faf4f4; }
.product-details-section .product-details { padding-left: 5%;}
.product-details .product-name { font-size: 28px; line-height: normal; margin-bottom: 0;}
.product-details .prodCartBox { padding: 24px 0 32px;}
.product-details .price-title {font-size: 24px;line-height: 27px;color: var(--primary-h-color); font-weight: 500; margin-bottom:24px; }
.product-details .price-title strong{ font-weight:500; }
.product-details .price-title .strikePrice { font-size: 18px; color: #aaaaaa;}
.product-sku { font-size:14px; }
.product-sku span { margin-left: 8px; }

/*Count Number*/
input[type="number"] {  -webkit-appearance: textfield;  -moz-appearance: textfield; appearance: textfield; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none; }
input[type="checkbox"] { accent-color: darkgoldenrod; }
.form-check-input:checked { background-color: darkgoldenrod; border-color:darkgoldenrod; }
.count-input { flex: 0 0 132px; display: inline-flex; }
.count-input .minus, .count-input .plus { font-size: 14px; color: #212121; padding: 10px; flex: 0 0 44px; background-color: transparent;  text-align: center; border: 1px solid #212121; height:43px; } 
.count-input .quantity { width: 44px; text-align: center; border: 1px solid #212121; border-left: 0; border-right: 0; background-color:transparent; } 
.count-input .minus { border-radius: 4px 0 0 4px; border-right:0; } 
.count-input .plus { border-radius: 0 4px 4px 0; border-left:0; }

.share-box ul { list-style: none; display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin: 0; padding: 0; margin-top:10px; } 
.prodQntBtn .btn-stroke, .prodQntBtn .btn-dark { min-width: calc(50% - 4px); height: 43px; text-transform:uppercase; white-space: pre; } 
.product-details-section .product-details .prodQntBtn { display: flex; flex-wrap: wrap; gap: 24px;}
.DetailPage  .booking-request { margin: 24px 0 32px;}
#productDetailTabMetal ul li { line-height: 27px; } 
#productDetailTabMetal ul li .mlabel { font-weight: 500; }
.productDetailTabs { background-color: #FFFFFF; border-radius: 4px; padding: 16px; } 
.productDetailTabs h3 { font-size: 24px; line-height: normal; }
#productDetailTabDesc p { margin-bottom: 4px; }

/**/
.AddToCartForm .DetailPage {padding: 12px 0 30px 0;}
.AddToCartForm .DetailPage .prodPrice {width: 100%;padding: 8px 0 12px;}
.AddToCartForm .DetailPage .prodPrice p {margin: 0; }
.AddToCartForm .ajaxRespond {padding:16px 0px;}
.AddToCartForm .ajaxRespond p { font-size: 14px; line-height: 18px; padding: 0; color: #e50c0e; margin-bottom: 4px;}

/* Categroy page: bredcrumbs */
.breadcrumb-bg nav .breadcrumb {margin: 0;}
.breadcrumb-bg{ background: var(--breadcrumb-bg); font-size:14px; color:var(--primary-h-color); 
padding:10px 0 10px 0; }
.breadcrumb-bg .breadcrumb-item a{ color:#212121; font-weight: 500; text-decoration:none; margin:0 5px; }
.breadcrumb-bg .breadcrumb-item { color:#626262; }
.breadcrumb-bg .breadcrumb-item.active { color:#D38F2F; }

/*Kitty Scheme*/

.kitty-details-section .kitty-thmbnail img { box-shadow: 0 4px 12px #00000040; }
.kitty-details-section { padding: 30px 0 60px; }
.product-description { padding: 0 0 60px; }
.kitty-details-section .pro-cont { border: 1px solid #e8cca7; border-radius: 12px; padding: 24px 24px 8px; }

/* Miscelenious CSS */
.navbar-text { padding-top: 0.2rem; padding-bottom: 0.2rem; } 
.cart-menu1, .cart-menu2{ width: 102px;} 
.cart-menu2{  float: right;} 
.cart-menu2 a{ margin-right: 15px; }  
.cart-menu2 a:last-child{ margin-right:0; }
.cart-menu2 .bg-danger{ background:#d7c5ad !important; font-weight:300; font-size:11px; }

/* Banner */
.banner .carousel-item img{ width:100%; object-fit: cover; aspect-ratio: 3/1;}

/*drowpdown on hover*/
.dropdown-hover:hover>.dropdown-menu {display: inline-block;}
.dropdown-hover>.dropdown-toggle:active { pointer-events: none; }
.dropdown-menu {display: none; font-size: 1.4rem; }



footer{ background: var(--footer-bg); padding:70px 0 0; }
footer > .container > .row { padding: 0 0 60px;}
footer h2{ color:var(--footer-text-color); font-size:20px; line-height:27px; font-weight:600; margin-bottom:15px; }
footer ul{ list-style:none; padding-left:0px; }
footer ul li{ line-height:32px; }

footer ul li a { color:var(--footer-text-color); font-weight: 500; font-size:15px; line-height:2.0rem; text-decoration:none; }
footer ul li a:hover{ color: var(--primary-a-hover-color); opacity:0.8; }
footer p{ color:var(--footer-text-color);  font-weight: 500; font-size:15px; line-height: 24px; margin-bottom: 16px;}
footer p svg { flex: 0 0 40px; width: 40px; } 
footer p svg path{ stroke:var(--footer-text-color); }
footer p.contact{ display: inline-flex;}
footer p img {margin-right: 10px;}
footer p a { color:var(--footer-text-color); text-decoration:none; font-weight: 500;}
footer p a:hover{ color:var(--primary-a-hover-color); opacity:0.8; }
footer h4 { color:var(--footer-text-color); font-size: 15px; line-height: 21px; margin-bottom: 12px; } 
footer h3 { color:var(--footer-text-color); font-size: 18px; line-height: 25px;} 
footer .social-link { display: inline-flex; align-items: center; gap: 20px; margin-top:15px; } 
footer .social-link svg circle { fill: var(--social-icon-bg);}
.footer-logo img { margin-bottom: 10px; }
footer p.copy{ font-size:14px;line-height:21px; color: var(--footer-text-color); margin: 0;padding: 20px 12px;}
footer .copy-right-container { text-align: center; border-top: 1px solid var(--border-color); }
footer .office-schedule { display: block; padding-left: 40px; color: #282727; }

/* placehoder */
input:focus::-webkit-input-placeholder {color:#121211; opacity:1; }
input:focus:-moz-placeholder { color:#121211; opacity:1; } 
input:focus::-moz-placeholder { color:#121211; opacity:1; } 
input:focus:-ms-input-placeholder { color:#121211; opacity:1; }
.search-navbar-top input[type="text"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-cancel-button { display: none !important;}

/**** Placeholder Css ***/
footer ::-webkit-input-placeholder {color: var(--footer-color);}
footer :-moz-placeholder { color: var(--footer-color); opacity:  0.9; }
footer ::-moz-placeholder { color: var(--footer-color); opacity:  0.9; }
footer :-ms-input-placeholder { color: var(--footer-color); } 
footer ::-ms-input-placeholder { color: var(--footer-color); }

/*Form Style*/
.appointment-box { background-color: #faf4f4; padding: 20px; } 
.form-caption h3 { font-size: 20px; } 

/* Categroy page: banner */
.in-banner img { height: 300px; object-fit: cover; object-position: center; }
.in-banner{ min-height: 300px; position: relative;  text-align: center;  color: white; background-image: url('../img/default-image-bg.png'); background-repeat: no-repeat; }
.in-banner .in-banner-layer{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); padding: 0 20px; }
.in-banner .content h3, .in-banner .content h1, .in-banner .content h3 a{ font-size:60px; line-height: normal; font-weight: 600; text-align: center; color: #FFFFFF; text-decoration: none; }
.sorting-form{ float:right; }
.sorting-form .form-select{ min-width:220px; font-size:14px; border-radius:4px; padding:6px 8px; box-shadow: inherit;}

/*About Page*/
.single-page ul, .single-page ol { padding-left: 20px; }
.single-page ul li, .single-page ol li { list-style: inside; }
.about-us-page { padding: 30px 0 70px;}
.about-right-box .con-box:not(:last-child) { margin-bottom: 24px; }
.about-info .name { font-size: 24px; line-height: normal; } 
.about-info .position { font-size: 20px; line-height: normal; margin: 0; } 
.about-info .desc { margin-top: 16px; } 
.contact-us-page { padding: 30px 0 60px; }
.contact-us-page h2 { font-size: 28px; line-height: normal; font-weight: 600; position:relative; } 
.bottomStick:after { content: ''; background-image: url(../img/line-thow.png); position: absolute; width: 70px; height: 4px; left: 0; bottom: 0; }
.bottomStick { padding-bottom: 12px; margin-bottom: 28px; }
.contact-us-page h4 { font-size: 18px; line-height: normal; margin-bottom: 4px; }
.contactBox-left ul li a { display: inline-block; } 
.contactBox-left ul li a svg { margin-top: -5px; }
.contactBox-left ul li:not(:last-child) {padding-bottom: 24px;}
.listConLink .office-schedule { display: block; padding-left: 32px; } 
.listConLink li svg { width: 24px; text-align: left; }
.contact-us-page .conbox-right { padding: 20px; background-color: #faf4f4;}
.map-container { padding: 60px  0 0;}

/* product detail page */
.product-gallery .product-main{ width:98%; margin:0 auto 20px auto; }
.product-gallery .carousel-cell { width: 18%; margin: 0px 5px; } 
.product-gallery .flickity-page-dots { display: none; } 
.product-gallery .flickity-button { position: absolute; background-color: rgba(189, 137, 69, 0.8); color: #eee; border: none; cursor: pointer; }
.product-gallery .flickity-button:hover { opacity: 0.8; } 
.product-gallery .flickity-button:focus { outline: none; box-shadow: 0 0 0 2px #fff; } 
.product-gallery .flickity-prev-next-button { top: 50%; width: 24px; height: 24px; border-radius: 50%; transform: translateY(-50%); }
.product-gallery .flickity-prev-next-button { visibility: hidden; transition: all 0.1s ease-in;}
.product-gallery:hover .flickity-prev-next-button { visibility: visible;}


/* zoom  */
figure.zoom { background-position: 50% 50%; background-repeat: no-repeat; position: relative;overflow: hidden;cursor: zoom-in; border: 1px solid #F9DDDD; border-radius: 7px;}
figure.zoom img {display: block; transition: opacity 0.6s ease; background-color: #FFF; }
figure.zoom:hover img { opacity: 0;}

/**/
.cart-page { padding: 30px 0 60px;}
.cart-page .cartOrderSummary .payment-detail-checkout, .checkout-page .order-summery { padding: 0 20px 0; /* box-shadow: 0 12px 24px rgb(54 33 0 / 20%); border-radius: 12px; */ border-left: 1px solid #DEE2E6; height:100%; }

.cart-page .table-box{ overflow-x:auto; margin-bottom: 25px; }
.cart-page .table-box table { margin-bottom:0 }
.cart-page .table > thead > tr > th{ font-size: 18px; line-height: normal; font-weight:600; padding:12px; border-color:#DEE2E6 !important; }
.cart-page .table > tbody > tr > td, .cart-page .table > tbody > tr > th { padding: 12px; vertical-align: middle; }
.cart-page .table img{ min-width:80px; max-width: 90px; border:1px solid #F5F5F5; }
.cart-page .table > tbody > tr > td h2 a { font-size:20px; margin-bottom:4px; text-decoration:none; }
.cart-page .table > tbody > tr > td, .cart-page .table > tbody > tr > td p { margin-bottom: 0;}
.cart-page .table > tbody > tr > td .chekout-product-price p { text-align:center; display:block; }
.cart-page .remove-cart-item { color: #FF0000; }
.paymentMethods .paymentIcon {max-width: 220px; }
.checkout-section .count-input { flex-wrap: nowrap;}
.cartOrderSummary h2 { font-size: 24px; line-height: normal; }

.checkout-page h2 { font-size: 28px; line-height: normal;}
.coupon-box #coupon { height: 43px; } 
.coupon-box .coupon-apply { flex: 0 0 40%;}
.coupon-box .btn-apply { width: 120px; }


td.item-td {  display: flex; }
td.item-td .item-thumb img {  min-width: 80px;  max-width: 90px;  border: 1px solid #f5f5f5; }
td.item-td .item-detail{ padding:0 16px;  }
td.item-td .item-detail h3{ font-size: 20px; line-height: normal; margin-bottom:0; }
td.item-td .item-detail .cart-sku{ margin-bottom: 8px;display: block;}
td.item-td .item-detail p { margin-bottom: 4px }
td.item-td .item-detail .price { font-weight:500; }
td.item-td .item-detail .itemAttributes { margin-bottom:8px; }
.itemAttributes li{ font-size: 16px; line-height:24px; font-weight:500; }
.item-detail .itemAttributes { margin-top: 8px; margin-bottom: 0}
.orderDetails .item-detail h3 { font-size: 20px; line-height: normal; margin-bottom: 4px; }
.cartTotals tr th, .cartTotals tr td { padding: 12px !important;}

/*Checkout Page*/
.checkout-page { padding: 30px 0 70px;}
.cartOrderSummary table tr td p { margin: 0; }
.checkout-page h2, .checkout-page h3 { font-size:24px; line-height:normal; }
.cartOrderSummary .payment-detail-checkout .btn{ display: table; min-width: 208px; margin:auto; }

/*input box with numbers*/
input[type="number"] {  -webkit-appearance: textfield;  -moz-appearance: textfield; appearance: textfield; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none; }


/* Back to Top */
#btn-back-to-top { position: fixed; bottom: 20px; right: 20px; border-radius: 50%;  z-index: 99999; background: var(--theme-bg); width: 40px; height: 40px; padding: 0; }

/* Search popup */
#searchModal .modal-dialog { max-width: 100%; margin: 0rem auto;}
.modal-content-search{ border:0px solid #ddd;  border-radius:0px;   }
.modal-content-search .modal-header .btn-close {  padding: 0.5rem 0.5rem;  margin: -0.5rem 1rem -0.5rem auto;}
.btn-close:focus { outline: 0;  box-shadow: 0 0 0 0.25rem rgba(13,110,253,.01);    opacity: 1;}
.modal-content-search .modal-header { border:0px; border-radius:0px; }
.modal-content-search .input-group{  max-width:1180px; margin:22px auto; }
.modal-content-search .input-group-text{ border:0px solid #ddd;  border-radius:0px; background:transparent;  }
.modal-content-search .form-control{ border:0px solid #ddd;  border-radius:0px; background:transparent; border-bottom:1px solid #ddd;  
font-size: 1.8rem; line-height: 2.2rem;  color: #666;}

/** Custom Developer Css*/
.hide {display: none !important;}
.form-box-s { max-width: 380px; margin: auto;padding: 50px 0px;} 
.form-box-m { max-width: 520px; margin: auto;padding: 50px 0px;}  
.form-bottom a {color: #000; clear: both; display: inline-block; text-decoration: none;}
.form-bottom .sign-up { float: right;}
.form-bottom a:hover {text-decoration: underline;}

/**** Placeholder Css ***/
.InnerContentSec {padding: 45px 0px;}
.pageContent {padding: 15px 0;}
.TitleBox .pTitle { width: 100% - 129px; display: flex; line-height: 4rem; font-size: 34px; }
.TitleBox { display: flex; justify-content: space-between; }
.TitleBox  .share-box {  margin-top: 10px;   width: 127px; display: flex; justify-content: flex-end;   }
.RatingInput  { display: inline-flex; background: transparent; direction: rtl; }
.RatingInput input[type="radio"] { display: none; }
.RatingInput label { display: block; width: 20px; height: 20px; color: #000000; }
.RatingInput input[type="radio"]:checked ~ label, .RatingInput label:hover { color: #ffe308; }
.AjaxRespond:empty {display: none;} 
.cust-form input {padding: 8px 16px; }
.HeadAddress h2 {display: inline;}


/* Side Cart Items Show*/
.invalid+.err-msg {color:#FF0000; font-size:14px; line-height: 19px; padding: 4px; margin: 0;}
#sideCartItems { position: fixed; top: 0px; bottom: 15px; right: -375px; max-width:375px; background-color: #fff; z-index: 99999999; max-height: 100%; overflow-y:scroll; -webkit-transition: all 0.5s ease-out; }
#sideCartItems.show { right:0px; -webkit-transition: all 0.5s ease-out;   }
#sideCartItems::-webkit-scrollbar { display: none;  } 
#sideCartItems .sideCartHead { font-size: 20px;  color: #ffffff; background: var(--primary-bg);  font-weight: bold; padding: 16px;
position: static; width: 100%; max-width: 375px; z-index: inherit; } 
.sideCartHead .btn:hover, .sideCartHead .btn:focus, .sideCartHead .btn:active{ background-color: transparent; }
#sideCartItems .sideCartFooter{ position: fixed; bottom: 0px; z-index: 9999; background-color: #fff; padding: 20px 12px; text-align: center; border-top: #666; width:375px; }
.sideCartContent{ margin-bottom:60px; }
.sideCartItem { margin: 5px 0; padding: 8px 12px; border-bottom: 1px solid #ddd; }
#sideCartItems .add-to-cart-detail{ padding:7px 0; font-size: 14px; line-height: 19px;} 
#sideCartItems .add-to-cart-detail .item-detail h3{ font-size: 18px; line-height: normal; margin-bottom: 4px; }
#sideCartItems .add-to-cart-detail .item-detail .cart-sku {font-size: 12px;line-height: 19px;margin-bottom: 8px;display: block;word-wrap: break-word;white-space: break-spaces;}
#sideCartItems .sidePrice .price-title { font-size: 16px; line-height: normal; margin: 12px 0 0; }
#sideCartItems .itemAttributes { margin-bottom: 8px;}
#sideCartItems .add-to-cart-sec{ justify-content: space-between; }
.remove-cart-item:hover, .remove-cart-item:focus, .remove-cart-item:active { background-color: inherit; color: #000; }

/*Profile*/
.myProfile .myProfileMenu { flex: 0 0 300px; }
.myProfileMenu{ padding:24px 8px; background:#f6f6f6; min-height:100vh; }
.myProfileMenu .user-name .RoundChar { width: 54px; height: 54px; background: linear-gradient(359.57deg, #D38F2F 0.4%, #9E741B 147.3%); display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #FFF; font-weight: bold; margin: 0 auto 8px; font-size: 28px; } 
.myProfileMenu .user-name h3 { text-align: center; font-size: 24px; }
.myProfileMenu .user-name { border-bottom: 1px solid #D3D0D0; margin-bottom: 24px;}
.myProfileMenu .nav-item { margin-bottom: 4px; text-align: center;}
.myProfileMenu .nav-item i{ padding-left: 0px; margin-right: 8px;color:#D38F2F; font-size: 20px; vertical-align: middle;}
.myProfileMenu .user-menu .nav-item a { color: #212121; font-size: 16px; text-align: left; padding-left: 20px; }
.myProfileMenu .user-menu .nav-item a:hover { color: #D38F2F; }

/*Login Page*/
.login-page { background-color: #FAF4F4; padding: 30px 20px;  margin: 30px auto;}
.login-page .btn { width: 50%;}
.login-page .form-title{ margin-bottom:30px }
.login-page h2 { font-size: 24px;text-align:center;line-height: normal;}
.login-page form .form-control { font-size: 16px; line-height: 24px; background: #FFFFFF; border: 0px; padding: 7px 12px; border: 1px solid #e6e1e1; }


/**/
.login-page .AjaxRespond { text-align: center; font-size: 1.4rem; }
.login-page .form-group.formSiLink { font-size: 12px; text-align: center; text-decoration: none; }
.login-page .form-group.formSiLink a{ text-decoration:none }
.login-page .form-group.formSiLink a:hover{ color: var(--secondary-color);}
.login-page.signup-page form .form-select { background-color: #FFF; border:1px solid #e6e1e1; padding: 7px 15px;}
.login-page.signup-page form .formSiLink { font-size: 12px; text-align: center; text-decoration: none; }
.login-page.signup-page form .formSiLink a{ text-decoration:none }
.login-page.signup-page form .formSiLink a:hover{ color: var(--secondary-color);}
.login-page form .formSiLink { font-size: 12px; text-align: center; text-decoration: none; }
.login-page form .formSiLink a{ text-decoration:none }
.login-page form .formSiLink a:hover{ color: var(--secondary-color);}
.myProfileBody{ padding:50px 10px; }
.myProfileBody .profile-information{ max-width:520px;  }
.myProfileBody h2 { margin-bottom: 20px; font-size: 28px; }
.myProfileBody .orderDetails h4 { margin-bottom: 20px; font-size: 24px; }
.myProfileBody .form-check label { color: var(--primary-h-color); padding-left: 10px; line-height: 12px; }
.MyWishlist .product-grid h2 { font-size: 16px; margin: inherit;}

/**/
.myProfileBody form .form-control { background-color: #fcf9f9;}
.myProfileBody form .form-check-input:checked { background-color: #ba823a; border-color: #ba823a;}
.myProfileBody form .form-check-input[type=checkbox] {    border-radius: 0em;}
.myProfileBody #newaddress { margin-bottom: 16px; }
.myProfileBody .table.profile { max-width:400px; padding:15px; }
.myProfileBody .submitAjaxFormFront { max-width: 500px; }
#changePasswordForm { max-width: 350px; }
.address-change-section { padding-left: 12px; }
.usr-add-edit { color: #008000; } .usr-add-edit:hover{ background-color: transparent; color:#D38F2F; }
.usr-add-del { color: #FF0000; } .usr-add-del:hover{ background-color: transparent; color:#D38F2F; }

/* Menu */
.HeadAddress #closeaddress { background: var(--primary-bg); float: right; border-radius: 74px; width: 36px; height: 36px; font-size: 16px; font-weight: 300; padding: 7px; margin-top:-40px; color:#FFF; }
.myProfileBody .form-check .form-check-input { float: left; margin-left: -1em; }
.myProfileBody .text-danger.error { font-size: 14px; line-height: 21px; }

.myProfileBody .table-box { overflow-x: auto;}
.myProfileBody .wsFrontTable thead th { vertical-align: bottom; color: #212121; font-size: 18px; background-color:#FAF4F4; }
.myProfileBody .table .ordActBtn { padding: 2px 8px; border-radius: 0px;}
.myProfileBody .table .viewOrdr { border:1px solid #D38F2F; color:#D38F2F; background:transparent; border-radius:4px; }
.myProfileBody .table .viewOrdr:hover{ background:#b18548; color:#ffffff;  }
.myProfileBody .table .payOrdr { border:1px solid #198754; color:#198754; background:transparent;}
.myProfileBody .table .payOrdr:hover{ background:#198754; color:#ffffff;}
.myProfileBody .table .cancOrdr { border:1px solid #dc3545; color:#dc3545; background:transparent;}
.myProfileBody .table .cancOrdr:hover{ background:#dc3545; color:#ffffff;}
#OrderLisTable .price-title { margin: 0;}

.myProfileBody .profile-information.myorderdetails { max-width: 100%; }
.myorderdetails .table-box{ overflow-x:auto;  }

.myorderdetails .table img{ min-width:80px; border:1px solid #f5f5f5; }
.myorderdetails .table > tbody > tr > td h2{ font-size:20px; color:var(--primary-h-color); margin-bottom:5px; }
.myorderdetails .table > tbody > tr > td p{ margin-bottom: 0;}
 
.orderDetails .address-box ul{ padding:0 12px; list-style-type: none; padding-inline-start:0px; margin-bottom:20px; } 
.orderDetails .address-box ul li{ font-size:16px; line-height:40px; }
.orderDetails .address-box ul li i { font-size: 18px; margin-right:8px; color:#D38F2F;} 
.orderDetails .address-box ul li a { color:#212121; }
.orderDetails .address-box ul li a:hover { color:#D38F2F;} 
.orderDetails .info-box p { line-height: 24px; margin: 0;}
.myorderdetails .table tr th, .myorderdetails .table tr td {border-top-width: 1px; border-bottom-width: 0;}
.myorderdetails .table tr th { background-color: #FAF4F4; border-top-width:0; }
.myorderdetails .table-box h4 { margin-bottom: 8px; }

.successOrder .orderDetails, .myorderdetails .orderDetails{ padding: 16px 12px; border: 1px solid #D3D0D0; border-radius:8px; }
.alert-danger { color: #FF0000; background: none; border-color: #f5c2c7; }

.cart-box2 { max-width:320px; width: 100%; float:right; }
.cart-box2 .text-right{ text-align:right;  }
.cart-box2 .btn{ font-size: 16px; width: 100%; padding: 12px 30px;}

/*Modal Address*/
#addAddressModal .btn-close { position: absolute; right: 24px; } 
#addAddressModal .modal-header { justify-content: center; }
#addAddressModal .modal-body { padding: 20px 20px 32px; }
#addAddressModal .modal-body sup { font-size:medium; top: -4px; }


/*FAQ*/
.faq-section { padding: 30px 0 60px;}
.faq-section .common-page-content { margin-top: 32px; }
.common-page-content .accordion-item h2{ margin-bottom:0px; }
.common-page-content .accordion-item h2 button{font-size: 20px;line-height: normal; box-shadow: inherit;}
.common-page-content .accordion-item .accordion-button.collapsed,
.common-page-content .accordion-item .accordion-button:not(.collapsed) { color: var(--primary-h-color);  background: var(--breadcrumb-bg); padding:12px; }
.common-page-content .accordion-item .accordion-body{color: var(--primary-text-color);background: var(--breadcrumb-bg);padding: 0 12px 12px;}
.common-page-content  .accordion-item { margin-bottom: 16px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; }
.common-page-content .accordion-button:not(.collapsed) { box-shadow:inherit; }
.faq-section .accordion-button:not(.collapsed)::after { content: '\f068'; font-family: 'FontAwesome'; background-image: inherit; transform:rotate(0deg); } 
.faq-section .accordion-button::after { content: '\2b'; font-family: 'FontAwesome'; background-image: inherit; font-size:16px; }

/*Basic Guide*/
.size-chart-box { padding: 60px 0; justify-content: space-between;}
.basic-guide-box .number { height: 60px; flex: 0 0 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient(359.57deg, #D38F2F 0.4%, #9E741B 147.3%); font-size: 32px; font-weight: bold; color: #FFF; }
.chart-info-box .chart-info-img { flex: 0 0 20%; } 
.chart-info-box { display: flex; align-items: center; background-color: #faf4f4; padding: 20px; margin-top: 40px; gap: 20px; } 
.chart-info-content h3 { line-height: 30px; font-size: 24px; }
.chart-guide-table table, .chart-guide-table table tr th, .chart-guide-table table tr td { border-collapse:collapse; border:1px solid #ccc; text-align:center; padding:8px; }
.chart-guide-table table tbody{ background-color: #FAF4F4; }
.size-chart-box .size-chart-content { flex: 0 0 calc(50% - 16px); }
.size-chart-box .size-chart-image { padding-left: 60px;}
.chart-guide-table thead tr th { background-color: #D38F2F; font-size: 20px; font-weight: bold; color:#FFF } 
.chart-guide-table .sub-header td { font-size: 18px; font-weight: bold; }
.size-chart-box .step-list { padding-left: 84px; } 
.size-chart-box .step-list h2 { font-size: 24px; line-height: 30px; } 
.size-chart-box .step-list li:not(:last-child) { margin-bottom: 30px; }
.size-chart-with-image { display: flex; align-items: center; background-color: #faf4f4; padding: 20px; gap: 24px; } 
.size-chart-with-image .measure-img { flex: 0 0 30%; } 
.measure-list li { list-style: disc; line-height: 32px; } 
.measure-list { padding-left: 32px; }
.buying-tips { padding: 60px 0; } 
.buying-tips ol li { list-style: inherit; line-height: 32px; } 
.buying-tips h2 { margin-bottom: 24px; }

/**/

 #theme-buttons { position: fixed; top: 50%; right: -100%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 10px; background: #FFFFFF; padding: 15px; border-radius: 12px 0 0 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); transition: right 0.8s ease; z-index: 1000; } 
 #theme-buttons h2 { font-size: 20px; font-weight: 600; color: #000000; } 
 #theme-buttons.active { right: 70px; } 
 .themeButton { position: fixed; top: 50%; right: 20px; transform: translateY(-50%); background: #333333; color: #FFFFFF; border: none; border-radius: 50%; padding: 7px; cursor: pointer; z-index: 1100; width: 40px; height: 40px; z-index: 999; }

/*Instagram*/
.insta-sec{ margin-bottom:2px; }
.insta-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2px; } 
.insta-grid .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 0.5); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease-in-out; } 
.insta-grid img { width: 100%; object-fit: cover; display: block; } 
.insta-grid .item{ position:relative;} 
.insta-grid .item:hover .overlay { opacity: 1; } 
.insta-grid .overlay-content { color: #FFFFFF; text-align: center; transform: translateY(10px); transition: transform 0.3s ease-in-out; }

.insta-grid .overlay-content i{ display:block; font-size: 32px; margin-bottom:8px; color:#edb463; }
.insta-grid .overlay-content .link{ display:block; font-size:20px; line-height: 27px; }
.insta-grid .item:hover .overlay-content { transform: translateY(0); }

/**/
.spotted-sec .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 0.5); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease-in-out; } 
.spotted-sec .item{ position:relative;} 
.spotted-sec .item:hover .overlay { opacity: 1; } 
.spotted-sec .overlay-content { color: #FFFFFF; text-align: center; transform: translateY(10px); transition: transform 0.3s ease-in-out; }

.spotted-sec .overlay-content i{ display:block; font-size: 32px; margin-bottom:8px; color:#edb463; }
.spotted-sec .overlay-content .link{ display:block; font-size:20px; line-height: 27px; }
.spotted-sec .item:hover .overlay-content { transform: translateY(0); }

/* Testimonial */
.tst-section{ display: none;}
.theme-silver .tst-section { display: none;}
.theme-silver .spotted-sec{ display: block;}
.tst-section { padding: 70px 0; } 

.tst-cnt .primary-bg-btn { margin-top: 15px; }
.rev-cnt .rating { margin-bottom: 25px; color: #121211; } 
.rev-cnt .rating .stars{ font-size: 15px; color: #D38F2F; margin-right: 10px; }

.rev-cnt .author-name { font-size: 18px; line-height: 24px; font-weight: 500; color: #121211; margin-bottom: 2px; } 
.rev-cnt .author-des { font-size: 15px; font-weight: 400; color: var(--theme-bg); }
.tst-slider { display: grid; grid-template-columns: repeat( 3, 1fr); gap: 24px; }
.tst-section .rev-cnt { box-shadow: 0 4px 8px rgb(0 0 0 / 20%); border-radius: 14px; padding: 25px; border-bottom: 2px solid var(--theme-bg); background: #f5f3ff; }
.bottom-rev { display: flex; align-items: center; gap: 12px; } 
.bottom-rev img { width: 50px; height: 50px; border-radius: 50%; object-fit: contain; object-position: center; }

/***Our Occasion Collection***/
.gallery-section { padding: 70px 0; display: none; }
.theme-silver .top-collection-sec { display: none; }
.theme-silver .gallery-section { display: block;}
.top-gallery-grid { display: grid; grid-template-columns: repeat(2 , 1fr); gap: 24px; margin-bottom: 24px; } 
.bottom-gallery-grid { display: grid; grid-template-columns: auto auto auto; gap: 24px; } 
.gallery-grid .grid-item { position: relative; } 
.gallery-grid .grid-item-heading { position: absolute; bottom: 0; width: 100%; text-align: center; height: 120px; display: flex; align-items: flex-end; justify-content: center; border-radius: 0 0 14px 14px; background: linear-gradient(360deg, rgb(209 74 97 / 80%) 0%, rgb(209 74 97 / 80%) 10%, rgb(209 74 97 / 80%) 20%, rgb(209 74 97 / 0%) 100%); } 

.grid-item-heading h2 { font-size: 24px; line-height: normal; font-weight: 500; color: #FFF; margin-bottom: 20px; } 
.top-gallery-grid .grid-item img { aspect-ratio: 1.5; object-fit: cover; border-radius: 14px; } 
.bottom-gallery-grid .grid-item img { aspect-ratio: 1; object-fit: cover; border-radius: 14px; }

/*  */
.theme-silver .heading-sec h2:before { content: ''; position: absolute; left: -77px; top: 11px; width: 66px; height: 19px; background-image: url('../img/decorarte-heading-02.svg'); background-repeat: no-repeat; } 
.theme-silver .heading-sec h2:after { content: ''; position: absolute; right: -77px; top: 11px; width: 66px; height: 19px; background-image: url('../img/decorarte-heading-02.svg'); background-repeat: no-repeat; } 

.theme-silver .main-menu .navbar-nav > .nav-item > .nav-link:hover{ color:#d14a61; }
.theme-silver .perfect-match .product-grid:hover .product-name h2, .theme-silver .shop-by-gender .product-grid:hover .product-name h2{ color:#d14a61; }
.theme-silver .spotted-sec .overlay-content i{ color:#d14a61; }
.theme-silver footer ul li a:hover { color:#d14a61; }
.theme-silver footer p a:hover{ color:#d14a61; }

.theme-rose .banner{ display: none;}
.banner2 { display: none;}
.theme-rose .banner2{ display: block; padding-top:5px; }
.hero-item img { aspect-ratio: 2.5 / 1; object-fit: cover; border-radius: 14px; }
.hero-slider2 .owl-dots .owl-dot span { width: auto; height: auto; background: none !important;  font-size: 10px; color:var(--theme-bg);  line-height: 1; opacity: 0.6; }

.hero-slider2 .owl-dots .owl-dot span::before { content: "\f219"; font-family: 'FontAwesome';}
.hero-slider2 .owl-dots .owl-dot.active span { opacity: 1; }

.theme-silver .perfect-match{ padding:70px 0; }
.theme-silver .best-sellers { background-color: #FFF6EE; padding: 70px 0;}
.theme-silver .product-grid .product-image img{ object-fit:cover; }

.theme-silver .insta-sec{ display:none; }
.spotted-sec .overlay { display:none; }
.theme-silver .spotted-sec .overlay{ display: flex; }
.theme-silver .product-grid { border:none; }

/*Responsive*/
@media(min-width: 991px){

.main-menu .view-megamenu { position: absolute; width: 100%; min-height: 500px; left: 0; top: 44px; background-color: #FFFFFF; padding: 0; border-top: 1px solid #E4E4E5; z-index: 9; box-shadow: 0 16px 16px #0000004A;}
.main-menu .navbar-nav .firstlevel-menu-item:first-child{ padding-top:30px; }
.main-menu .view-megamenu .secondlevel-menu { position: absolute; left: 20%; top: 0; width: 80%; } 
.main-menu .view-megamenu .left-side {width: 70%;float: left;} 
.main-menu .view-megamenu .right-side { width: 30%; float: left; } 

.main-menu .view-megamenu .secondlevel-menu-list { position: relative; padding: 20px 0 10px; display: grid; grid-template-columns: repeat(3, 1fr); } 
.main-menu .view-megamenu .secondlevel-menu-list .secondlevel-menu-item  .secondlevel-menu-link { padding: 4px 15px; display: block; text-decoration: none; border: 1px solid transparent; border-radius: 8px;}
.main-menu .view-megamenu .secondlevel-menu-list .secondlevel-menu-item .secondlevel-menu-link:hover span{color:#D38F2F;}

/**/
.main-menu .view-megamenu { opacity: 0; visibility: hidden; } 
.main-menu .navbar-nav .megamenu-item:hover .view-megamenu { visibility: visible; opacity: 1; transition: all 0.3s ease; }

/**/
.view-megamenu .firstlevel-menu-item .secondlevel-menu { opacity: 0; visibility: hidden; transition: opacity 0.3s ease; position: absolute; z-index: 1000; } 
.view-megamenu .firstlevel-menu-item.active .secondlevel-menu {visibility: visible; opacity: 1;}
.view-megamenu .firstlevel-menu-item:hover .secondlevel-menu { opacity: 1; visibility: visible; }
.view-megamenu .firstlevel-menu-item:hover .column-header, .view-megamenu .firstlevel-menu-item.active .column-header {color: #D38F2F; }

.theme-silver .view-megamenu .firstlevel-menu-item:hover .column-header, .theme-silver .view-megamenu .firstlevel-menu-item.active .column-header{ color:#d14a61; }
.theme-silver .main-menu .view-megamenu .secondlevel-menu-list .secondlevel-menu-item .secondlevel-menu-link:hover span{color:#d14a61;}


/* Border In Megha Menu */
.main-menu .view-megamenu:before { content: ''; position: absolute; top: 0; left: 20%; height: 100%; width: 1px; background-color: #E4E4E4; } 
.main-menu .view-megamenu:after { content: ''; position: absolute; top: 0; right: 24%; height: 100%; width: 1px; background-color: #E4E4E4; } 
.main-menu .view-megamenu .secondlevel-menu-list:after { content: ''; position: absolute; top: 0; right: 33.33%; height: 100%; width: 1px; background-color: #E4E4E4; } 
.main-menu .view-megamenu .secondlevel-menu-list:before { content: ''; position: absolute; top: 0; left: 33.33%; height: 100%; width: 1px; background-color: #E4E4E4; }

}

@media(min-width: 1600px){
  .main-menu .view-megamenu{ min-height:530px; }
  .main-menu .gender-category .secondlevel-menu-link img{ max-height:312px; }
  .main-menu .view-megamenu .secondlevel-menu-list.gender-category .secondlevel-menu-item{ text-align:center; }
}

@media (max-width: 1399.98px) { 

   .main-menu .view-megamenu .secondlevel-menu .secondlevel-menu-list .cat-thumbnail { width: 36px; height: 36px; } 
   .main-menu .view-megamenu .secondlevel-menu-list .secondlevel-menu-item { padding: 5px 10px; } 
   .main-menu .navbar-nav .firstlevel-menu-item { padding: 0 25px; } 
   .bottom-cat-banner { padding: 25px; } 
 }


@media (max-width: 1199.98px) {
/*2025 */ 
.main-menu .megamenu-row .megamenu-item:not(:last-child) { margin-right: 0; } 
.main-menu .navbar-nav > .nav-item > .nav-link { }
.main-menu .view-megamenu .secondlevel-menu .secondlevel-menu-list .cat-thumbnail { height: 30px; width: 30px; padding: 4px; margin-right: 4px; }
.main-menu .view-megamenu .secondlevel-menu-list .secondlevel-menu-item { padding: 5px 5px; } 
.main-menu .navbar-nav .firstlevel-menu-item {padding: 0 20px; } 
.bottom-cat-banner{ padding: 20px; }
.right-cat-banner{ padding:30px 20px; }
.product-details-section .product-details { padding-left:0; }
.prodQntBtn .btn-stroke, .prodQntBtn .btn-dark{ padding:8px 12px; }
td.item-td .item-detail h3 { font-size: 20px; line-height: normal; }

 }

@media (max-width: 991.98px) { 
/*2025 */
.main-menu {display: none;}
.main-menu .custom-collaps{ flex-basis:100%; flex-grow:1; align-items:center; }
header .navbar { padding:5px 0 10px; }
.search-navbar-top form input{ border-radius:12px; }
.search-navbar-top { flex: 0 0 100%; order: 3; margin-left: 0; margin-top: 5px; } 
.navbar-brand { margin-right: auto; padding-left:20px; }
.navbar-brand img { width: 110px; } 
.main-menu > .navbar {padding: 145.25px 0 0;}
.main-menu .navbar-nav .firstlevel-menu-item{ width:100%; padding:0; }

.main-menu .navbar-megamenu { position: fixed; overflow-y: auto; width: 100%; height: 100vh; top: 0px; left: 0px; background-color: white; z-index: 99; padding: 0; align-items:baseline; } 
.close-menu-button {display: block; margin-left: auto; border: none; background-color: transparent;}
.main-menu .megamenu-row .megamenu-item .dropdown-toggle::after {content: '\f105';position: absolute;right: 12px;top: 22px;font-family: 'FontAwesome';border-width: 0;font-size: 16px; padding: 0;} 
/*.main-menu .megamenu-row .megamenu-item{ position: relative; }*/


/**/
.main-menu .view-megamenu .secondlevel-menu-list{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; text-align: center; margin-bottom: 20px;} 
.main-menu .view-megamenu .secondlevel-menu-list .secondlevel-menu-link { padding: 5px; border: 1px solid #ececec; display: block; border-radius: 7px; } 
.main-menu .view-megamenu .secondlevel-menu .secondlevel-menu-list .secondlevel-menu-item span { font-size: 14px; }
.main-menu .view-megamenu .secondlevel-menu-list .secondlevel-menu-item { padding: 0; } 
.main-menu .navbar-nav > .nav-item > .nav-link { padding: 20px 0 20px; position: relative;} 
.firstlevel-menu-item .column-header { padding: 0; margin: 0 0 4px; }
.main-menu .view-megamenu .secondlevel-menu .secondlevel-menu-list .cat-thumbnail {display: none;}
.main-menu .view-megamenu .secondlevel-menu-list.gender-category { padding: 0;}

/**/
.main-menu .view-megamenu{ display:none; position: absolute; width: 100%; z-index: 999;background-color: #FFFFFF;left: 0; top: 0; padding: 10px 12px;}
.mobile-menu-heading .prev-button { background-color: transparent; border-width: 0; padding: 0; } 
.mobile-menu-heading .close-menu-button { margin-left: inherit; margin-top:0; } 
.mobile-cat-title { font-size: 18px; line-height: normal; color: #121211; margin: 0;} 

.sticky .banner, .sticky .in-banner{ margin-top: 136.39px;}

.best-sellers .product-grid img{ height:inherit; }
.shop-by-gender .product-grid h3 { font-size: 20px; line-height: 27px; } 
.shop-by-gender .product-grid .product-name { margin: 15px 0 0; }

.category-sec{ padding: 60px 0 0; }
.bottom-banner-sec { padding:60px 0 0; }
.top-collection-sec{ padding:60px 0 }
footer { padding:60px 0 0; }
footer > .container > .row{ padding: 0 0 60px; }
.heading-sec{ margin: 0 0 30px; }

.wrap-quality-box .quality-box { flex: 0 0 calc(33.33% - 2%);}
.wrap-quality-box { gap: 2%; flex-wrap: wrap;row-gap: 25px;}

.product-listing { grid-template-columns: repeat(2, 1fr);}
.discover-more-sec { padding: 60px 0; } 
.cart-page .cartOrderSummary .payment-detail-checkout, .checkout-page .order-summery { margin-top: 30px; }
.about-right-box { display: flex; gap: 24px; justify-content: center; margin-top: 30px; } 
.about-right-box .con-box:not(:last-child) { margin-bottom: 0; }
.cart-page .cartOrderSummary .payment-detail-checkout, .checkout-page .order-summery { border-left: 0; padding:0; }

/*End */
 }

@media (max-width: 768px) { 
/*2025 */
.navbar-brand img {   width: 110px; }
.heading-sec h2 { font-size: 28px; line-height: 35px; }
.heading-sec h2:before, .heading-sec h2:after{ display:none; }
.banner .carousel-item img{ aspect-ratio: 1.5 / 1;}
 
.clearity-container .clearity-type:last-child { grid-column: 1 / 3;}

.product-grid-row {grid-template-columns: repeat(2, 1fr); justify-items: center; gap: 12px;}
.product-grid-row .product-grid:last-child {grid-column: 1 / 3;} 
.shop-by-gender .product-grid h3 { font-size:18px; line-height:24px; }

.product-listing { grid-template-columns: repeat(1, 1fr);}
.product-details .product-name { font-size: 24px; } 
.product-details .price-title { line-height: normal; font-size: 20px; margin-bottom: 16px; } 
.product-details .prodCartBox { padding: 16px 0 24px; } 
.product-details-section .product-details .prodQntBtn { gap: 20px; }
.product-details-section .product-gallery { padding-bottom: 32px; }
.checkout-page h2{ font-size:24px; }
.contactBox-left ul { margin-bottom: 30px; }
.contact-us-page { padding: 30px 0 50px; }
.map-container { padding: 50px 0 0; }
.about-us-page { padding: 30px 0 50px; }
.kitty-details-section .kitty-thmbnail { margin-bottom: 30px; }
.kitty-details-section{ padding:30px 0 50px; }

.myProfile > .container-fluid > .d-flex { flex-wrap: wrap; } 
.myProfileBody { padding: 24px 0 50px 12px; }

/*End*/

.cart-menu1, .cart-menu2{width: 102px;position: absolute; left: 41%; top: 32px;}   
.cat-filter-top.sticky-top { position: unset; }
.banner .carousel-caption { position: absolute; right: 15%; top: 33%;  left: 15%; }
.pr-cat-home{ padding:30px 0 60px 0; } 

.cat-filter-top.sticky-top{  position: unset; }
.pr-cat-home .products{ max-width:98%; margin:0 auto; }
}


@media (max-width: 575.98px) { 
/*2025 */
.heading-sec h2{ font-size:24px; line-height:30px; }

/*Header*/
.top-navbar-right { gap: 16px; } 
.top-navbar-right a img { max-height: 18px; } 
.top-navbar-right a p { font-size: 12px; }
.top-navbar-right .bg-color{ left:90% !important; }
.main-menu .view-megamenu .secondlevel-menu-list{ display: grid; gap: 10px; text-align: center; margin-bottom: 20px;} 

.in-banner img { height: 260px; }
.in-banner{ min-height: 260px; }

.product-grid-row { grid-template-columns: 1fr; row-gap: 25px; } 
.product-grid-row .product-grid:last-child { grid-column: auto; } 
.product-grid-row .product-grid img { max-height: inherit; } 
.shop-by-gender .product-grid a img{ max-height:inherit; }
.shop-by-gender .product-grid .product-name { margin: 10px 0 0; }

.category-sec{ padding: 50px 0 0; }
.bottom-banner-sec { padding:50px 0 0; }
.top-collection-sec{ padding:50px 0 }
footer { padding:50px 0 0; }
footer > .container > .row{ padding: 0 0 20px; }
footer p{ margin-bottom:12px; }
.heading-sec{ margin: 0 0 20px; }


/*Review*/
.review-sec{ padding:0 0 98px }
.shop-by-gender .product-grid .product-name { margin: 10px 0 0; } 
.review-box { flex-direction: column; }

.product-list-section .main-product-area { padding-left: 7.5px; }
.product-list-section .product-filter { position: fixed; top: 0; left: -100%; bottom: 0; width: calc(100% - 5rem); z-index: 1049; height: 100%; overflow-y: auto; background: #fff; transition: left 0.3s ease; } 
.product-list-section .product-filter.active { left: 0; } 
.filter-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1048; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; } 
.filter-overlay.active { opacity: 1; pointer-events: auto; }
/*Costom width*/
.product-list-section .col-sm-3 { width:100%; } 
.product-list-section .col-sm-9 { width: 100%; }

/**/
footer h2 { margin-bottom: 10px; margin-top: 10px; }
.wrap-quality-box .quality-box { flex: 0 0 calc(50% - 2%); } 
.wrap-quality-box { flex-wrap: wrap;} 
.quality-box h3 { font-size: 17px; line-height: 25px; } 
.quality-box img { max-height: 80px; object-fit: contain; object-position: center; }  
.why-pp-jewelers .primary-bg-btn, .why-pp-jewelers .secondary-bg-btn { font-size: 16px; text-align: center; width: 80%; }
.why-pp-jewelers .secondary-bg-btn {margin-top:20px}
.into-carousel .owl-item img { /*aspect-ratio: 2 / 1;*/ aspect-ratio: inherit; object-fit: cover; }


/**/
.mobile-filter-btn { background-color: transparent; font-size: 15px; line-height: 22px; color: #000000;  border: 1px solid #e6e1e1; border-radius: 7px; padding: 7px 14px; border-width:0; }
.mobile-filter-heading h2 { font-size: 18px; line-height: normal; color: #000000; margin: 0; text-align: center; } 
.filter-close {display: inline-block;border: none;background-color: transparent;font-size: 24px;color: #C5C5C5;position: absolute;right: 12px;top: 15px;padding: 0;}
.mobile-filter-heading {text-align: center;position: relative;padding: 15px 12px 15px;border-bottom: 1px solid #C5C5C5;}
.product-list-section .filter-item { border-width: 0; padding: 12px 0;}
.product-list-section .product-filter { padding: 0; } 
.product-list-section .filter-list { padding: 0px 12px 20px; }
.product-list-section .filter-options{ max-height:inherit; }

/*Picked Product*/
.picked-product{ margin:15px 0 0; padding: 0 12px;}
.sort-by-product .mobile-filter-btn { display: table; margin-left: auto; padding:4px;} 
.sort-by-product .mobile-filter-btn svg { margin-top: -3px; margin-right: 2px; }
.filter-list .filter-item .fa { float: right; margin-top: 4px; }
.mobClearAll { padding: 8px 12px 0; text-align: right; }

.discover-more-sec { padding: 50px 0; } 
.product-details-section { padding: 20px 0 50px; }

.about-right-box { flex-wrap: wrap; }

/*End*/

.cart-menu1, .cart-menu2{  width: 102px; position: absolute; left: 41%; top: 32px;} 
.banner .carousel-caption { position: absolute; right: 15%; top: 30%;  left: 15%; }

/* category page */
.breadcrumb-bg { padding: 7px 0 7px 0; }
.breadcrumb-bg .sorting-form { width:270px; margin: 0 auto; float:left; }
.sidebar-widget{ border:1px solid #f6f3f3;  max-width:100%; }

/**/
.sim-products .carousel-cell { width: 54%; margin-right: 12px; border-radius: 4px; } 
.cat-filter-top.sticky-top{  position: unset; }

/* backend profile  */
.myProfileMenu{ padding:10px 10px; background:#f6f6f6; min-height:auto; }
.myProfileMenu .user-menu li.nav-item{ margin-bottom:0px; line-height:18px; margin: 4px;}
.myProfileMenu .user-menu li.nav-item a { padding-left: 0px; text-align: center;  font-size:12px; }

/**/
.myProfileMenu .user-menu ul.nav.flex-column { flex-direction: row!important;  justify-content: center; }
.myProfileMenu .user-menu li.nav-item a { padding: 7px 12px; background: var(--primary-bg); color: #fff; border-radius: 7px;}
.myProfileMenu .user-menu li.nav-item a:hover { background: #000;}
.myProfileMenu .user-menu li.nav-item a i{ display:none;}

/**/
.myProfileBody { padding: 24px 16px;}
.in-banner .content h3, .in-banner .content h1, .in-banner .content h3 a{ font-size:48px; line-height:normal; color: #FFFFFF; text-decoration: none; }
}
.google-auth-parent{
    position: relative;margin: 30px 0px;
}
.google-auth{
    position: absolute;
    top: -13px;
    left: 34%;
    background: #fff;
    padding: 2px 8px;
    font-weight: bold;
    font-size: 12px;
    z-index: 99;
    border-radius: 5px;
}
.sign-google .btn{
    width:70% !important;
    
}
  .pos_rel{
      position: relative;
}
  
  .gld_prc{
      position: absolute;
    right: 3%;
    background: #d38f2f;
    color: #fff;
    border-radius: 20px;
}
  .gld_prc a {
    color: #fff !important;
    font-weight: 600 !important;
}


@media (max-width: 991.98px) {
      .gld_prc{
      position: relative;
    right: 3%;
    background: #d38f2f;
    color: #fff;
    width: 75%;
    border-radius: 20px;
  }
  .gld_prc a {
    color: #fff !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
}
}