.ld-accordion-wrapper {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 60px;
}

.ld-accordion-item {
 border-bottom: 1px solid rgba(255, 255, 255, 0.8);
 padding: 15px 0;
}
.ld-accordion-item:first-child {
 border-top: 1px solid rgba(255, 255, 255, 0.8);
}
.ld-accordion-item h5 {
 margin: 0;
}
.ld-accordion-content {
 margin-top: 25px;
}
@media (max-width: 991px) {
 .ld-accordion-wrapper {
  grid-template-columns: 1fr;
  gap: 24px;
 }

 /* mobile e sudu image niche jabe */
 .ld-accordion-right {
  order: 2;
 }

 .ld-accordion-left {
  order: 1;
 }

 .ld-accordion-image {
  width: 100%;
  height: auto;
 }
}

.ld-accordion-header {
 display: flex;
 justify-content: space-between;
 cursor: pointer;
 font-weight: 600;
}
.ld-accordion-header .arrow {
 transform: rotate(180deg);
}
.ld-accordion-content {
 display: none;
}
.ld-accordion-header.active .arrow path {
 stroke: #7b219f;
}
.ld-accordion-header h5 {
 color: #000000;
}
.ld-accordion-header.active h5 {
 color: #7b219f;
}
.ld-accordion-header.active .arrow {
 transform: rotate(0deg);
}
.ld-accordion-right {
 position: relative; /* overlay-এর জন্য parent relative */
 overflow: hidden;
 padding: 10px 0 0 10px;
}

.ld-accordion-image {
 transition: opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
 display: block;
 width: 100%;
 height: auto;
}

.ld-accordion-content .a_btn {
 margin-top: 10px;
}
.ld-accordion-content .a_btn svg {
 margin-left: 7px;
}
/* Gray overlay + blending effect */
.ld-accordion-image.loading {
 opacity: 0.5;
 filter: grayscale(80%) brightness(0.9) blur(2px); /* gray + slight blur blending */
}

/* Optional: overlay background (যদি চাও পুরো gray tint) */
.ld-accordion-right::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: rgba(200, 200, 200, 0.4); /* হালকা gray tint */
 opacity: 0;
 transition: opacity 0.4s ease;
 pointer-events: none;
 z-index: 1;
}

.ld-accordion-right.loading::before {
 opacity: 1;
}
/*  */
.ld-accordion-image_wrap {
 border: 3px solid #b391ca;
 border-top-left-radius: 35px;
}

.ld-accordion-image_wrap img {
 border-top-left-radius: 32px;
}
.ld-accordion-image_wrap {
 position: relative;
}
.ld-accordion-image_wrap:before {
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 border: 4px dotted #140f5e;
 top: 10px;
 left: -10px;
 border-top-left-radius: 35px;
}