.review-section .set-hexagon-card {
  overflow: hidden;
  position: relative;
}
.review-section .clipped-border-my {
  -webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
   clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
   background:linear-gradient(grey,lightgrey);
   width:var(--border-width);
   height:var(--border-height);
   height: var(--height);
   width:var(--width);
   transition:transform 0.2s;
   /*cursor:pointer;*/
   height: 272px;
   width: 272px;
}
.review-section .set-flex-main {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.review-section .set-overlay-icon {
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.review-section .set-overlay-icon img {
  display: inline-block;
  height: 64px;
  width: 64px;
  position: absolute;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  
}
.review-section .set-model-body {
  background-color: #000 !important;
}
.review-section .modal-header {
  background-color: #000 !important;
}
img{
  width:var(--width);
  height:var(--height);
}
:root{
  --width: 100%;
  --height: 100%;
  --border-width: 200px;
  --border-height: 200px;

}
@media only screen and (max-width: 991px) {
  .review-section .set-flex-main {
    flex-wrap: wrap !important;
  }
}