.elementor-2776 .elementor-element.elementor-element-801451a:not(.elementor-motion-effects-element-type-background), .elementor-2776 .elementor-element.elementor-element-801451a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://grkadventureresorts.com/wp-content/uploads/2024/11/20241019_194234-scaled.jpg");}.elementor-2776 .elementor-element.elementor-element-801451a > .elementor-background-overlay{background-color:#000000;opacity:0.55;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2776 .elementor-element.elementor-element-801451a > .elementor-container{min-height:100vh;}.elementor-2776 .elementor-element.elementor-element-801451a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2776 .elementor-element.elementor-element-b753ce4 > .elementor-widget-container{margin:90px 0px 0px 0px;padding:100px 0px 100px 0px;}.elementor-2776 .elementor-element.elementor-element-794445d{padding:110px 0px 80px 0px;}.elementor-2776 .elementor-element.elementor-element-926261e{padding:0px 0px 110px 0px;}.elementor-2776 .elementor-element.elementor-element-10cd1f5 > .elementor-widget-container{margin:20px 0px 20px 0px;}@media(max-width:1024px) and (min-width:768px){.elementor-2776 .elementor-element.elementor-element-559ab60{width:100%;}}@media(max-width:1024px){.elementor-2776 .elementor-element.elementor-element-794445d{padding:80px 0px 50px 0px;}.elementor-2776 .elementor-element.elementor-element-926261e{padding:0px 0px 70px 0px;}}/* Start custom CSS for cs_gallery, class: .elementor-element-10cd1f5 */.elementor-image-gallery .gallery-item img {
    object-fit: cover;  
    object-position: center; /* Centers the images */
    width: 100%;        /* Full width of the container */
    height: 400px;      /* Set a consistent height for vertical images */
    max-height: 100vh;  /* Ensure it doesn't overflow on smaller screens */
    border-radius: 10px; /* Optional: Adds rounded corners */
}

/* Ensuring the gallery container maintains consistency */
.elementor-image-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Space between images */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-926261e */.cs-gallery-wrap .cs-gallery-item img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 400px;
    max-height: 100vh;
    border-radius: 10px;
}

.cs-gallery-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}/* End custom CSS */