*,
body * {
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
}

body,
p {
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: normal;
    color: #373b3c;
    margin: 0px;
}

body {
    overflow-x: hidden;
}

h1 {
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: bold;
    margin: 0px;
}

h2,
h3,
h4,
h5,
h6 {
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 500;
    margin: 0px;
}

h2 {
    font-size: 18px;
    color: #373b3c;
}

a {
    outline: none;
    box-shadow: none;
}

a:hover {
    color: #000 !important;
}

a.white:hover {
    color: #fff !important;
}
  .double-container-col{
    padding-inline: 5%;
  }
.bg-to-white {
    background-color: #f3f4f6 !important;
} 
.bg-to-secondary {
    background-color: #fff !important;
} 

.auth-title {
    font-size: 26px;
    font-weight: 500;
    position: absolute;
    top: 145px;
}
.auth-footer {
    padding: 16px 0 !important;
    text-align: left !important;
    margin: 0 !important;
}
.auth-footer-right {
  padding: 16px 5vw !important;
}
.auth-footer-left {
    margin: 50px 0 !important;
}

.product_collection_lists .product_items_data .product_collection_image,
.jewellery_item_datas .inn_prdct_img {
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
}

.product_collection_lists .product_items_data .product_collection_image,
.jewellery_item_datas {
    overflow: hidden;
}

.product_collection_lists .product_items_data .product_collection_image,
.jewellery_item_datas .inn_prdct_img a img {
    transition: transform 0.3s ease;
}

.product_collection_lists .product_items_data .product_collection_image:hover,
.jewellery_item_datas .inn_prdct_img a img:hover {
    transform: scale(1.2);
}

.inn_prdct_img_jewellery_home {
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
}

.inn_prdct_img_jewellery_home > a {
    display: block;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

.inn_prdct_img_jewellery_home img {
    height: 100%;
    transition: transform 0.4s ease;
}

.inn_prdct_img_jewellery_home:hover img {
    transform: scale(1.2);
}

.category_list_cols .collection_img {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
}

img {
    object-fit: cover;
}

.w-80p {
    width: 75%;
}

.img-fit {
    object-fit: contain;
}

.fill {
    object-fit: cover !important;
}

.container {
    max-width: 100%;
    padding: 0px 5%;
}

.btn {
    font-weight: 700;
    font-size: 16px;
    /*/*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    text-align: center;
    border-radius: 0px;
    outline: none;
    box-shadow: none;
    padding: 15px 0;
}

.my-image {
    width: 100% !important;
    height: 720px !important;
}
.btn:focus,
.btn:active {
    outline: none;
    box-shadow: none;
}

.btn-black {
    background: #373b3c;
    color: #ffffff;
}

.btn-black:hover {
    background: #000;
    color: #fff !important;
}

.btn-gray {
    background: #f3f5f6;
    color: #373b3c;
}

.inner_header_data {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    align-items: stretch;
}

.middle_header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 50px;
}

.right_head_data {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
}

.left_head_data {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
}

header.main_header > .container {
    padding: 10px 5%;
    background: #ffffff;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.12);
    position: relative;
    position: sticky;
    top: 0;
    z-index: 3;
}

.main_header {
    position: sticky;
    z-index: 999;
    padding: 10px 0;
    background: #ffffff;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.12);
    top: 0;
}

.top_left_infos {
    display: flex;
    gap: 40px;
    height: 28px;
    align-items: center;
}

.trust_badges {
    display: flex;
    flex-wrap: nowrap;
    gap: 40px;
    align-items: center;
    height: 28px;
}

.user_account_data {
    display: flex;
    gap: 40px;
    height: 28px;
}

.user_account_data a {
    font-size: 16px;
    color: #373b3c;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 500;
}

.user_account_data a:hover {
    color: #84b6ce;
}

.top_left_infos a.links {
    font-size: 12px;
    color: #373b3c;
    transition: all 0.5s ease-in-out 0s;
}

.top_left_infos a.links:hover {
    color: #84b6ce;
}

.menu_data {
    display: flex;
    align-items: center;
    height: 28px;
    margin-top: auto;
}

.menu_data a.menu_links {
    text-decoration: none;
    color: #373b3c;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 500;
}

.inner_featured_in h2 {
    font-size: 18px;
    margin: 0px;
}

.inner_featured_in h2 {
    font-weight: 500;
    font-size: 18px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    margin: 0px;
    color: #373b3c;
}

.inner_featured_in {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.featured_logos {
    display: flex;
    justify-content: space-between;
}

.featured_in_secs {
    background: #fff;
    padding: 45px 0px 45px;
    overflow: hidden;
}

.featured_in_secs .owl-stage-outer {
    overflow: hidden !important;
}

.featured_logos_slider.owl-carousel .owl-item img {
    width: auto;
    max-width: 100%;
    height: 40px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* Per-logo height overrides — tuned to each logo's aspect ratio for visual balance */
/* Logo 1: */
.featured_logos_slider.owl-carousel .owl-item img.fl-1 {
    height: 75px;
}
/* Logo 2: */
.featured_logos_slider.owl-carousel .owl-item img.fl-2 {
    height: 69px;
}
/* Logo 3: */
.featured_logos_slider.owl-carousel .owl-item img.fl-3 {
    height: 60px;
}
/* Logo 4: */
.featured_logos_slider.owl-carousel .owl-item img.fl-4 {
    height: 69px;
}
/* Logo 5: */
.featured_logos_slider.owl-carousel .owl-item img.fl-5 {
    height: 33px;
}
/* Logo 6: */
.featured_logos_slider.owl-carousel .owl-item img.fl-6 {
    height: 34.5px;
}
/* Logo 7: */
.featured_logos_slider.owl-carousel .owl-item img.fl-7 {
    height: 38px;
}

/* Scroll animation - fade in on scroll */
.featured_logos_slider.owl-carousel .item {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.featured_logos_slider.owl-carousel .item.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.luxury_watches_secs {
    position: relative;
    z-index: 1;
}

.watches_content_cols {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 158px 10%;
}

.bg_column_watch {
    background: #f3f5f6;
}

.luxury_prdct_content h2 {
    font-size: 18px;
    margin-bottom: 5px;
}

.luxury_prdct_content p {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
    margin-bottom: 15px;
}

.link-dark a:hover {
    color: #000 !important;
}

.luxury_watches_btns {
    display: flex;
    gap: 30px;
}

.luxury_watches_btns a.btn_links {
    font-size: 16px;
    color: #373b3c;
    transition: all 0.5s ease-in-out 0s;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: normal;
}

.prdct_img {
    text-align: center;
}

.luxury_watches_btns a.btn_links:hover {
    color: #84b6ce;
}

.watch_repair_contents h2 {
    font-size: 18px;
    color: #373b3c;
    margin: 0;
}

.jewellery_shop_contents.watch_repair_contents .see_more_btn {
    margin-top: 15px;
}

.jewellery_shop_contents.watch_repair_contents .see_more_btn a {
    color: #a2a2a2;
    white-space: nowrap;
}

.jewellery_shop_contents.watch_repair_contents .see_more_btn a img {
    width: 26px;
}

.watch_repair_contents {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0;
    max-width: 393px;
    margin: auto;
}

#my-bag-modal .btn-close {
    border: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    outline: none !important;
}
#my-bag-modal .btn-close:focus,
#my-bag-modal .btn-close:active {
    box-shadow: none !important;
    outline: none !important;
}

.watch_repair_contents.homepage-getdirection {
    gap: 5px;
}

.watch_repair_contents.homepage-getdirection .btn_links {
    margin-top: 10px;
}

.about-us-section .watch_repair_contents {
    max-width: 576px;
    gap: 0;
}

.about-us-section .watch_repair_contents h2 {
    margin-bottom: 15px;
}

.watch_repair_contents.about-get-directions.about-visit-desktop h2 {
    margin-bottom: 5px;
}

.watch_repair_contents.about-get-directions p:not(:last-child) {
    margin-bottom: 10px;
}

.watch_repair_contents.about-get-directions .btn_links {
    margin-top: 15px;
}

.watch_repair_contents .custom-nav {
    padding-top: 15px;
}

.watch_repair_contents p {
    margin: 0;
    color: rgb(55 59 60 / 66%);
    font-size: 16px;
    line-height: 19px;
    height: 76px;
}

.h-25 {
    height: 25px !important;
}

.h-55 {
    height: 55px !important;
}

.about-us-section .watch_repair_contents p {
    color: #373b3c;
}

.about-us-section .watch_repair_contents p:not(:last-child) {
    margin-bottom: 30px;
}

a.btn_links {
    color: #373b3c;
    font-size: 16px;
    transition: all 0.5s ease-in-out 0s;
}

a.btn_links:hover {
    color: #84b6ce;
}

.main_footer {
    background: linear-gradient(180deg, #e8ebed 0%, #ffffff 100%);
    padding: 45px 0px 35px;
}

.inner_foot_conts {
    display: flex;
    gap: 50px;
    position: relative;
    justify-content: space-between;
}

.left_footer_data {
    max-width: calc(100% - 480px);
}

.inner_foot_rows {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    /* gap: 90px; */
    row-gap: 30px;
    column-gap: 90px;
}

.right_footer_data {
    max-width: 353px;
}

.foot_cols h4 {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
    font-weight: 400;
    font-family: "neue-haas-grotesk-text", sans-serif;
}

.lamna_money_clients img {
    width: 200px;
}

.foot_cols {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

ul.foot_lists {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.foot_lists li a {
    font-size: 16px;
    color: #373b3c;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 500;
    text-decoration: none;
    line-height: 180%;
    transition: all 0.5s ease-in-out 0s;
}

ul.foot_lists li a:hover {
    color: #84b6ce;
}

ul.foot_lists li:not(:last-child) {
    /*  margin-bottom: 5px;*/
}

.finance_available_datas {
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 45px;
}

.finance_available_datas h3 {
    font-size: 16px;
    color: #373b3c;
    font-weight: 400;
    margin-bottom: 5px;
}

.finance_available_datas p {
    font-size: 14px;
    color: rgb(55 59 60 / 66%);
    margin-bottom: 30px;
}

.finance_available_datas a.btn_links {
    font-size: 14px;
    color: rgb(55 59 60 / 66%);
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: bold;
}

.finance_available_datas a.btn_links:hover {
    color: #84b6ce;
}

.payment_method {
    display: flex;
    justify-content: flex-end;
}

.footer-top {
    padding: 39px 0;
    background: #f3f5f6;
    display: block;
    width: 100%;
}

.footer-top h2 {
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 500;
    font-size: 18px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
    margin: 0px 0px 5px;
}

.footer-top p {
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3ca8;
    margin: 0px 0px 15px;
    padding: 0px;
}

.footer-top a {
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    color: #373b3c;
}

.footer_copyright p {
    font-size: 10px;
    color: rgb(55 59 60 / 66%);
    margin: 15px 0px 0px;
    text-align: right;
}

.footer_copyright {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-top: 45px;
    max-width: 665px;
}

.jewellery_shop_contents.watch_repair_contents {
    max-width: 393px;
    margin: 0px auto;
    padding: 0px;
}

.owl-theme .owl-dots {
    background: #ababab;
    border-radius: 100px;
    width: 50px;
    height: 26px;
}

.shop_branded_jewellery_secs .owl-dots {
    counter-reset: slides-num;
    position: absolute;
    top: 70%;
    left: 70%;
    margin-top: 15px;
}

.owl-theme .owl-dots:after {
    content: counter(slides-num);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    padding-left: 5px;
    color: #fff;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    counter-increment: slides-num;
    margin-right: 5px;
}

.owl-theme .owl-dots .owl-dot span {
    display: none !important;
}

.owl-theme .owl-dots .owl-dot.active:before {
    content: counter(slides-num) " |";
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
}

.owl-theme .owl-dots .owl-dot {
    margin-right: 0;
}

.custom-nav button {
    background: unset;
    border: none;
    padding: 0;
}

.branded_new_slides {
    position: relative;
}

.custom_owl_navigation {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    position: absolute;
    right: 0;
    width: 41.66666667%;
    padding-left: 75px;
    bottom: 165px;
    z-index: 1;
}

.custom-nav {
    display: flex;
    align-items: center;
    gap: 40px;
    border-top: 1px solid #ddd;
    width: 100%;
    padding-top: 30px;
}

.custom-dots {
    display: flex;
    align-items: center;
    background: #ababab;
    padding: 5px 10px;
    border-radius: 20px;
    font-weight: 400;
    color: #fff;
    width: 50px;
    height: 26px;
    justify-content: center;
}

.custom-dots span {
    font-size: 14px;
}

.latest_jewellery_secs {
    background: #f3f5f6;
    padding: 39px 0px 70px;
    overflow-x: hidden;
}

.latest_jewellery_secs .owl-item.active {
    margin-bottom: 0px !important;
}

.featured_in_secs .inner_jewellery_data h2 {
    margin-bottom: 15px;
    /* Align "Featured In" title with first logo - match carousel visual start */
    /* Since carousel items are flex containers with centered images, ensure title aligns with first item's visual start */
    padding-left: 0;
}

/* On smaller screens, carousel may have different alignment - adjust if needed */
@media (max-width: 599px) {
    .featured_in_secs .inner_jewellery_data h2 {
        padding-left: 0;
    }
}

.inner_jewellery_data h2 {
    font-size: 18px;
    color: #373b3c;
    margin-bottom: 45px;
    /* Align title with first product in carousel by matching stagePadding */
    padding-left: 11px;
}

/* Match carousel stagePadding at different breakpoints */
@media (min-width: 600px) {
    .inner_jewellery_data h2 {
        padding-left: 0px;
    }
}

@media (min-width: 1300px) {
    .inner_jewellery_data h2 {
        padding-left: 0px;
    }
}

@media (max-width: 575.98px) {
    #filteroption {
        display: none !important;
    }
}

@media (min-width: 1680px) {
    .inner_jewellery_data h2 {
        padding-left: 40px;
    }
}

.jewellery_item_datas {
    background: #fff;
    padding: 0px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.prct_content_infos {
    align-items: flex-end;
    gap: 20px;
    padding: 13.45px 23.71px 24.22px;
}

.prct_content_infos h3 {
    line-height: 15px;
}

.prct_content_infos h3 a {
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: "neue-haas-grotesk-text", sans-serif !important;
    color: #373b3c !important;
    margin: 0 !important;
    text-decoration: none !important;
}

.prct_content_infos h3 a:hover {
    color: #000;
}

.pricing_datas {
    font-size: 16px;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 700;
}

.see_more_btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 40px;
}

.see_more_btn a {
    color: #a2a2a2;
    font-size: 16px;
    text-decoration: none;
    display: flex;
    gap: 16px;
    align-items: center;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 700;
}

.latest_jewellery_slides .owl-stage-outer {
    overflow: visible !important;
    /* Make right side visible */
}

.latest_jewellery_slides .pricing_datas {
    padding-right: 5px;
    padding-left: 5px;
}

.latest_jewellery_slides .pricing_datas.p-extra {
    padding-right: 9px;
    padding-left: 9px;
}

.banner_content_datas {
    position: relative;
}

.banner_content_parts {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    left: 50%;
    max-width: 1920px;
    transform: translateX(-50%);
    padding: 45px 5% 113.6px;
}

.inner_conts_parts {
    max-width: 434px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.top_banner_heads h1 {
    color: #fff;
    font-size: 47.14px;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: bold;
    margin-bottom: 6px;
}

.top_banner_heads p {
    font-size: 23.61px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}

.price_items {
    font-size: 14px;
    color: #fff;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: bold;
    margin-bottom: 18px;
}

.bottom_banner_foots p {
    font-size: 16px;
    color: #fff;
    margin: 0;
    line-height: 20px;
}

.banner_carousel_datas {
    margin-top: 0px;
}

section.home_banner {
    position: relative;
}

.custom-dots.banner_dots {
    background-color: rgba(0, 0, 0, 0.33);
    backdrop-filter: blur(4px);
}

.home_banner .custom_owl_navigation {
    width: 100%;
    max-width: 1920px;
    padding: 0px 5%;
    margin: 0 auto;
    left: 0;
    bottom: 30px;
}

.home_banner .custom_owl_navigation .custom-nav {
    border: none;
    padding: 0;
}

.inner_faq_data .accordion .accordion-header {
    border: none;
}

.inner_faq_data .accordion .accordion-header button.accordion-button {
    border: none;
    color: #373b3c;
    font-size: 14px;
    border-radius: 0px;
    padding: 0px 0px;
    outline: none;
    background: none;
    box-shadow: none;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: normal;
}

.inner_faq_data .accordion .accordion-item {
    border: none;
    border-radius: 0px;
    background: #f3f5f6;
    /* padding: 19px 20px!important; */
}

.inner_faq_data .accordion .accordion-item button {
    padding: 19px 20px !important;
}

.inner_faq_data .accordion .accordion-item:not(:last-child) {
    margin-bottom: 0px;
}

.inner_faq_data .accordion .accordion-item:nth-child(2n) {
    background: #fff;
}

.inner_faq_data .accordion .accordion-header button.accordion-button::after {
    content: "";
    transform: rotate(-90deg);
    width: 15px;
    height: 15px;
    background-size: contain;
    transition: all 0.5s ease-in-out 0s;
}

.accordion-body p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
}

.accordion-body b {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.accordion-collapse {
    transition: height 0.35s ease;
}

.accordion-collapse.collapsing {
    transition: height 0.35s ease;
}

.accordion-button {
    transition: all 0.3s ease;
}

.inner_faq_data .accordion .accordion-item .accordion-body {
    /* padding: 10px 0 0 0; */
    padding: 0px 20px 19px 20px;
}

.inner_faq_data
    .accordion
    .accordion-header
    button.accordion-button[aria-expanded="true"]::after {
    transform: rotate(0deg);
}

.inner_faq_data h2 {
    margin-bottom: 30px;
}

.faq_data_secs {
    padding-bottom: 45px;
}

.faq_data_secs .accordion-collapse {
    transition: height 0.35s ease !important;
}

.faq_data_secs .accordion-collapse.collapsing {
    transition: height 0.35s ease !important;
}

.faq_data_secs .accordion-button {
    transition: all 0.3s ease;
}

.collection_secs {
    padding: 45px 0px;
}

.coll_items_data ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.coll_items_data ul li a {
    font-size: 16px;
    color: #373b3c;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
}

.coll_items_data ul li {
    width: calc(100% / 7);
}

.coll_items_data ul li:not(:last-child) {
    margin-bottom: 0.6em;
}

.inner_collections_data h2 {
    margin-bottom: 30px;
}

.coll_items_data ul li a:hover {
    color: #84b6ce;
}

.coll_lists {
    display: flex;
    justify-content: space-between;
}

.main_category_secs {
    background: #f3f5f6;
    padding: 70px 0px;
}

.inner_category_data {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.footer_copyright {
    margin-top: 0px;
}

.collection_img {
    overflow: hidden;
}

.collection_img img {
    width: 100%;
    transition: all 0.5s ease-in-out 0s;
    transform: scale(1);
    /* height: 326px; */
    height: 100%;
    object-fit: cover;
}

.category_list_cols:hover .collection_img img {
    transform: scale(1.1);
}

.category_list_cols {
    background: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.collection_contents {
    padding: 30px 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.collection_contents h3 {
    font-size: 14px;
    color: #373b3c;
}

.collection_contents h3 a {
    color: #373b3c;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.5s ease-in-out 0s;
}

.collection_contents h3 a:hover {
    color: #84b6ce;
}

.collection_contents h3 a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.collection_contents p {
    margin: 0;
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    /*  line-height: 19px;*/
}

.top_short_banner {
    padding: 0px 0px 15px;
}

.breadcrumbs ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.breadcrumbs ul li {
    font-size: 12px;
    color: #373b3c;
    font-family: "neue-haas-grotesk-text", sans-serif !important;
}

.breadcrumbs ul li a {
    color: #373b3c;
    text-decoration: none;
    font-family: "neue-haas-grotesk-text", sans-serif !important;
    transition: all 0.5s ease-in-out 0s;
}

.breadcrumbs ul li a:hover {
    color: #84b6ce;
}

.title_banner h1 {
    font-size: 21px;
    color: #373b3c;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 500;
    margin-bottom: 0;
}

.title_banner p {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
}

.breadcrumbs {
    /* margin-top: 30px;
  margin-bottom: 30px;*/
    display: inline-block;
    width: 100%;
    margin-bottom: 45px;
}

.jump_brands {
    display: flex;
    justify-content: flex-end;
}

.jump_brands a {
    color: #373b3c;
    font-size: 14px;
    transition: all 0.5s ease-in-out 0s;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0%;
    text-decoration: none;
}

.jump_brands a:hover {
    color: #84b6ce;
}

.jump_brands a.dropdown-toggle {
    background: unset !important;
    border: none;
    padding: 0;
    color: rgb(55 59 60 / 66%);
    outline: none;
}

.jump_brands a.dropdown-toggle::after {
    content: "";
    background: url("../images/dropdown_arrow.svg") no-repeat;
    width: 10px;
    height: 8px;
    border: none;
    vertical-align: middle;
    margin-left: 5px;
    background-size: cover;
}

.jump_brands .dropdown .dropdown-menu a.dropdown-item {
    font-size: 13px;
    background: unset !important;
}

.top_product_select {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.dropdown.filter_cols a.dropdown-toggle {
    background: rgb(235 235 235 / 50%) !important;
    border: none;
    color: #373b3c;
    font-size: 14px;
    padding: 8px 14px;
    border-radius: 8px;
    font-weight: 400;
}

.dropdown.filter_cols a.dropdown-toggle::after {
    content: "";
    background: url("../images/dropdown_arrow.svg") no-repeat;
    width: 9px;
    height: 7px;
    border: none;
    vertical-align: middle;
    margin-left: 5px;
    background-size: cover;
}

.dropdown.filter_cols .dropdown-menu a.dropdown-item {
    font-size: 12px;
    background: unset !important;
    color: rgb(55 59 60 / 66%);
}

.latest_jewellery_slides.owl-carousel .owl-stage {
    display: flex;
}

.latest_jewellery_slides.owl-carousel .owl-stage .item {
    height: 100%;
}

.product_collection_lists {
    margin: 35px 0px 45px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 15px;
}

.details_slider .product_collection_lists {
    column-gap: 5px;
}

.product_collection_lists .product_items_data .product_collection_image,
.latest_jewellery_slides .jewellery_item_datas .inn_prdct_img {
    height: 346px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}

.latest_jewellery_slides .jewellery_item_datas .inn_prdct_img {
    height: 426px;
}

.latest_jewellery_slides .jewellery_item_datas .inn_prdct_img.pcard-carousel-wrap > a {
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.product_collection_lists .product_items_data .product_collection_image img,
.latest_jewellery_slides .jewellery_item_datas .inn_prdct_img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.latest_jewellery_slides .jewellery_item_datas .prct_content_infos {
    margin-top: 0px;
    padding-top: 15px;
    padding-bottom: 0px;
}

.latest_jewellery_slides .jewellery_item_datas .prct_content_infos.d-flex {
    padding-bottom: 24px;
    margin-top: auto;
    justify-content: space-between;
    align-items: flex-end;
}
.latest_jewellery_slides .jewellery_item_datas .prct_content_infos .pricing_datas {
    line-height: 1;
}

.product_collection_contents {
    padding: 15px 30px 0px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product_collection_contents h3 {
    font-size: 14px;
    color: #373b3c;
    text-decoration: none;
    line-height: 1.65;
}

.product_collection_contents h3 a {
    text-decoration: none;
    color: #373b3c;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
    font-size: 14px;
}

.product_collection_contents h3 a:hover {
    color: #84b6ce;
}

.price_value {
    font-size: 14px;
    color: #373b3c;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 700;
}

.price_value span {
    display: block;
    font-size: 14px;
    color: rgb(55 59 60 / 66%);
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: normal;
}

.product_collection_image img {
    width: 100%;
    transform-origin: center;
    transform: scale(1);
    transition: transform 0.45s ease;
}

.product_collection_image:hover img {
    transform: scale(1.05);
}

.product_items_data {
    position: relative;
}

.product_collection_contents h3 a::before {
    content: "";
    /*  position: absolute;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.order_success_secs {
    background: url("../images/order_success_bg.png");
    width: 100%;
    padding: 140px 0px;
    background-size: cover;
    background-position: center;
    height: 720px;
}

.booking_success_secs {
    /* background: url("../images/booking_success_bg.jpg") !important; */
    width: 100%;
    padding: 140px 0px;
    background-size: 100% !important;
    background-position: center;
    height: 720px;
}

.desktop-d-none {
    display: none !important;
}

.iframe-adjust iframe {
    width: 387px !important;
    height: 327px !important;
}

.iframe-adjust .watched_book_repairs {
    justify-content: start !important;
}

.iframe-adjust .end-area {
    width: 392px !important;
}

.iframe-adjust .schedule_heading {
    font-weight: 500;
}

.iframe-adjust .watched_book_repairs {
    margin-top: 15px !important;
}

.iframe-adjust .watched_book_repairs a {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.thank_you_message {
    background: rgb(255 255 255 / 90%);
    padding: 15px;
    border-radius: 9px;
    text-align: center;
    backdrop-filter: blur(15.300000190734863px);
}

.thank_you_message h1 {
    font-size: 46px;
    color: #373b3c;
    line-height: 141%;
    margin: 15px 0px 5px;
}

.thank_you_message h5.order_nums {
    font-size: 18px;
    color: #373b3c;
    margin: 0;
}

.inner_success_data {
    max-width: 660px;
    margin: 0 auto;
}

.confirmation_message {
    background: rgb(255 255 255 / 85%);
    padding: 15px;
    border-radius: 9px;
    display: flex;
    gap: 15px;
    font-size: 14px;
    color: #373b3c;
    align-items: center;
    backdrop-filter: blur(15.300000190734863px);
}

.confirmation_message a {
    color: #373b3c;
}

.main_confirmation_messages {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 10px;
}

.confirmation_message .img-icon {
    width: 22px;
    flex: 0 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bottom_support_datas {
    padding: 45px 0px 100px;
}

.right_404_data.contact_support_infos {
    max-width: 393px;
}

.order_calcelled_secs .inner_success_data {
    max-width: 460px;
}

.order_calcelled_secs .inner_success_data .thank_you_message {
    padding: 15px;
}

.trustpilot-section {
    width: 60%;
    display: block;
    padding: 30px 0 0;
    margin-top: 50px;
}

.order_calcelled_secs .inner_success_data .thank_you_message h1 {
    line-height: 130%;
    margin-bottom: 15px;
}

.main_blog_data_sec {
    padding: 30px 0px;
}

.main_blog_data_sec .heading_data {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 23px;
}

.heading_data h1 {
    font-size: 21px;
    color: #373b3c;
    font-weight: 500;
}

.heading_data p {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
    margin: 0;
}

.heading_data {
    margin-bottom: 25px;
}

.blog_lists_data {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.owl-stage {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.home_topcategory {
    width: 100%;
    display: block;
    margin-top: -30px;
}

.home_topcategory .sectiontitle {
    width: 100%;
    padding: 30px 10%;
    background: #f3f5f6;
}

.home_topcategory .sectiontitle a {
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 500;
    font-size: 18px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
    text-decoration: none;
}

.blog_img img {
    width: 100%;
}

.blog_conts {
    padding: 30px 30.5px 36px 30.5px;
}

.blog_conts > a {
    font-weight: 400;
    font-size: 14px;
    display: inline-flex;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none;
    color: #373b3c;
    margin-top: 15px;
    flex-direction: column;
    align-items: flex-start;
}

/* Removed after effect from Read More links
.blog_conts > a:after {
  content: "";
  width: 8px;
  height: 1px;
  background: #373b3c;
  display: inline-flex;
}
*/

.blog_conts h3 {
    font-size: 14px;
    margin-bottom: 15px;
}

.blog_lists_data {
    row-gap: 23px;
}

.blog_conts h3 a {
    color: #373b3c;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
}

.blog_conts h3 a:hover {
    color: #84b6ce;
}

.blog_items {
    position: relative;
}

.blog_conts h3 a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.blog_conts p {
    margin: 0;
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
}

.main_blog_data_sec .blog_navigation {
    margin-top: 15px;
    margin-bottom: 0px;
}

.booking-success-header {
    display: block;
    padding: 30px 0;
}

.booking-success-header h1 {
    margin: 0px;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #373b3c;
}

.booking-here {
    padding-bottom: 0px !important;
}

.booking-here .faq_conts_data p {
    font-size: 14px;
}

.booking-here .faq_conts_data h3 {
    font-size: 14px;
    font-weight: 500;
}

.booking-here .week_times {
    justify-content: space-between;
}

.booking-here .open_now_data {
    padding: 15px 0;
}

.booking-here .schedule_heading {
    margin-top: 15px;
    margin-bottom: 7px;
    font-size: 14px;
}

.booking-here .watched_book_repairs {
    margin-bottom: 30px;
}

.blog_navigation .custom-nav {
    border: none;
    padding: 0;
}

.blog_dots {
    display: flex;
    align-items: center;
    background: #00000054;
    padding: 5px 10px;
    border-radius: 20px;
    font-weight: 400;
    color: #fff;
    width: 50px;
    height: 28px;
    justify-content: center;
    backdrop-filter: blur(4px);
}

.blog_dots span {
    font-size: 14px;
}

.main_services_secs {
    margin-bottom: 45px;
}

.service_top_head {
    padding: 30px 0;
}

.service_top_head .heading_data {
    margin: 0px 0px 0px 0px;
    display: inline-flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.service_details_banner {
    background: url("../images/service_detail_banner.png");
    padding: 30px 0 75px 0px;
    height: 614px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*.service_top_head .breadcrumbs*/
.service_details_banner .breadcrumbs {
    padding: 0px 0px 30px;
    color: #fff;
    margin: 0px;
}

.service_details_banner .upper_service_details_data {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/*.service_top_head .breadcrumbs ul li a,
.service_top_head .breadcrumbs ul li,*/
.service_details_banner .breadcrumbs ul li a,
.service_details_banner .breadcrumbs ul li {
    color: #fff;
}

.inner_service_details {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    height: 100%;
    justify-content: space-between;
}

.repair_btn {
    background: #373b3c;
    width: max-content;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    padding: 13px 60px;
    font-weight: bold;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
    max-width: 393px;
    text-align: center;
}

.left_cleanings_data {
    display: inline-block;
    max-width: 632px;
}

/*.repair_btn:hover {
  background: #fff;
  color: #373B3C;
}
*/
.repair_btn:hover {
    background: #000;
    color: #fff;
}

.upper_service_details_data h1 {
    font-size: 48px;
    color: #fff;
}

.upper_service_details_data p {
    margin: 0;
    font-size: 23px;
    color: #fff;
}

.service_details_banner .container {
    height: 100%;
}

.srvice_details_conts_datas {
    padding: 60px 0px;
}

.inner_how_works_lists {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.unlock_how_works .inner_how_works_lists {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

@media (min-width: 426px) {
    .unlock_how_works .inner_how_works_lists {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.question_answers_opens {
    padding: 28.5px 20px;
    background: #fff;
    display: flex;
    gap: 15px;
    align-items: center;
}

.question_answers_opens.border-rounded:first-child {
    border-top-left-radius: 15px;
}

.question_answers_opens.border-rounded:last-child {
    border-bottom-right-radius: 15px;
}

.faq_numbers {
    width: 20px;
    height: 20px;
    border: 0.6px solid #ababab;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #7f7f7f;
}

.faq_conts_data h3 {
    font-size: 16px;
    color: #373b3c;
}

.faq_conts_data p {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
    margin: 0;
    max-width: 70%;
    line-height: 120%;
}

.faq_conts_data {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.jewellery_cleaning_datas .left_cleanings_data h2 {
    margin-bottom: 10px;
}

.question_answers_opens:nth-child(3n-2) {
    background: #f8f8f8;
}

.col-2n .question_answers_opens:nth-child(2n-1) {
    background: #f8f8f8;
}

.jewellery_cleaning_datas {
    margin: 45px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.right_cleaning_data {
    display: flex;
    justify-content: flex-end;
}

.left_cleanings_data p {
    color: rgb(55 59 60 / 66%);
    margin: 0;
    font-size: 16px;
    /*  max-width: 70%;*/
}

.cleaning_images {
    display: flex;
    margin: 30px 0px 15px;
    gap: 30px;
}

.cleaning_images img:last-child {
    max-width: 227px;
}

.visit_us a {
    font-size: 16px;
    color: #373b3c;
    transition: all 0.5s ease-in-out 0s;
}

.visit_us a:hover {
    color: #84b6ce;
}

.service_details_faqs {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
}

.open_now_data h2 {
    color: #28591e;
}

.color-inherit h2 {
    color: #373b3c;
}

.faq_left_maps iframe {
    border-radius: 10px;
    margin: 13px 0px 30px;
    overflow: hidden;
}

.open_now_data {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.week_times {
    display: flex;
    gap: 30px;
}

.week_times p {
    margin: 0;
    font-size: 16px;
}

.service_faqs_right.inner_faq_data {
    /* margin-top: 48.5px; */
}

.how_it_works_datas {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.book_repair_data {
    padding-top: 45px;
    margin-bottom: 15px;
}

.repair_banner_contents {
    /*  margin-top: 45px;*/
    max-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.repair_banner_contents h1 {
    font-size: 48px;
    color: #373b3c;
}

.repair_banner_contents p {
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-size: 16px;
    margin: 0px;
    font-weight: 400;
    color: #373b3ca8;
    font-style: normal;
    line-height: 100%;
}

.repair_watch_form .submit_data {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

.book_repair_data img {
    width: 100%;
}

.repair_watch_bottom_conts {
    position: relative;
    background: linear-gradient(to top, #f3f5f6 120px, #fff 120px);
}

.repair_watch_img {
    max-width: 606px;
    margin: 0 auto;
    display: flex;
}

.repair_watch_form {
    max-width: 606px;
    margin: 45px auto 60px;
}

.service-form-heading {
    margin-top: 45px;
    margin-bottom: 45px;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
}

.form-group label {
    font-size: 16px;
    color: #373b3c;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}

.form-group label span {
    color: #373b3ca8;
}

.form-group label astrick {
    color: #e55468;
}

.form-group .form-control {
    height: 60px;
    width: 100%;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    outline: none;
    padding: 20px 20px;
    font-size: 15px;
    color: #373b3c;
    box-shadow: none;
}

.form-group {
    margin-bottom: 15px;
}

.submit_data .btn.btn-primary {
    background: #373b3c;
    font-size: 16px;
    color: #fff;
    border-radius: 0px;
    width: 100%;
    padding: 12px;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: bold;
    transition: all 0.5s ease-in-out 0s;
    border: none;
}

.submit_data .btn.btn-primary:hover {
    background: #84b6ce;
}

.repair_watch_img img {
    max-width: 100%;
    margin: 0 auto;
}

.submit_data {
    /*  margin-top: 30px;*/
}

.repair_watch_form .form-group select.form-control {
    background: url("../images/select_down_arrow.png");
    background-repeat: no-repeat;
    background-position: 97% 50%;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.upload-btn-wrapper .btn {
    border: none;
    color: #373b3c;
    background-color: #ebeded;
    padding: 13px 20px;
    border-radius: 0px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    cursor: pointer;
}

.upload-btn-wrapper input[type="file"] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.main_contact_datas {
    padding: 30px 0px 45px;
}

.contact_data {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact_data p,
.contact_data p a,
.contact_data ul li {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
    text-decoration: none;
    margin: 0;
}

.day_time {
    display: flex;
    gap: 40px;
}

.day_time ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.day_time ul li {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
}

.contact_message_form h3,
.address_datas h3 {
    font-size: 16px;
    color: #373b3c;
}

.address_datas p {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
}

.contact_map_address {
    width: 100%;
    overflow: hidden;
}

.contact_map_address iframe {
    border-radius: 10px;
    max-width: 100%;
    width: 100%;
    display: block;
}

.contact_data:not(:last-child) {
    margin-bottom: 40px;
}

.contact_data h3 {
    font-size: 14px;
    color: #373b3c;
}

.contact_submit_btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}

.contact_submit_btn button.btn.btn-primary {
    background: #373b3c;
    font-size: 16px;
    color: #fff;
    border-radius: 0px;
    padding: 12px 50px;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: bold;
    transition: all 0.5s ease-in-out 0s;
    border: none;
}

.form-group textarea.form-control {
    height: 170px;
}

.form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgb(55 59 60 / 33%);
}

.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: rgb(55 59 60 / 33%);
}

.form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: rgb(55 59 60 / 33%);
}

.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: rgb(55 59 60 / 33%);
}

.main_blog_details_datas {
    padding: 0px 0px;
}

.inner_main_headings h1 {
    font-size: 48px;
    color: #373b3c;
    margin-bottom: 5px;
}

.inner_main_headings {
    max-width: 75%;
}

.inner_main_headings p.date_time {
    font-size: 23px;
    color: rgb(55 59 60 / 66%);
    margin: 0;
    text-transform: uppercase;
}

.main_blog_imgs img {
    width: 100%;
}

.main_blog_imgs {
    margin: 30px 0px 0px;
}

.inner_blog_contents p {
    font-size: 16px;
    margin-bottom: 20px;
}

.inner_blog_contents h2 {
    margin-bottom: 15px;
}

.inner_blog_contents {
    padding-bottom: 30px;
}

.inner_blog_contents h3 {
    font-size: 16px;
    margin-bottom: 15px;
}

.inner_blog_contents img {
    margin-bottom: 20px;
    max-width: 100%;
}

.inner_blog_contents ul li {
    font-size: 16px;
}

.inner_blog_contents ul li:not(:last-child) {
    margin-bottom: 6px;
}

.main_faq_page {
    padding: 30px 0px;
}

.faqs_headings {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.faqs_headings h1 {
    font-size: 21px;
    font-weight: 500;
}

.faqs_headings p {
    color: rgb(55 59 60 / 66%);
    font-size: 16px;
    margin: 0;
}

.faq_categories_datas ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    border-bottom: 1px solid #f3f5f6;
    gap: 5px;
}

.subcategories_datas {
    margin: 15px 0px;
}

.faq_categories_datas ul li a {
    background: #f3f5f6;
    color: rgb(55 59 60 / 66%);
    font-size: 14px;
    text-decoration: none;
    padding: 8px 17px;
    border-radius: 8px 8px 0px 0px;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 500;
}

.faq_categories_datas ul li {
    display: flex;
}

.faq_categories_datas ul li.active a {
    color: #373b3c;
}

.faqs_headings {
    margin-bottom: 15px;
}

.main_faq_page_accordion {
    margin-bottom: 15px;
}

.inner_blog_contents a {
    color: #373b3c;
    transition: all 0.5s ease-in-out 0s;
}

.inner_blog_contents a:hover {
    color: #84b6ce;
}

/*------------------- Product page styling ---------------------*/
.product-main {
    padding-top: 15px;
}

.product-main .breadcrumbs {
    margin-bottom: 37px;
}

.latest_jewellery_secs.shop-in-stock {
    background: transparent;
    padding-bottom: 45px;
}

.shop-in-stock h2 {
    margin-bottom: 15px;
}

.shop-in-stock .prct_content_infos h3 {
    font-size: 14px;
    text-decoration: none;
}

.shop-in-stock .pricing_datas {
    font-size: 14px;
}

.shop-in-stock .prct_content_infos {
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.shop-in-stock .prct_content_infos h6 {
    margin-top: -10px;
    margin-bottom: 0;
    width: 100%;
    font-weight: 400;
    font-size: 10px;
    color: #373b3ca8;
}

.product-main-inner .col-lg-4 {
    width: 37%;
}

.product-main-inner .col-lg-7 {
    width: 55%;
}

.product-catagory {
    font-weight: 400;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    margin-bottom: 5px;
    font-family: "neue-haas-grotesk-text", sans-serif;
}

.product-catagory span {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #373b3c80;
}

.product-name {
    margin-bottom: 20px;
    width: 70%;
}

.product-details .product-price {
    font-weight: 400;
    font-size: 18px;
    margin: 0px 0 30px;
    display: flex;
    width: 100%;
    align-items: center;
    gap: 15px;
}

.product-details .product-price .divider-line {
    height: 1px;
    width: 100%;
    background: #e7e7e7;
}

.product-details .product-price .price-icon {
    display: inline-flex;
    align-items: center;
    gap: 15px;
}

.product-details .product-price .price-icon a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.product-description p {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #373b3ca8;
}

.product-description h5 {
    color: #373b3c;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
}

.product-description {
    margin-block: 40px;
}

.product-details-buttons {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.product-details-buttons .btn,
.product-details-buttons form,
.product-details-buttons .quantity-wrapper,
.product-details-buttons .quantity-error-msg,
.checkout-payment-details .btn.btn-primary.btn-lg {
    width: 100%;
}

.product-details-buttons form .btn {
    width: 100%;
}

.product-details-buttons .btn,
.checkout-payment-details .btn.btn-primary.btn-lg {
    background: #373b3c;
    border-radius: 0;
    border: none;
    height: 50px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}

.product-details-buttons a.btn {
    background-color: #ebeded;
}

.product-details-buttons .btn:active {
    background: #373b3c;
}

.product-details-buttons > * {
    margin-bottom: 10px;
}

.product-details-buttons > *:last-child {
    margin-bottom: 0;
}

.btn.finance-cart-btn {
    background: #5926b8 !important;
    color: #fff !important;
}

.btn.gpay-cart-btn {
    background: #000 !important;
}

.btn.call-the-shop-btn {
    background: #ebeded !important;
    color: #373b3c !important;
}

.product-tabs button.btn-primary {
    font-weight: 400;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    width: 100%;
    background: transparent !important;
    border: none;
    color: #000000 !important;
    text-align: left;
    border-top: 1px solid #e7e7e7 !important;
    border-radius: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.product-tabs .trustpilot-widget {
    padding-top: 30px;
    border-top: 1px solid #e7e7e7 !important;
}

.plus-minus {
    display: flex;
    width: 60px;
    height: 60px;
    border-left: 1px solid #e7e7e7;
    align-items: center;

    justify-content: center;
}

.plus-minus:after {
    color: #cbcbcb;
    content: "+";
    font-size: 20px;
    display: inline-block;
    font-family: auto;
}

.offcanvas {
    box-shadow: 0px 4px 15px 0px #00000020;
    padding: 50px 70px !important;
    width: 480px !important;
    border: none !important;
}

.flex-offcanvas {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    overscroll-behavior-y: contain;
}

.flex-offcanvas .offcanvas-header {
    position: absolute;
    right: 0;
    top: 80px;
    z-index: 999;
}

.flex-offcanvas .offcanvas-body {
    position: relative;
    width: 333px !important;
    padding: 0 !important;
    z-index: 20;
    overflow: scroll;
}

.flex-offcanvas .offcanvas-body .offcanvas-inner {
    margin-top: 130px;
}

.offcanvas-backdrop {
    display: none;
}

.offcanvas-body {
    margin-top: 20px;
    padding: 0px 76px 80px 0px;
}

.offcanvas-inner p {
    font-size: 16px;
    font-family: "neue-haas-grotesk-text", sans-serif;
}

.offcanvas-inner h2 {
    font-weight: 700;
    font-style: Bold;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    font-family: "neue-haas-grotesk-text", sans-serif;
}

/*#offcanvasRight1 .offcanvas-body {
  margin-top: 0px;
}*/

#offcanvasRight1 .offcanvas-body h2 {
    margin-bottom: 15px;
    font-weight: 700;
    margin-right: 36px;
}

.limited-lifetime-warranty {
    color: #373b3c;
    display: flex;
    flex: 1;
    align-items: center;
}

.offcanvas-inner {
    display: flex;
    flex-direction: column;
    font-family: "neue-haas-grotesk-text", sans-serif;
}

.offcanvas-inner ul {
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid #e7e7e7;
}

.offcanvas-inner ul li {
    padding-block: 20px;
    border-bottom: 1px solid #e7e7e7;
    display: flex;
    align-items: center;
    gap: 30px;
}

.offcanvas-inner ul li span {
    font-weight: 500;
    font-size: 14px;
    width: 60px;
    color: #000000;
}

.offcanvas-inner ul li p {
    margin: 0;
    color: #000;
    font-size: 16px;
}

/*----------Product page slider----------*/

.gallery-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 38px;
}

.gallery-main {
    /*  width: calc(100% - 130px);*/
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    /* height: 545px; */
    height: 512px;
}

.gallery-main .swiper-wrapper,
.gallery-main .swiper-slide {
    height: 484px;
}

.gallery-main .swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.slider-arrowscustom {
    margin-top: 16px;
}

.swiper-slide {
    cursor: pointer;
}

.swiper-slide-count {
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
}

.gallery-main .swiper-button-prev,
.gallery-main .swiper-button-next {
    position: unset;
    color: #000;
    margin: 0px 8px 0;
    height: auto;
}

.gallery-main .swiper-button-prev::after,
.gallery-main .swiper-button-next::after {
    font-size: 14px;
}

.gallery-title {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 16px;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    color: #ffffff;
    display: none;
}

.swiper-slide-active .gallery-title {
    -webkit-animation: slide-in 0.3s ease-in both;
    animation: slide-in 0.3s ease-in both;
}

.gallery-thumbs {
    order: -1;
    width: 93px;
    height: 484px;
    overflow: hidden;
    flex: 0 0 93px;
}

.gallery-thumbs .swiper-slide img {
    transition: 0.3s;
    height: 93px;
}

.gallery-thumbs .swiper-slide-active {
    opacity: 0.9;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

@-webkit-keyframes slide-in {
    from {
        opacity: 0;
        right: -50%;
    }
}

@keyframes slide-in {
    from {
        opacity: 0;
        right: -50%;
    }
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-main-inner {
    justify-content: space-between;
}

.swiper-vertical > .swiper-wrapper .swiper-slide {
    padding-bottom: 5px;
}

/*----------my-bag-popup----------*/
.my-bag-popup .modal-header {
    padding: 30px 20px;
    border: none;

    border-radius: 20px 20px 0 0;
}

.my-bag-popup .modal-title {
    font-size: 16px;
    font-weight: 700;
}

.cta-modal .modal-sub-title {
    font-size: 14px;
    margin-top: 10px;
}

.my-bag-popup .modal-footer {
    padding: 30px 20px;
    border: none;
}

.my-bag-popup .product-details-buttons {
    margin: 0;
    width: 100%;
}

.my-bag-popup .product-details-buttons .btn:not(:last-child) {
    margin-bottom: 15px;
}

.my-bag-popup .modal-body {
    padding: 0 20px;
}

.my-bag-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.my-bag-item .inn_prdct_img {
    width: 100%;
    max-width: 50%;
}

@media (max-width: 767.98px) {
    .my-bag-item .inn_prdct_img {
        width: 100%;
        margin-right: 2%;
        max-width: 48%;
    }
}

.my-bag-item .inn_prdct_img img {
    width: 100%;
}

.my-bag-item .prct_content_infos h3,
.my-bag-item .pricing_datas {
    font-size: 16px;
}

.my-bag-item .product-description {
    margin: 10px 0 15px;
}

.my-bag-item .product-description * {
    color: #373b3ca8;
    font-size: 14px;
    font-weight: 400;
    font-family: "neue-haas-grotesk-text", sans-serif;
}

.pricing_datas + h6 {
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0 0;
    font-family: "neue-haas-grotesk-text", sans-serif;
}

.my-bag-item + .my-bag-item {
    margin-top: 20px;
}

.my-bag-popup .modal-content {
    border-radius: 20px 20px 0 0;
    border: none;
    background: rgb(255 255 255 / 95%);
    backdrop-filter: blur(8px);
}

.my-bag-popup.show ~ .modal-backdrop {
    display: none;
}

.my-bag-popup .prct_content_infos {
    flex: 1;
    margin-left: 2%;
}

.my-bag-popup .modal-dialog {
    max-width: 400px;
    margin: 0 70px 0 auto;
    align-items: flex-end;
    min-height: 100%;
}

/*----------Checkout-popup----------*/
.checkout-popup .modal-dialog {
    max-width: 1212px;
}

/* Embedded popup - don't extend beyond page */
.checkout-popup .modal-content {
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.checkout-main {
    padding: 20px 18px;
    border-radius: 8px;
    gap: 20px;
    display: flex;
    justify-content: space-between;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* Left column with sticky button */
.checkout-pop-left {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.checkout-left-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.checkout-form-scrollable {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
    margin-right: -10px;
}

.checkout-button-sticky {
    position: sticky;
    bottom: 0;
    background: transparent;
    padding-top: 0;
    margin-top: 42px;
    border-top: none;
    z-index: 10;
    flex-shrink: 0;
}

/* Restore original Complete Payment button styling */
.checkout-button-sticky .btn.btn-primary.btn-lg {
    background: #373b3c;
    width: 100%;
    border-radius: 0;
    border: none;
    height: 50px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-top: 0;
}

.checkout-button-sticky .btn.btn-primary.btn-lg:hover {
    background: #000;
}

/* Right column with scrollable product list */
.checkout-pop-right {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Multi-product layout - ensure proper spacing */
.checkout-pop-right.checkbox-new-right {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Images stay fixed, product list scrolls */
.checkout-pop-right .checkout-img,
.checkout-pop-right .checkout-img-line-strip {
    flex-shrink: 0;
}

.checkout-pop-right .checkout-img-line-strip {
    margin: 20px 0;
}

.checkout-product-list-scrollable {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
}

/* Custom scrollbar styling */
.checkout-form-scrollable::-webkit-scrollbar,
.checkout-product-list-scrollable::-webkit-scrollbar {
    width: 6px;
}

.checkout-form-scrollable::-webkit-scrollbar-track,
.checkout-product-list-scrollable::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.checkout-form-scrollable::-webkit-scrollbar-thumb,
.checkout-product-list-scrollable::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.checkout-form-scrollable::-webkit-scrollbar-thumb:hover,
.checkout-product-list-scrollable::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Single product layout adjustments */
.checkout-pop-right:not(.checkbox-new-right) {
    display: flex;
    flex-direction: column;
}

.checkout-pop-right:not(.checkbox-new-right) .checkout-img {
    flex-shrink: 0;
}

.checkout-pop-right:not(.checkbox-new-right) .checkout-pop-img-text {
    flex-shrink: 0;
}

.finance-modal .checkout-payment-details {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 20px;
}

.finance-modal form {
    display: flex;
    flex-direction: column;
    height: 624px;
    gap: 5px;
    margin-top: 0px !important;
}

.finance-modal .checkout-pop-right {
    height: 624px;
}

.finance-modal form .modal-middle-finace {
    margin: auto 0;
    display: flex;
    flex-direction: column;
}

.finance-modal form .modal-middle-finace p {
    font-weight: 400;
    font-size: 12px;
    line-height: 142%;
    letter-spacing: 0%;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 25px;
}

.finance-modal form .modal-middle-finace .logo-brand {
    width: 110px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

.checkout-pop-right img {
    border-radius: 8px;
    width: 100%;
    object-fit: cover;
}

/* Single product layout - image can take full height */
.checkout-pop-right:not(.checkbox-new-right) img {
    height: 100%;
}

/* Multi-product layout - smaller image height so product list is visible */
.checkout-pop-right.checkbox-new-right img {
    height: 300px;
    flex-shrink: 0;
    object-fit: cover;
}

.checkout-pop-img-text {
    background: #fff;
    padding: 15px 25px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    border-radius: 8px;
}

.checkout-pop-img-text h3 {
    font-size: 21px;
    margin-bottom: 5px;
}

.checkout-pop-img-btm-text h4 {
    color: #84b6ce;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
}

.checkout-tags {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: end;
    gap: 5px;
}

.checkout-pop-img-btm-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.checkout-tags li {
    font-size: 16px;
    background: #f8f8f8;
    border-radius: 10px;
    padding: 8px 15px;
    line-height: normal;
    font-family: "neue-haas-grotesk-text", sans-serif;
}

.checkout-popup button.btn-close {
    position: absolute;
    right: -50px;
    top: 0;
    background-color: #ffffff;
    opacity: 1;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: none;
}

.checkout-pop-left .modal-title {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}

.checkout-payment-details {
    padding: 57px 38px 15px;
}

.checkout-payment-details p {
    font-size: 12px;
    font-weight: 400;
    font-style: regular;
    color: #000000cc;
    font-family: "neue-haas-grotesk-text", sans-serif;
}

.checkout-payment-details form {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}

.checkout-payment-details form .form-label {
    color: #000000a8;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: "neue-haas-grotesk-text", sans-serif;
}

form .form-control,
form .form-select {
    font-size: 14px;
    color: #000;
    padding: 10px;
    line-height: normal;
    font-family: "neue-haas-grotesk-text", sans-serif;
    border: 1px solid #ececec;
    height: 40px;
}

.checkout-payment-details .row > * {
    margin-top: 15px;
}

.shipping-address {
    display: flex;
    align-items: end;
    gap: 5px;
    margin-bottom: 5px;
}

.checkout-payment-details .btn.btn-primary.btn-lg {
    margin-top: 42px;
    font-weight: 400;
}

.shipping-address button.btn.btn-primary {
    background: #ebeded;
    border: none;
    height: 40px;
    font-size: 14px;
    text-align: center;
    color: #373b3c;
    width: 120px;
    border-radius: 4px;
}

.form-check:not(:last-child) {
    margin-bottom: 15px;
}

.form-check:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    border: 1px solid #ececec;
    left: 0;
    border-radius: 4px;
    top: 2px;
    background: #fff;
}

.form-check:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    left: 4px;
    border-radius: 2px;
    top: 6.1px;
    background-color: #000;
    transition: all 0.3s;
    opacity: 0;
}

.form-check:has(:checked):after {
    opacity: 1;
}

.form-check {
    position: relative;
    padding-left: 31px;
    cursor: pointer;
}

.form-check input {
    opacity: 0;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.form-check-label {
    font-size: 14px;
    color: #000000;
    cursor: pointer;
}

.form-check-label a {
    color: #000000;
}

.shipping-address input#address {
    flex: 1;
}

.shipping-address button.btn.btn-primary:hover {
    background: #373b3c;
    color: #fff;
}

.checkout-payment-details .btn.btn-primary.btn-lg:hover {
    background: #000;
}

.checkout-popup h2 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
    font-family: "neue-haas-grotesk-text", sans-serif;
}

.checkbox-new-right img {
    height: 475px;
    object-fit: cover;
}

.checkout-popup .modal-content {
    background: #f4f4f4;
    border: 0px;
    backdrop-filter: blur(8px);
}

.checkout-img-list {
    margin: 0;
    padding: 15px 25px;
    background: #fff;
    border-radius: 8px;
    list-style: none;
}

.checkout-img-list li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f3f3f3;
    padding: 10px 0;
}

.checkout-img-list h3 {
    font-size: 18px;
    color: #373b3c;
    margin: 0;
    max-width: 67%;
}

.checkout-img-list a {
    text-decoration: none;
}

.checkbox-price-right {
    text-align: right;
    flex: 1;
}

.checkout-img-list li:before {
    background: #eeeeee;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    margin-right: 20px;
    transition: all 0.3s;
}

.checkout-img-list li:hover:before {
    background: #5a3e67;
}

.checkout-img-line-strip {
    margin-block: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.checkout-img-line-strip span {
    height: 4px;
    flex: 1px;
    background: #eeeeee;
}

.checkout-img-list .pricing_datas {
    font-size: 16px;
    font-weight: 600;
    color: #373b3c;
}

.checkout-img-list h6,
.checkout-img-list h6 a {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.checkout-img-list h6 a:hover {
    color: #000;
}

.checkout-popup-second button.btn.btn-primary {
    background: #373b3c;
    color: #fff;
    padding: 0px;
    border-radius: 0px;
}

.checkout-popup-second button.btn.btn-primary:hover {
    background: #000;
}

.preference_heading {
    margin: 12px 0px 18px;
}

.pre-owned_watches {
    background: #ebeded;
    min-height: 100%;
    padding: 20px 50px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    gap: 30px;
}

.top_pre_owned p {
    font-size: 14px;
    color: rgb(55 59 60 / 66%);
    margin-top: 5px;
}

.pre-owned_watches a {
    font-size: 14px;
    color: #373b3c;
    transition: all 0.5s ease-in-out 0s;
}

.pre-owned_watches a:hover {
    color: #84b6ce;
}

.prdct_grid_img_conts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    height: 100%;
}

.prdct_grid_img_conts .pre_owned_img {
    width: 100%;
}

.prdct_grid_img_conts .pre_owned_img img {
    width: 100%;
    height: 100%;
}

.product_items_data.prdct_img_grid {
    grid-column-start: 3;
    grid-column-end: 5;
}

.main_repair_btn {
    display: flex;
    margin-top: 45px;
    position: relative;
    z-index: 1;
    max-width: 60%;
}

.unlock_repair_secs {
    margin-top: -120px;
    margin-bottom: 45px;
}

.unlock_repair_secs::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 90px;
    background: #f3f5f6;
    z-index: -1;
}

.lamna_money_clients {
    /*  margin: 45px 0px 60px;*/
    margin-bottom: 60px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    align-items: flex-start;
}

.lamna_clients p {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
    margin: 0;
}

.lamna_clients {
    max-width: 60%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
}

.experienced_trusted {
    background-image: url("../images/experience_trusted.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 12px;
    padding: 21px 20px;
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.top_experience ul {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.top_experience ul li {
    font-size: 16px;
    color: #373b3c;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 500;
}

.experience_lists {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.experience_lists li {
    font-size: 16px;
    color: #373b3c;
    position: relative;
    padding-left: 20px;
}

.experience_lists li::before {
    content: "";
    background: #00acec;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
}

.unlock_how_works .faq_conts_data h3 {
    margin: 0;
}

.unlock_how_works .question_answers_opens {
    padding: 15px 20px;
    background: transparent;
    border-radius: 8px;
}

.unlock_how_works .question_answers_opens:nth-child(odd) {
    background: #f8f8f8;
    padding: 15px 20px;
    border-radius: 0;
    width: fit-content;
    max-width: 100%;
}

.unlock_how_works .question_answers_opens:nth-child(even) {
    background: transparent;
    padding: 15px 20px;
}

.watched_jewellery_secs_data {
    background: #f3f5f6;
    padding: 45px 0px;
    margin: 45px 0px;
}

.inner_watch_jewellery_cards {
    max-width: 896px;
    margin: 0 auto;
    display: grid;
    gap: 45px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.jewellery_cards_data img {
    width: 100%;
}

.unlock_watch_content {
    background: #fff;
    padding: 28px 20px 30px;
}

.unlock_watch_content h3 {
    font-size: 14px;
    color: #373b3c;
}

.unlock_watch_content p {
    margin: 0;
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
}

.watched_book_repairs {
    display: flex;
    justify-content: center;
    margin: 45px 0px;
}

.unlock_faq_datas {
    margin-bottom: 30px;
}

.product_collection_image {
    position: relative;
    overflow: hidden;
}

.quick_view_data a {
    background: rgb(0 0 0 / 33%);
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 100px;
}

.quick_view_data {
    position: absolute;
    bottom: -50px;
    left: 15px;
    display: flex;
    z-index: 9;
    transition: all 0.5s ease-in-out 0s;
}

.product_collection_image:hover .quick_view_data {
    bottom: 15px;
    display: inline-block !important;
}

img.hover-image {
    position: absolute;
    width: auto !important;
    min-width: 100%;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.product_collection_image:hover img.hover-image {
    opacity: 1;
    transform: scale(1.05);
    transition: all 0.5s ease-in-out;
}

/* ── Per-card image carousel ─────────────────────────────────────────── */
.pcard-carousel-wrap {
    position: relative;
    overflow: visible;
}
.pcard-slides {
    position: relative;
    overflow: hidden;
    display: block;
    touch-action: pan-y; /* allow vertical scroll, hand horizontal to JS */
}
.pcard-track {
    display: flex;
    transition: transform 0.38s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
    touch-action: pan-y;
}
.pcard-slide {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
}
.pcard-slide.pcard-hidden {
    display: none !important;
}
/* <a> inside carousel wrap acts as the arrow positioning context */
.pcard-carousel-wrap > a {
    position: relative;
    display: block;
}

/* Prev / Next arrows — uses same SVG as site-wide custom nav */
.pcard-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 20;
    opacity: 0;
    transition: opacity 0.2s ease;
}
.pcard-arrow img {
    display: block;
    width: 26px;
    height: 27px;
    pointer-events: none;
}
.pcard-arrow.pcard-prev {
    left: 8px;
    border: none;
}
.pcard-arrow.pcard-next {
    right: 8px;
    border: none;
}
.pcard-carousel-wrap:hover .pcard-arrow {
    opacity: 1;
    border: none;
}

/* Dot indicators — sit below the image, not overlapping it */
.pcard-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 6px 0 2px;
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}
.pcard-carousel-wrap:hover .pcard-dots {
    opacity: 1;
}
.pcard-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: background 0.2s;
    pointer-events: auto;
    flex-shrink: 0;
    display: inline-block;
}
.pcard-dot.active {
    background: #373b3c;
}

/* Quick-view dots stay on top of the image (absolute) */
#productQuickView .pcard-dots {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 8px;
    background: rgba(0, 0, 0, 0.33);
    border-radius: 20px;
    white-space: nowrap;
    pointer-events: none;
    z-index: 20;
}
#productQuickView .pcard-dot {
    background: rgba(255, 255, 255, 0.55);
}
#productQuickView .pcard-dot.active {
    background: #fff;
}

/* Quick-view carousel: arrows show on hover, slightly larger */
#productQuickView .pcard-carousel-wrap:hover .pcard-arrow {
    opacity: 1;
}
#productQuickView .pcard-arrow img {
    width: 32px;
    height: 33px;
}
#productQuickView .pcard-arrow.pcard-prev {
    left: 6px;
    border: none;
}
#productQuickView .pcard-arrow.pcard-next {
    right: 6px;
    border: none;
}

/* Disable hover scale/transform on multi-image carousel products */
.inn_prdct_img.pcard-carousel-wrap:hover a img,
.inn_prdct_img_jewellery_home.pcard-carousel-wrap:hover img,
.pcard-carousel-wrap:hover .pcard-slide {
    transform: none !important;
}

/* Mobile: hide carousel arrows and dots everywhere — use swipe instead */
@media (max-width: 767.98px) {
    .pcard-carousel-wrap .pcard-arrow,
    .pcard-carousel-wrap .pcard-dots {
        display: none !important;
    }
}

/* ── Quick View offcanvas — mobile stability fixes ─────────────────────
   Multiple root causes fixed here:
   1. Offcanvas width 480px is wider than mobile screens — override to 100%
   2. .detailinfo .offcanvas-header is position:fixed to viewport — causes
      header to detach visually when iOS elastic scroll moves the viewport
   3. .detailinfo .offcanvas-body has overflow:visible — no scroll container,
      touch events fall through to the page and trigger page bounce
   4. No overscroll-behavior — scroll chains from offcanvas to page (iOS bounce)
   5. margin-top:85px on body + fixed header at top:62px = misaligned on mobile
   ─────────────────────────────────────────────────────────────────────── */
@media (max-width: 767.98px) {
    /* Full-width; the offcanvas element itself is the scroll container */
    #productQuickView.offcanvas {
        width: 100% !important;
        padding: 0 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: contain;
    }

    /* Unpin from viewport — sticky inside the offcanvas scroll context */
    #productQuickView .offcanvas-header {
        position: sticky !important;
        top: 0 !important;
        right: auto !important;
        background: #fff;
        z-index: 10;
        padding: 12px 16px;
        border-bottom: 1px solid #f0f0f0;
    }

    /* Body: no horizontal padding — let image go edge-to-edge */
    #productQuickView .offcanvas-body {
        margin-top: 0 !important;
        padding: 0 0 40px !important;
        overflow: visible !important;
        height: auto !important;
    }

    /* Row: reset Bootstrap g-4 negative margins */
    #productQuickView .offcanvas-inner {
        flex-direction: column !important;
        gap: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* All columns: full width, strip Bootstrap gutter padding */
    #productQuickView .offcanvas-inner > [class*="col-"] {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Image container: full-bleed, square — maximum use of screen width */
    #productQuickView .prdct_quick_img {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        min-height: 0 !important;
    }

    /* Image: no max-width cap, fills the full container */
    #productQuickView .quick-view-img {
        width: 100% !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    /* Text section: restore horizontal padding */
    #productQuickView .quick_view_prdct_conts {
        padding: 20px 20px 0 !important;
    }
}
/* ─────────────────────────────────────────────────────────────────────── */

.quick_view_prdct_conts p {
    font-size: 14px;
}

.with_box_data a {
    background: #f4f4f4;
    color: #373b3c;
    font-size: 14px;
    text-decoration: none;
    padding: 8px 14px;
}

.with_box_data {
    display: flex;
    gap: 15px;
}

.quick_view_prdct_conts .product-price {
    margin: 25px 0px 15px;
}

.main_desktop_menu {
    background: #f5f7f7;
    padding: 50px 0px;
    position: absolute;
    top: 122px;
    z-index: 2;
    width: 100%;
    border-top: 1px solid #e1e1e1;
    backdrop-filter: blur(8px);
}

.inner_megamenu {
    display: grid;
    gap: 45px;
    grid-template-columns: 160px 160px 1fr;
}

.thumbnail_menu_lists {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 15px;
    align-items: start;
    grid-auto-rows: min-content;
}

.card_menu_datas {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.card_menu_image_wrapper {
    display: block;
    overflow: hidden;
    border-radius: 8px;
    /* height: 299px; */
    width: 100%;
    margin: 0;
    padding: 0;
}

.card_menu_datas img {
    width: 100%;
    border-radius: 8px;
    height: 299px;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    display: block;
    margin: 0;
}

@media (min-width: 992px) {
    /* Header mega-menu category cards: use 16:9 on desktop to distinguish from square upsells */
    .card_menu_image_wrapper {
        aspect-ratio: 16 / 9;
        display: block;
    }

    .card_menu_datas img {
        width: 100%;
        height: 90%;
        object-fit: cover;
        display: block;
    }
}
@media (max-width: 375px) {
    .visit-btn {
        margin-top: 50px !important;
    }
}

.card_menu_image_wrapper:hover img {
    transform: scale(1.1);
}

.jcat img {
    height: 158px;
}

.jcat h3 {
    margin: 10px 0;
    font-size: 16px;
}

.jcat h3 a {
    color: #373b3c;
    text-decoration: none;
}

.watchbrand-list {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 15px;
    margin-top: 57px;
}

.watchbrand-list p {
    margin: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #a8a8a8;
}

.watchbrand-list ul {
    display: grid;
    padding: 0px;
    margin: 0px;
    list-style: none;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.watchbrand-list ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000000;
    text-decoration: none;
}

.watchbrand-listmobile {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 0px;
    margin-top: 0px;
}

.watchbrand-listmobile p {
    margin: 0px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #a8a8a8;
    padding: 20px;
}

.watchbrand-listmobile ul {
    display: grid;
    padding: 0px;
    margin: 0px;
    list-style: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0px;
}

.watchbrand-listmobile ul li {
    border-bottom: 1px solid #e7e7e7;
}

.watchbrand-listmobile ul li:nth-child(2n + 1) {
    border-right: 1px solid #e7e7e7;
}

.watchbrand-listmobile ul li:nth-child(1),
.watchbrand-listmobile ul li:nth-child(2) {
    border-top: 1px solid #e7e7e7;
}

.watchbrand-listmobile ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000000;
    text-decoration: none;
    width: 100%;
    padding: 20px;
    display: flex;
}

.card_menu_datas h2 {
    font-size: 14px;
    margin: 8px 0px 0px;
}

.card_menu_datas h2 a {
    color: #373b3c;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
}

.card_menu_datas p {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
    margin: 0;
}

.card_menu_datas h2 a:hover {
    color: #84b6ce;
}

.menus ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.menus ul li a {
    color: #373b3c;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    font-size: 16px;
}

.menus ul li:not(:last-child) {
    margin-bottom: 8px;
}

.menu_lists ul li a {
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 500;
    color: #373b3c;
    font-size: 18px;
}

.submenu_lists ul li a {
    font-weight: 400;
}

.menu_lists ul li.active a,
.submenu_lists ul li.active a {
    color: #000000;
}

.menu_lists ul li:not(:last-child) {
    margin-bottom: 18px;
}

#main_desktop_menu {
    visibility: hidden;
    top: -1000vh;
    transition: none;
}

#main_desktop_menu.open {
    visibility: visible;
    top: 95px;
    transition: none;
    max-height: calc(100vh - 130px);
    overflow: auto;
}

.menu_close {
    cursor: pointer;
    font-weight: 500;
}

.menu_close img {
    height: 16px;
    width: 16px;
}

.header_icons {
    display: none;
}

.mobile_logo {
    display: none;
}

.home_banner_mobile_content {
    display: none;
}

.inner_mobile_content_banner {
    padding: 20px 0px 15px;
    font-weight: 400;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3ca8;
}

.mobilemenu-card .jcat img {
    height: 221px;
    border-radius: 0px;
}

.mobilemenu-card .jcat h3 {
    margin: 15px 0px 5px;
    padding: 0px 20px;
    color: #373b3c;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}

.mobilemenu-card .jcat p {
    padding: 0px 20px 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #373b3ca8;
}

.top_banner_data ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
}

.top_banner_data ul li {
    font-size: 14px;
    color: rgb(55 59 60 / 66%);
}

.cheapest_data a {
    background: #f3f5f6;
    border-radius: 8px;
    padding: 10px 20px;
    color: #373b3c;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cheapest_data {
    display: flex;
    margin: 15px 0px;
}

.available_prices {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.uk_price {
    color: #373b3c;
    font-size: 14px;
    font-weight: bold;
}

.available_prices a {
    color: #373b3c;
    font-size: 14px;
}

.mobile_service_banner_content {
    display: none;
}

.desktop-only {
    display: block;
}

body.menu-open {
    overflow: hidden;
}

.mobile_search {
    display: none;
    padding: 30px 20px 0;
    align-items: center;
}

.mobile_search.active {
    display: flex;
}

.mobile_search img {
    height: 16px;
    width: 16px;
}

.mobile_search input {
    outline: none;
    box-shadow: none;
    width: 100%;
    border: 0px;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    padding: 0px 16px;
    color: #3c3c3c;
    font-family: "neue-haas-grotesk-text", sans-serif;
}

.mobile_search input:placeholder {
    color: #3c3c3c80;
    font-family: "neue-haas-grotesk-text", sans-serif;
}

.mobile_search button {
    border: 0px;
    background: none;
    font-weight: 400;
    font-size: 16px;
    outline: none;
    box-shadow: none;
    /*line-height: 100%;*/
    line-height: normal;
    color: #222222;
    font-family: "neue-haas-grotesk-text", sans-serif;
}

.mobile_menu_data.active nav.slide-out-menu {
    transform: translateZ(0);
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s, visibility 0ms,
        transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.mobile_menu_data nav.navbar {
    padding: 10px;
}

nav.slide-out-menu {
    z-index: 9000;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100vw;
    max-width: 100vw;
    opacity: 0;
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding-bottom: env(safe-area-inset-bottom, 20px);
    transition: opacity 0.2s, visibility 0ms linear 0.2s,
        transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transform: translate3d(-290px, 0, 0);
}

nav.slide-out-menu div.menu-panels {
    overflow: hidden;
    height: 100%;
}

nav.slide-out-menu div.menu-panels button.menu-link,
.filter-panels .primary-menu-panel button.menu-link,
.filter-panels .menu-panel button.menu-link {
    position: relative;
    text-align: left;
    width: 100%;
    display: block;
    padding: 0px 0px 0px 20px;
    background: transparent;
    margin: 0;
    border: none;
    height: 60px;
    color: #222222;
    -webkit-text-fill-color: #222222;
}

nav.slide-out-menu div.menu-panels button.menu-link svg {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    height: 14px;
}

.menu-panels {
    border-top: 1px solid #e7e7e7;
}

span.menu_arrow {
    position: absolute;
    right: 0;
    width: 60px;
    border-left: 1px solid #e7e7e7;
    height: 60px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.menu_arrow_down {
    position: absolute;
    right: 0;
    width: 60px;
    border-left: 1px solid #e7e7e7;
    height: 60px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.menu_arrow_down img {
    position: relative;
    transform: rotate(-90deg);
}

nav.slide-out-menu div.menu-panels button.menu-link svg.arrow-right,
.filter-panels .menu-panel button.menu-link svg.arrow-right {
    right: 10px;
}

nav.slide-out-menu div.menu-panels button.menu-link svg.arrow-left,
.filter-panels .menu-panel button.menu-link svg.arrow-left {
    left: 10px;
}

nav.slide-out-menu div.menu-panels button.menu-link.menu-header,
.filter-panels .menu-panel button.menu-link.menu-header {
    text-align: left;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding-right: 80px;
}

.bottom_mobile_policy_menus {
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.bottom_mobile_policy_menus a {
    color: #373b3c;
    text-decoration: none;
    font-size: 13px;
    margin-top: 8px;
    transition: all 0.5s ease-in-out 0s;
}

.bottom_mobile_policy_menus a:hover {
    color: #84b6ce;
}

.primary-menu-panel {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

span.left_top_menu {
    position: absolute;
    left: 0;
    width: 60px;
    border-right: 1px solid #e7e7e7;
    height: 60px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

nav.slide-out-menu div.menu-panels ul,
.filter-panels .primary-menu-panel ul,
.filter-panels .menu-panel ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav.slide-out-menu div.menu-panels ul li,
.filter-panels .primary-menu-panel ul li,
.filter-panels .menu-panel ul li {
    font-size: 16px;
    border-bottom: 1px solid #e7e7e7;
}

nav.slide-out-menu div.menu-panels ul li a,
.filter-panels .primary-menu-panel ul li a,
.filter-panels .menu-panel ul li a {
    width: 100%;
    display: block;
    padding: 14px 20px;
    color: #373b3c;
    text-decoration: none;
}

nav.slide-out-menu div.menu-panel {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    z-index: 0;
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    visibility: hidden;
    transform: translateX(-290px);
}

nav.slide-out-menu div.menu-panel.is-active {
    visibility: visible;
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s;
    transform: translateX(0);
    z-index: 1;
}

.mobile_menu_close img {
    width: 18px;
}

/* ===== Mobile accordion menu ===== */
.mobile-primary-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #e7e7e7;
}

.mobile-menu-item {
    border-bottom: 1px solid #e7e7e7;
}

.mobile-menu-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-menu-row .mobile-menu-link {
    flex: 1;
    display: block;
    padding: 16px 20px;
    font-size: 16px;
    color: #222222;
    text-decoration: none;
    font-family: "neue-haas-grotesk-text", sans-serif;
}

.mobile-menu-toggle {
    flex-shrink: 0;
    width: 56px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-left: 1px solid #e7e7e7;
    cursor: pointer;
    padding: 0;
    transition: background 0.2s;
}

.mobile-menu-toggle img {
    width: 10px;
    height: auto;
    transition: transform 0.3s ease;
}

.mobile-menu-item.is-open > .mobile-menu-row .mobile-menu-toggle img {
    transform: rotate(90deg);
}

.mobile-submenu {
    list-style: none;
    margin: 0;
    padding: 0;
    background: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.mobile-menu-item.is-open > .mobile-submenu {
    max-height: 9999px;
}

.mobile-submenu li {
    border-top: 1px solid #e7e7e7;
}

.mobile-submenu li a {
    display: block;
    padding: 13px 20px 13px 28px;
    font-size: 16px;
    color: #373b3c;
    text-decoration: none;
}

.mobile-submenu li a:hover {
    color: #7d3efb;
}
/* ===== End mobile accordion menu ===== */

.product-main-inner {
    justify-content: space-between;
    display: flex;
    gap: 30px;
    /* padding: 0 49.5px; */
}

.product-details {
    /* width: 435px;
    flex: 0 0 435px; */
    flex: 1 1 50%;
    width: 50%;
    /* padding-right: 72px;
    padding-left: 72px; */
    /* flex: 0 0 45%; */
    display: flex;
    justify-content: center;
    /* flex-direction: column; */
}

.product-details .inner {
    max-width: 435px;
}

.product-slider {
    flex: 1 1 50%;
    width: 50%;
    display: flex;
    overflow: hidden;
}

.main_faq_page_accordion .accordion .accordion-item:not(:last-child) {
    margin-bottom: 0;
}

.main_faq_page_accordion
    .accordion
    .accordion-item:nth-child(2n)
    button.accordion-button {
    background: #fff;
}

.offcanvas-header {
    padding: 15px 70px 15px 15px;
}

.btn-close:focus {
    outline: none !important;
    box-shadow: none;
}

/* ---------------------Faq-tabs--------------------------------*/
.faq_tabs_main .nav-pills .nav-link {
    background: #f3f5f6;
    color: rgb(55 59 60 / 66%);
    font-size: 14px;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 8px 8px 0px 0px;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 400;
}

.faq_tabs_main .nav-pills {
    list-style-type: none;
    padding: 0;
    margin: 0 0px 15px;
    display: flex;
    border-bottom: 1px solid #f3f5f6;
    gap: 5px;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
}

.faq_tabs_main .nav-pills .nav-link.active,
.faq_tabs_main .nav-pills .nav-link:hover {
    color: #373b3c;
}

.faq_tabs_main {
    margin-bottom: 15px;
}

.faq_tabs_main .nav-pills::-webkit-scrollbar {
    height: 5px;
    border-radius: 50px;
}

.faq_tabs_main .nav-pills::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 50px;
}

.faq_tabs_main .nav-pills::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
    border-radius: 50px;
}

.tab-pane {
    font-size: 14px;
}

.range-container {
    width: 393px;
    padding: 20px 20px 10px;
    background: rgb(245 245 245);
    border-radius: 0px 8px 8px 8px;
    text-align: center;
    position: relative;
    margin-top: 13px;
}

.range-labels {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: rgb(55 59 60 / 66%);
    margin-top: 10px;
}

.slider-container {
    position: relative;
    width: 100%;
}

.range-slider {
    -webkit-appearance: none;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #373b3c;
    border-radius: 5px;
    outline: none;
    left: 0;
    pointer-events: none;
    top: 0;
}

.range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 11px;
    height: 11px;
    background: #373b3c;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
}

.range_updates {
    display: flex;
    justify-content: flex-end;
}

.update-btn {
    margin-top: 15px;
    color: #373b3c;
    border: none;
    background: none !important;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: bold;
    padding: 0;
    transition: all 0.5s ease-in-out 0s;
}

.update-btn:hover {
    color: #84b6ce;
}

.dropdown-menu.range_dropdown_mwnu {
    border: none;
    padding: 0;
    background: unset;
}

/* ── Desktop filter bar (above results, horizontal scroll) ──────── */
.dsk-filter-bar-section {
    overflow: visible;
}

@media (max-width: 767px) {
    .dsk-filter-bar-section {
        display: none !important;
    }
}

.dsk-active-filters-row {
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 8px;
}

.dsk-filter-btn-row {
    overflow-x: auto;
    flex-wrap: nowrap !important;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 0;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.dsk-filter-btn-row::-webkit-scrollbar {
    display: none;
}

.dsk-filter-btn-row .filter_cols {
    flex-shrink: 0;
}
/* ─────────────────────────────────────────────────────────────── */

/* ── Desktop price filter redesign ─────────────────────────────── */
.dsk-price-dropdown {
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-top: 15px !important;
    min-width: 260px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Text inputs row */
.dsk-price-text-input {
    flex: 1;
    border: 1px solid #c8c8c8;
    border-radius: 6px;
    padding: 6px 10px;
    font-size: 13px;
    color: #373b3c;
    outline: none;
    width: 0;
    min-width: 0;
    -moz-appearance: textfield;
}
.dsk-price-text-input::-webkit-outer-spin-button,
.dsk-price-text-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.dsk-price-text-input:focus {
    border-color: #373b3c;
}
.dsk-price-sep {
    color: #373b3c;
    font-size: 14px;
    flex-shrink: 0;
}

/* Multi-range slider container */
.dsk-multi-range-slider {
    position: relative;
    height: 36px;
    margin: 8px 0 4px;
    display: flex;
    align-items: center;
}

/* Track wrapper */
.dsk-slider-track-wrapper {
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
}
.dsk-slider-track {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #d0d0d0;
    border-radius: 1px;
    z-index: 1;
}
.dsk-slider-progress {
    position: absolute;
    height: 2px;
    background: #373b3c;
    border-radius: 1px;
    z-index: 2;
    left: 0%;
    right: 0%;
}

/* Range inputs stacked */
.dsk-range-slider {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    pointer-events: none;
    z-index: 3;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    outline: none;
}
.dsk-range-slider::-webkit-slider-runnable-track {
    height: 2px;
    background: transparent;
}
.dsk-range-slider::-moz-range-track {
    height: 2px;
    background: transparent;
}
.dsk-range-slider::-webkit-slider-thumb {
    pointer-events: auto;
    -webkit-appearance: none;
    appearance: none;
    height: 18px;
    width: 18px;
    background: #373b3c;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transform: translateY(-50%);
    transition: background 0.15s;
}
.dsk-range-slider::-webkit-slider-thumb:hover {
    background: #000;
    transform: translateY(-50%) scale(1.1);
}
.dsk-range-slider::-moz-range-thumb {
    pointer-events: auto;
    height: 18px;
    width: 18px;
    background: #373b3c;
    border-radius: 50%;
    border: none;
    cursor: pointer;
}

/* Labels below slider */
.dsk-price-label-val {
    font-size: 12px;
    color: #373b3c;
}

/* Cancel / Update buttons */
.dsk-price-btn {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0;
    font-size: 13px;
    color: #373b3c;
    text-decoration: underline;
    cursor: pointer;
    font-family: inherit;
    transition: color 0.15s;
    font-weight: 600;
}
.dsk-price-btn:hover,
.dsk-price-btn:focus,
.dsk-price-btn:active {
    color: #000;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
/* ─────────────────────────────────────────────────────────────── */

.dropdown.filter_cols a.dropdown-toggle.show::before {
    content: "";
    background: rgb(245 245 245);
    height: 15px;
    width: 100%;
    position: absolute;
    bottom: -15px;
    left: 0;
}

.dropdown.filter_cols a.dropdown-toggle.show {
    border-radius: 8px 8px 0px 0px;
}

.metal_contents {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.metal_cols a {
    color: #000;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}

.metal_cols {
    text-align: left;
}

.metal_cols a:not(:last-child) {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}

.metal_cols a:hover {
    color: #84b6ce;
}

.range_updates.update_cancel_btn {
    justify-content: space-between;
}

.range-container.metal-containers {
    width: 491px;
}

.banner_featured_img {
    display: flex;
    align-items: center;
    max-height: 720px;
}

::-webkit-scrollbar {
    display: none;
}

.single-page-content {
    display: flex;
    width: 100%;
    padding: 30px 0px 97px;
    flex-direction: column;
    gap: 30px;
}

.single-page-content h2 {
    font-weight: 700;
    font-size: 47.14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    margin: 0px 0px 6px;
    color: #373b3c;
}

.single-page-content h4 {
    font-weight: 400;
    font-size: 23.61px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3ca8;
    text-transform: uppercase;
}

.content-spacing {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.content-spacing {
    gap: 15px;
}

.content-spacing img,
.content-spacing h5 {
    margin: 15px 0;
}

.content-spacing p strong {
    display: inline-block;
    margin-top: 15px;
}

.content-spacing * {
    margin: 0px;
}

.content-spacing h5 {
    font-weight: 500;
    font-size: 18px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
    line-height: normal;
}

.content-spacing p {
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    line-height: normal;
    color: #373b3c;
}

.content-spacing p a {
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    color: #373b3c;
    line-height: normal;
    text-decoration-thickness: 0%;
}

.content-spacing p strong {
    font-weight: 500;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
    line-height: normal;
}

.content-spacing ul li {
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
    line-height: normal;
}

.content-spacing ul li strong {
    font-weight: 500;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
}

.seaction_page_heading {
    padding: 30px 0;
    display: block;
    width: 100%;
}

.seaction_page_heading h2 {
    font-weight: 700;
    font-size: 47.14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    margin: 0px 0px 30px;
    color: #373b3c;
}

.seaction_page_heading h4 {
    font-weight: 400;
    font-size: 23px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
    text-transform: uppercase;
}

.seactionbanner {
    display: flex;
    min-height: 614px;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.seactionbanner p {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0;
    color: #ffffff;
    margin-bottom: 10px;
}

.seactionbanner p:last-child {
    margin-bottom: 0px;
}

.serivce-repaire-banner {
    display: block;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
    height: 405px;
}

.serivce-repaire-banner .breadcrumbs {
    margin-bottom: 0px;
    padding-top: 30px;
}

.repair_watch_form .form-group .input-group {
    flex-wrap: nowrap;
}

.modal-content.repair_watch_form .form-group .input-group .input-group-text {
    border-right: 0px;
    border-left: 1px solid var(--bs-border-color);
    background: #fff;
}

.repair_watch_form .form-group .input-group .input-group-text {
    background: none;
    border-left: 0;
    padding: 0px 20px;
}

.modal-content.repair_watch_form .form-group .input-group .form-control {
    border-left: 0px;
    border-right: 1px solid var(--bs-border-color);
    padding-left: 0px;
    padding-right: 10px;
}

.repair_watch_form .form-group .input-group .form-control {
    border-right: 0px;
    padding-right: 0px;
}

.modal-content.repair_watch_form .form-group label {
    color: #000000a8;
    margin-bottom: 5px;
}

.cta-modal .modal-content .form-group .form-control {
    font-size: 16px;
}

.cta-modal .modal-content .form-group textarea.form-control {
    height: 80px;
}

.modal-content.repair_watch_form .form-group .custom-checkbox label {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.serivce-repaire-banner img {
    width: 100%;
}

.serivce-repaire-banner .container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
}

.serivce-repaire-banner .container .breadcrumbs li,
.serivce-repaire-banner .container .breadcrumbs li a {
    color: #fff;
}

.product_luxury {
    background: #f3f5f6;
}

.product_luxury h2 {
    margin-bottom: 15px;
}

.product_luxury p {
    color: #373b3ca8;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    margin: 0px;
}

.product_luxury ul {
    list-style: none;
    align-items: center;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 45px;
    margin-bottom: 45px;
}

.product_luxury ul li {
    display: inline-flex;
    gap: 45px;
    font-weight: 500;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    align-items: center;
}

.product_luxury ul li:not(:last-child):after {
    content: "";
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 6px;
}

.product_luxury ul li img {
    max-width: 67px;
}

.product_luxury .product_collection_lists {
    margin-top: 45px !important;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product_luxury
    .product_collection_lists
    .product_items_data
    .product_collection_image {
    height: 426px;
}

.product_luxury .product_collection_lists .product_items_data {
    background: #fff;
    display: flex;
    flex-direction: column;
}

.product_luxury .product_collection_lists .product_collection_contents {
    display: flex;
    align-items: end;
    gap: 10px;
    padding: 13.45px 23.45px 24.22px 23.71px;
    flex-direction: row;
    margin-top: auto;
}

.product_luxury .product_collection_lists .product_collection_contents h3 {
    margin: 0px;
    padding: 0px;
}

.product_luxury .product_collection_lists .product_collection_contents h3 a {
    font-size: 16px;
}

.product_luxury
    .product_collection_lists
    .product_collection_contents
    .price_value {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    font-weight: 700;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    text-align: right;
    color: #7d3cff;
    vertical-align: bottom;
}

.product_luxury
    .product_collection_lists
    .product_collection_contents
    .price_value
    span {
    font-weight: 700;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    text-align: right;
    vertical-align: bottom;
    white-space: nowrap;
    color: #7d3cff;
}

.service_payment {
    display: block;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 153px 0;
    position: relative;
    margin-bottom: 45px;
}

.service_payment img {
    display: none;
}

.py-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.service_payment:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.7;

    height: 100%;
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.service_payment h2 {
    position: relative;
    z-index: 1;
    font-weight: 500;
    font-size: 18px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #fff;
    margin: 0px 0 27px;
}

.service_payment p {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0;
    color: #fff;
    position: relative;
    z-index: 1;
    margin: 0px;
}

.radiobuttons {
    gap: 15px;
    align-items: center;
    justify-content: center;
}

.radiobuttons input {
    display: none;
}

.radiobuttons label {
    background: #f3f5f6;
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: 400;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
    cursor: pointer;
}

.radiobuttons input:checked + label {
    background: #000000;
    color: #fff;
    font-weight: bold;
    box-shadow: 0px 4px 15px 0px #00000020;
}

.repair_watch_form .form-group select.form-control option:first-child {
    opacity: 0.3;
}

.product-count {
    font-weight: 400;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
}

.title_banner .radiobuttons input:checked + label:after {
    content: "X";
    margin-left: 8px;
    font-weight: 600;
}

.filteroption {
    gap: 30px;
}

.inputcheck {
    display: inline-flex;
}

.inputcheck input {
    display: none;
}

.gx-30 {
    gap: 30px;
}

.btn-filter {
    border-radius: 8px;
    padding: 10px 20px;
    background: #ebebeb80;
    backdrop-filter: blur(4px);
    font-weight: 400;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
    border: 0px;
    text-decoration: none;
}

.btn-filter.active {
    background: #000;
    color: fff;
}

.btn-filter-active {
    background: #1a1a1a !important;
    color: #fff !important;
    border-color: #1a1a1a !important;
}

.btn-filter-active .badge {
    background: rgba(255,255,255,0.25) !important;
    color: #fff !important;
}

.btn-filter-active.dropdown-toggle::after {
    border-top-color: #fff !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
}

.btn-filter-clear-x {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    font-size: 16px;
    line-height: 1;
    opacity: 0.75;
    cursor: pointer;
    vertical-align: middle;
}

.btn-filter-clear-x:hover {
    opacity: 1;
}

.btn-filter-clear {
    flex-shrink: 0;
    border-radius: 8px;
    padding: 10px 16px;
    background: transparent;
    border: 1px solid #1a1a1a;
    font-weight: 500;
    font-size: 13px;
    line-height: normal;
    color: #1a1a1a;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s;
}

.btn-filter-clear:hover {
    background: #1a1a1a;
    color: #fff;
}

.inputcheck .checkboxinput {
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
    position: relative;
}

.inputcheck input[type="checkbox"] + .checkboxinput:before {
    content: "";
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    border-radius: 7px;
    box-shadow: 0px 0px 0px 1px #e7e7e7;
    display: inline-block;
    margin-right: 0px;
}

.inputcheck input[type="radio"] + .checkboxinput:before {
    content: "";
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    border-radius: 7px;
    box-shadow: 0px 0px 0px 1px #e7e7e7;
    display: inline-block;
    margin-right: 0px;
}

.inputcheck input:checked + .checkboxinput:before {
    background: #3a3a3a;
    border: 4px solid #fff;
    border-radius: 9px;
}

/*.inputcheck input:checked+.checkboxinput:after {
  content: '';
  border: 2px solid transparent;
  border-left-color: #fff;
  border-bottom-color: #fff;
  width: 14px;
  height: 7px;
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 4px;
  transform: rotate(-45deg);
}*/

.searchdesktop {
    display: flex;
    width: 290px;
    border-radius: 8px;
    border: 1px solid #e7e7e7;
    background: #ffffff;
    justify-content: space-between;
    align-items: center;
}

.searchdesktop input {
    border: none !important;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    box-shadow: none;
    outline: none;
    color: #3c3c3c;
    /* padding: 4px 10px; */
    background: transparent;
    width: 100%;
}

.searchdesktop input:placeholder {
    color: #3c3c3c80;
}

.searchdesktop button {
    color: #373b3c;
    background: transparent;
    font-weight: 500;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    padding: 10px;
    border: 0px;
    box-shadow: none;
    outline: none;
}

.accordion .search {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-bottom: 15px;
}

.accordion .search input {
    width: 100%;
    border: 0px;
    outline: none;
    box-shadow: none;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
    padding: 10px;
}

.accordion .search input:placeholder {
    color: #373b3ca8;
}

.book_repaire_form {
    width: 100%;
    padding: 0 0 45px 0;
    display: block;
}

.book_repaire_form .form-group {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.mb-30f {
    margin-bottom: 30px !important;
}

.book_repaire_form .form-group label .form-control {
    margin-top: 10px;
}

.book_repaire_form .form-group label {
    margin: 0px;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
    padding: 0px;
}

.book_repaire_form .form-group label.lable-mobile {
    font-size: 14px;
}

.newradio-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #e7e7e7;
}

.newradio-list input {
    display: none;
}

.newradio-list label {
    border-bottom: 1px solid #e7e7e7;
    display: flex;
    padding-left: 60px !important;
    position: relative;
    cursor: pointer;
}

.newradio-list label svg {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.newradio-list label svg:first-child {
    left: 22px;
}

.newradio-list label svg + svg {
    left: 29.5px;
}

.newradio-list label:last-child {
    border-bottom: 0px;
}

.newradio-list label span {
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
    font-family: "neue-haas-grotesk-text", sans-serif;
    padding: 20px 10px 20px 30px;
    display: inline-block;
    width: 100%;
    border-left: 1px solid #e7e7e7;
}

.newradio-list input:checked + label span {
    font-weight: 500;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
    font-family: "neue-haas-grotesk-text", sans-serif;
}

.newradio-list input:checked + label svg + svg {
    display: none;
}

.newradio-list input:checked + label svg path {
    stroke: #373b3c;
}

.book_repaire_form h3 {
    font-weight: 500;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3ca8;
    padding: 0px 20px 25px;
}

.book_repaire_form .btn-secondary {
    background: #ebeded;
    border-color: #ebeded;
    color: #373b3c;
    padding: 15px;
    border-radius: 8px;
}

.book_repaire_form .form-group a {
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    color: #373b3c;
    margin-top: 10px;
    display: inline-block;
}

.book_repaire_form .form-group .yellowtext {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
    color: #926a2e;
}

.productinfo {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
}

.productinfo .productinfo-image {
    display: flex;
    width: 50%;
    align-items: center;
    justify-content: center;
}

.productinfo .productinfo-image img {
    max-width: 100%;
}

.productinfo .productinfo-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 50%;
}

.productinfo .productinfo-content h2 {
    font-weight: 400;
    font-size: 21px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
    margin: 0px;
}

.productinfo .productinfo-content h2 span {
    font-weight: 700;
    font-size: 21px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
}

.productinfo .productinfo-content p {
    margin: 0px;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3ca8;
}

.book_repaire_form .form-group h4 {
    font-weight: 500;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
    margin: 0px 0px;
    padding: 0px;
}

.book_repaire_form .form-group ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: inline-flex;
    width: 100%;
    gap: 5px;
    flex-wrap: wrap;
}

.book_repaire_form .form-group ul li {
    display: inline-flex;
}

.book_repaire_form .form-group ul li a {
    display: inline-flex;
    gap: 20px;
    border-radius: 8px;
    padding: 15px;
    background: #f2f2f2c3;
    font-weight: 400;
    font-size: 16px;
    line-height: 142%;
    letter-spacing: 0;
    color: #000000;
    margin: 0px;
    text-decoration: none;
}

.book_repaire_form .form-group p {
    margin: 0px;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
}

.book_repaire_form .form-group .custom-checkbox input {
    display: none;
}

.book_repaire_form .form-group .custom-checkbox label {
    padding-top: 45px;
    padding-bottom: 45px;
    font-weight: 400;
    font-size: 16px;
    line-height: 142%;
    letter-spacing: 0;
    display: flex;
    align-items: center;
}

.book_repaire_form .form-group .custom-checkbox label a {
    text-decoration: underline;
    margin-top: 0;
    margin-left: 5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 142%;
    letter-spacing: 0;
}

.book_repaire_form
    .form-group
    .custom-checkbox
    input[type="checkbox"]
    + label:before {
    content: "";
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    border-radius: 6px;
    box-shadow: 0px 0px 0px 1px #e7e7e7;
    display: inline-block;
    margin-right: 10px;
}

.book_repaire_form
    .form-group
    .custom-checkbox
    input[type="radio"]
    + label:before {
    content: "";
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    border-radius: 8px;
    box-shadow: 0px 0px 0px 1px #e7e7e7;
    display: inline-block;
    margin-right: 10px;
}

.book_repaire_form .form-group .custom-checkbox input:checked + label:before {
    background: #3a3a3a;
    border: 4px solid #fff;
    border-radius: 8px;
}

.book_repaire_form .form-group table {
    width: 100%;
}

.book_repaire_form .form-group table th {
    font-weight: 700;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    padding: 7px 0;
    color: #373b3c;
}

.book_repaire_form .form-group table th span {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
    font-family: "neue-haas-grotesk-text", sans-serif;
    color: #373b3ca8;
}

.book_repaire_form .form-group table td {
    text-align: right;
    color: #373b3c;
    font-weight: 700;
    padding: 7px 0;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
}

.min-h-100 {
    min-height: 100%;
}

.detailinfo,
.aboutinfo {
    overflow: auto;
    padding-top: 0px;
}

.detailinfo.offcanvas {
    padding: 50px 70px 50px 20px !important;
}

.aboutinfo .offcanvas-header,
.detailinfo .offcanvas-header {
    position: fixed;
    right: 0px;
    top: 80px;
}

.aboutinfo .offcanvas-body,
.detailinfo .offcanvas-body {
    margin-top: 139px;
    padding-top: 0;
    overflow: visible;
}

.detailinfo .offcanvas-body {
    padding-left: 20px;
    padding-right: 70px;
}

.specification-heading {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 20px;
    color: #373b3c;
}

span.search_close img {
    width: 17px;
}

.latest_jewellery_secs.shop-in-stock.details_slider .inner_jewellery_data {
    overflow: hidden;
}

.mt-45 {
    margin-top: 45px;
}

.mb-45 {
    margin-bottom: 45px;
}

/******** Contact us ************/
.address_datas {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-left: 44px;
    padding-top: 45px;
    width: 100%;
}

.contact_message_form {
    padding-top: 45px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

/************** 404 ***************/

.main_404_errors_data {
    background: #f3f5f6;
    margin-bottom: 100px;
    padding: 212px 0px;
}

.inner_404_conts {
    max-width: 776px;
    display: flex;
    gap: 70px;
    margin: 0 auto;
}

.left_404_data h1 {
    font-size: 48px;
    color: #373b3c;
    margin-bottom: 10px;
}

.left_404_data h4 {
    font-size: 18px;
    color: #373b3c;
    margin: 0px 0px 5px;
}

.left_404_data {
    width: 305px;
    text-align: center;
}

.right_404_data {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}

.left_404_data p {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
    margin-bottom: 30px;
}

.right_404_data h5 {
    font-size: 14px;
    color: #373b3c;
    padding: 0px 20px;
}

.right_404_data p {
    font-size: 14px;
    color: rgb(55 59 60 / 66%);
    padding: 0px 20px;
}

.contact_404_info {
    background: #fff;
    padding: 20px;
    border: 1px solid #e7e7e7;
    transition: all 0.1s ease-in-out 0s;
}

.contact_404_info a {
    font-size: 16px;
    color: #373b3c;
    text-decoration: none;
    /* transition: all 0.3s ease; */
}

.contact_404_info:hover {
    background: #373b3c;
}

.contact_404_info:hover a {
    color: #fff !important;
}

.left_404_data p a {
    color: rgb(55 59 60 / 66%);
    transition: all 0.5s ease-in-out 0s;
}

.left_404_data p a:hover {
    color: #84b6ce;
}

.right_404_data .contact_404_info {
    margin-top: 10px;
}

.order_calcelled_secs .inner_success_data .thank_you_message {
    padding: 40px 25px;
}

.order_calcelled_secs .inner_success_data .thank_you_message img {
    width: 33px;
    height: 33px;
}

.service_top_head.servicepage-breadcrumb .breadcrumbs {
    margin-bottom: 30px;
}

.tdb-service-withoutbanner {
    padding-top: 30px;
}

.tdb-service-withoutbanner .breadcrumbs {
    margin-bottom: 30px;
}

.mt-15 {
    margin-top: 15px;
}

.categorybox a img {
    height: 532px;
    object-fit: cover;
}

.w-550 {
    max-width: 550px;
}

.title_banner {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 15px;
}

.title_banner .gap-2 {
    gap: 15px !important;
}

.prdct_grid_banner {
    margin-bottom: 6px;
}

.prdct_grid_banner img {
    height: 260px;
    width: 100%;
}

.productgrid {
    padding-top: 15px;
}

.productgrid .breadcrumbs {
    margin-bottom: 15px;
}

.productgrid-list {
    padding-bottom: 45px;
    display: flex;
    flex-direction: column;
}

.productgrid-list .product_collection_contents {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.productgrid .radiobuttons input:checked + label {
    font-weight: 400;
}

.productgrid-list .dropdown.filter_cols a.dropdown-toggle {
    font-weight: 400;
}

.productgrid-list .jump_brands a.dropdown-toggle {
    font-size: 14px;
}

/*.productgrid-list .inner_faq_data .accordion .accordion-header button.accordion-button::after {
  background-image: url(../images/arrow-faq-product.png);
  transform: rotate(0deg);
}
*/
/*.productgrid-list .inner_faq_data .accordion .accordion-header button.accordion-button[aria-expanded="true"]::after {
  transform: rotate(90deg);
}*/

.seemore-btn-product {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-top: 30px;
}

.seemore-btn-product p {
    margin: 0px;
    padding: 0px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
}

.product-info-cart.detailinfo .offcanvas-header {
    top: 62px;
}

.product-info-cart.detailinfo .offcanvas-body {
    margin-top: 85px;
}

.product-info-cart.detailinfo .offcanvas-body .offcanvas-inner {
    gap: 15px;
}

.product-info-cart.detailinfo
    .offcanvas-body
    .offcanvas-inner
    .quick_view_prdct_conts
    .product-price {
    margin: 30px 0px 15px;
    font-size: 14px;
    font-weight: 500;
}

.product-info-cart.detailinfo .offcanvas-body .offcanvas-inner .with_box_data {
    margin-top: 15px;
}

.product-info-cart.detailinfo
    .offcanvas-body
    .offcanvas-inner
    .with_box_data
    a {
    font-weight: 500;
    padding: 5px 15px;
}

.product-info-cart.detailinfo
    .offcanvas-body
    .offcanvas-inner
    .quick_view_prdct_conts
    p {
    font-size: 14px;
    color: #373b3ca8;
    margin-top: 15px;
}

.mb-15p {
    margin-bottom: 15px;
}

.card-number-inputs-group {
    display: flex;
    gap: 15px;
}

.card-number-inputs-group .card-number-inputs {
    width: 100%;
}

.card-number-inputs-group .card-number-inputs:nth-child(2) {
    width: 62px;
    flex: 0 0 62px;
}

.card-number-inputs-group .card-number-inputs:nth-child(3) {
    width: 83px;
    flex: 0 0 83px;
}

.customtextbox {
    height: auto !important;
}

.customtextbox textarea {
    border: 0px;
    width: 100%;
    resize: none;
    outline: none;
    background: none;
    box-shadow: none;
}

.product-finance-details {
    margin: 25px auto;
    background: #f3f5f6;
    max-width: 590px;
    width: 100%;
    gap: 30px;
    padding: 45px;
    overflow-y: scroll;
}

.product-finance-details .logo-brand {
    width: 110px;
    margin-bottom: 10px;
}

.product-finance-details p {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #373b3c;
}

.product-finance-details form {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 20px;
}

.product-finance-details form .form-group {
    margin-bottom: 30px;
}

.product-finance-details form .form-group label {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000000a8;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.product-finance-details form .form-group label br {
    display: block;
    width: 100%;
}

.product-finance-details form .form-group .input-group {
    gap: 30px;
}

.product-finance-details form .form-group .input-group .form-check {
    display: inline-flex;
    align-items: center;
    padding-left: 31px;
    gap: 10px;
}

.product-finance-details form .form-group .input-group .form-check,
.product-finance-details form .form-group .input-group .form-check label {
    margin-bottom: 0px;
}

.product-finance-details form .form-group label span {
    display: inline-flex;
    font-weight: 400;
    color: #000000a8;
    gap: 4px;
    width: 100%;
}

.product-finance-details form .form-group .precentage-bages {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

.product-finance-details
    form
    .form-group
    .precentage-bages
    .percentage-item
    input {
    display: none;
}

.product-finance-details
    form
    .form-group
    .precentage-bages
    .percentage-item
    label {
    margin: 0px;
    padding: 1px 3px;
    display: inline-flex;
    border-radius: 8px;
    border-width: 1px;
    border: 1px solid #e7e7e7;
    background: #ffffff;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    cursor: pointer;
    min-width: 42px;
    justify-content: center;
    letter-spacing: 0%;
    text-align: center;
    color: #000000;
}

.product-finance-details
    form
    .form-group
    .precentage-bages
    .percentage-item
    input:checked
    + label {
    color: #7d3efb;
    border-color: #7d3efb;
}

.paydeposit {
    color: #7e3efa;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}

.product-finance-details form .form-group .btn {
    padding-left: 10px;
    padding-right: 10px;
}

.table-view-deposit {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    gap: 5px;
    margin-bottom: 35px;
}

.table-view-deposit .table-deposite-item:first-child {
    margin-bottom: 40px;
}

.table-view-deposit .table-deposite-item {
    display: flex;
    justify-content: space-between;
}

.table-view-deposit .table-deposite-item .deposite-label {
    width: 241px;
}

.table-view-deposit + p {
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #000000a8;
}

.product-finance-details form .add-to-bag-finance-btn {
    margin-bottom: 20px !important;
}

.owl-stage {
    padding: 0 !important;
}

/* Finance Available Modal Responsive Styles */
.finance-available-modal {
    max-width: 50%;
    margin: 20px auto;
}

.finance-available-content {
    max-height: 90vh;
    overflow-y: auto;
}

/* Make close button visible on all three finance desktop modals */
#exampleModalToggle_oldfinace button.btn-close,
#exampleModalToggle_availablefinace button.btn-close,
#exampleModalToggle_yourdetails button.btn-close {
    display: block !important;
    position: absolute !important;
    right: 15px !important;
    top: 15px !important;
    z-index: 1051 !important;
    width: 32px !important;
    height: 32px !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    border: none !important;
}

/* Address results dropdown (shown after postcode search) */
.address-select {
    border-radius: 8px;
    border: 1px solid #dee2e6;
    background-color: #fff;
    padding: 10px 14px;
    font-size: 14px;
    color: #1a1a1a;
    width: 100%;
    appearance: auto;
}

/* Postcode search — two separate rounded elements with gap */
.postcode-group {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

.postcode-group .form-control {
    border-radius: 8px;
    flex: 1;
}

.btn-postcode-search {
    background: #f0f0f0;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 20px;
    white-space: nowrap;
    flex-shrink: 0;
}

.btn-postcode-search:hover {
    background: #e4e4e4;
    border-color: #ccc;
}

/* Deposit percentage pill buttons */
.deposit-bages {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 8px;
}

.deposit-bages .percentage-item {
    flex: 1 1 auto;
    max-width: 58px;
}

.deposit-bages .percentage-item input {
    display: none;
}

.deposit-bages .percentage-item label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    border-radius: 50px;
    border: 1px solid #e7e7e7;
    background: #f8f8f8;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    white-space: nowrap;
    width: 100%;
    color: #000;
    transition: border-color 0.15s, color 0.15s;
}

.deposit-bages .percentage-item input:checked + label {
    color: #7d3efb;
    border-color: #7d3efb;
    background: #fff;
}

.deposit-bages .percentage-item label:hover {
    border-color: #7d3efb;
    color: #7d3efb;
}

@media (max-width: 767px) {
    .deposit-bages > .d-flex {
        width: 100%;
        justify-content: space-evenly !important;
    }
    .deposit-bages .percentage-item {
        flex: 1;
        max-width: 55px;
    }
}

/* Finance available modal — keep two-column flex layout */
#exampleModalToggle_availablefinace .checkout-main {
    display: flex;
}
/* modal-middle-finace scrolls in modals 2 & 3 (more content than modal 1) */
#exampleModalToggle_availablefinace .modal-middle-finace,
#exampleModalToggle_yourdetails .modal-middle-finace {
    flex: 1;
    overflow-y: auto;
    margin: 0;
    padding-right: 4px;
}

/* Tablet and smaller desktop adjustments */
@media (max-width: 1280px) {
    .finance-available-modal {
        max-width: 65%;
    }
}

@media (max-width: 1024px) {
    .finance-available-modal {
        max-width: 80%;
    }
}

.product-icons-f {
    gap: 15px;
}

.trust_badges img {
    height: 16px;
    width: auto;
    object-fit: contain;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.swiper-custrepair_watch_bottom_contsom-pagination {
    margin-top: 15px !important;
    position: unset !important;
    display: flex;
    margin-top: 10px;
    width: 100%;
    justify-content: center;
}

.swiper-custom-pagination .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
    background-color: #000;
    opacity: 0.33 !important;
}

.swiper-custom-pagination .dot.active {
    background-color: #000;
    opacity: 1 !important;
}

.schedule-containerbooking {
    max-width: 393px;
}

.schedule-containerbooking .schedule_heading {
    padding-left: 20px;
    padding-right: 20px;
}

.schedule-containerbooking .schedule_content {
    padding-left: 20px;
    padding-right: 20px;
}

/* ---------------------Responsive---------------------------------*/
@media screen and (min-width: 1921px) {
    .shop_branded_jewellery_secs .container {
        max-width: none !important;
        width: 100vw !important;
        padding: 0 !important;

        /* cancels the usual centered-container offset so it hits both viewport edges */
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
    .inner_conts_parts {
        max-width: 578.67px;
    }

    .banner_content_parts {
        padding: 45px 5% 90.6px;
    }

    .home_banner .custom_owl_navigation {
        bottom: 40px;
    }

    .repair_watch_img {
        margin: 0 25%;
    }

    .repair_watch_img .mx-auto {
    }

    .iframe-adjust iframe {
        width: 550px !important;
        height: 550px !important;
    }

    .repair_watch_img img {
        scale: 1.3;
    }

    .service_details_banner {
        height: calc(100vh - 127px) !important;
    }

    .max-lg-w-550 {
        max-width: 550px !important;
    }

    .my-image {
        width: 960px !important;
        height: 966px !important;
    }

    /* .featured_in_secs{
        padding: 45px 0 0;
    }
    .featured_logos_slider.owl-carousel{
        margin-top: -40px;
    }
    .featured_logos_slider.owl-carousel .owl-item img {
        width: 100%;
        max-width: 100%;
    } */
    .unlock_repair_secs::after {
        bottom: -40px !important;
    }
}

@media screen and (max-width: 1100px) {
    .product_collection_lists {
        display: flex;
        flex-wrap: wrap;
    }

    .product_collection_lists .product_items_data {
        width: 33.33%;
    }

    .product_collection_lists .product_items_data.prdct_img_grid {
        width: 100%;
    }

    .product_collection_lists .product_items_data.prdct_img_grid img {
        height: 314px;
    }
}

@media (min-width: 1025px) {
    .aboutusimage {
        max-height: 640px;
        overflow: hidden;
    }
}

@media (min-width: 768px) {
  .double-container-col{
    padding-inline: 10%;
  }
  .bg-to-white {
    background-color: #fff !important;
} 
.h-cover {
    height: 100% !important;
    object-fit: cover !important;
}
.bg-to-secondary {
    background-color: #f3f4f6 !important;
} 
    .auth-title {
        font-size: 26px;
        font-weight: 500;
        position: absolute;
        top: 130px;
    }
    .bg-md-white {
        background-color: #ffffff !important;
    }
    .auth-footer {
        padding: 39px 5vw !important;
        text-align: left !important;
        margin: 0 !important;
    }
    .auth-footer-right {
        max-width: 50%;
                padding: 39px 5vw !important;
        text-align: left !important;
        margin: 0 !important;
    }
    }
    .prdct_grid_img_conts .pre_owned_img {
        position: relative;
    }

    .prdct_grid_img_conts .pre_owned_img img {
        position: absolute;
    }

    .max-md-w-387 {
        max-width: 387px;
    }
}

@media screen and (max-width: 1500px) {
    .product-details .inner {
        max-width: 90%;
    }
}

@media (max-width: 1440px) {
  .auth-fields {   
   padding-top: 100px !important;
}
    .inner_foot_rows {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .order_success_secs {
        height: 614px;
    }

    .searchdesktop {
        width: 280px;
    }

    .footer_copyright {
        margin-top: -45px;
    }

    .banner_content_parts {
        padding: 65px 5% 77.2px;
    }

    .banner_featured_img {
        max-height: 614px;
    }

    .watches_content_cols {
        gap: 30px;
    }

    /* .featured_logos_slider.owl-carousel .owl-item img{
        width: 200px;
        height: 50px;
        object-fit: contain;
    } */
}

@media (max-width: 1280px) {
    .checkout-popup .modal-dialog {
        max-width: 88%;
    }

    .custom_owl_navigation {
        bottom: 125px;
    }

    .home_banner .custom_owl_navigation {
        padding: 0px 50px;
    }

    .pre_owned_img img {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

    .pre-owned_watches {
        padding: 80px 20px 45px;
    }

    .top_product_select {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 10px;
    }

    .coll_items_data ul li {
        width: calc(100% / 5);
    }
}

@media only screen and (max-width: 1199px) {
    .searchdesktop {
        width: 240px;
    }

    .left_footer_data {
        width: 60%;
        max-width: 100%;
    }

    .luxury_watches_btns {
        gap: 10px;
    }

    .luxury_watches_btns a.btn_links {
        font-size: 14px;
    }

    .footer_copyright {
        max-width: 60%;
    }

    .watch_repair_contents {
        padding: 20px 50px;
    }

    .card_menu_datas p {
        font-size: 12px;
    }

    .menus ul li a {
        font-size: 14px;
    }

    .menu_lists ul li a {
        font-size: 16px;
    }

    .card_menu_datas h2 {
        font-size: 12px;
    }

    .custom_owl_navigation {
        bottom: 85px;
    }

    .banner_content_parts {
        padding: 40px 5% 85px;
    }

    .coll_items_data ul li a {
        /*    font-size: 12px;*/
    }

    .finance_available_datas {
        /*    padding: 20px;*/
    }

    .pre_owned_img {
        width: 50%;
        overflow: hidden;
    }

    .pre-owned_watches {
        flex: 1;
    }

    .inner_main_headings {
        max-width: 100%;
    }

    .subcategories_datas.faq_categories_datas ul {
        flex-wrap: wrap;
        border: none;
    }

    .faq_categories_datas ul li a {
        border-radius: 8px;
    }

    .inner_faq_data .accordion .accordion-item {
        margin-bottom: 0px;
    }

    .faq_categories_datas ul {
        border: none;
    }

    .unlock_repair_secs {
        margin-top: 0;
    }

    /* .product-details {
    width: 100%;
  }*/

    /*.product-slider {
    width: 100%;
  }*/

    .product-main-inner {
        padding: 0;
    }
}

@media (max-width: 1024px) {
  .login-fields {   
   padding-top: 70px !important;
}
    .aboutusimage img {
        width: 100%;
    }

    .contact_data {
        padding-bottom: 60px;
    }

    .contact_data:not(:last-child) {
        margin-bottom: 0px;
    }

    .product-main-inner .col-lg-4 {
        width: 40%;
    }

    .banner_content_parts {
        padding: 20px 5% 85px;
    }

    .top_banner_heads h1 {
        font-size: 40px;
    }

    .top_banner_heads p {
        font-size: 18px;
    }

    .bottom_banner_foots p {
        font-size: 12px;
    }

    .price_items {
        margin-bottom: 10px;
    }

    .thumbnail_menu_lists {
        grid-column-start: 1;
        grid-column-end: 4;
    }

    .featured_logos img {
        height: 35px;
    }

    .watch_repair_img img {
        width: 100%;
    }

    .watch_repair_contents {
        padding: 30px 20px;
        max-width: 100%;
    }

    .seactionbanner.mb-45 {
        margin-bottom: 0px;
    }

    section.seactionbanner.mt-45 {
        margin-top: 0px;
    }

    .seactionbanner {
        min-height: 542px;
    }

    .watches_content_cols {
        padding: 15px 20px;
    }

    .googlemap .watch_repair_contents {
        padding-bottom: 30px;
    }

    .luxury_watches_secs .bg_column_watch {
        background: transparent;
    }

    .jewellery_shop_contents.watch_repair_contents {
        padding: 15px 20px 0;
        margin-top: 0;
        max-width: 100%;
    }

    .custom_owl_navigation {
        bottom: -70px;
        right: auto;
        left: 0;
        padding-left: 0;
        width: 100%;
    }

    ul.foot_lists li a {
        /*    font-size: 12px;*/
    }

    .foot_cols h4 {
        /*    font-size: 14px;*/
    }

    .product_collection_contents {
        padding: 15px 20px 0px;
    }

    .pre-owned_watches {
        padding: 30px 20px;
    }

    .top_pre_owned h2 {
        font-size: 15px;
    }

    .top_pre_owned p {
        font-size: 14px;
    }

    .pre-owned_watches a {
        font-size: 13px;
    }

    .prdct_grid_img_conts {
        /*    display: flex;*/
        height: 100%;
    }

    .repair_btn {
        padding: 13px 50px;
    }

    .service_details_faqs {
        gap: 20px;
    }

    .blog_conts {
        padding: 20px 0px;
    }

    .inner_main_headings h1 {
        font-size: 38px;
    }

    .inner_main_headings p.date_time {
        font-size: 18px;
    }

    .contact_address_form [class*="col-"]:last-child {
        order: -1;
    }

    .address_datas {
        padding-left: 0px;
        padding-top: 0px;
    }

    .contact_message_form {
        padding-top: 0px;
    }

    .contact_map_address {
        margin-bottom: 60px;
    }

    .main_contact_datas {
        padding-bottom: 60px;
    }

    .watch_repair_contents {
        gap: 8px;
    }

    .home_topcategory .sectiontitle {
        padding: 15px 5%;
    }

    .lamna_clients {
        max-width: 100%;
    }

    .inner_watch_jewellery_cards {
        gap: 20px;
    }

    .gallery-container {
        justify-content: flex-start;
        gap: 10px;
    }

    .product-main-inner .col-lg-7 {
        width: 60%;
    }

    /*.gallery-main {
    width: calc(100% - 92px);
  }*/

    .jewellery_item_datas {
        padding: 0;
    }

    .product-tabs button.btn-primary {
        font-size: 14px;
    }

    .plus-minus {
        width: 50px;
        height: 50px;
    }

    .product-catagory {
        margin-bottom: 15px;
        font-weight: 700;
        font-size: 16px;
    }

    .checkout-payment-details {
        padding: 20px 10px 0;
    }

    .checkout-img-list h3 {
        font-size: 16px;
        max-width: 57%;
        font-weight: 700;
    }

    .checkout-img-list .pricing_datas {
        font-size: 16px;
        font-weight: 500;
    }

    .checkout-popup button.btn-close {
        right: -40px;
        width: 25px;
        height: 25px;
        font-size: 12px;
    }

    .checkout-payment-details form .form-label {
        font-size: 14px;
    }

    .checkbox-new-right img {
        height: 250px;
        object-fit: cover;
    }

    .container {
        padding: 0px 5%;
    }

    .static-brand-list {
        padding: 0px 30px !important;
    }

    /*.product-details {
    width: 100%;
  }

  .product-slider {
    width: 100%;
  }*/

    .latest_jewellery_slides .jewellery_item_datas {
        padding: 0px;
    }

    .coll_items_data ul li {
        width: calc(100% / 4);
    }

    .contact_data:not(:last-child) {
        margin-bottom: 0px;
    }

    .contact_data {
        padding-bottom: 60px;
        margin-bottom: 0px;
        width: calc(50% - 3px);
        display: inline-block;
    }

    .contact_data h3 {
        margin-bottom: 15px;
    }

    .contact_data + .contact_data {
        float: left;
    }
}

@media only screen and (max-width: 767px) {
    .w-80p {
        width: 100%;
    }

    .m-h-25 {
        height: 25px !important;
    }

    .mb-pb-0 {
        padding-bottom: 0 !important;
    }

    .product_collection_lists.m-expand .product_items_data {
        width: 100% !important;
    }

    .product_luxury
        .product_collection_lists.m-expand
        .product_collection_contents {
        margin-top: 0 !important;
    }

    #main_desktop_menu {
        display: none;
    }

    .booking_success_secs {
        display: none;
    }

    .desktop-d-none {
        display: block !important;
    }

    .iframe-adjust iframe {
        width: 100% !important;
        height: 327px !important;
    }

    .iframe-adjust .end-area {
        width: 100% !important;
    }

    .iframe-adjust .px-3 {
        padding: 0 !important;
    }

    .iframe-adjust .watched_book_repairs {
        margin-top: 30px !important;
    }

    .iframe-adjust a:hover {
        color: #fff !important;
    }

    .iframe-adjust .schedule_heading {
        padding: 0 !important;
    }

    .span-adjust span {
        margin-bottom: 10px !important;
    }

    .product-main {
        padding-top: 17px;
    }

    .my-bag-popup .modal-dialog {
        margin-right: 0px;
    }

    .flex-offcanvas .offcanvas-header {
        top: 5px;
        right: 5px;
    }

    .product_collection_lists .product_items_data {
        width: 50% !important;
    }

    .product_collection_lists .product_items_data.prdct_img_grid {
        width: 100% !important;
    }

    .product-main .breadcrumbs {
        margin-bottom: 17px;
        overflow-x: auto;
        overflow-y: hidden;
        direction: rtl;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .product-main .breadcrumbs::-webkit-scrollbar {
        display: none;
    }

    .product-main .breadcrumbs ul {
        direction: ltr;
        flex-wrap: nowrap;
        width: max-content;
    }

    .order_success_secs {
        height: 403px;
    }

    .bottom_support_datas {
        padding-top: 0px;
    }

    .categorybox a img {
        height: 220px;
    }

    .mobile_service_banner_content {
        margin-bottom: 5px;
    }

    .desktop-only {
        display: none !important;
    }

    .home_topcategory .sectiontitle a {
        font-size: 14px;
        font-weight: 500;
    }

    .faq-mobile-nav .swiper-button-prev,
    .faq-mobile-nav .swiper-button-next {
        color: #000;
        width: auto;
    }

    .main_blog_data_sec .blog_navigation {
        margin-top: 25px;
        margin-bottom: 0px;
    }

    .main_blog_data_sec {
        padding-bottom: 40px;
    }

    .blog_img {
        display: block;
        border-radius: 8px;
        overflow: hidden;
    }

    .faqs_headings {
        margin-bottom: 45px;
    }

    .faqs_headings p {
        display: none;
    }

    .faq-mobile-nav .swiper-button-prev:after,
    .faq-mobile-nav .swiper-button-next:after {
        font-size: 14px;
    }

    .faq_tabs_main .nav-pills .nav-link {
        border-radius: 8px;
        background: #f3f5f6;
    }

    .faq_tabs_main .nav-pills .nav-link.active,
    .faq_tabs_main .nav-pills .nav-link:hover {
        background: #000000;
        box-shadow: 0px 4px 15px 0px #00000020;
        color: #ffffff;
        font-weight: 700;
    }

    .mobile_search button {
        padding: 0px;
    }

    .mt-45 {
        margin-top: 0px;
    }

    .mb-45 {
        margin-bottom: 0px;
    }

    .seactionbanner p {
        font-weight: 400;
        font-size: 14px;
        /*line-height: 100%;*/
        line-height: normal;
        letter-spacing: 0;
    }

    .aboutinfo .offcanvas-header,
    .detailinfo .offcanvas-header {
        top: 21px;
    }

    .aboutinfo .offcanvas-body,
    .detailinfo .offcanvas-body {
        margin-top: 85px;
    }

    .mobilesideheading {
        font-weight: 500;
        font-size: 14px;
        /*line-height: 100%;*/
        line-height: normal;
        letter-spacing: 0;
        color: #373b3c;
        margin-bottom: 34px;
    }

    .featured_in_secs {
        padding-bottom: 45px;
    }

    .watch_repair_contents p {
        height: 40px !important;
    }

    .watch_repair_contents p.h-25 {
        height: 25px !important;
    }

    .about-us-section .watch_repair_contents p {
        height: auto !important;
    }

    .shop_branded_jewellery_secs.bg_column_watch {
        height: 480px;
    }

    .unlock_watch_content {
        background: #f3f5f6;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .service_details_banner {
        background: none !important;
    }

    .book_repair_data {
        padding-top: 0px;
    }

    .book_repair_data {
        margin: 30px 0;
    }

    .tdb-service-withoutbanner {
        margin-top: 17px;
    }

    .tdb-service-withoutbanner .repair_banner_contents h1 {
        max-width: 245px;
    }

    .service-form-heading {
        margin-bottom: 33px;
        font-weight: 400;
        font-size: 16px;
        /*line-height: 100%;*/
        line-height: normal;
        letter-spacing: 0;
    }

    .serivce-repaire-banner .container {
        position: relative;
        left: 0;
        transform: none;
        top: -50px;
        margin: 0px 0;
    }

    .serivce-repaire-banner .breadcrumbs {
        padding: 17px 0;
    }

    .service_details_banner img {
        height: 271px;
        object-fit: cover;
    }

    .service_details_banner .breadcrumbs {
        padding: 17px 0;
    }

    .serivce-repaire-banner {
        height: 180px;
        margin-top: 50px;
    }

    .watched_jewellery_secs_data {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #pills-tabContent #pills-tab {
        display: none;
    }

    .watched_jewellery_secs_data .container {
        padding: 0px;
    }

    .serivce-repaire-banner .container .breadcrumbs li,
    .serivce-repaire-banner .container .breadcrumbs li a {
        color: #373b3c;
    }

    .service_payment {
        padding: 0px;
        background: none !important;
        margin-bottom: 30px;
    }

    .service_payment h2 {
        color: #373b3c;
        font-weight: 400;
        font-size: 16px;
        margin: 0px;
    }

    .service_payment p {
        color: #373b3c;
        font-size: 14px;
        font-weight: 400;
        color: #373b3ca8;
        margin-top: 5px;
    }

    .service_payment:before {
        display: none;
    }

    .service_payment img {
        display: block;
        margin-bottom: 30px;
        height: 347px;
        object-fit: cover;
    }

    .featured_logos img {
        height: auto;
        flex: 0 0 20%;
    }

    .bottom_banner_foots {
        display: none;
    }

    .banner_featured_img img {
        height: 400px;
        object-fit: cover;
    }

    .banner_content_parts {
        padding: 19px 5% 85px;
    }

    .home_banner .custom_owl_navigation {
        padding: 0px 20px;
        bottom: 50px !important;
    }

    .home_banner .custom_owl_navigation .custom-nav {
        justify-content: space-between;
    }

    .container {
        padding: 0px 5%;
    }

    .jewellery_shop_contents.watch_repair_contents.m-adjust {
        padding-bottom: 0 !important;
    }

    .jewellery_shop_contents.watch_repair_contents.m-adjust
        .custom_owl_navigation {
        margin-top: 0px !important;
    }

    .featured_in_secs .container {
        padding-right: 0px;
    }

    .watch_repair_contents p {
        font-size: 14px;
    }

    .watch_repair_contents h2 {
        font-size: 16px;
    }

    .about-us-section .watch_repair_contents p {
        line-height: 120%;
    }

    a.btn_links {
        font-size: 14px;
    }

    .watch_repair_contents.about-get-directions .about-visit-mobile h2 {
        margin-bottom: 5px;
    }

    .watch_repair_contents.about-get-directions .about-visit-mobile .btn_links {
        font-size: 14px;
    }

    .about-paragraph-spacing {
        margin-top: 10px;
    }

    .watch_repair_img img {
        width: 100%;
    }

    .prct_content_infos {
        padding: 14px;
        gap: 14px;
    }

    .watch_repair_services_secs .swiper-slide img,
    .shop_branded_jewellery_secs .swiper-slide img {
        /* height: 221px !important; */
        height: 361px !important;
    }

    .shop_branded_jewellery_secs .watch_repair_contents,
    .watch_repair_services_secs .watch_repair_contents {
        gap: 5px;
        padding: 15px 20px 30px;
    }

    .watch_repair_contents .custom-nav {
        padding-top: 25px;
    }

    /*.watch_repair_services_secs .watch_repair_contents .btn_links,
.shop_branded_jewellery_secs .watch_repair_contents .btn_links{
  display: none;
}*/
    .shop_branded_jewellery_secs .swiper-slide .jewellery_prev img,
    .shop_branded_jewellery_secs .swiper-slide .jewellery_next img,
    .shop_branded_jewellery_secs .swiper-slide .jewellery_prev2 img,
    .shop_branded_jewellery_secs .swiper-slide .jewellery_next2 img,
    .watch_repair_services_secs .swiper-slide .middle_banner_2_prev img,
    .watch_repair_services_secs .swiper-slide .middle_banner_2_next img {
        height: 26px !important;
    }

    .jewellery_shop_contents.watch_repair_contents .see_more_btn {
        margin-top: 0px;
        position: absolute;
        right: 20px;
    }

    .jewellery_shop_contents.watch_repair_contents .see_more_btn a {
        display: flex;
        flex-direction: column;
        gap: 0;
        align-items: center;
        font-size: 14px;
        font-weight: 400;
    }

    .luxury_watches_secs {
        padding: 15px 0;
    }

    .prdct_img img {
        height: 237px;
        object-fit: cover;
    }

    .luxury_watches_secs .watches_content_cols {
        gap: 5px;
    }

    .jewellery_shop_contents.watch_repair_contents .see_more_btn a img {
        display: inline-block;
        height: 26px !important;
    }

    .jewellery_workshop_secs [class*="col-lg-"]:last-child {
        order: unset;
    }

    .luxury_prdct_content {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .shop_branded_jewellery_secs .custom-nav {
        display: flex;
        align-items: center;
        gap: 40px;
        border-top: none;
        width: 100%;
        padding-top: 0;
        border-bottom: 1px solid #ddd;
        /*    padding-bottom: 30px;*/
        justify-content: space-between;
    }

    .shop_branded_jewellery_secs .custom_owl_navigation {
        bottom: -85px;
        position: unset !important;
        margin-top: 20px !important;
    }

    .luxury_watches_secs::before {
        display: none;
    }

    .inner_foot_conts {
        gap: 45px;
        flex-direction: column;
    }

    .main_footer {
        padding: 45px 0;
    }

    .footer_copyright {
        max-width: 100%;
        position: unset;
        margin-top: 0px;
    }

    .payment_method {
        display: flex;
        justify-content: flex-start;
    }

    .footer_copyright p {
        text-align: left;
    }

    .finance_available_datas {
        margin-bottom: 30px;
    }

    .left_footer_data {
        width: 100%;
    }

    .luxury_prdct_content p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .luxury_prdct_content h2 {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .watches_content_cols {
        gap: 30px;
    }

    .luxury_watches_btns a.btn_links {
        font-size: 12px;
    }

    .prdct_img {
        position: relative;
    }

    .prdct_img::before {
        width: calc(100% + 40px);
        position: absolute;
        height: 109px;
        z-index: -1;
        top: auto;
        content: "";
        bottom: 0;
        left: -20px;
    }

    .user_account_data {
        display: flex;
        gap: 40px;
        display: none;
    }

    .header_icons {
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .mobile_logo {
        display: block;
    }

    .middle_header {
        display: none;
    }

    .inner_header_data {
        grid-template-columns: repeat(2, 1fr);
    }

    .menu_data {
        display: none;
    }

    .mobile_logo img {
        height: 30px;
    }

    header.main_header > .container {
        padding: 15px 5%;
    }

    .trust_badges {
        gap: 8px;
    }

    .home_banner_mobile_content {
        display: block;
    }

    .breadcrumbs {
        /*margin-top: 15px;
    margin-bottom: 15px;*/
        margin-bottom: 30px;
    }

    .jump_brands {
        justify-content: flex-end;
        margin-top: 0px;
    }

    .title_banner p {
        font-size: 14px;
    }

    .inner_category_data {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .collection_contents {
        padding: 15px 20px;
    }

    .category_list_cols {
        padding: 0px;
    }

    .collection_contents p {
        font-size: 14px;
    }

    .coll_lists {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px;
    }

    .coll_items_data ul li {
        margin-bottom: 0;
        border: 1px solid #e7e7e7;
        padding: 20px;
        border-bottom: 0px;
    }

    .coll_items_data ul li:nth-child(2n + 1) {
        border-right: 0px;
    }

    .coll_items_data ul li:last-child {
        border-right: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
    }

    .coll_items_data ul li:nth-last-child(2) {
        border-bottom: 1px solid #e7e7e7;
    }

    .coll_items_data ul li:not(:last-child) {
        margin-bottom: 0px;
    }

    .product_collection_lists {
        margin: 30px -20px 30px;
        display: flex;
        row-gap: 0;
        flex-wrap: wrap;
        width: calc(100% + 40px);
    }

    .product_items_data {
        width: 100%;
    }

    .top_product_select {
        flex-wrap: wrap;
    }

    .top_short_banner {
        padding: 0px 0px 0;
    }

    .prdct_grid_banner img {
        height: 180px;
        object-fit: cover;
    }

    .product_items_data.prdct_img_grid {
        width: 100%;
    }

    .heading_data p {
        font-size: 14px;
    }

    .book_repair_data img {
        width: 100%;
        height: 180px;
        object-fit: cover;
    }

    .repair_banner_contents h1 {
        font-size: 24px;
    }

    .repair_banner_contents p {
        font-size: 16px;
        color: #373b3ca8;
        font-weight: 400;
    }

    .unlock_repair_secs {
        margin-bottom: 0px;
    }

    .repair_watch_form {
        margin: 30px auto 0px;
    }

    .inner_how_works_lists {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        border-radius: 13px;
        overflow: hidden;
    }

    .jewellery_cleaning_datas {
        margin: 30px 0;
    }

    .jewellery_cleaning_datas .left_cleanings_data h2 {
        font-size: 16px;
    }

    .faq_left_maps h2 {
        font-size: 16px;
    }

    .question_answers_opens:nth-child(3n-2) {
        background: #fff;
    }

    .question_answers_opens:nth-child(2n-1) {
        background: #f8f8f8;
    }

    .faq_conts_data p {
        font-size: 14px;
        max-width: 100%;
    }

    .faq_conts_data h3 {
        font-size: 14px;
    }

    .question_answers_opens {
        padding: 20px;
    }

    .right_cleaning_data {
        display: none;
    }

    .left_cleanings_data p {
        font-size: 14px;
        max-width: 100%;
    }

    .visit_us a {
        font-size: 14px;
    }

    .service_details_faqs {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .service_faqs_right.inner_faq_data {
        margin-top: 10px;
    }

    .faq_left_maps iframe {
        margin: 10px 0px 15px;
    }

    .srvice_details_conts_datas {
        padding: 0px 0px 23px 0px;
    }

    .how_it_works_datas h2 {
        font-size: 16px;
        font-weight: 400;
    }

    .mobile_service_banner_content {
        display: block;
        padding-top: 45px;
    }

    .upper_service_details_data p {
        margin: 0;
        font-size: 14px;
        color: rgb(55 59 60 / 66%);
    }

    .upper_service_details_data h1 {
        font-size: 24px;
        color: #373b3c;
    }

    .upper_service_details_data {
        margin-bottom: 45px;
        width: 228px;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .inner_service_details {
        max-width: 100%;
        display: none;
    }

    .mobile_service_banner_content .inner_service_details {
        display: block;
    }

    .service_details_banner {
        padding: 0;
        background: none;
        height: auto;
    }

    .service_details_banner .container {
        height: auto;
    }

    .service_details_banner .breadcrumbs ul li a,
    .service_details_banner .breadcrumbs ul li {
        color: #373b3c;
    }

    .inner_404_conts {
        gap: 0px;
        flex-direction: column;
    }

    .service_payment {
        margin-bottom: 30px;
    }

    .left_404_data {
        width: 100%;
        text-align: center;
        height: 440px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .main_404_errors_data {
        padding: 0px 0px 0px;
    }

    .right_404_data.contact_support_infos {
        width: 100%;
        max-width: 100%;
    }

    .buttonslist {
        width: 100%;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 49px;
        padding: 0px 20px;
    }

    .main_404_errors_data .container,
    .bottom_support_datas .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .right_404_data {
        padding-top: 49px;
        background: #fff;
    }

    .right_404_data:before {
        content: "";
        width: 100%;
        display: block;
        margin: 0px 20px 49px;
        width: calc(100% - 40px);
        border: 1px solid #e7e7e7;
    }

    .right_404_data h5,
    .right_404_data p {
        padding: 0px 20px;
    }

    .thank_you_message h1 {
        font-size: 18px;
        font-weight: 500;
    }

    .thank_you_message h5.order_nums {
        font-size: 14px;
        font-weight: 400;
    }

    .thank_you_message h5.order_nums.light-text {
        color: #373b3ca8;
    }

    .confirmation_message {
        font-size: 14px;
    }

    .order_success_secs {
        padding: 42px 0px;
        background-size: cover;
        background-position: center;
    }

    .blog_lists_data {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .blog_conts p {
        font-size: 14px;
    }

    .inner_main_headings h1 {
        font-size: 24px;
    }

    .inner_main_headings p.date_time {
        font-size: 14px;
    }

    .main_blog_imgs {
        margin: 20px 0px 0px;
    }

    .main_blog_details_datas {
        padding: 0px 0px 20px;
    }

    .inner_blog_contents p {
        font-size: 14px;
    }

    .subcategories_datas.faq_categories_datas {
        display: none;
    }

    .faq_categories_datas ul {
        list-style-type: none;
        padding: 0;
        margin: 0px 0px 20px;
        display: flex;
        border-bottom: none;
        gap: 5px;
    }

    .faq_categories_datas ul li a {
        border-radius: 8px;
    }

    .main_repair_btn {
        margin-top: 30px;
        max-width: 100%;
    }

    .experience_lists li {
        font-size: 14px;
    }

    .experience_lists li::before {
        top: 7px;
    }

    .gallery-thumbs {
        display: none;
    }

    .product-main-inner .col-lg-7 {
        width: 50%;
    }

    .product-main-inner .col-lg-4 {
        width: 50%;
    }

    .gallery-main {
        width: 100%;
        height: auto;
        overflow: visible;
        aspect-ratio: unset;
    }

    .checkout-main {
        flex-direction: column-reverse;
        background: #fff;
        gap: 30px;
    }

    .checkbox-new-right {
        display: flex;
        flex-direction: column-reverse;
    }

    .checkout-img-list {
        padding: 0px;
    }

    .checkout-img-list li:not(:last-child) {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .checkbox-new-right img {
        height: 145px;
    }

    .checkout-pop-left .modal-title {
        display: none;
    }

    /* Show finance modal title on mobile */
    .finance-modal .checkout-pop-left .modal-title {
        display: block !important;
        text-align: left !important;
    }

    .pricing_datas + h6 {
        display: none;
    }

    .mobile-header-checkout {
        align-items: center;
        gap: 20px;
        margin-bottom: 30px;
    }

    .mobile-header-checkout h2 {
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #373b3c;
        white-space: nowrap;
    }

    .mobile-header-checkout .checkout-devider {
        width: 100%;
        height: 1px;
        background: #e4e4e4;
    }

    .mobile-header-checkout .checkout-amount {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .mobile-header-checkout .checkout-amount strong {
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #373b3c;
        white-space: nowrap;
    }

    .mobile-header-checkout .checkout-amount span {
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        white-space: nowrap;
        letter-spacing: 0%;
        color: #373b3c;
    }

    .mobile-header-checkout .checkout-amount a {
        text-decoration: none;
        display: inline-block;
        line-height: 0;
    }

    .checkout-pop-left,
    .checkout-pop-right {
        width: 100%;
    }

    .checkout-payment-details {
        padding: 0px 0px 13px;
    }

    .checkout-popup .modal-dialog {
        max-width: 84%;
    }

    .product-main-inner {
        flex-direction: column;
        gap: 30px;
    }

    .slider-arrowscustom {
        margin-top: 30px;
    }

    .gallery-main .swiper-wrapper,
    .gallery-main .swiper-slide {
        height: 393px;
    }

    .gallery-main .swiper-slide img {
        height: 100%;
        width: 100%;
        margin-left: 0;
        object-fit: cover;
        object-position: center;
    }

    .product-slider {
        flex: 1 1 100%;
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
    }

    .product-details {
        flex: 1 1 100%;
        width: 100%;
        margin-top: 0px;
    }

    .my-bag-popup .modal-dialog {
        max-width: 100%;
    }

    .checkout-popup .modal-dialog {
        max-width: 100%;
        margin: 0px;
        border-radius: 0px;
    }

    /*.product-slider {
    width: 100%;
  }

  .product-details {
    width: 100%;
  }*/

    .top_banner_heads h1 {
        font-size: 28px;
    }

    .top_banner_heads p {
        font-size: 14px;
        font-weight: 400;
    }

    .top_left_infos a.links {
        text-decoration: none;
    }

    .seaction_page_heading h2,
    .single-page-content h2 {
        font-size: 24px;
        font-weight: 500;
    }

    .seaction_page_heading h4 {
        font-size: 16px;
        font-weight: 500;
    }

    .about-us-section.seaction_page_heading h4 {
        text-transform: none;
    }

    .single-page-content h4 {
        font-weight: 400;
        font-size: 14px;
        /*line-height: 100%;*/
        line-height: normal;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    .content-spacing p,
    .content-spacing ul li {
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
    }

    .content-spacing ul li strong {
        font-size: 14px;
        line-height: normal;
        font-weight: 500;
    }

    .content-spacing ul li:not(:last-child) {
        margin-bottom: 10px;
    }

    .repair_banner_contents {
        gap: 15px;
    }

    .repair_watch_bottom_conts {
        padding-top: 30px;
        margin-bottom: 3px;
    }

    .product_luxury ul {
        margin-bottom: 30px;
        gap: 30px;
    }

    .product_luxury ul li {
        gap: 30px;
    }

    .product_luxury ul li:nth-child(2):after {
        display: none;
    }

    .product_luxury ul li:last-child {
        width: 100%;
    }

    .product_luxury .product_collection_lists {
        gap: 0px;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-top: 30px !important;
    }

    .product_luxury .product_collection_lists .product_items_data {
        display: flex;
        background: transparent;
        padding: 0px;
        align-items: center;
        flex-direction: row;
    }

    .product_luxury
        .product_collection_lists
        .product_items_data
        .product_collection_image {
        width: 50%;
        background: #fff;
        height: 197px;
    }

    .product_luxury .product_collection_lists .product_collection_contents {
        flex-direction: column;
        width: 50%;
        gap: 15px;
    }

    .product_luxury
        .product_collection_lists
        .product_items_data:nth-child(2n)
        .product_collection_image {
        order: 2;
    }

    .product_luxury
        .product_collection_lists
        .product_collection_contents
        h3
        a {
        font-size: 16px;
        font-weight: 400;
    }

    section.product_grid_data_secs {
        overflow-x: hidden;
    }

    section.product_grid_data_secs.py-45.d-block.w-100 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .product_collection_contents {
        display: flex;
        gap: 15px;
        flex-direction: column;
    }

    .product_collection_contents h3 a {
        font-size: 14px;
        font-weight: 500;
    }

    .price_value {
        font-size: 14px;
        font-weight: 700;
    }

    .price_value span {
        font-size: 14px;
        font-weight: 400;
    }

    .prodcutadd-full-img-mob {
        width: 100%;
        margin: 15px 0 0px;
    }

    .product-add-content-mob {
        width: 100%;
        background: #fff;
        padding: 0px 20px;
    }

    .product-add-content-mob .pre-owned_watches {
        background: none;
        padding: 15px 0;
    }

    .product-add-content-mob .pre-owned_watches > a {
        display: none;
    }

    .top_pre_owned {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .product_luxury
        .product_collection_lists
        .product_collection_contents
        .price_value {
        display: flex;
        width: 100%;
        text-align: left;
        font-weight: 400;
        font-size: 14px;
        /*line-height: 100%;*/
        line-height: normal;
        letter-spacing: 0;
        color: #373b3ca8;
        flex-direction: row;
        justify-content: flex-start;
        gap: 3px;
    }

    .product_luxury
        .product_collection_lists
        .product_collection_contents
        .pricing_conts {
        width: 100%;
        text-align: left;
    }

    .product_luxury
        .product_collection_lists
        .product_collection_contents
        .price_value
        span {
        display: inline-block;

        font-weight: 400;
        font-size: 14px;
        /*line-height: 100%;*/
        line-height: normal;
        letter-spacing: 0;
        color: #373b3ca8;
    }

    section.product_luxury.py-45 {
        padding-bottom: 0px;
        padding-top: 30px;
    }

    .watched_jewellery_secs_data {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .pr-20 {
        padding-right: 20px;
    }

    .service_top_head {
        padding: 17px 0 45px;
    }

    .faq_tabs_main .nav-pills {
        gap: 10px;
        border-bottom: 0;
    }

    .book_repaire_form .container,
    .book_repaire_form .container .row .col-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .book_repaire_form .container .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .submit_data {
        padding: 0px 20px;
    }

    .book_repaire_form .form-group label {
        font-weight: 500;
        font-size: 14px;
        padding: 0px 20px;
    }

    .book_repaire_form .form-group label.lable-mobile {
        font-size: 14px;
    }

    .single-page-content {
        padding-bottom: 30px;
    }

    .single-page-content .container,
    .single-page-content .container .row .col-12 {
        padding: 0px;
    }

    .single-page-content .container .row {
        margin: 0px;
    }

    .seaction_heading {
        padding: 0px 20px;
    }

    .content-spacing p {
        padding-left: 20px;
        padding-right: 20px;
    }

    .content-spacing h5 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .mb-md-30f {
        margin-bottom: 30px !important;
    }

    .book_repaire_form h3 {
        font-size: 14px;
        font-weight: 500;
    }

    .book_repaire_form .form-group a {
        font-size: 14px;
        font-weight: 500;
    }

    .book_repaire_form .form-group .custom-checkbox label {
        font-size: 14px;
        font-weight: 400;
        padding: 30px 20px 0;
    }

    .productinfo .productinfo-content h2 {
        font-size: 16px;
        font-weight: 400;
    }

    .productinfo .productinfo-content h2 span {
        font-size: 16px;
        font-weight: 700;
    }

    .productinfo {
        padding: 0px 20px;
    }

    .productinfo .productinfo-content p {
        font-size: 14px;
    }

    .productinfo ~ .form-group {
        padding: 0px 20px;
    }

    .productpricing {
        padding: 0px 20px;
    }

    .book_repaire_form .form-group table th,
    .book_repaire_form .form-group table td {
        font-size: 14px;
    }

    .book_repaire_form .form-group p,
    .book_repaire_form .form-group ul li a {
        font-size: 14px;
    }

    .book_repaire_form .form-group h4 {
        font-size: 14px;
    }

    .service_top_head.servicepage-breadcrumb {
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .service_top_head.servicepage-breadcrumb .breadcrumbs {
        margin-bottom: 17px;
    }

    .jewellery_cleaning_datas .repair_btn {
        display: none;
    }

    .unlock_how_works .faq_conts_data h3 {
        font-size: 14px;
        font-weight: 400;
    }

    .unlock_watch_content {
        padding: 30px 20px;
    }

    .featured_in_secs.unlock_watch_feature .inner_jewellery_data h2 {
        font-size: 16px;
        font-weight: 400;
    }

    .unlock_watch_faq-label {
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        margin-bottom: 15px !important;
    }

    .unlock_faq_datas .watched_book_repairs {
        margin-top: 15px;
    }

    .unlock_faq_datas .watched_book_repairs.thetimes {
        display: inline-flex;
        margin-bottom: 0px;
        width: 100%;
    }

    .watched_book_repairs .repair_btn {
        width: 100%;
        text-align: center;
    }

    .sectionheading {
        padding: 15px 20px;
        font-size: 16px;
        font-weight: 400;
    }

    .searvicetype1 img {
        height: auto;
        margin-top: 60px;
    }

    .searvicetype1 h1 {
        max-width: 100% !important;
        font-size: 24px;
        font-weight: 500;
    }

    .searvicetype1 p {
        font-weight: 400 !important;
    }

    .searvicetype1 .main_repair_btn {
        margin-top: 55px;
    }

    .jewellery_cards_data img {
        height: 288px;
        object-fit: cover;
    }

    .coll_lists {
        width: calc(100% + 40px);
        margin: -20px;
    }

    .productgrid-list .product_collection_lists {
        row-gap: 15px;
    }

    .productgrid-list {
        padding-bottom: 30px;
    }

    .product_collection_lists .product_items_data .product_collection_image,
    .latest_jewellery_slides .jewellery_item_datas .inn_prdct_img {
        height: 210px;
    }

    .product-slider {
        overflow: visible;
    }

    .checkout-popup-second.show {
        position: unset;
    }

    .checkout-popup-second.show ~ .modal-backdrop {
        display: none !important;
    }

    .product-details-info-short h2 {
        margin-bottom: 0px;
    }

    .product-details-info-short {
        margin-bottom: 30px;
    }

    .product-details-info-short .product-price {
        margin-bottom: 0px;
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: right;
        width: auto;
    }

    .product-description {
        margin-block: 30px;
    }

    .productgrid {
        padding-top: 17px;
        padding-bottom: 17px;
    }

    .productgrid .title_banner h1 {
        gap: 15px;
    }

    .mt-17mb {
        padding: 17px 20px 15px 20px;
        margin-bottom: 0px;
    }

    .product-count {
        margin-top: 15px;
    }

    .top_pre_owned h2 {
        font-size: 14px;
        font-weight: 500;
    }

    .top_pre_owned p {
        color: #373b3ca8;
        font-size: 10px;
    }

    .pre-owned_watches a {
        font-size: 14px;
        font-weight: 400;
    }

    .prdct_grid_img_conts .pre_owned_img img {
        height: 314px;
    }

    .product_items_data .main_faq_page_accordion {
        display: none;
    }

    .details_slider .product_collection_lists {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .details_slider .product_collection_lists .product_items_data {
        width: 100% !important;
    }

    .checoutscreen .product-main-inner,
    .checoutscreen .faq_data_secs,
    .checoutscreen .latest_jewellery_secs {
        display: none;
    }

    .checoutscreen {
        display: flex;
        flex-direction: column;
    }

    .checoutscreen .main_header {
        order: 1;
    }

    .checoutscreen .product-main {
        order: 2;
    }

    .checoutscreen .checkout-popup-second.show {
        order: 3;
    }

    .checoutscreen .footer-top {
        order: 4;
    }

    .checoutscreen .main_footer {
        order: 5;
    }

    .footer-top {
        padding: 24px 0 !important;
    }

    .right_footer_data {
        max-width: 100% !important;
    }

    .product-finance-details {
        margin-top: 30px;
        padding: 45px 19px;
        margin-left: -20px;
        width: calc(100% + 40px);
        margin-bottom: 30px;
    }

    .mobile-filterproduct {
        padding: 15px 0;
    }

    .selecte-list {
        gap: 10px;
        overflow: auto;
        display: none !important;
    }

    .selecte-list .filterselected {
        border-radius: 8px;
        padding: 10px 20px;
        gap: 10px;
        background: #373b3c;
        box-shadow: 0px 4px 15px 0px #00000020;
        font-weight: 400;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #fff;
        display: inline-flex;
        white-space: nowrap;
    }

    .filter-panels {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .filter-panels .inputcheck {
        padding: 30px 20px;
        border-bottom: 1px solid #e7e7e7;
    }

    .filter-panels .primary-menu-panel button.menu-link,
    .filter-panels .menu-panel button.menu-link {
        display: flex;
        align-items: center;
        padding-right: 80px;
        justify-content: space-between;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
    }

    .filter-panels .menu-panel button.menu-link {
        padding-right: 20px;
    }

    .filter-panels .primary-menu-panel button.menu-link span,
    .filter-panels .menu-panel button.menu-link span {
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: right;
        color: #373b3ca8;
    }

    .filter-panels .menu-panel .range-container {
        width: 100%;
        background: none;
        display: flex;
        flex-direction: column;
        padding-top: 129px;
        padding-bottom: 129px;
    }

    .filter-panels .menu-panel ul li.selected a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .filter-panels .menu-panel .range_updates {
        display: flex;
        width: 100%;
        padding: 0px 20px;
        margin-bottom: 30px;
    }

    .filter-panels .menu-panel .update-btn {
        background: #ebeded !important;
        width: 100%;
        height: 50;
        padding-top: 15px;
        padding-bottom: 15px;
        font-weight: 700;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #373b3c;
    }

    .filter-panels .menu-panel {
        display: none;
    }

    .filter-panels .menu-panel.is-active {
        display: block;
    }

    .filter-panels .primary-menu-panel.is-notactive {
        display: none;
    }

    .unlock-value-of-jewelley-trustpilot {
        padding-left: 0 !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 575px) {
    .main_repair_btn .repair_btn {
        max-width: 100%;
    }

    .image262 {
        height: 262px;
        object-fit: cover;
    }

    .main_repair_btn .repair_btn {
        width: 100%;
        text-align: center;
        display: block;
    }

    .contact_data h2 {
        margin-bottom: 15px;
    }

    .blog_img img {
        height: 236px;
        object-fit: cover;
    }

    .repair_watch_form .form-group {
        margin-bottom: 15px;
    }

    .repair_watch_form .submit_data {
        padding: 0px;
    }

    .cleaning_images img:last-child {
        max-width: 200px;
    }

    .cleaning_images {
        justify-content: space-between;
        gap: 0px;
    }

    .trust_badges {
        width: 120%;
    }

    .trust_badges img {
        height: 16px;
        width: 50%;
        max-width: none;
        object-fit: contain !important;
    }

    .left_head_data {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 8px;
    }

    /* Mobile Filter Panel Styles - Commented out since inline styles in grid-page.blade.php handle this */
    /*
.mobile-filter-panel {
    position: fixed !important;
    top: 0 !important;
    left: -100% !important;
    width: 300px;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    transition: left 0.3s ease-in-out !important;
    overflow-y: auto;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    display: none; 
  }

  .mobile-filter-panel.open {
    left: 0 !important;
  }
  */

    .mobile-filter-header {
        padding: 20px;
        border-bottom: 1px solid #e5e5e5;
        background: #f8f9fa;
    }

    .mobile-filter-header h3 {
        margin: 0;
        font-weight: 600;
        font-size: 1.1rem;
    }

    .mobile-filter-header .btn-close {
        background: none;
        border: none;
        font-size: 1.5rem;
        color: #666;
        cursor: pointer;
        padding: 0;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }

    .mobile-filter-header .btn-close:hover {
        background: #f0f0f0;
        color: #000;
    }

    .mobile-breadcrumbs {
        padding: 15px 0;
        border-bottom: 1px solid #e5e5e5;
    }

    .mobile-breadcrumbs .d-flex {
        align-items: center;
    }

    .mobile-breadcrumbs .btn-close {
        background: none;
        border: none;
        font-size: 1.2rem;
        color: #6c757d;
        cursor: pointer;
        padding: 5px;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-breadcrumbs .btn-close:hover {
        background: #f0f0f0;
        color: #000;
    }

    .mobile-breadcrumbs .breadcrumbs ul {
        font-size: 0.875rem;
    }

    .mobile-breadcrumbs .breadcrumbs a {
        color: #6c757d;
    }

    .mobile-breadcrumbs .breadcrumbs a:hover {
        color: #000;
    }

    .mobile-product-count {
        margin-top: 8px;
    }

    .mobile-product-count .product-count {
        font-size: 0.875rem;
        color: #6c757d;
        margin: 0;
    }

    /* Mobile full-width header elements */
    @media (max-width: 767.98px) {
        .product-header-row .col-lg-8,
        .product-header-row .col-md-7 {
            width: 100% !important;
            max-width: 100% !important;
            flex: 0 0 100% !important;
        }

        .product-header-row .col-lg-4,
        .product-header-row .col-md-5 {
            width: 100% !important;
            max-width: 100% !important;
            flex: 0 0 100% !important;
            margin-top: 15px;
        }

        .product-header-row .jump_brands {
            justify-content: flex-start !important;
        }

        .product-header-main {
            width: 100%;
        }

        .mobile-product-count {
            width: 100%;
        }

        .product-header-filters {
            width: 100%;
        }
    }

    .right_head_data {
        gap: 20px;
    }

    .top_left_infos {
        gap: 20px;
    }

    .inner_jewellery_data h2 {
        margin-bottom: 30px;
    }

    .see_more_btn {
        margin-top: 30px;
    }

    .see_more_btn img {
        display: none;
    }

    .latest_jewellery_secs {
        padding: 30px 0px 30px;
    }

    .latest_jewellery_secs.shop-in-stock {
        padding-top: 0;
    }

    .product-main-faqs h2 {
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: 700px;
    }

    .inner_foot_rows {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .main_category_secs {
        background: #fff;
        padding: 0;
    }

    .inner_category_data {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 15px;
    }

    .collection_img img {
        /* height: 221px; */
    }

    .main_category_secs .container {
        padding: 0;
    }

    .coll_items_data ul li {
        width: calc(100% / 2);
    }

    .inner_faq_data .accordion .accordion-item {
        margin-bottom: 0px;
    }

    .inner_faq_data .accordion {
        margin-left: -20px;
        margin-right: -20px;
        overflow: hidden;
    }

    .inner_faq_data .accordion .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .inner_faq_data .accordion .row .col-lg-6 {
        padding: 0px;
    }

    .inner_service_details a.repair_btn {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        max-width: 100%;
    }

    .left_404_data h1 {
        font-size: 28px;
        /*    margin-bottom: 10px;*/
    }

    .left_404_data h4 {
        font-size: 16px;
    }

    .left_404_data p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .blog_lists_data {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 10px;
    }

    .jump_brands.collection_zump_brands {
        justify-content: flex-start;
        margin-bottom: 20px;
    }

    .contact_submit_btn button.btn.btn-primary {
        width: 100%;
    }

    .unlock_repair_secs {
        margin-top: 30px;
    }

    .lamna_money_clients {
        margin: 68px 0px 38px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 30px;
    }

    .lamna_clients h2 {
        font-size: 16px;
        font-weight: 400;
    }

    .experience_lists {
        /*    margin: 25px 0px 0px;*/
    }

    .inner_watch_jewellery_cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0px;
    }

    .product-main-inner {
        flex-direction: column;
        gap: 30px;
    }

    .product-main-inner .col-lg-7 {
        width: 100%;
    }

    .product-main-inner .col-lg-4 {
        width: 100%;
    }

    .product-slider {
        overflow: visible;
    }

    .product-name {
        margin-bottom: 14px;
        font-size: 14px;
    }

    .product-price {
        font-size: 18px;
        margin: 0px 0 20px;
    }

    .my-bag-popup .modal-dialog {
        margin: 0 0px 0 auto;
    }

    .checkout-popup .modal-dialog {
        max-width: 100%;
    }

    /* Finance Available Modal - make close button visible on tablet */
    #exampleModalToggle_availablefinace button.btn-close {
        display: block !important;
        position: absolute !important;
        right: 15px !important;
        top: 15px !important;
        z-index: 1051 !important;
        width: 32px !important;
        height: 32px !important;
        /* background-color: #ffffff !important; */
        opacity: 1 !important;
        border-radius: 50% !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
        border: none !important;
    }

    .checkout-popup button.btn-close {
        right: 10px;
        top: 10px;
        z-index: 9;
    }

    .offcanvas {
        padding: 0px;
    }

    .offcanvas-header {
        padding: 15px 20px 15px 15px;
    }

    .offcanvas-body {
        padding: 0px 20px 20px 20px;
    }

    .watched_book_repairs .repair_btn {
        width: 100%;
        text-align: center;
        max-width: 100%;
    }
}

.schedule_heading {
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3c;
    margin-bottom: 15px;
}

.schedule_content {
    font-weight: 400;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3ca8;
    margin-bottom: 0px;
}

.featured_logos_slider.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.featured_logos_slider.owl-carousel .item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-container .swiper-slide a {
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%;
}

.gallery-container .gallery-main .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.2s ease;
    transform-origin: center center;
}

body.offcanvas-open {
    overflow: none !important;
    height: 100%;
}

/* modal */

/* General modal improvements for all screen sizes */
.modal-dialog {
    display: flex;
    align-items: center;
    min-height: 100vh;
    justify-content: center;
    margin: 0 auto;
}

/* My-Bag popup specific positioning for large screens */
@media (min-width: 769px) {
    .my-bag-popup .modal-dialog {
        position: fixed;
        bottom: 0;
        right: -70 !important;
        margin: 0;
        max-width: 600px;
        min-height: auto;
        align-items: flex-end;
        justify-content: flex-end;
        padding: 0 70px 0 0;
    }

    .my-bag-popup .modal-content {
        border-radius: 20px 20px 0 0;
        margin-bottom: 0;
    }
}

.modal-content {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    /* border: none !important; */
    border-radius: 12px !important;
    background-color: #fff !important;
}

/* Ensure modals are centered on all devices */
.modal.show .modal-dialog {
    transform: none !important;
    margin: 0 auto !important;
}

/* Add backdrop blur effect */
.modal-backdrop {
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Enhanced modal animations */
.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: scale(0.8);
}

.modal.show .modal-dialog {
    transform: scale(1);
}

/* Improve modal content spacing */
.modal-content {
    position: relative;
    z-index: 1050;
}

/* Better close button positioning */
.modal .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1051;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Medium screen modal adjustments */
@media (max-width: 768px) and (min-width: 481px) {
    .main_header {
        padding: 21px 0 !important;
    }
    .modal-dialog {
        max-width: 90% !important;
        margin: 20px auto !important;
        min-height: 100vh;
    }

    .modal-content {
        border-radius: 12px !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
        border: none !important;
    }

    .checkout-popup .modal-dialog {
        max-width: 90% !important;
    }

    /* Make close button visible on all finance modals on medium screens */
    #exampleModalToggle_oldfinace button.btn-close,
    #exampleModalToggle_availablefinace button.btn-close,
    #exampleModalToggle_yourdetails button.btn-close,
    #exampleModalTogglemobilefinance button.btn-close {
        display: block !important;
        position: absolute !important;
        right: 15px !important;
        top: 15px !important;
        z-index: 1051 !important;
        width: 32px !important;
        height: 32px !important;
        opacity: 1 !important;
        border-radius: 50% !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
        border: none !important;
    }

    .my-bag-popup .modal-dialog {
        max-width: 90% !important;
        position: relative !important;
        bottom: auto !important;
        right: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 100vh !important;
    }

    .cta-modal .modal-dialog {
        max-width: 90% !important;
    }
}

/* Small screen modal responsiveness */
@media (max-width: 480px) {
    /* increase distance from top for mobile screens */
    nav.slide-out-menu {
        bottom: 0 !important;
        border-top: 1px solid #e5e5e5;
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.05);
    }

    /* add downward shadow to main header */
    .main_header {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        padding: 21px 0;
    }

    /* Reduce modal width and height for small screens — exclude bag modal */
    .modal-dialog:not(.my-bag-dialog) {
        max-width: 85% !important;
        margin: 20px auto !important;
        display: flex;
        align-items: center;
        min-height: 100vh;
        justify-content: center;
    }

    /* Reduce modal content height — exclude bag modal */
    .modal-content:not(.my-bag-content) {
        max-height: 70vh;
        overflow-y: auto;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
        border: none !important;
    }

    /* Add rounded borders to all modals — exclude bag modal */
    .modal-content:not(.my-bag-content) {
        border-radius: 15px !important;
    }

    /* Specific adjustments for checkout modals */
    .checkout-popup .modal-dialog {
        max-width: 95% !important;
        margin: 10px auto !important;
    }

    .checkout-main {
        padding: 15px 10px !important;
    }

    /* Reduce form spacing for small screens */
    .checkout-popup .form-group {
        margin-bottom: 15px;
    }

    .checkout-popup .row.g-3 > * {
        padding: 0.5rem;
    }

    /* Adjust button sizes */
    .checkout-popup .btn {
        padding: 12px 8px;
        font-size: 14px;
    }

    /* My bag popup adjustments */
    .my-bag-popup .modal-dialog {
        max-width: 95% !important;
        margin: 10px auto !important;
        position: relative !important;
        bottom: auto !important;
        right: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 100vh !important;
    }

    .my-bag-popup .modal-content {
        border-radius: 15px !important;
    }

    /* CTA modal adjustments */
    .cta-modal .modal-dialog {
        max-width: 95% !important;
        margin: 10px auto !important;
    }

    .cta-modal .modal-content {
        border-radius: 15px !important;
    }

    /* Finance modal adjustments */
    .finance-modal .modal-dialog {
        max-width: 95% !important;
        margin: 10px auto !important;
    }

    .finance-modal .modal-content {
        border-radius: 15px !important;
    }

    /* Finance Available Modal mobile adjustments */
    /* .finance-available-modal {
        max-width: 100% !important;
        margin: 0 !important;
        width: calc(100% - 20px) !important;
    }

    .finance-available-content {
        max-height: 95vh !important;
        border-radius: 15px !important;
    }

    /* Make close button visible for finance available modal */
    #exampleModalToggle_availablefinace button.btn-close {
        display: block !important;
        position: absolute !important;
        right: 15px !important;
        top: 15px !important;
        z-index: 1051 !important;
        width: 32px !important;
        height: 32px !important;
        /* background-color: #ffffff !important; */
        opacity: 1 !important;
        border-radius: 50% !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
        border: none !important;
    }

    #exampleModalToggle_availablefinace .modal-body {
        padding: 15px !important;
    }

    #exampleModalToggle_availablefinace .checkout-main,
    #exampleModalToggle_yourdetails .checkout-main {
        padding: 10px !important;
        gap: 0 !important;
        flex-direction: column !important;
    }

    #exampleModalToggle_availablefinace .checkout-payment-details,
    #exampleModalToggle_yourdetails .checkout-payment-details {
        margin: 0 !important;
    }

    #exampleModalToggle_availablefinace .checkout-payment-details form,
    #exampleModalToggle_yourdetails .checkout-payment-details form {
        height: auto !important;
        max-height: 55vh;
        overflow-y: auto;
        padding-right: 10px;
    }

    #exampleModalToggle_availablefinace .modal-middle-finace,
    #exampleModalToggle_yourdetails .modal-middle-finace {
        flex: unset !important;
        overflow-y: unset !important;
    }

    #exampleModalToggle_availablefinace .checkout-pop-right,
    #exampleModalToggle_yourdetails .checkout-pop-right {
        display: none !important;
    }

    /* Reduce modal header and footer padding */
    .modal-header {
        padding: 15px 15px !important;
        /* background-color: rgb(223, 218, 218); */
    }

    .modal-footer {
        padding: 15px 15px !important;
    }

    .modal-body {
        padding: 15px !important;
    }

    /* Adjust close button position for small screens */
    .modal .btn-close {
        right: 10px !important;
        top: 10px !important;
        width: 25px !important;
        height: 25px !important;
    }
}

/* ---------------------------------------------------------------
   Finance modal mobile overrides (≤767px)
   Applies to modals 2 & 3 which are also shown on mobile via
   the pre-qualification flow. Hide image panel, single column.
--------------------------------------------------------------- */
@media (max-width: 767px) {
    /* Prevent column-reverse from breaking finance modal layout */
    #exampleModalToggle_availablefinace .checkout-main,
    #exampleModalToggle_yourdetails .checkout-main {
        flex-direction: column !important;
    }

    /* Hide product image panel — not needed on mobile */
    #exampleModalToggle_availablefinace .checkout-pop-right,
    #exampleModalToggle_yourdetails .checkout-pop-right {
        display: none !important;
    }

    /* Form height auto so content is not clipped */
    #exampleModalToggle_availablefinace .finance-bag,
    #exampleModalToggle_yourdetails #finance-details-form {
        height: auto !important;
        max-height: 60vh;
        overflow-y: auto;
    }

    /* Scrollable content area fills remaining space */
    #exampleModalToggle_availablefinace .modal-middle-finace,
    #exampleModalToggle_yourdetails .modal-middle-finace {
        flex: unset !important;
        overflow-y: unset !important;
        margin: 0 !important;
    }

    /* Close button for ALL finance modals including mobile pre-qual */
    #exampleModalToggle_oldfinace button.btn-close,
    #exampleModalToggle_availablefinace button.btn-close,
    #exampleModalToggle_yourdetails button.btn-close,
    #exampleModalTogglemobilefinance button.btn-close {
        display: block !important;
        position: absolute !important;
        right: 12px !important;
        top: 12px !important;
        z-index: 1051 !important;
        width: 28px !important;
        height: 28px !important;
        opacity: 1 !important;
        border-radius: 50% !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
        border: none !important;
    }

    /* Mobile pre-qual modal — full width single column */
    #exampleModalTogglemobilefinance .checkout-main {
        flex-direction: column !important;
        padding: 15px !important;
    }

    #exampleModalTogglemobilefinance .checkout-pop-left {
        width: 100% !important;
    }
}

/* ---------------------------------------------------------------
   Filter dropdown z-index fix
   testimonials.blade.php and its children use Bootstrap's
   .position-relative class (position: relative !important).
   Being later in the DOM they can overlay filter dropdowns.
   Setting them all to static removes them from stacking entirely.
--------------------------------------------------------------- */
#testimonials,
#testimonials .position-relative {
    position: static !important;
}

/* ── findWatchToggle: centered on desktop, bottom sheet on mobile ── */

/* Desktop: standard centered modal */
@media (min-width: 768px) {
    #findWatchToggle .modal-dialog {
        position: relative !important;
        bottom: auto !important;
        right: auto !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        max-width: 520px !important;
        margin: 1.75rem auto !important;
        min-height: auto !important;
        display: block !important;
    }

    #findWatchToggle .modal-content {
        border-radius: 0.5rem !important;
        border: 1px solid rgba(0, 0, 0, 0.175) !important;
        background-color: #fff !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
        max-height: none !important;
        overflow-y: visible !important;
    }

    #findWatchToggle .modal-content::before {
        display: none !important;
    }
}

/* Mobile: full-width bottom sheet */
@media (max-width: 767px) {
    /* When Bootstrap adds .show, turn the overlay into a flex column
     anchored to the bottom — no position:fixed fight needed */
    #findWatchToggle.show {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    #findWatchToggle .modal-dialog {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        min-height: auto !important;
        display: block !important;
        transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
    }

    /* Start off-screen below */
    #findWatchToggle.fade .modal-dialog {
        transform: translateY(100%) !important;
        opacity: 1 !important;
    }

    /* Slide into place */
    #findWatchToggle.show .modal-dialog {
        transform: translateY(0) !important;
        opacity: 1 !important;
    }

    #findWatchToggle .modal-content {
        border-radius: 20px 20px 0 0 !important;
        border: none !important;
        background-color: #fff !important;
        box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.12) !important;
        max-height: 92vh !important;
        overflow-y: auto !important;
    }

    #findWatchToggle .modal-content::before {
        content: "";
        display: block !important;
        width: 36px;
        height: 4px;
        background: #d1d1d6;
        border-radius: 2px;
        margin: 8px auto 4px;
        flex-shrink: 0;
    }
}

/* ── Sell Your Watch page layout ── */
.sell-watch-layout {
    margin-top: 12px;
    display: flex;
    gap: 20px;
}

.sell-watch-form-section {
    flex: 1 1 50%;
    min-width: 0;
    max-width: none;
}

@media (max-width: 767px) {
    .sell-watch-layout {
        flex-direction: column;
        gap: 0;
    }

    .sell-watch-form-section {
        order: 2;
        width: 100%;
    }

    .sell-watch-trustpilot-section {
        order: 1;
        width: 100%;
    }

    .sell-watch-layout .repair_watch_form {
        max-width: 100%;
        margin: 20px 0;
    }

    .sell-watch-layout .form-control {
        width: 100%;
    }
}

/* ── Find a Watch page layout ── */
.find-watch-layout {
    margin-top: 12px;
    display: flex;
    gap: 20px;
}

.find-watch-form-section {
    flex: 1 1 50%;
    min-width: 0;
    max-width: none;
}

.find-watch-trustpilot-section {
    flex: 1 1 50%;
    min-width: 0;
    width: auto;
    margin-top: 140px;
}

@media (max-width: 767px) {
    .find-watch-layout {
        flex-direction: column;
        gap: 0;
    }

    .find-watch-form-section {
        order: 2;
        width: 100%;
    }

    .find-watch-trustpilot-section {
        order: 1;
        width: 100%;
        margin-top: 0;
    }

    .find-watch-layout .repair_watch_form {
        max-width: 100%;
        margin: 20px 0;
    }
}

/* ===== Desktop Category Drop-Down Navigation ===== */

/* Disable old side-drawer on desktop — replaced by new category bar */
@media (min-width: 768px) {
    .desktop_menu_overlay {
        display: none !important;
    }
}

/* Hidden by default; JS adds .is-open */
.dsk-cat-nav,
.dsk-mega-wrap {
    display: none;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
}

/* Full-width within these bars — override Bootstrap container */
.dsk-cat-nav .container,
.dsk-mega-wrap .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.dsk-cat-nav.is-open {
    display: block;
    position: fixed;
    top: var(--dsk-menu-top, 108px);
    left: 0;
    right: 0;
    z-index: 998;
    animation: dskSlideDown 0.22s ease both;
}

.dsk-mega-wrap.is-open {
    display: block;
    position: fixed;
    top: calc(var(--dsk-menu-top, 108px) + 10vh);
    left: 0;
    right: 0;
    z-index: 997;
    animation: dskSlideDown 0.18s ease both;
}

@keyframes dskSlideDown {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Layer 1 — category bar */
.dsk-cat-nav-inner {
    display: flex;
    align-items: center;
    height: 10vh;
}

.dsk-cat-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 82px;
    padding-right: 36px;
    padding-left: 0;
    font-size: 16px;
    color: #373b3c;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: none;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 400;
    white-space: nowrap;
    line-height: 1;
}

/* Short centered separator — 22px tall, vertically centred */
.dsk-cat-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5px;
    height: 22px;
    background: #d0d0d0;
}

.dsk-cat-item:hover {
    color: #000;
    font-weight: 400;
}

.dsk-cat-item.is-active {
    font-weight: 500;
    color: #000;
}

/* Layer 2 — mega panel */
.dsk-mega-panel {
    display: none;
}

.dsk-mega-panel.is-active {
    display: block;
}

.dsk-mega-subnav {
    display: flex;
    align-items: center;
    height: 10vh;
}

.dsk-mega-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 82px;
    padding-right: 36px;
    font-size: 15px;
    color: #373b3c;
    text-decoration: none;
    white-space: nowrap;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 400;
    line-height: 1;
}

/* Short centered separator on Layer 2 tabs */
.dsk-mega-tab:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 22px;
    background: #d0d0d0;
}

.dsk-mega-tab:hover {
    font-weight: 400;
    color: #000;
}
.dsk-mega-tab.is-active {
    font-weight: 500;
    color: #000;
}

/* ===== Layer 3 — Brand mega panel ===== */
.dsk-layer3-wrap {
    display: none;
    position: fixed;
    top: calc(
        var(--dsk-menu-top, 108px) + 20vh
    ); /* header + L1(82px) + L2(82px) */
    left: 0;
    right: 0;
    height: 60vh;
    overflow-y: auto;
    background: #fff;
    border-top: 1px solid #e8e8e8;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07);
    z-index: 996;
}

.dsk-layer3-wrap.is-open {
    display: block;
    animation: dskSlideDown 0.2s ease both;
}

.dsk-layer3-panel {
    display: none;
    padding: 28px 0 32px;
}

.dsk-layer3-panel.is-active {
    display: block;
}

/* Brand image grid — 4 columns */
.dsk-l3-brand-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px 20px;
    margin-bottom: 28px;
}

.dsk-l3-brand-card {
    display: block;
    text-decoration: none;
    color: inherit;
}

.dsk-l3-brand-img {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f3f3f3;
    margin-bottom: 8px;
}

.dsk-l3-brand-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.dsk-l3-brand-card:hover .dsk-l3-brand-img img {
    transform: scale(1.03);
}

.dsk-l3-brand-name {
    font-size: 14px;
    color: #373b3c;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-weight: 400;
}

/* All Brands text list */
.dsk-l3-all-brands {
    border-top: 1px solid #e8e8e8;
    padding-top: 20px;
}

.dsk-l3-all-brands-label {
    font-size: 11px;
    color: #a8a8a8;
    margin: 0 0 12px;
    font-family: "neue-haas-grotesk-text", sans-serif;
}

.dsk-l3-brands-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 2px 16px;
}

.dsk-l3-brand-link {
    display: block;
    font-size: 14px;
    color: #373b3c;
    text-decoration: none;
    font-family: "neue-haas-grotesk-text", sans-serif;
    line-height: 2;
}

.dsk-l3-brand-link:hover {
    color: #000;
    text-decoration: underline;
}

/* Hide on mobile */
@media (max-width: 767px) {
    .dsk-mega-wrap,
    .dsk-layer3-wrap {
        display: none !important;
    }
}

/* Allow page scrolling while the bag modal is open (Bootstrap adds `modal-open` and disables it). */
body.my-bag-open.modal-open {
    overflow-y: auto !important;
    padding-right: 0 !important;
}