/* *interior section* */
.image_size {
    height: 80dvh;
    object-fit: cover;
    width: 100%;
}

.overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(356deg, rgb(0 0 0 / 85%), transparent);
    z-index: 2;
    pointer-events: none;
    /* So it doesn’t block clicks */
}

.content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem;
    transition: opacity 1s ease, transform 1s ease;
    opacity: 1;
    transform: translateY(0);
    z-index: 2;
}

.overlay:hover::before {
    background: linear-gradient(356deg, rgb(0 0 0 / 36%), transparent)
}

.overlay:hover .content {
    opacity: 0;
}

.hover-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8rem;
    height: 8rem;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 1s ease, transform 1s ease;
    z-index: 3;

}

.overlay:hover .hover-icon {
    opacity: 1;
}

/* *thoughtful section* */
.thoughtful_section {
    border: 1px solid rgba(248, 149, 32, 1);
    margin: auto;
    width: 85%;
}

.thoughtful_section .image_radius {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 0;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    overflow: hidden;
}

.thoughtful_section .image_radius1 {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 0%;
    border-bottom-right-radius: 50%;
    overflow: hidden;
}

/* * maintaining_section* */
.note_box {
    background-color: #ffeed3;
    border: 1px solid #f89520b0;

}

.note_box1 {
    background-color: #ffeed3;
    border: 1px solid #f89520b0;
    height: 80%;
}

.table {
    --bs-table-bg: none !important;
    border-color: rgba(248, 149, 32, 0.3) !important;
}

th {
    background-color: rgba(248, 149, 32, 1) !important;
	color: rgba(0, 0, 0, 1)!important;
    text-align: center !important;
    vertical-align: middle !important;
}

td,
th {
    text-align: center;
    vertical-align: middle;
}
.vectorsicons{
	position: relative;
}
.vectorsicons::after{
	content: "";
    position: absolute;
    bottom: 19%;
    right: 92px;
    transform: translate(50%, 50%);
    width: 20rem;
    height: 20rem;
    background: url(/wp-content/uploads/2025/07/product_vector.svg) no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
}
.vectorsicons::before{
	content: "";
    position: absolute;
    bottom: 6%;
    right: 51%;
    transform: translate(50%, 50%);
    width: 14rem;
    height: 20rem;
    background: url(/wp-content/uploads/2025/07/light_pink_vector_image.svg) no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
}

.vectorsicons1{
	position: relative;
}
.vectorsicons1::after{
	content: "";
    position: absolute;
    bottom: 36%;
    right: 93px;
    transform: translate(50%, 50%);
    width: 20rem;
    height: 20rem;
    background: url(/wp-content/uploads/2025/07/product_vector.svg) no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
}
.vectorsicons1::before{
	content: "";
    position: absolute;
   bottom: 12%;
    right: 51%;
    transform: translate(50%, 50%);
    width: 14rem;
    height: 20rem;
    background: url(/wp-content/uploads/2025/07/light_pink_vector_image.svg) no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
}
.vectorsicons2::after{display:block;}
	.vectorsicons2::before{display:block;}

@media screen and (max-width: 768px) {
	.image_size {
    height: 60dvh;
    object-fit: cover;
    width: 100%;
}
    .thoughtful_section {
        margin: auto;
        width: 95%;
    }
	.vectorsicons::after{display:none;}
	.vectorsicons::before{display:none;}
	.vectorsicons1::after{display:none;}
	.vectorsicons1::before{display:none;}
	
	.vectorsicons2{
		position: relative;
	}
	.vectorsicons2::after{
		content: "";
		position: absolute;
		bottom: 61%;
        right: 76px;
        transform: translate(50%, 50%);
        width: 10rem;
        height: 20rem;
		background: url(/wp-content/uploads/2025/07/product_vector.svg) no-repeat;
		background-size: contain;
		background-position: center;
		z-index: -1;
	}
		.vectorsicons2::before{
		content: "";
		position: absolute;
	   bottom: 30%;
        right: 76%;
        transform: translate(50%, 50%);
        width: 7rem;
        height: 6rem;
		background: url(/wp-content/uploads/2025/07/light_pink_vector_image.svg) no-repeat;
		background-size: contain;
		background-position: center;
		z-index: -1;
	}
	
}

@media (min-width: 1921px) {
    .interior_blind_shade .image_size {
        height: 35rem !important;
    }
}