*{
    text-transform: capitalize;
}

.custom_input{
    width:100%;
    height: 100%;
    outline:0;
    border:0;
}


input::placeholder{
    color:black!important;
    text-transform: none;
}

input:focus{
    color: black!important;
    text-transform: none;
}

.custom_input::placeholder{
    color:lightgray;
    

}

.input_bgr i{
   color: lightgray;
    font-size: 20px;
}

.pos_rel_prc{
    position: relative;
}

.pos_abs_prc{
    position: absolute;
    min-width: 400px;
    background: white;
    left: 0;
    top: 39px;
    display: none;
}

.dip_blk{
    display: block; 
}

.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active {
      background-color:#6259ca!important;
      border-color: #6259ca!important;
      color: white!important;
}


.offcanvas{
    width:50%!important;
}

.labvel_mrleft{
    flex-wrap: wrap;
}

.labvel_mrleft label{
    margin-left:9px!important;
    flex-wrap: wrap;
}

.cmnpMO {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 0px;
    padding: 8px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 10px;
    cursor: pointer;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(221, 226, 238);
    outline: none !important;}


    .QpXzA {
        display: flex;
        flex-flow: wrap;
        -webkit-box-align: center;
        align-items: center;
        margin-top: 12px;
    }

    .kBAGjI {
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        height: auto;
        min-width: 32px;
        padding: 2px 6px;
        margin-right: 8px;
        margin-bottom: 12px;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: rgb(24, 24, 27);
        border-radius: 4px;
        cursor: pointer;
        user-select: none;
        border: 1px solid rgb(221, 226, 238);
    }    

    .hxiNJS {
        display: flex;
        flex-flow: wrap;
        -webkit-box-align: center;
        align-items: center;
    }

    .jDfbzk {
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        height: auto;
        min-width: auto;
        padding: 2px 6px;
        margin-right: 8px;
        margin-bottom: 12px;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: rgb(24, 24, 27);
        border-radius: 4px;
        cursor: pointer;
        user-select: none;
        border: 1px solid rgb(221, 226, 238);
        background-color: rgb(255, 255, 255);
    }

    .dGcWDn {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin-right: 8px;
        margin-bottom: 12px;
        border-radius: 4px;
        padding: 2px 6px;
        cursor: pointer;
        border: 1px solid rgb(212, 212, 216);
        background-color: rgb(255, 255, 255);
    }

    .iZwyMF {
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        height: auto;
        min-width: auto;
        padding: 2px 6px;
        margin-right: 8px;
        margin-bottom: 8px;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: rgb(24, 24, 27);
        border-radius: 4px;
        cursor: pointer;
        user-select: none;
        border: 1px solid rgb(221, 226, 238);
        background-color: rgb(255, 255, 255);
    }

    .cIANJP {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        margin-right: 8px;
        border-radius: 4px;
        padding: 2px 6px;
        cursor: pointer;
        border: 1px solid rgb(212, 212, 216);
        background-color: rgb(255, 255, 255);
    }

    .cIANJP .checkbox--value {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        text-align: center;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: rgb(24, 24, 27);
    }

    .gQbdLk {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
    }


    .dEJEXf {
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        padding: 8px;
        background: rgb(255, 255, 255);
        height: 32px;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: rgb(24, 24, 27);
        border-top: 1px solid rgb(218, 218, 218);
        border-bottom: 1px solid rgb(218, 218, 218);
        border-left: 1px solid rgb(218, 218, 218);
        border-image: initial;
        outline: none !important;
        border-right: 1px solid rgb(218, 218, 218) !important;
    }

    .gQbdLk :first-child {
        border-radius: 4px 0px 0px 4px;
    }

    .dywgGe .parameter-filter--box .parameter-input--group {
        display: flex;
        flex-direction: column;
    }

    .evZaTu {
        font-weight: 400;
        font-size: 14px;
        color: rgb(39, 39, 42);
        margin-bottom: 8px;
        line-height: 20px;
    }

    .igJbpk {
        display: flex;
        flex-direction: column;
        margin-right: 12px;
    }

    .igJbpk .input--group {
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        padding: 2px 8px;
        width: 100%;
        background: rgb(255, 255, 255);
        border: 1px solid rgb(212, 212, 216);
        border-radius: 4px;
        height: 24px;
    }

    .igJbpk .input--group .form--control {
        display: block;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        width: 100%;
        height: auto;
        border: none;
        outline: 0;
    }

    .jWHhPJ {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
    }

    .dLfqHe {
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        padding: 3px 6px;
        background: rgb(255, 255, 255);
        width: 50%;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: rgb(24, 24, 27);
        border-top: 1px solid rgb(218, 218, 218);
        border-bottom: 1px solid rgb(218, 218, 218);
        border-left: 1px solid rgb(218, 218, 218);
        border-image: initial;
        outline: none !important;
        border-right: 1px solid rgb(218, 218, 218) !important;
    }
    
    .vcGhJ {
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        padding: 3px 6px;
        background: rgb(255, 255, 255);
        width: 50%;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: rgb(24, 24, 27);
        border-top: 1px solid rgb(218, 218, 218);
        border-right: 1px solid rgb(218, 218, 218);
        border-bottom: 1px solid rgb(218, 218, 218);
        border-image: initial;
        outline: none !important;
        border-left: none !important;
    }

    .iKybLT {
        display: flex;
        flex-flow: wrap;
        -webkit-box-align: center;
        align-items: center;
    }

    .gJHkyF {
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        height: auto;
        min-width: auto;
        padding: 2px 6px;
        margin-right: 8px;
        margin-bottom: 12px;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: rgb(24, 24, 27);
        border-radius: 4px;
        cursor: pointer;
        user-select: none;
        border: 1px solid rgb(221, 226, 238);
        background-color: rgb(255, 255, 255);
    }

    .bwqTzc {
        position: relative;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .zNhmV {
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        margin-left: 0px;
        padding: 2px 6px;
        border-radius: 4px;
        font-weight: 400;
        font-size: 14px;
        cursor: pointer;
        background: rgb(255, 255, 255);
        border: 1px solid rgb(221, 226, 238);
        color: rgb(24, 24, 27);
        outline: none !important;
    }
   
    .cLuqMY {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin-right: 8px;
        margin-bottom: 12px;
        border-radius: 4px;
        padding: 2px 6px;
        cursor: pointer;
        border: 1px solid rgb(212, 212, 216);
        background-color: rgb(255, 255, 255);
    }

    .cLuqMY .checkbox--value {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        text-align: center;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: rgb(24, 24, 27);
    }

    .bOtfOq {
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
        gap: 0px;
        flex-flow: wrap;
    }

    .enablq {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin-right: 8px;
        margin-bottom: 12px;
        border-radius: 4px;
        padding: 0px 6px;
        height: 29px;
        cursor: pointer;
        border: 1px solid rgb(212, 212, 216);
        background-color: rgb(255, 255, 255);
    }

    .hCbBpA {
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        padding: 2px 6px;
        margin-right: 8px;
        margin-bottom: 12px;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: rgb(24, 24, 27);
        border-radius: 4px;
        cursor: pointer;
        user-select: none;
        border: 1px solid rgb(173, 186, 215);
        background-color: rgb(221, 226, 238);
    }

    .dmUHZb {
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        padding: 2px 6px;
        margin-right: 8px;
        margin-bottom: 12px;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: rgb(24, 24, 27);
        border-radius: 4px;
        cursor: pointer;
        user-select: none;
        border: 1px solid rgb(221, 226, 238);
        background-color: rgb(255, 255, 255);
    }

    .izAXQr {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin-right: 8px;
        margin-bottom: 12px;
        border-radius: 4px;
        padding: 0px 6px;
        height: 29px;
        cursor: pointer;
        border: 1px solid rgb(107, 128, 174);
        background-color: rgb(221, 226, 238);
    }

    .for_label_btm label{
        margin-bottom:0;
    }

    .hid_this{
        display: none;
    }

    .show_this{
        display: block!important;
    }

    .jHzFHc {
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        margin-left: 0px;
        padding: 8px;
        border-radius: 4px;
        font-weight: 500;
        font-size: 10px;
        cursor: pointer;
        background: rgb(221, 226, 238);
        border: 1px solid rgb(107, 128, 174);
        outline: none !important;
    }

    .shape_width_100 label{
        width:100%;
    }
    
    .shape_width_100 button{
        width: 100%;
    }

    .checked_this{
        display: none;
    }

    .ciGWZJ {
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        height: auto;
        min-width: 32px;
        padding: 2px 6px;
        margin-right: 8px;
        margin-bottom: 12px;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: rgb(24, 24, 27);
        border-radius: 4px;
        cursor: pointer;
        user-select: none;
        border: 1px solid rgb(173, 186, 215);
        background-color: rgb(221, 226, 238);
    }

    .check_color{
        display: none;
    }

    .check_clarity{
        display: none;
    }

    .check_cut{
        display: none;
    }

    .polish_type{
        display: none;
    }

    .check_sym{
        display: none;
    }

    .cut_type{
        display: none;
    }

    .check_flrclr{
        display: none;
    }

    .check_flr{
        display: none;
    }

    .check_ey{
        display: none;
    }

    .check_girdle{
        display: none;
    }

    .check_addmoo{
        display: none;
    }

    .check_inclusion{
        display: none;
    }

    .check_side_cgp{
        display: none;
    }

    .check_inclu_color{
        display: none;
    }

    .check_oi_table{
        display: none;
    }

    .checkoi_sides_cvg{
        display: none;
    }

    .GrbaV {
        display: flex;
        flex-direction: row;
        -webkit-box-pack: justify;
        justify-content: space-between;
        align-items: flex-start;
        padding: 12px 10px;
        background-color: rgb(250, 250, 250);
        position: relative;
        z-index: 1;
    }

    @media (min-width: 820px) {

            .GrbaV .image__section {
                padding: 0px 16px;
            }
        }

        .GrbaV > div {
            max-width: 16%;
        }
        
.blMFpb{
    display: flex;
    flex-direction: column;
    gap: 0px;
}        

        
.hwQFGB {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    display: flex;
}

.cartSI {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 0px;
}

.sXDux{
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    display: flex;
}

@media (min-width: 1024px) {
 
        .GrbaV .detail__grid {
            display: grid;
            grid-template-columns: auto auto;
            gap: 5px;
            -webkit-box-align: baseline;
            align-items: baseline;
        }
    }

    .hCMcHh {
        font-weight: 400;
        font-size: 12px;
        color: rgb(140, 140, 140);
        min-height: 18px;
    }

    .hiAXHc {
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        cursor: pointer;
        width: auto;
        height: auto;
        padding: 8px 16px;
        background: rgb(255, 255, 255);
        border: 1px solid rgb(218, 218, 218);
        border-radius: 8px;
    }

    .fVTkxH .share__btn {
        padding: 8px 16px;
        background: rgb(255, 255, 255);
        border: 1px solid rgb(218, 218, 218);
        color: inherit;
        border-radius: 8px;
        margin-top: 16px;
        height: 33px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-weight: 700;
        font-size: 12px;
        gap: 6px;
        cursor: pointer;
    }

    .forhoveraction:hover{
        background: black;
        transition: 0.2s;
    }

    .forhoveraction:hover svg{
        color:white;
        transition: 0.2s;
    }   

    .forhoveraction:hover .__text{
        color:white;
        transition: 0.2s;
    }   


    .sidebar {
        height: 100%;
        width: 0;
        position: fixed;
        box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.1); 
        top: 31px;
        right: 0;
        background-color: white;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 10px;
        z-index: 10000;
      }
      
      
      .sidebar.open {
        width: 100%;
      }
      
      .sidebar {
        height: 100%;
        width: 0;
        position: fixed;
        box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.1); 
        top: 0;
        right: 0;
        background-color: #FAFAF9;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 10px;
        z-index: 10000;
      }
      
      
     
      .foJDCw .diamond-detail-container {
        display: grid;
        grid-auto-rows: auto;
        padding: 30px 30px 10px;
        gap: 2px;
        width: 100%;
        max-width: 1200px;
        background: rgb(255, 255, 255);
        box-shadow: rgba(2, 2, 70, 0.05) 8px 8px 24px;
        height: fit-content;
        border-radius: 8px;
    }

    @media (min-width: 1024px) {
      
            .foJDCw .diamond-detail-container .diamond-detail-body {
                grid-template-columns: 275px 7.5fr;
            }}

           
            
            .foJDCw .diamond-detail-container .diamond-detail-body .diamond-image-card .diamond_info__tooltip .diamond_download__action--btn {
                display: flex;
                -webkit-box-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                align-items: center;
                width: calc(50% - 5px);
                border: 1px solid rgb(12, 10, 9);
                border-radius: 8px;
                background: rgb(255, 255, 255);
                padding: 5px 10px;
                cursor: pointer;
                box-shadow: rgba(2, 2, 70, 0.05) 8px 8px 24px;
                color: rgb(12, 10, 9);
                gap: 5px;
            }
            
            .dwn-btn-detail-page{
                outline: 0;
                border: 1 px solid black;
                background: none;
                font-size: 12px;
                border-radius:8px;
                padding: 4px 6px;
            }
            
            .dwn-btn-detail-page:hover{
                background: black;
                color:white;
            }

            .dwn-btn-detail-page:hover svg{
                color:white!important;
            }

            .top_heading_dtlpage{
                font-size: 24px;
                font-weight: 700;
            }

             .pdp_badge_button {
                display: flex;
                -webkit-box-align: center;
                align-items: center;
                text-align: center;
                padding: 4px 10px;
                border-radius: 4px;
            }

.second_sec_detailpage .price-section {
                display: flex;
                -webkit-box-align: center;
                align-items: center;
                flex-wrap: wrap;
                row-gap: 15px;
                -webkit-box-pack: justify;
                justify-content: space-between;
                border-bottom: 1px solid rgb(241, 241, 241);
                padding: 16px 0px 4px;
            }


            .second_sec_detailpage .haSCVO {
                height: 38px;
                width: 38px;
                max-width: none;
                font-weight: 500;
                line-height: 38px;
                font-size: 19px;
                margin-right: 4px;
                display: flex;
                -webkit-box-pack: center;
                justify-content: center;
                border-radius: 50%;
                border: 1px solid rgb(198, 201, 222);
                background: rgb(241, 242, 247);
                color: rgb(198, 201, 222);
            }
                 
            
            .second_sec_detailpage .price-items {
                display: flex;
                padding: 0px;
                -webkit-box-pack: justify;
                justify-content: space-between;
            }

            .second_sec_detailpage .price-items .price-icon-and-label {
                display: flex;
                flex-direction: row;
                gap: 0px;
                -webkit-box-align: center;
                align-items: center;
            }


            .second_sec_detailpage .price-items .price-per-carat {
                padding-left: 7px;
                padding-top: 7px;
                font-weight: 400;
                font-size: 12px;
                line-height: 16px;
                color: rgb(39, 39, 42) !important;
            }

            .second_sec_detailpage .price-items .font-bold {
                font-weight: 700;
            }

            .second_sec_detailpage .certificate_section {
                display: flex;
                flex-wrap: wrap;
                padding: 8px 0px 16px;
                gap: 5px 10px;
                position: relative;
            }

            .second_sec_detailpage .certificate_wrap {
                display: block;
                width: calc(20% - 20px);
                overflow: auto hidden;
            }

            .second_sec_detailpage .single_diamond_value {
                font-weight: 700;
                font-size: 14px;
                color: rgb(66, 66, 67);
            }