/* Bracelet Landing Page CSS Starts */

    /* Banner CSS */
       
    .landing_main_banner {
        display: flex;
        width: 100%;
    } 
    .bracelet_landing_page .banner-content{
        padding: 0 172px 0 60px;
        margin: auto;
    }
    .bracelet_landing_page .banner-content p{
        font-size: var(--font-libre-16);
        font-weight: var(--font-libre-16-line-height);
        margin: 24px 0 !important;
    }
  
    @media (max-width: 640px) {
        .landing_main_banner {
        flex-direction: column;
        }
    }
    @media (min-width: 1280px) {
        .landing_main_banner picture {
            width: 49%;
        }
        .bracelet_landing_page .banner-content{
            width: 51%;
        }
    }
    @media (min-width: 769px) and (max-width: 1100px) {
        .landing_main_banner picture {
            width: 51%;
        /* margin-top: 20px; */
        }
    }
    .landing_main_banner .banner-img {
        width: 100%;
        height: 100%;
    }
    @media (max-width: 640px) {
        .landing_main_banner .banner-img {
            width: 100%;
        }
    }
    
    @media (min-width: 1280px) {
        
    }
    @media (min-width: 769px) and (max-width: 1100px) {
        .landing_main_banner .banner-content {
            padding: 56px 58px 56px 36px;
            width: 49%;
        /* margin-top: 20px; */
        }
    }
    @media (min-width: 767px) and (max-width: 992px) {
        .landing_main_banner picture{
            width: 49%;
        }
        .banner-content{
            width: 51%;
            margin: 0;
        }
        .landing_main_banner .banner-content {
            padding: 40px 34px 40px 36px;
        /* margin-top: 20px; */
        }
        .bracelet_landing_page .banner-content p{
            font-size: var(--font-libre-14);
            font-weight: var(--font-libre-14-line-height);
        }
    }
    @media (max-width: 640px) {
        .landing_main_banner .banner-content {
            padding: 20px 16px;
            margin: 0;
            text-align: center;
        }
    }
    .landing_main_banner .banner-content .landing_banner_text {
        font-weight: var(--font-regular);
        font-family: var(--font-family-ivy);
        font-size: var(--font-ivy-56);
        line-height: var(--font-ivy-56-line-height);
        margin: 0 0 24px;
    }
    @media (max-width: 1024px) {
        .landing_main_banner .banner-content .landing_banner_text {
            font-family: var(--font-family-ivy);
            font-size: var(--font-ivy-36);
            line-height: var(--font-ivy-36-line-height);
            margin-bottom: 16px;
        }
    }
    @media (min-width: 767px) and (max-width: 1024px) {
        
    }
    @media (max-width: 640px) {
       
        .landing_main_banner a{
            width: 100%;
            font-size: var(--font-libre-14);
            font-weight: var(--font-libre-14-line-height);
        }
    }
    /* Banner CSS */

    /* Categories CSS */

    .carousal-category-img{
        padding: 35px 0;
        box-shadow: 0px 6px 32px 0px rgb(121 121 121 / 8%);
        max-height: 300px;
    }
    .category-name{
        text-align: center;
        font-family: var(--font-family-ivy);
        font-size: var(--font-ivy-24);
        line-height: var(--font-ivy-24-line-height);
        margin-top: 20px;
        margin-bottom: 0;
    }
    .bracelet-styles{
        display: flex;
        flex-wrap: wrap;
        gap: 60px 0;
        padding-top: 20px;
    }
    .carousal-category-img img{
        width: 100%;
        object-fit: cover;
    }
    .ShopbyMetal .ShopbyMetalbody .col a figure{
        width: 99% !important;
    }
    .ldmiddlebanner{
        position: relative;
    }
    .ldmiddlebanner .text-container{
        position: absolute;
        top: 19%;
        max-width: 100%;
        width: 100%;
        transform: translateY(-50%);
        color: #fff;
    }
    .ldmiddlebanner .text-container h2{
        font-family: var(--font-family-ivy);
        font-size: var(--font-ivy-36);
        line-height: var(--font-ivy-36-line-height);
        margin: 0 0 16px;
    }
    .ldmiddlebanner .text-container a{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0 4px;
        color: #fff;
        font-weight: var(--font-weight-semi-bold);
    }
    .ldmiddlebanner .text-container a img{
        transform: rotate(90deg);
        max-width: 24px;
    }
    .bracelet-trustpilot .section-trustpilot{
        padding-bottom: 0 !important;
    }
    @media (min-width: 1200px) {
        .carousal-category-img.browse_all{overflow: hidden;}
        .carousal-category-img.browse_all img{
            object-fit: contain;
            transform: scale(1.3);
        }
    }
    @media (min-width: 1440px) {
        .carousal-category-img img{
            height: 230px;
        }
    }
    @media (min-width: 1200px) and (max-width: 1300px) {
        .carousal-category-img img{
            height: 205px;
        }
    }
    @media (min-width: 992px) and (max-width: 1024px) {
        .carousal-category-img img{
            height: 150px;
        }
        .ldmiddlebanner .text-container{
            top: 24%;
        }
        .ldmiddlebanner .text-container h2{
            font-size: var(--font-ivy-28);
            line-height: var(--font-ivy-28-line-height);
            margin: 0 0 16px;
        }
    }
    @media (min-width: 767px) and (max-width: 992px) {
        .carousal-category-img img{
            height: 105px;
        }
        .ldmiddlebanner .text-container{
            top: 24%;
        }
        .ldmiddlebanner .text-container h2{
            font-size: var(--font-ivy-24);
            line-height: var(--font-ivy-24-line-height);
            width: 93%;
            margin: 0 0 16px;
        }
    }
    @media (max-width: 1024px) {
        .category-name{
            font-size: var(--font-ivy-20);
            line-height: var(--font-ivy-20-line-height);
        }
        .bracelet_landing_page .banner-content p{
            margin: 16px 0 24px !important;
        }
        .carousal-category-img{
            padding-left: 16px;
            padding-right: 16px;
        }
    }
    @media (min-width: 992px) and (max-width: 1024px) {
        .carousal-category-img.browse-all{
            padding: 26px 0;
        }
        .bracelet-styles{
            gap: 40px 0;
        }
    }
    @media (min-width: 767px) and (max-width: 992px) {
        .carousal-category-img.browse-all{
            padding: 29px 0;
        }
    }
    @media (max-width: 992px) {
        .bracelet-styles{
            gap: 16px 0;
        }
        .ShopbyStyle .section-header.center{
            margin-bottom: 32px;
        }
        .ldmiddlebanner .text-container a{
            font-size: var(--font-libre-14);
            line-height: var(--font-libre-14-line-height);
        }
    }
    @media (max-width: 640px){
        .section.ShopbyStyle{
            padding: 32px 0;
        }
        .ShopbyMetal{
            padding: 40px 0 !important;
        }
        .ShopbyMetal .section-header{
            margin-bottom: 32px;
        }
        .carousal-category-img{
            display: flex;
            align-items: center;
            height: 200px;
            padding: 10px 8px;
        }
        .carousal-category-img.browse-all img{
            width: 286px;
            margin: auto;
        }
        .carousal-category-img.browse-all{
            padding: 10px 0 18px;
        }
        .bracelet_landing_page .banner-content p{
            margin-bottom: 52px !important;
        }
        .bracelet-styles{
            padding-top: 0;
        }
        .lditem-img{
            margin-bottom: 24px;
        }
        .section.blog-section{
            padding: 32px 0 8px;
        }
        .pdp-carousel-container{
            padding: 32px 0 !important;
        }
        .ldmiddlebanner .text-container{
            top: 24%;
            width: 90%;
            left: 5%;
        }
    }

    .cap_first{
        text-transform: capitalize;
    }
    
    .cap_normal{
        text-transform: none;;
    }

    .pdp-carousel-container .section-header > h2, .location-map .show-location-list h4{
        text-transform: capitalize;
    }
    /* Categories CSS */
/* Bracelet Landing Page CSS Ends */