.mobile_only_slider_dot {
display: none;
}

/* PRODUCT CONTAINER  */
.mla_prd_cn {
width: 84%;
margin-left: 8%;
margin-right:8%;
margin-top: 20px;
height: auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
}

/* EACH PRODUCT  */
.mla_prdebx {
/* display: none; */
width: 23%;
height: auto;
border: 1px rgb(209, 209, 209) solid;
border-radius: 10px;
overflow: hidden;
margin-left: 10px;
margin-right: 10px;
margin-top: 25px;
transform: scale(100%);
transition-duration: 0.2s;
}

.mla_prdebx a {
text-decoration: none;
color: black;
}

.mla_prdic {
width: 100%;
height: 210px;
transition-duration: 0.2s;
}

.mla_prdic:hover {
opacity: 60%;
}

.mla_prd_rvw_inbx {
width: 100%;
height: 45px;
display: flex;
justify-content: left;
padding-left: 5px;
align-items: center;
}

.mla_prd_rvw_inbx i {
font-size: 12px;
}

.mla_prd_inbx_grnrv {
background-color: rgb(5, 155, 5);
color: white;
padding: 3px;
padding-left: 5px;
padding-right: 5px;
font-size: 15px;
padding-right: 5px;
border-radius: 5px;
margin-left: 10px;
font-family: "Arial", serif;
font-optical-sizing: auto;
}

.mla_prd_rvw_strrvbx {
padding-left: 5px;
font-family: "Noto Sans", serif;
font-optical-sizing: auto;
font-style: normal;
}

.mla_prd_rvw_strrvbx i {
color: rgb(215, 230, 1);
font-size: 18px;
margin-left: 2px;
margin-right: 2px;
}

.mla_prd_rvw_strrvbx i .grey {
color: rgb(232, 232, 232);
font-size: 18px;
}

.mla_prd_rvw_rvtx {
color: rgb(135, 135, 135); 
font-family: "Arial", serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 14px;
font-weight: 600;
padding-left: 5px;
}

/* TITLE BOX  */
.mla_prd_ttbx {
width: 100%;
height: 100px;
}

.mla_prd_ttl {
font-family: "Noto Sans", serif;
font-optical-sizing: auto;
font-style: normal;
padding: 5px;
font-size: 18px;
font-weight: 600;
color: black;
max-height: 55px;
text-overflow: ellipsis;
overflow: hidden;
padding-left: 15px;
}

.mla_prd_sbtl {
font-family: "Noto Sans", serif;
font-optical-sizing: auto;
font-style: normal;
padding: 5px;
font-size: 14px;
font-weight: 600;
color: rgb(122, 122, 122);
max-height: 45px;
padding-left: 15px;
text-overflow: ellipsis;
overflow: hidden;
}

/* PRICE BOX  */
.mla_prd_prc_bx {
height: 50px;
width: 100%;
display: flex;
justify-content: left;
padding-left: 5px;
align-items: center;
}

.mla_prd_prc_bx p:nth-child(1) {
font-family: "Arial", serif;
font-optical-sizing: auto;
font-style: normal;
padding: 5px;
font-size: 25px;
font-weight: 600;
color: rgb(30, 151, 0);
padding-left: 10px;
}

.mla_prd_prc_bx p:nth-child(2) {
font-family: "Poppins", serif;
font-optical-sizing: auto;
font-style: normal;
padding: 5px;
font-size: 13px;
font-weight: 600;
color: rgb(113, 113, 113);
text-decoration: line-through;
}

.mla_prd_prc_bx p:nth-child(3) {
background-color: rgb(5, 155, 5);
color: white;
padding: 3px;
padding-left: 5px;
padding-right: 5px;
font-size: 13px;
padding-right: 5px;
border-radius: 5px;
font-family: "Arial", serif;
font-optical-sizing: auto;
font-style: normal;
}

.mla_prd_ac_bx {
height: 70px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}

.mla_prd_ac_bx i {
padding-right: 10px;    
color:white;
font-size:18px;
}

.mla_prd_ac_bt {
width: 90%;
height: 50px;
margin-bottom: 10px;
background-color: black;
font-family: "Noto Sans", serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 400;
font-size: 15px;
color: white;
transform: scale(100%);
transition-duration: 0.2s;
cursor: pointer;
border: black;
border-radius: 15px;
margin-bottom: 10px;
}

.mla_prd_ac_bt:hover {
transform: scale(95%);
background-color: rgb(51, 51, 51);
}

.mla_prd_ac_bt_active {
width: 90%;
height: 50px;
background: radial-gradient(100% 100% at 100% 0, #ecc440 0, #e19a01 100%);
font-family: "Noto Sans", serif;
font-optical-sizing: auto;
opacity: 80%;
font-style: normal;
font-weight: 400;
border: rgba(193, 171, 8, 0.607);
font-size: 15px;
color: rgb(255, 255, 255);
transform: scale(100%);
transition-duration: 0.2s;
cursor: pointer;
border-radius: 15px;
}

.mla_prd_ac_bt_active:hover {
transform: scale(95%);
background: radial-gradient(100% 100% at 100% 0, #dcb638 0, #b87e01 100%);
}

.mla_prd_ac_OUT_bt {
width: 90%;
height: 50px;
margin-bottom: 10px;
background-color: rgb(181, 181, 181);
font-family: "Noto Sans", serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 400;
font-size: 15px;
color: white;
transform: scale(100%);
transition-duration: 0.2s;
cursor: pointer;
border: black;
border-radius: 15px;
margin-bottom: 10px;
}

.mla_prd_ac_OUT_bt:hover {
transform: scale(95%);
background-color: rgb(51, 51, 51);
}




/* SLIDER  */
.prd_slider {
width: 100%;
height: auto;
margin-top: 30px;
padding-top: 10px;
margin-bottom: 10px;
background-color: white;
}

.prd_sldr_mbx {
width: 1200px;
margin-left: auto;
margin-right: auto;
display: block;
height: auto;
overflow-x: hidden;
overflow-y: hidden;
transition-duration: 0.6s;
scroll-behavior: smooth;
background-color: rgb(255, 255, 255);
}

.prd_sldr_sld_cn {
width: 2400px;
height: auto;
padding-bottom: 10px;
display: flex;
}


.mnprdzmcn {
width: 57vw;
height: 85vh;
border: 1px black solid;
background-color: white;
position: fixed;
top: 12vh;
right: 20px;
z-index: 1000;
overflow: hidden;
}


/* ----------- EXPLODE PRODUCT ------------ */
.expd_wrp {
width: 100%;
min-height: 500px;
background-color: rgb(255, 255, 255);
background-repeat: repeat;
display: flex;
justify-content: start;
align-items: end;
flex-direction: column;
padding-bottom: 100px;
}

.exprd_nvhd {
width: 100%;
height: 40px;
margin-top: 1px;
background-color: rgb(235, 235, 235);
border-top: 1px rgb(204, 204, 204) solid;
border-bottom: 1px rgb(204, 204, 204) solid;
display: flex;
justify-content: space-evenly;
align-items: center;
}

.exprd_nvhd a {
font-family: "Noto Sans", serif;
font-optical-sizing: auto;
font-size: 15px;
max-width: 150px;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
margin-left: 10px;
margin-right: 10px;
text-decoration: none;
text-overflow: ellipsis;
overflow: hidden;
color: rgb(70, 70, 70);
}

.exprd_cn {
width: 80%;
margin-right: 10%;
margin-left: 10%;
height: auto;
margin-top: 20px;
background-color: white;
}

.exprd_ttbx {
width: 100%;
height: 50px;
position: relative;
}

.exprd_ttbx p:nth-child(1) {
font-family: "Noto Sans", serif;
font-optical-sizing: auto;
font-size: 15px;
padding-top: 5px;
padding-left: 15px;
color: black;
font-weight: 500;
}

.exprd_ttbx p:nth-child(2) {
font-family: "Noto Sans", serif;
font-optical-sizing: auto;
font-size: 14px;
padding-top: 5px;
padding-left: 15px;
color: rgb(171, 171, 171);
font-weight: 500;
}

.exprd_ttbx select {
float: right;
margin-right: 50px;
margin-top: -35px;
cursor: default;
font-size: 15px;
line-height: 20px;
z-index: 60;
padding-right: 10x;
padding-left: 10px;
height: 40px;
background-color: #fff;
border: 1px solid #d6d6e7;
border-radius: 3px;
color: rgb(35, 38, 59);
box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%);
overflow: hidden;
transition: all 100ms ease-in-out;
width: 150px;
outline: none;
font-family: 'Inter', sans-serif;   
}

.ath_fm_inp select:focus {
border-color: #2260ff;
box-shadow: 0 0 0 4px #dfe6f8;
}

.exprd_bdbx {
display: flex;
width: 100%;
height: auto;
justify-content: start;
align-items: center;
flex-wrap: wrap;
padding-bottom: 50px;
min-height: 500px;
}

.exprd_btmlmr {
width: 100%;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
}







/* --------------------------------------------------- */
/* --------------- EACH PRODUCT PAGE ----------------- */
/* --------------------------------------------------- */
.prdbd_wrp {
width: 100%;
height: auto;
background-color: rgb(255, 255, 255);
}

.prdbd_cn{
width: 100%;
height: auto;
}

.pdbd_scs_bx {
width: 95%;
height: auto;
margin-left: 2.5%;
margin-right: 2.5%;
display: flex;
}

.pdbd_scs_pimgbx {
width: 40%;
height: auto;
margin-top: 20px;
}

.pdbd_scs_pimg_inbx {
width: 100%;
height: auto;
display: flex;
}

.pdbd_scs_pimg_lftbx {
width: 100px;
height: 480px;
display: flex;
justify-content: start;
align-items: center;
padding-top: 20px;
flex-direction: column;
border: 2px rgb(243, 243, 243) solid;
}

.prdimgsd {
width: 60px;
height: 60px;
margin-top: 10px;
transition-duration: 0.2s;
padding: 5px;
border: 2px rgb(255, 255, 255) solid;
}
.prdimgsd:hover {
border: 2px blue solid;
}

.prdimgsd_active {
border: 2px blue solid;
}

.pdbd_scs_pimg_rgtbx {
width: 100%;
height: 480px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
border: 2px rgb(243, 243, 243) solid;
}

.zoom_container {
width: 800px;
height: 550px;
position: absolute;
z-index: 600;
top: 50px;
border: 1px black solid;
right: 50px;
overflow: hidden;
}

.pdbd_scs_pimg_rgtbx img {
width: 85%;
}

/* IFRAME  */
#prodifrm {
display: none;
}



.pdbd_scs_imgbtnbx {
width: 100%;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
padding-left: 100px;
border: none;
}

.pdbd_scs_imgbtnbx button {
background: radial-gradient(100% 100% at 100% 0, #ecc440 0, #e19a01 100%);
border: 1px solid transparent;
border-radius: 3px;
box-shadow: rgba(229, 223, 169, 0.4) 0 2px 4px, rgba(244, 212, 152, 0.3) 0 7px 13px -3px, rgba(176, 136, 2, 0.5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-family: 'Poppins', sans-serif;  
height: 50px;
width: 50%;
margin-right: 20px;
text-decoration: none;
transition: box-shadow .15s, transform .15s;
user-select: none;
font-size: 20px;
display: none;
}
.pdbd_scs_imgbtnbx button:focus {
box-shadow: #e0ac3c 0 0 0 1.5px inset, rgba(66, 64, 35, 0.4) 0 2px 4px, rgba(66, 60, 35, 0.3) 0 7px 13px -3px, #e09e3c 0 -3px 0 inset;
}
.pdbd_scs_imgbtnbx button:hover {
box-shadow: rgba(207, 146, 2, 0.4) 0 4px 8px, rgba(183, 160, 12, 0.3) 0 7px 13px -3px, #b88701 0 -3px 0 inset;
transform: translateY(-2px);
}
.pdbd_scs_imgbtnbx button:active {
box-shadow: #d79925 0 3px 7px inset;
transform: translateY(2px);
}

.pdbd_scs_imgbtnbx button i {
padding-right: 10px;
}

.pdbd_scs_pdescbx {
width: 60%;
height: 550px;
overflow-x: hidden;
overflow-y: scroll;
border: 2px rgb(243, 243, 243) solid;
margin-top: 20px;
margin-bottom: 30px;
border-bottom: none;
border-left: none;
z-index: 0;

}

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

.pdbd_scs_cttx {
font-family: 'Poppins', sans-serif;  
font-size: 15px;
color: rgb(196, 194, 194);
padding-top: 15px;
padding-left: 25px;
}

/* OUT OF STOCK  */
.ofs009 {
font-family: 'Poppins', sans-serif;  
font-size: 25px;
font-weight: bold;
color: rgb(254, 74, 74);
padding-top: 15px;
padding-left: 25px;
display: none;
}


.pdbd_scs_ttlx {
font-family: 'Inter', sans-serif;  
font-size: 28px;
font-weight: 600;
color: black;
padding-right: 5px;
padding-top: 15px;
padding-left: 25px;
}

.pdbd_scs_sbtlx {
font-family: 'Inter', sans-serif;  
font-size: 17px;
font-weight: 400;
color: rgb(90, 89, 89);
padding-right: 5px;
padding-top: 10px;
padding-left: 25px;
}

.prdbd_shcs_rvbx {
width: 100%;
height: 60px;
display: flex;
justify-content: start;
align-items: center;
}

.prdbd_shcs_rvgnbx {
background-color: rgb(5, 155, 5);
color: white;
width: 55px;
height: 30px;
font-size: 15px;
border-radius: 5px;
margin-left: 25px;
font-family: "Arial", serif;
font-optical-sizing: auto;
font-weight: 400;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}

.prdbd_shcs_rvgnbx i {
color: rgb(255, 255, 255);
font-size: 15px;
margin-left: 5px;
}

.prdbd_shcs_rvstrbx {
width: 150px;
height: 50px;
display: flex;
justify-content: start;
align-items: center;
flex-direction: row;
margin-left: 20px;
}

.prdbd_shcs_rvstrbx i {
font-size: 25px;
color: rgb(255, 202, 10);
margin-left: 5px;
}

.prdbd_shcs_rvcusbx {
font-family: 'Inter', sans-serif;  
font-size: 13px;
font-weight: 500;
padding-top: 3px;
padding-left: 10px;
color: rgb(90, 89, 89);
font-style: italic;
}

.pdbd_scs_wslt_dctx {
width: 100%;
height: 30px;
display: flex;
justify-content: space-between;
align-items: start;
padding-left: 25px;
}

.pdbd_scs_dctx {
font-family: "Arial", serif;
font-optical-sizing: auto;
font-style: normal;
padding: 5px;
font-size: 18px;
font-weight: 600;
color: rgb(30, 151, 0);
}

.pdbd_scs_prcbx {
height: 60px;
display: flex;
justify-content: start;
align-items: center;
width: 100%;
}

.pdbd_scs_pcrtx {
font-family: "Arial", sans-serif;
font-optical-sizing: auto;
font-style: normal;
padding: 5px;
font-size: 45px;
font-weight: 600;
color: rgb(4, 151, 26);
padding-left: 25px;
transition-duration: 1s;
overflow: hidden;
}

.d::after {
content: '';
position: absolute;
top: 0;
left: -150%; 
width: 200%;
height: 100%;
background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(187, 187, 187, 0.5) 50%,
    rgba(255, 255, 255, 0) 100%
);
transform: skewX(-45deg);
animation: mcshine 2.5s infinite;
}

@keyframes mcshine {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}

.pdbd_scs_prcbx p:nth-child(2) {
font-family: "Arial", sans-serif;
font-optical-sizing: auto;
font-style: normal;
margin-left: 20px;
font-size: 25px;
font-weight: 400;
color: rgb(173, 173, 173);
text-decoration: line-through;
}

.pdbd_scs_prcbx p:nth-child(3) {
background-color: rgb(5, 155, 5);
color: white;
padding-left: 10px;
padding-right: 10px;
padding-top: 8px;
padding-bottom: 7px;
margin-left: 10px;
font-size: 15px;
border-radius: 5px;
font-family: "Arial", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}

.pdbd_scs_mrptx {
font-family: "Arial", sans-serif;
font-optical-sizing: auto;
font-style: normal;
margin-left: 25px;
margin-top: 15px;
font-size: 15px;
font-weight: 400;
color: rgb(177, 177, 177);
}

.pdbd_scs_dscbx {
width: 100%;
height: auto;
margin-top: 20px;
margin-bottom: 30px;
}

.pdbd_scs_dscbx table {
width: auto;
height: auto;
margin-left: 25px;
}

.pdbd_scs_dscbx table tr td:nth-child(1) {
font-weight: 600;
}

.pdbd_scs_dscbx table tr td{
font-family: "Arial", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 15px;
border: 1px rgb(236, 236, 236) solid;
color: black;
padding: 10px;
}

.pdbd_scs_offbx {
width: 100%;
height: auto;
padding:10px;
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
padding-left: 20px;
}

.pdbd_scs_offbx div {
cursor: default;
width: auto;
height: 30px;
transform: scale(100%);
border-radius: 5px;
color: white;
background: radial-gradient(circle at 24.1% 68.8%, rgb(1, 184, 44) 0%, rgb(84, 228, 0) 99.4%);
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
margin: 7px;
z-index: 400;
font-family: "Arial", sans-serif;
border: 1px rgba(0, 205, 0, 0.4) groove;
transition-duration: 0.3s;
box-shadow: 0px 0px 15px 5px rgba(172, 172, 172, 0.4);
position: relative;
overflow: hidden;
}

.pdbd_scs_offbx div::after {
content: '';
position: absolute;
top: 0;
left: -150%; 
width: 200%;
height: 100%;
background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0) 100%
);
transform: skewX(-45deg);
animation: shine 2s infinite;
}

.pdbd_scs_unitbx {
width: 100%;
display: flex;
justify-content: start;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
padding-left: 25px;
padding-top: 15px;
position: relative;
padding-bottom: 20px;
}

.pdbd_scs_varity {
box-shadow: 0 0 0 0.0625em #b5bfd9;
letter-spacing: .05em;
font-family: 'Inter', sans-serif;
color: #3e4963;
text-align: center;
transition: background-color .5s ease;
background-color: #f3f3f3;
min-width: 80px;
padding-left: 10px;
padding-right: 10px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
margin: 5px;
cursor: default;
}

.pdbd_scs_varity:hover {
box-shadow: 0 0 0 0.0625em #0043ed;
background-color: #dee7ff;
z-index: 1;
color: #0043ed;
}

.activ_vari {
box-shadow: 0 0 0 0.0625em #0043ed;
background-color: #dee7ff;
z-index: 1;
color: #0043ed;
}

.pdbd_scs_varity_lbl {
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-style: normal;
margin-top: 15px;
margin-left:25px;
font-size: 16px;
font-weight: 500;
font-style: italic;
color: rgb(75, 75, 75);
}

.pdbd_scs_gftbx {
width: 510px;
margin-top: 15px;
margin-left: 25px;
height: 50px;
background-color: rgb(240, 253, 253);
border: 3px rgb(184, 250, 252) solid;
/* display: flex; */
display: none;
justify-content: center;
align-items: center;
cursor: default;
transition-duration: 0.2s;
}

.pdbd_scs_gftbx:hover {
border: 3px rgb(2, 222, 230) solid;
}

.pdbd_scs_gftbx_active {
width: 510px;
margin-top: 15px;
margin-left: 25px;
height: 50px;
background-color: rgb(240, 253, 240);
border: 3px rgb(186, 252, 184) solid;
display: flex;
justify-content: center;
align-items: center;
cursor: default;
transition-duration: 0.2s;
}

.pdbd_scs_gftbx_active:hover {
border: 3px rgb(2, 230, 63) solid;
}

.pdbd_scs_gftbx img, .pdbd_scs_gftbx_active img {
width: 30px;
}

.pdbd_scs_gftbx p, .pdbd_scs_gftbx_active p {
font-family: "Arial", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 19px;
font-display: 400;
color: rgb(10, 11, 11) ;
margin-left: 15px;
}

.pdbd_scs_delbx {
width: 100%;
height: 190px;
margin-bottom: 10px;
padding-top: 5px;
padding-left: 10px;
}

.pdbd_scs_deltx{
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 24px;
font-weight: 600;
color: rgb(75, 75, 75);
margin-left: 15px;
padding-top: 15px;
width: 100%;
display: block;
}

.pdbd_scs_del_inbx {
width: 100%;
height: 90px;
display: none;
}

.rti998 {
background-color: rgb(245, 245, 245);
border-radius: 5px;
border: 1px rgb(218, 218, 218) solid;
}

.crt_useradd_con {
width: 100%;
height: auto;
min-height: 50px;
margin-top: 10px;
display: flex;
justify-content: left;
align-items: center;
display: none;
}

.crt_useradd_con p {
font-family: 'Inter', sans-serif;
color: #3e4963;
font-optical-sizing: auto;
font-style: normal;
font-weight: 400;
font-size: 16px;
padding: 10px;
margin-left: 15px;
line-height: 24px;
font-weight: 400;
border-radius: 3px;
width: 70%;
background-color: rgb(245, 245, 245);
border-radius: 5px;
border: 1px rgb(218, 218, 218) solid;
margin: 15px;
margin-right: 0px;
}

.pdbd_scs_del_selbx {
width: 500px;
height: 70px;
}


/* SELECT  */
#ools2254{
position: relative;
display: none;
cursor: text;
font-size: 15px;
line-height: 20px;
cursor: default;
z-index: 60;
padding-right: 15px;
padding-left: 15px;
height: 45px;
background-color: #fff;
border: 1px solid #d6d6e7;
border-radius: 3px;
color: rgb(35, 38, 59);
box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%);
overflow: hidden;
transition: all 100ms ease-in-out;
width: 60%;
outline: none;
display: none;
font-family: 'Inter', sans-serif;   
appearance: none;
-webkit-appearance: none;
-moz-appearance: none; 
}

#ools2254:focus {
border-color: #2260ff;
box-shadow: 0 0 0 4px #dfe6f8;
}

.vew445 {
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-style: normal;
margin-top: 15px;
margin-left: 15px;
font-size: 15px;
font-weight: 400;
font-style: italic;
color: rgb(75, 75, 75);
}

/* PIN CODE CHECK  */
.pdbd_scs_del_chinp{
position: relative;
font-size: 15px;
line-height: 20px;
cursor: text;
z-index: 60;
padding-right: 15px;
padding-left: 15px;
margin-left: 15px;
margin-top: 15px;
height: 45px;
background-color: #fff;
border: 1px solid #d6d6e7;
border-bottom: 4px #d6d6e7 solid;
border-radius: 3px;
color: rgb(35, 38, 59);
box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%);
overflow: hidden;
transition: all 100ms ease-in-out;
width: 50%;
display: none;
outline: none;
font-family: 'Inter', sans-serif;   
}

.pdbd_scs_del_chinp select:focus {
border-color: #2260ff;
box-shadow: 0 0 0 4px #dfe6f8;
}

.pdbd_scs_del_chinp[type="number"]::-webkit-inner-spin-button, 
.pdbd_scs_del_chinp[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

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


.pdbd_scs_del_lftbx button{
display: none;
}

/* DELVIERY STATUS BOX  */
.pdbd_scs_del_txbx {
width: 100%;
height: 30px;
display: flex;
}

.pdbd_scs_del_txbx p:nth-child(1){
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 14px;
margin-bottom: 20px;
margin-left: 15px;
margin-right: 5px;
width: 40px;
text-align: center;
height: 25px;
padding-top: 4px;
font-weight: 400;
background-color: rgb(5, 155, 5);
color: white;
border-radius: 3px;
}
.pdbd_scs_del_txbx p:nth-child(2){
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 14px;
margin-left: 0px;
padding-top: 5px;
font-weight: 400;
color: rgb(0, 0, 0) ;
}

.pdbd_scs_tgsbx {
width: 100%;
height: auto;
padding-top: 25px;
padding-bottom: 25px;
background-color: rgb(255, 255, 255);
display: flex;
justify-content: space-evenly;
align-items: center;
border: 3px rgb(216, 216, 216) dotted;
}

.pdbd_scs_tgsbx div {
width: 150px;
height:130px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}

.pdbd_scs_tgsbx div img {
width: 50%;
}

.pdbd_scs_tgsbx div p {
font-family: "Arial", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 18px;
margin-top: 10px;
font-weight: 600;
color: rgb(39, 39, 39) ;
}
  
.pdbd_scs_txbx {
width: auto;
height: 80px;
margin-top: 30px;
display: flex;
justify-content: start;
align-items: center;
padding-left: 25px;
}

.pdbd_scs_polibx {
width: 100%;
height: auto;
margin-top: 40px;
padding-left: 25px;
padding-right: 25px;
}

.pdbd_scs_polibx p:nth-child(1) {
font-family: "Poppins", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 20px;
margin-top: 10px;
font-weight: 600;
color: rgb(39, 39, 39) ;
}

.pdbd_scs_polibx p:nth-child(2) {
font-family: "Popppins", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 18px;
margin-top: 0px;
font-weight: 400;
color: rgb(25, 25, 25);
}

.pdbd_desc_bx {
width: 100%;
height: 100;
background-color: rgb(255, 255, 255);
margin-top: 70px;
}

.pdbd_desc_hd {
font-family: "Popppins", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 18px;
font-weight: 600;
color: rgb(25, 25, 25);
background-color: rgb(239, 236, 236);
padding:20px;
padding-top: 25px;
}

.pdbd_desc_ctn {
font-family: "Lato", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 17px;
margin-top: 0px;
line-height: 25px;
font-weight: 400;
color: rgb(57, 57, 57);
padding: 20px;
}

.pdbd_specf_ctn {
width: 100%;
height: auto;
padding: 20px;
}

.pdbd_specf_ctn table {
border-collapse: collapse;
margin:20px;
}

.pdbd_specf_ctn table tr td:nth-child(1){
width: 40%;
height: 30px;
border: 1px rgb(241, 241, 241) solid;
border-collapse: collapse;
padding: 12px;
font-weight: 600;
font-family: "Lato", sans-serif;
}
.pdbd_specf_ctn table tr td:nth-child(2){
width: 60%;
height: 30px;
border: 1px rgb(241, 241, 241) solid;
border-collapse: collapse;
padding: 12px;
font-family: "Lato", sans-serif;
}

.pdbd_rwvw_bx {
width: 100%;
height: 100px;
display: flex;
justify-content: start;
align-items: center;
margin-bottom: 40px;
margin-top: 40px;
padding-left: 25px;
}

.pdbd_rv_deg {
width: 200px;
height: 150px;
display: flex;
position: relative;
}

.pdbd_rv_deg p:nth-child(1){
font-family: "Lato", sans-serif;
color: rgb(0, 0, 0);
font-size: 33px;
font-weight: 600;
padding-top: 25px;
}

.pdbd_rv_deg i{
color: rgb(0, 0, 0);
font-size: 25px;
font-weight: 600;
padding-top: 33px;
padding-left: 20px;
}

.pdbd_rv_deg p:nth-child(3){
font-family: "Lato", sans-serif;
color: rgb(174, 174, 174);
font-size: 15px;
font-weight: 600;
margin-top: 75px;
position: absolute;
}


.pdbd_rv_reg {
width: 250px;
height: 150px; 
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
}

.pdbd_rv_fre{
width: 200px;
height: 25px;
display: flex;
justify-content: start;
align-items: center;
}

.pdpr_rv_jui {
font-family: "Lato", sans-serif;
color: rgb(0, 0, 0);
font-size: 15px;
font-weight: 600;
}

.pdbd_rv_fre p i{
color: rgb(0, 0, 0);
font-size: 15px;
margin-left: 5px;
margin-right: 5px;
}

.pdbd_rv_vge {
height: 7px;
width: 100px;
background-color: rgb(232, 234, 232);
margin-left: 5px;
border-radius: 3px;
}

.pdbd_rv_uge {
width: 0%;
height: 7px;
background-color: rgb(7, 214, 7);
}

.pdbd_rv_rge {
width: 0%;
height: 7px;
background-color: rgb(241, 98, 9);
}

.pdbd_rv_ugetx {
font-family: "Lato", sans-serif;
color: rgb(123, 123, 123);
font-size: 12px;
margin-left: 10px;
}

.pdbd_rv_peg {
width: 300px;
height: 150px;
}

.pdbd_rv_gretx {
font-family: "Lato", sans-serif;
color: rgb(0, 0, 0);
font-size: 20px;
font-weight: 600;
padding-top: 20px;
}

.pdbd_rv_greinb {
width: 90%;
height: 50px;
display: flex;
margin-top: 15px;
transition-duration: 0.2s;
}

.pdbd_rv_greinb img:hover {
opacity: 70%;
}

/* FAQ  */
.pdbd_rv_faqec {
width: 100%;
/* height: 60px; */
height: auto;
overflow: hidden;
background-color: rgb(255, 255, 255);
transition-duration: 0.8s;
border-bottom: 1px rgb(198, 197, 197) dotted;
}

.pdbd_rv_faqhdbx {
width: 100%;
height: 60px;
display: flex;
transition-duration: 0.2s;
cursor: default;
}

.pdbd_rv_faqhdbx:hover {
background-color: rgb(243, 243, 244);
}

.pdbd_rv_faqhdtx {
font-family: "Lato", sans-serif;
color: rgb(0, 0, 0);
font-size: 18px;
width: 90%;
margin-top: 20px;
margin-left: 25px;
}

.pdbd_rv_faqhdbx img {
width: 100%;
height: 50px;
float: right;
margin-right: 15px;
margin-top: 20px;
width: 22px;
height: 22px;
}

.pdbd_rv_faqbdbx {
width: 100%;
min-height: 50px;
background-color: rgb(255, 255, 255);
padding: 20px;
padding-top: 0px;
}

.pdbd_rv_faqbdtx {
font-family: "Lato", sans-serif;
color: rgb(0, 0, 0);
font-size: 16px;
background-color: rgb(244, 242, 242);
padding: 20px;
}



/* HYBRID VIEWPORT */
@media  (min-width: 700px) and (max-width: 1000px) {
  
/* SLIDER  */
.prd_slider {
  width: 100%;
  height: auto;
  margin-top: 30px;
  padding-top: 10px;
  background-color: rgb(255, 255, 255);
  }
  
  .prd_sldr_mbx {
  width: 800px;
  }

  .prd_sldr_sld_cn {
  width: 1600px;
  }
    
  .mla_prdic {
  height: 200px;
  }
  
  .mla_prd_rvw_inbx {
  padding-left: 5px;
  }

  .mla_prd_inbx_grnrv {
  font-size: 12px;
  margin-left: 5px;
  }
  
  .mla_prd_rvw_strrvbx {
  padding-left: 5px;
  }
  
  .mla_prd_rvw_strrvbx i {
  font-size: 18px;
  }
  
  .mla_prd_rvw_strrvbx i .grey {
  font-size: 18px;
  }
  
  .mla_prd_rvw_rvtx {
  display: none;
  }
  
  /* TITLE BOX  */
  .mla_prd_ttbx {
  max-height: 100px;
  }
  
  .mla_prd_ttl {
  font-size: 12px;
  padding-left: 10px;
  max-height: 55px;
  }

 .mla_prd_sbtl {
  font-size: 10px;
  max-height: 35px;
  padding-left: 10px;
  overflow: hidden;
  }
  
  .prdbd_shcs_rvgnbx {
  margin-left: 15px;
  }

  /* PRICE BOX  */
  .mla_prd_prc_bx {
  height: 30px;
  width: 100%;
  }
  
  .pdbd_scs_wslt_dctx {
  padding-left: 0px;
  }
  
  .mla_prd_prc_bx p:nth-child(1) {
  padding: 5px;
  font-size: 15px;
  color: rgb(30, 151, 0);
  padding-left: 5px;
  float: left;
  }
  
  .mla_prd_prc_bx p:nth-child(2) {
  font-size: 10px;
  font-weight: 600;
  }
  
  .mla_prd_prc_bx p:nth-child(3) {
  font-size: 10px;
  padding: 3px;
  }
  
  .mla_prd_ac_bx {
  height: 50px;
  margin-top: 5px;
  }
  
  .mla_prd_ac_bx i {
  padding-right: 10px;    
  color:white;
  font-size:15px;
  }
  
  .mla_prd_ac_bt {
  width: 90%;
  height: 40px;
  margin-bottom: 10px;
  font-size: 13px;
  border-radius: 5px;
  }

  
  /* EXPLORE MORE PRODUCT  */
  .exprd_cn {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 15px;
  }

  .exprd_ttbx {
  width: 85%;
  margin-left: 10%;
  margin-right: 5%;
  }

  .exprd_bdbx {
  width: 90%;
  height: auto;
  margin-left: 5%;
  margin-right: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  }
  
  .exprd_bdbx .mla_prdebx {
  width: 20%;
  }



  /* EACH PRODUCT PAGE  */
  .exprd_nvhd {
  height: 40px;
  }

  .exprd_nvhd p {
  font-size: 10px;
  max-width: 100px;
  }

  .pdbd_scs_pimg_rgtbx img {
  width: 90%;
  }

  .pdbd_scs_pimg_lftbx {
  height: 440px;
  display: flex;
  padding-top: 0px;
  }
  
  .pdbd_scs_pimg_lftbx img {
  width: 60px;
  height: 60px;
  }

  .pdbd_scs_pimg_rgtbx {
  height: 440px;
  }

  .pdbd_scs_imgbtnbx {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: end; 
  padding: 0px; 
  }

  .pdbd_scs_imgbtnbx button {
  width: 40%;
  font-size: 16px;
  margin-right: 10px;
  }

  .pdbd_scs_pdescbx {
  width: 60%;
  height: auto;
  }
  
  .pdbd_scs_cttx {
  font-size: 10px;
  padding-left: 15px;
  }
  
  .pdbd_scs_ttlx {
  font-size: 22px;
  padding-left: 15px;
  }
  
  .pdbd_scs_sbtlx {
  font-size: 12px;
  padding-left: 15px;
  }
  
  .prdbd_shcs_rvbx {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: start;
  align-items: center;
  }
  
  .prdbd_shcs_rvcusbx {  
  font-size: 11px;
  }
  
  .pdbd_scs_dctx {
  font-size: 13px;
  padding-left: 15px;
  }
  
  .pdbd_scs_pcrtx {
  font-size: 40px;
  padding-left: 15px;
  }
  
  .pdbd_scs_prcbx p:nth-child(2) {
  margin-left: 15px;
  font-size: 20px;
  }
  
  .pdbd_scs_prcbx p:nth-child(3) {
  font-size: 12px;
  }
  
  .pdbd_scs_mrptx {
  margin-left: 10px;
  font-size: 10px;
  }
  
  .pdbd_scs_offbx div {
  padding: 10px;
  font-size: 12px;
  }
  
  .pdbd_scs_deltx{
  font-size: 14px;
  width: 30%;
  }
  
  .pdbd_scs_del_inbx {
  width: 70%;
  margin-left: 30px;
  }
  
  .pdbd_scs_del_selbx {
  width: 100%;
  height: 70px;
  margin-left: 0px;
  padding-left: 10px;
  }
  
  .pdbd_scs_del_selbx select{
  padding-left: 10px;
  height: 50px;
  width: 50%;
  padding-right: 10px;
  }
  
  .pdbd_scs_del_extx {
  font-size: 13px;
  }
    
  .pdbd_scs_polibx {
  margin-top: 40px;
  padding-left: 0px;
  padding-right: 0px;
  }
    
  .pdbd_scs_polibx p:nth-child(1) {
  font-size: 17px;
  margin-left: 0px;
  padding-left: 0px;
  }
  
  .pdbd_scs_polibx p:nth-child(2) {
  font-size: 14px;
  padding-top: 5px;
  text-align: justify;
  padding-right: 15px;
  }
  
  .pdbd_desc_bx {
  width: 100%;
  height: 100;
  background-color: rgb(255, 255, 255);
  margin-top: 70px;
  margin-left: 0px;
  }
  
  .pdbd_desc_hd {
  font-size: 17px;
  }
  
  .pdbd_desc_ctn {
  font-size: 14px;
  text-align: justify;
  padding-left: 0px;
  margin-left: 0px;
  }
  
  .pdbd_specf_ctn table {
  padding-left: 0px;
  margin-left: 0px;
  }
  
  .pdbd_specf_ctn table tr td:nth-child(1){
  width: 40%;
  height: 35px;
  }
  .pdbd_specf_ctn table tr td:nth-child(2){
  width: 60%;
  height: 35px;
  }

  .pdbd_rwvw_bx {
  justify-content: start;
  height: 100px;
  }
  
  .pdbd_rv_deg {
  width: 25%;
  padding-left: 15px;
  }

  .pdbd_rv_deg i{
  width: 25%;
  font-size: 20px;
  padding-top: 35px;
  padding-left: 15px;
  }

  .pdbd_rv_deg p:nth-child(3){
  font-size: 12px;
  }
    
  .pdbd_rv_reg {
  width: 35%;
  padding-left: 0px;
  padding-right: 0px;
  }
  
  .pdbd_rv_vge {
  width: 80px;
  }
  
  .pdbd_rv_peg {
  width: 40%;
  height: 100px;
  }
    
  .pdbd_rv_gretx {
  font-size: 16px;
  text-align: center;
  }
  
  .pdbd_rv_greinb {
  width: 90%;
  height: 40px;
  display: flex;
  justify-content: start;
  align-items: start;
  margin-top: 10px;
  padding-left: 10px;
  }

  .pdbd_rv_greinb img{
  width: 30px;
  height: 30px;
  }
  .pdbd_rv_greinb img:hover {
  opacity: 70%;
  }

  .pdbd_rv_faqbdtx {
  font-size: 12px;
  background-color: rgb(244, 242, 242);
  padding: 10px;
  }

}





/* MOBILE VIEWPORT */
@media  (max-width: 700px) {
  .prd_sldr_mbx {
  width: 380px;
  }
    
  .prd_sldr_sld_cn {
  width: 1520px; 
  /* width: 3040px; */
  height: auto;
  padding-bottom: 10px;
  display: flex;
  background-color: ye;
  }

  .mobile_only_slider_dot {
  display: block;
  }

  /* EXPLORE MORE PRODUCT  */
  .exprd_nvhd {
    display: none;
  }

  .expd_wrp {
    margin-top: 80px;
  }

  .exprd_cn {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  }
  
  .exprd_ttbx {
  width: 90%;
  height: 55px;
  margin-left: 5%;
  margin-right: 5%;
  }
  
  .exprd_ttbx p:nth-child(1) {
  font-size: 12px;
  padding-left: 0px;
  padding-top: 0px;
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
  }

  .exprd_ttbx p:nth-child(2) {
  font-size: 12px;
  padding-left: 0px;
  padding-top: 3px;
  }

  .exprd_ttbx select {
  float: right;
  width: 130px;
  height: 40px;
  margin-top: -30px;
  margin-right: 0px;
  }

  .exprd_bdbx {
  width: 96%;
  height: auto;
  margin-left: 2%;
  margin-right: 2%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  overflow: hidden;
  }
  
  .exprd_bdbx .mla_prdebx {
  width: 48%;
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 5px;
  }

  .mla_prdebx {
  width: 48%;
  margin-right: 4px;
  margin-left: 0px;
  margin-top: 5px;
  }

  .mla_prdic {
  height: 180px;
  }

  .mla_prd_rvw_inbx {
  height: 35px;
  padding-left: 0px;
  }

  .mla_prd_inbx_grnrv {
  padding: 3px;
  display: flex;
  font-size: 12px;
  padding-left: 6px;
  }

  .mla_prd_inbx_grnrv i {
  font-size: 10px;
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 6px;
  }

  .mla_prd_rvw_strrvbx {
  padding-left: 5px;
  font-family: "Noto Sans", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 5px;
  }

  .mla_prd_rvw_rvtx{
  display: none;
  }

  .mla_prd_ttbx {
  height: 100px;
  }

  .mla_prd_ttl {
  font-size: 13px;
  height: 45px;
  padding-left: 10px;
  }

  .mla_prd_sbtl {
  font-size: 10px;
  height: auto;
  padding-left: 10px;
  }

  .pdbd_scs_wslt_dctx {
  padding-left: 0px;
  height: 20px;
  }

  .mla_prd_prc_bx {
  height: 60px;
  display: block;
  }

  .mla_prd_prc_bx p:nth-child(1) {
  font-size: 22px;
  margin-top: -5px;
  margin-left: -5px;
  }

  .mla_prd_prc_bx p:nth-child(2) {
  font-size: 14px;
  display: block;
  margin-top: 0px;
  }

  .mla_prd_prc_bx p:nth-child(3) {
  font-size: 13px;
  float: right;
  margin-top: -60px;
  margin-right: 10px;
  }

  .mla_prd_ac_bx {
  height: 70px;
  padding-top: 5px;
  }



  /* EACH PRODUCT PAGE  */
  .pdbd_scs_bx {
  width: 98%;
  height: auto;
  margin-left: 1%;
  margin-right: 1%;
  display: block;
  margin-top: 90px;
  }

  .pdbd_scs_pimg_inbx {
  width: 100%;
  height: auto;
  margin: 0px;
  display: flex;
  flex-direction: column-reverse;
  }

  .pdbd_scs_pimgbx {
  width: 100%;
  height: auto;
  margin-top: 20px;
  }

  .pdbd_scs_pimg_rgtbx {
  height: 430px;
  border: none;
  align-items: start;
  }

  .pdbd_scs_pimg_rgtbx img {
  width: 95%;
  }

  .pdbd_scs_pimg_lftbx {
  height: 80px;
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  padding-top: 0px;
  padding-left: 10px;
  }
  
  .pdbd_scs_pimg_lftbx img {
  width: 60px;
  height: 60px;
  margin-top: 0px;
  margin-left: 5px;
  }

  .pdbd_scs_imgbtnbx {
  width: 100%;
  display: flex;
  position: fixed;
  bottom: 0px;
  left: 0px;
  justify-content: space-evenly;
  align-items: center; 
  padding: 0px; 
  z-index: 1000;
  }

  .pdbd_scs_imgbtnbx button {
  width: 45%;
  font-size: 18px;
  font-weight: 600;
  margin: 0px;
  }

  .pdbd_scs_pdescbx {
  width: 100%;
  height: auto;
  }

  .pdbd_scs_cttx {
  font-size: 10px;
  color: rgb(104, 104, 104);
  padding-left: 15px;
  }
  
  .pdbd_scs_ttlx {
  font-size: 20px;
  padding: 5px;
  line-height: 27px;
  padding: 10px;
  padding-left: 15px;
  }
  
  .pdbd_scs_sbtlx {
  font-size: 12px;
  padding-left: 15px;
  padding-right: 10px;
  padding-top: 0px;
  }
  
  .prdbd_shcs_rvbx {
  height: 60px;
  }
  
  .prdbd_shcs_rvgnbx {
  margin-left: 15px;
  }

  .prdbd_shcs_rvstrbx {
  margin-left: 5px;
  }

  .prdbd_shcs_rvcusbx {  
  font-size: 11px;
  }
  
  .pdbd_scs_dctx {
  font-size: 13px;
  padding-left: 15px;
  }
  
  .pdbd_scs_pcrtx {
  font-size: 35px;
  padding-left: 15px;
  }
  
  .pdbd_scs_prcbx p:nth-child(2) {
  margin-left: 10px;
  font-size: 15px;
  }
  
  .pdbd_scs_prcbx p:nth-child(3) {
  font-size: 13px;
  font-weight: 500;
  padding: 7px;
  }
  
  .pdbd_scs_mrptx {
  margin-left: 15px;
  font-size: 15px;
  margin-top: 0px;
  }

  .pdbd_scs_offbx {
  padding: 10px;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  }

  .pdbd_scs_offbx div {
  padding: 12px;
  font-size: 13px;
  width: auto;
  background-color: yellow;
  }
  
  .pdbd_scs_unitbx {
  padding-left: 20px;
  padding-top: 30px;
  margin-top: 20px;
  height: auto;
  display: flex;
  justify-content: start;
  align-items: start;
  flex-direction: row;
  flex-wrap: wrap;
  }

  .pdbd_scs_varity {
  margin: 5px;
  }

  .pdbd_scs_varity_lbl {
  font-size: 15px;
  }

  .pdbd_scs_gftbx {
  width: 90%;
  justify-content: start;
  margin-left: 20px;
  padding-left: 10px;
  }
  
  .pdbd_scs_gftbx_active {
  width: 90%;
  justify-content: start;
  margin-left: 20px;
  padding-left: 10px;
  }
  
  .pdbd_scs_gftbx img, .pdbd_scs_gftbx_active img {
  width: 25px;
  }
  
  .pdbd_scs_gftbx p, .pdbd_scs_gftbx_active p {
  font-size: 14px;
  margin-left: 10px;
  padding: 0px;
  }

  .pdbd_scs_delbx {
  height: auto;
  flex-direction: column;
  }

  .pdbd_scs_deltx{
  font-size: 16px;
  width: 100%;
  margin-left: 15px;
  }
  
  .pdbd_scs_del_inbx {
  width: 100%;
  margin-left: 5px;
  margin-top: 10px;
  }
  
  .pdbd_scs_del_selbx {
  width: 100%;
  height: 70px;
  margin-left: 0px;
  padding-left: 10px;
  }
  
  .pdbd_scs_del_selbx select{
  padding-left: 10px;
  height: 50px;
  width: 60%;
  padding-right: 10px;
  }
  
  .pdbd_scs_del_extx {
  font-size: 13px;
  margin-left: 15px;
  margin-top: 0px;
  }
    
  .pdbd_scs_tgsbx {
  padding-top: 15px;
  margin-top: 50px;
  padding-bottom: 15px;
  border-left: none;
  border-right: none;
  }
  
  .pdbd_scs_tgsbx div {
  width: 25%;
  height:100px;
  display: flex;
  justify-content: center;
  align-items: center;
  }
  
  .pdbd_scs_tgsbx div img {
  width: 40px;
  }
  
  .pdbd_scs_tgsbx div p{
  font-size: 13px;
  text-align: center;
  }

  .pdbd_scs_polibx {
  margin-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  }
    
  .pdbd_scs_polibx p:nth-child(1) {
  font-size: 17px;
  margin-left: 0px;
  padding-left: 0px;
  }
  
  .pdbd_scs_polibx p:nth-child(2) {
  font-size: 14px;
  padding-top: 5px;
  text-align: justify;
  padding-right: 15px;
  }
  
  .pdbd_desc_bx {
  width: 100%;
  height: 100;
  background-color: rgb(255, 255, 255);
  margin-top: 30px;
  margin-left: 0px;
  }
  
  .pdbd_desc_hd {
  font-size: 17px;
  }
  
  .pdbd_desc_ctn {
  font-size: 14px;
  text-align: justify;
  padding: 15px;
  }
  
  .pdbd_specf_ctn table {
  padding-left: 0px;
  margin-left: 0px;
  }
  
  .pdbd_specf_ctn table tr td:nth-child(1){
  width: 40%;
  height: 35px;
  }
  .pdbd_specf_ctn table tr td:nth-child(2){
  width: 60%;
  height: 35px;
  }

  .pdbd_rwvw_bx {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  }
  
  /* 4.2 BOX  */
  .pdbd_rv_deg {
  width: 50%;
  padding-left: 25px;
  }
  
  .pdbd_rv_deg p:nth-child(1) {
  font-size: 45px;
  }

  .pdbd_rv_deg i{
  width: 25%;
  font-size: 25px;
  padding-top: 40px;
  padding-left: 15px;
  }

  .pdbd_rv_deg p:nth-child(3){
  font-size: 15px;
  width: 70%;
  padding-top: 5px;
  font-weight: 400;  
  }
    
  /* ALL REATINGS  */
  .pdbd_rv_reg {
  width: 50%;
  padding-left: 0px;
  padding-right: 0px;
  }
  
  .pdbd_rv_vge {
  width: 80px;
  }
  
  /* MY RATING  */
  .pdbd_rv_peg {
  width: 100%;
  height: 100px;
  margin-top: 20px;
  }
    
  .pdbd_rv_gretx {
  font-size: 20px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  }
  
  .pdbd_rv_greinb {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding-left: 10px;
  padding-top: 5px;
  }

  .pdbd_rv_greinb img{
  width: 50px;
  height: 50px;
  }

  .pdbd_rv_faqbdtx {
  font-size: 18px;
  padding: 13px;
  }

}
















/* PRODUCTS IMAGE UPLOAD SECTION  */
.fm_pdimbx {
width: 98%;
margin-left: 1%;
margin-right: 1%;
height: auto;
display: flex;
justify-content: start;
align-items: end;
margin-top: 10px;
margin-bottom: 30px;
}

/* MAIN IMAGE CONTAINER  */
.fr_pdecimbx_poster {
width: 25%;
height: 220px;
border: 2px rgb(156 163 175 / var(--tw-border-opacity, 1)) dashed;
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
margin-left: 5px;
margin-right: 5px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}

/* ITEM CONTAINER  */
.fr_pdecimbx_prodcn {
width: 100%;
height:150px;
display: flex;
}

/* ITEM EACBOX  */
.fr_pdecimbx_pitem {
position: relative;
width: 150px;
height: 150px;
border: 2px rgb(156 163 175 / var(--tw-border-opacity, 1)) dashed;
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); 
margin-left: 5px;
margin-right: 5px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}

/* CROSS  */
.fr_pdcrs {
position: absolute;
height: 22px;
width: 22px;
display: flex;
justify-content: center;
align-items: center;
top: 10px;
padding: 4px;
right: 10px;
border-radius: 50%;
background-color: rgb(246, 0, 0);
color: white;
cursor: default;
z-index: 400;
display: none;
z-index: 1500;
}
.fr_pdcrs:hover {
opacity: 50%;
}

.fr_pdcrs i {
font-size: 15px;
}

/* CLICK TO UPLOAD MEDIA - TEXT */
.fr_pdntc {
background-color: rgba(137, 137, 137, 0.586);
color: white;
font-family: 'Inter', sans-serif; 
cursor: default;
z-index: 600;
font-size: 15px;
position: absolute;
width: 100%;
padding-top: 40%;
text-align: center;
opacity: 0%;
transition-duration: 0.5s;
height: 100%;
}
.fr_pdntc:hover {
opacity: 90%;
}

.fr_pdecimbx_poster .fr_pdntc {
padding-top: 48%;
}

.fr_pdecimbx_banner  .fr_pdntc {
padding-top: 15%;
}

/* DEFAULT IMAGE  */
.fr_pddfim { 
height: 100%;
width: 100%;
}

/* UPLOADED IMAGE/VIDEO  */
.fr_pdecimg {
width: 100%;
padding: 2px;
transition-duration: 0.5s;
position: absolute;
z-index: 300;
}
.fr_pdecimg:hover {
transform: scale(130%);
opacity: 50%;
}


















.fr_prd_tgbx {
width: 98%;
height: auto;
margin-left: 1%;
margin-right: 1%;
height: auto;
padding: 10px;
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
position: relative;
}


.fr_prd_tg{
cursor: default;
width: auto;
height: 30px;
transform: scale(100%);
border-radius: 5px;
color: rgb(0, 148, 17);
background: radial-gradient(circle at 24.1% 68.8%, rgb(232, 255, 218) 99.4%, rgb(230, 254, 215) 99.4%);
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
margin: 7px;
z-index: 400;
font-family: "Arial", sans-serif;
border: 1px rgba(6, 231, 6, 0.4) groove;
transition-duration: 0.3s;
box-shadow: 0px 0px 15px 5px rgba(249, 249, 249, 0.4);
position: relative;
overflow: hidden; 
}

.fr_prd_tg:hover {
background: radial-gradient(circle at 24.1% 68.8%, rgb(0, 217, 51) 0%, rgb(91, 246, 2) 99.4%);
border: 1px rgba(0, 205, 0, 0.4) groove;
color: white;
}

.fr_prd_tg_active {
cursor: default;
width: auto;
height: 30px;
transform: scale(100%);
border-radius: 5px;
color: white;
background: radial-gradient(circle at 24.1% 68.8%, rgb(1, 184, 44) 0%, rgb(84, 228, 0) 99.4%);
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
margin: 7px;
z-index: 400;
font-family: "Arial", sans-serif;
border: 1px rgba(0, 205, 0, 0.4) groove;
transition-duration: 0.3s;
box-shadow: 0px 0px 15px 5px rgba(172, 172, 172, 0.4);
position: relative;
overflow: hidden; 
}

.fr_prd_tg_active::after {
content: '';
position: absolute;
top: 0;
left: -150%; 
width: 200%;
height: 100%;
background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0) 100%
);
transform: skewX(-45deg);
animation: shine 2s infinite;
}


/* PRODUCT VARIANT CHOOSE  */
.fr_prd_vrbx {
width: 98%;
height: 200px;
margin-left: 1%;
margin-right: 1%;
height: auto;
padding: 10px;
padding-left: 0px;
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
position: relative;
}


.fr_prd_vrcn {
font-family: 'Inter', sans-serif;
text-align: center;
transition: background-color .5s ease;
background-color: rgb(240, 253, 253);
border: 2px rgb(160, 241, 244) solid;
width:auto;
padding-left: 7px;
padding-right: 7px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
margin: 5px;
border-radius: 30px;
cursor: default;
}

.fr_prd_vrcn:hover {
border: 2px rgb(0, 189, 196) solid;
}

.fr_prd_vrcn p{
font-family: "Arial", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 13px;
font-weight: 400;
color: rgb(1, 128, 133);
padding-left: 5px;
}

.fr_prd_vrcn_1 {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: rgb(255, 47, 47);
display: flex;
justify-content: center;
align-items: center;
margin-left:12px;
transition-duration: 0.2s;
}


.fr_prd_vrcn_1 i {
font-size: 15px;
font-weight: 200;
color: white;
}


.pageNtcBx {
width: 100%;
height: 60px;
}

.pageNtcBx p, .pageNtcBx a {
background-color: rgb(240, 253, 253);
border: 3px rgb(184, 250, 252) solid;
border-left: 0px;
border-right: 0px;
color: rgb(4, 189, 196);
font-family: 'Inter', sans-serif;
font-size: 15px;
padding: 15px;
padding-left: 0px;
}

.pageNtcBx p {
padding-left: 15px;
}







/* Adjust the lens size directly */
.xzoom-lens {
    width: 50px;  /* Set the lens width */
    height: 50px; /* Set the lens height */
    position: absolute !important;
}


.tagify {
  border: none !important;
  box-shadow: none !important;
  padding: 5px;
  font-family: 'Inter', sans-serif;
}