.elementor-1767 .elementor-element.elementor-element-5d65d100{--display:flex;--min-height:457px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-6a50f18{--display:flex;--min-height:406px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-3120cb0{--display:flex;--min-height:691px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-3120cb0:not(.elementor-motion-effects-element-type-background), .elementor-1767 .elementor-element.elementor-element-3120cb0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9F9F9F;}.elementor-1767 .elementor-element.elementor-element-7090fc4{--display:flex;--min-height:406px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}html, body{overflow-x:auto;}/* Start custom CSS for container, class: .elementor-element-5d65d100 */.items {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2;
}

.item {
  position: absolute;
  width: 450px;
  height: 600px;
  overflow: hidden;
  transition: transform 0.3s ease-out; /* Smooth transition for transform property */
}

.item img {
  width: 150%;
  height: 250%;
  object-fit: cover;
}



.item:hover {
    
  transform: scale(1.3); /* Scale up the item on hover */
}/* End custom CSS */