* { padding: 0; margin: 0; }
html {
    height: -webkit-fill-available;
}
body {
    min-height: -webkit-fill-available;
  }
.are_you_18_col,.sincerity_col {
    height: 100vh;
    padding: 0px;
    margin: 0px;
}
.are_you_18_col img ,.sincerity_col img {
    height: 100%;
    width: 100%;
}
.smoke_img {
    position: absolute;
    top: 0px;
    left: 30px;
}
.home_container {
    padding-left:0px;
    padding-right:0px;
    position: relative;
    overflow: hidden;
}
.product_container{
    overflow-y: auto;
}
.are_you_18_h3 , .sincerity_h2 {
position: absolute;
font-family: 'Montserrat';
font-style: normal;
font-weight: 1000;
font-size: 40px;
line-height: 49px;
text-align: center;
    top: 45vh;
left: 50%;
transform: translate(-50% , -50%);
-webkit-transform: translate(-50%, -45%);
color: #FFFFFF;
width: 266px;
height: 147px;
}
.im_18_button {
    width: 100%;
height: 48px;
background: #FF8D24;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
    border-radius: 10px;
text-align: center;
color: #FFFFFF;
    margin-bottom: 20px;
}
.im_not_18_btn {
    width: 100%;
height: 48px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
background: #2E4DBB;
color: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 15px;
}
.are_you_18_p  {
    width: 200px;
font-size: 12px;
line-height: 15px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
color: #FFFFFF;
text-align: center;
}
.sincerity_p {
    position: absolute;
    bottom: 80px;
    left: 50%;
transform: translate(-50% , -50%);
-webkit-transform: translate(-50%, -90%);
width: 290px;
text-align: center;
text-decoration-line: underline;
text-transform: uppercase;
color: #FFFFFF;
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
}
.product_image_right_col{
    margin-left: auto!important;
}
.delete_item_cart{
    margin-left: 15px;
}
.btn.focus, .btn:focus {
    box-shadow: none!important;
}
.verification_buttons_p_wrapper{
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    width: calc(100% - 40px);
}
.im_18_button,
.im_not_18_btn {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}
.im_18_button:hover,
.im_not_18_btn:hover{
    color: #fff;
}

.product_image_left_col, .product_description_right_col {
    pointer-events: none;
}

.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: fit-content;
    background: white;
    padding: 5px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}

.modal p {
    margin-bottom: 0.5rem;
    padding-right: 8px;
    padding-left: 8px;
}

.modal img {
    width: 100%;
    border-radius: 10px;
}

.close-modal {
    float: right;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    padding: 5px;
    padding-right: 5px;
}

.close-modal img {
    padding: 0px;
}