.elementor-189 .elementor-element.elementor-element-8493edd{--display:flex;}.elementor-189 .elementor-element.elementor-element-6cb73f2{--spacer-size:140px;}.elementor-189 .elementor-element.elementor-element-398ba5b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-189 .elementor-element.elementor-element-992f193{--display:flex;--min-height:530px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:010px;}.elementor-189 .elementor-element.elementor-element-992f193.e-con{--e-con-transform-translateY:-10px;}.elementor-189 .elementor-element.elementor-element-214d41e{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-189 .elementor-element.elementor-element-e75ccd1{padding:50px 0px 0px 0px;}.elementor-189 .elementor-element.elementor-element-e75ccd1:hover img{opacity:0.5;}.elementor-189 .elementor-element.elementor-element-e75ccd1 img{transition-duration:0.3s;border-radius:0px 0px 0px 0px;}.elementor-189 .elementor-element.elementor-element-62763c2{--display:flex;}.elementor-189 .elementor-element.elementor-element-596688d:hover img{opacity:0.5;}.elementor-189 .elementor-element.elementor-element-596688d img{transition-duration:0.3s;}.elementor-189 .elementor-element.elementor-element-b929b53{--display:flex;--justify-content:flex-end;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-189 .elementor-element.elementor-element-d57464f{padding:150px 0px 0px 0px;text-align:start;font-family:"Bai Jamjuree", Sans-serif;font-size:21px;font-weight:400;}.elementor-189 .elementor-element.elementor-element-d57464f.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-189 .elementor-element.elementor-element-b023f90{--display:flex;}.elementor-189 .elementor-element.elementor-element-feb909c:hover img{opacity:0.5;}.elementor-189 .elementor-element.elementor-element-feb909c img{transition-duration:0.3s;}.elementor-189 .elementor-element.elementor-element-1fdc062{--display:flex;}.elementor-189 .elementor-element.elementor-element-1e853c6:hover img{opacity:0.5;}.elementor-189 .elementor-element.elementor-element-1e853c6 img{transition-duration:0.3s;}.elementor-189 .elementor-element.elementor-element-21e9966{--display:flex;}.elementor-189 .elementor-element.elementor-element-d0f1f54:hover img{opacity:0.5;}.elementor-189 .elementor-element.elementor-element-d0f1f54 img{transition-duration:0.3s;}.elementor-189 .elementor-element.elementor-element-b1e6a07{--display:flex;}.elementor-189 .elementor-element.elementor-element-b553018:hover img{opacity:0.5;}.elementor-189 .elementor-element.elementor-element-b553018 img{transition-duration:0.3s;}.elementor-189 .elementor-element.elementor-element-d78e5a7{--display:flex;}.elementor-189 .elementor-element.elementor-element-38c0501:hover{background-color:var( --e-global-color-primary );}.elementor-189 .elementor-element.elementor-element-38c0501:hover img{opacity:0.5;}.elementor-189 .elementor-element.elementor-element-38c0501 img{transition-duration:0.3s;}.elementor-189 .elementor-element.elementor-element-7745554{--display:flex;}.elementor-189 .elementor-element.elementor-element-9b735ac:hover img{opacity:0.5;}.elementor-189 .elementor-element.elementor-element-9b735ac img{transition-duration:0.3s;}.elementor-189 .elementor-element.elementor-element-e607fdf{--display:flex;}.elementor-189 .elementor-element.elementor-element-c0f8282:hover img{opacity:0.5;}.elementor-189 .elementor-element.elementor-element-c0f8282 img{transition-duration:0.3s;}.elementor-189 .elementor-element.elementor-element-de7d25a{--display:flex;}.elementor-189 .elementor-element.elementor-element-735bd58:hover img{opacity:0.5;}.elementor-189 .elementor-element.elementor-element-735bd58 img{transition-duration:0.3s;}.elementor-189 .elementor-element.elementor-element-3dda972{--display:flex;}.elementor-189 .elementor-element.elementor-element-51b5c55:hover img{opacity:0.5;}.elementor-189 .elementor-element.elementor-element-51b5c55 img{transition-duration:0.3s;}.elementor-189 .elementor-element.elementor-element-135da30{--display:flex;}.elementor-189 .elementor-element.elementor-element-45e88e8:hover img{opacity:0.5;}.elementor-189 .elementor-element.elementor-element-45e88e8 img{transition-duration:0.3s;}.elementor-189 .elementor-element.elementor-element-3d694dc{--display:flex;}.elementor-189 .elementor-element.elementor-element-0a95f5a{--spacer-size:140px;}.elementor-189 .elementor-element.elementor-element-dd4d539{--display:flex;}@media(min-width:768px){.elementor-189 .elementor-element.elementor-element-398ba5b{--width:1400px;}.elementor-189 .elementor-element.elementor-element-992f193{--width:272px;}}/* Start custom CSS for container, class: .elementor-element-398ba5b */.grid-gallery {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: 200px; /* THIS is the key control unit */
  gap: 10px;
  grid-auto-flow: dense;
}

.grid-item {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}

.grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* spans */
.span-2x2 {
  grid-column: span 2;
  grid-row: span 2;
}

.span-2x1 {
  grid-column: span 2;
  grid-row: span 1;
}

.span-1x2 {
    grid-column: span 1;
  grid-row: span 2;
}

.span-1x3 {
    grid-row: span 3;
    grid-column: span 1;
}

/* hide default cursor for better effect (optional) */
.grid-gallery,
.grid-gallery {
  cursor: none;
}

/* hover title style */
.hover-title {
  position: fixed;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  
  pointer-events: none;
  opacity: 0;
  
  font-family: "bai jamjuree";
  font-weight: 500;

  font-size: 20px;
  letter-spacing: 1px;
  text-transform: capitalize;

  background: rgba(0,0,0, 0);
  color: rgb(248,231,148);
  padding: 6px 20px;
  border-radius: 20px;

  white-space: nowrap;
  z-index: 9999;

  transition: opacity 0.2s ease;
}

/* show on hover */
.grid-item:hover .hover-title {
  opacity: 1;
}

.grid-item img {
  transition: transform 0.4s ease;
}

.grid-item:hover img {
  transform: scale(1.05);
}/* End custom CSS */