*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* html, body{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #fff;
    overflow-x: hidden;
} */

.gallery-wrapper {
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}


.gallery{
    width: 100%;
    overflow-x: hidden;
}

.gallery-container{
    display: flex;
    align-items: center;
    height: 400px; 
    /* height: clamp(280px, 38vw, 400px); */
    /* height: clamp(17.5rem, 17.857vw + 8.929rem, 25rem); */
    margin: 0 auto;
    max-width: 1300px;
    position: relative;
    overflow: visible;
}

.gallery-item{
    height: 240px !important;
    /* height: clamp(180px, 22vw, 240px); */
    /* height: clamp(8.75rem, 14.881vw + 1.607rem, 15rem); */
    opacity: 0;
    position: absolute;
    transition: all 0.7s ease-in-out;
    max-width: 290px !important;
    width: 100%;
    /* width: 290px; */
    /* width: clamp(220px, 28vw, 290px); */
    /* width: clamp(13.125rem, 11.905vw + 7.411rem, 18.125rem); */
    z-index: 0;
    border-radius: 40px !important;
   /* background-size: cover; */
    object-fit: cover;
    object-position: bottom;
    border: none; */
}

.elementor img {
   /* border-radius: unset !important; */
    box-shadow: unset !important; 
   /* height: unset !important; */
   /* max-width: unset !important; */
   /* width: 100% !important; */
}

.gallery-item-1{
    left: 15%;
    opacity: .6;
    transform: translateX(-50%);
}

.gallery-item-2, .gallery-item-4{
    height: 320px !important;
    /* height: clamp(240px, 30vw, 320px); */
    /* height: clamp(12.5rem, 17.857vw + 3.929rem, 20rem); */
    opacity: 1;
    max-width: 552px !important;
    width: 100%;
    /* width: 552px; */
    /* width: clamp(420px, 48vw, 552px); */
    /* width: clamp(26.25rem, 19.643vw + 16.821rem, 34.5rem); */
    /* width: clamp(23.125rem, 27.083vw + 10.125rem, 34.5rem); */
    z-index: 1;
}

.gallery-item-2{
    left: 30%;
    transform: translateX(-50%);
}

.gallery-item-3{
    /* box-shadow: -2px 5px 33px 6px rgba(0, 0, 0, 0.35); */
    /* height: 400px; */
    height: 100% !important;
    /* height: clamp(300px, 36vw, 400px); */
    /* height: clamp(18.75rem, 14.881vw + 11.607rem, 25rem); */
    opacity: 1;
    left: 50%;
    transform: translateX(-50%);
    max-width: 800px !important;
    width: 100%;
    /* width: clamp(560px, 62vw, 800px); */
    /* width: clamp(35rem, 35.714vw + 17.857rem, 50rem); */
    z-index: 2;
    object-fit: cover;
    box-shadow: none !important;
   /* object-position: bottom; */
}

.gallery-item-4{
    left: 70%;
    transform: translateX(-50%);
}

.gallery-item-5{
    left: 85%;
    opacity: .6;
    transform: translateX(-50%);
}

/* NEW CONTROLS (Arrow + Dots) */

.gallery-controls{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin-top: 40px;
}

/* Arrow buttons */
.gallery-controls-previous,
.gallery-controls-next{
    width: 42px;
    height: 42px;
    background: transparent;
    border: none;
    cursor: pointer;
    position: relative;
}

/* Left Arrow */
/* .gallery-controls-previous::before{
    content: "";
    width: 10px;
    height: 10px;
    border-left: 3px solid #0a2f2f;
    border-bottom: 3px solid #0a2f2f;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
} */

/* Right Arrow */
/* .gallery-controls-next::before{
    content: "";
    width: 10px;
    height: 10px;
    border-right: 3px solid #0a2f2f;
    border-top: 3px solid #0a2f2f;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
} */

.gallery-controls-previous,
.gallery-controls-next {
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-controls i {
    font-size: 20px;
    color: #0a2f2f;
}

.gallery-controls button:hover i {
    transform: scale(1.5);
    transition: 0.2s ease;
}


/* Dots */
.gallery-dots{
    display: flex;
    align-items: center;
    gap: 12px;
    list-style: none;
    padding: 0 !important;
    margin: 0;
}

.gallery-dots li{
    width: 12px;
    height: 12px;
   /* background: #d1d1d1; */
    background: #999999;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 !important;
}

.gallery-dots li.active{
   /* background: #0a2f2f; */
/* 	background: #7B61FF; */
	background: #01636e;
    width: 16px;
    height: 16px;
}


.gallery-nav{
    bottom: -15px;
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    position: absolute;
    width: 100%;
}

.gallery-nav li{
    background-color: #ccc;
    border-radius: 50%;
    height: 10px;
    margin: 0 16px;
    width: 10px;
}

.gallery-nav li.gallery-item-selected{
    background-color: #555;
}

@media (max-width: 700px) {
    .gallery-item {
        width: 100%;
    }
    .gallery-item-2, .gallery-item-4 {
        width: 100%;
    }
    .gallery-item-3 {
        width: 100%;
    }
}