.wds--maps.position-relative.w-100.m-auto.ohide.animate__animated.animate__fadeInDown.animate__slow {

border: 5px solid var(--inv-accent);
border-radius:35px;

}

.canvas{
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 500px;
bottom:0;
}
@media only screen and (max-width: 600px) {
.canvas{
    width: 100%;
   height: 100%;
}
}
.tengah-quotes{
width:400px;
margin-left:5%;
}
.rounded-custome {
    border-radius: 2px;
    height: 160px;
    width: 160px;
}

.frame-tl {
z-index:0;
}

li.slide--bride .rounded-custome, li.slide--groom .rounded-custome {
height: 160px; width: 160px; overflow: hidden; margin-top: auto; border: 3px solid var(--inv-accent); 
}



#menuSlider {
    height: 90px;
position: absolute;
    bottom: 0;
    right: 0;
}
.menu-track {
height: 90px;
margin-right: auto !important;
margin-left: auto !important;
}

.menu-list{
    transition: all .5s ease-in-out;
}
.splide__track--nav>.splide__list>.splide__slide.is-active {
margin-top: 8px;
}

.splide__track--nav>.splide__list>.splide__slide.is-active::after {

    transition: all .1s ease-in-out;

}

.menu-item.is-active{
background-color: var(--inv-accent);
border-radius:.8rem;
margin:5px;
color: #ffffff;
transition: all .44s ease-in-out;
}

.menu-item.is-active:after{
    height: calc(100% - .5rem);
    position: absolute;
    width: calc(100% - .5rem);
}
.menu-item{
transition: all .55s ease-in-out;
}
.menu-item:after{
    height: calc(100% - .5rem);
    position: absolute;
    width: calc(100% - .5rem);
}


.menu-item.is-visible{margin:5px;}
.menu-item.is-prev{margin:5px;}
.menu-item.is-next{margin:5px;}

.container-mobile, .container-video {
border-radius: 35px 30px 0px 0px;
}

.container-mobile, .cover {
border-radius: 35px 30px 30px 30px;
}

@media only screen and (max-width: 600px) {
.container-mobile, .cover {
border-radius: 0px;
}
.container-mobile, .container-video {
border-radius: 0px;
}
}
#float-btn{
    bottom: 120px;
    gap: 12px;
    margin: auto;
    max-width: 500px;
    position: absolute;
    right: 0px;
}
.btn-float {
    align-items: center;
    background-color: var(--inv-accent);
    border-color: var(--inv-accent);
    border-radius: 10rem;
    display: flex;
    height: 40px;
    justify-content: center;
    opacity: .7;
    padding: 0;
    width: 40px
}


.sembunyi {
visibility: hidden;
}
.sembunyi2 {
visibility: hidden;
}

.tampil{
visibility: visible;
}



.toggle-fullscreen-btn {
	position: fixed;
	z-index: 10000;
	top: 10px;
	right: 10px;
	border: 0;
	padding: 0;
	background: none;
	cursor: pointer;
	outline: none;
}


.toggle-fullscreen-svg {
	display: block;
	height: auto;
}

.toggle-fullscreen-svg path {
	transform-box: view-box;
	transform-origin: 12px 12px;
	fill: none;
	stroke: hsl(225, 10%, 8%);
	stroke-width: 4;
	transition: .15s;
}


.toggle-fullscreen-btn:hover path:nth-child(1),
.toggle-fullscreen-btn:focus path:nth-child(1) {
	transform: translate(-2px, -2px);
}

.toggle-fullscreen-btn:hover path:nth-child(2),
.toggle-fullscreen-btn:focus path:nth-child(2) {
	transform: translate(2px, -2px);
}

.toggle-fullscreen-btn:hover path:nth-child(3),
.toggle-fullscreen-btn:focus path:nth-child(3) {
	transform: translate(2px, 2px);
}

.toggle-fullscreen-btn:hover path:nth-child(4),
.toggle-fullscreen-btn:focus path:nth-child(4) {
	transform: translate(-2px, 2px);
}


.toggle-fullscreen-btn:not(.on) .icon-fullscreen-leave {
	display: none;
}

.toggle-fullscreen-btn.on .icon-fullscreen-enter {
	display: none;
}

.d-flex.justify-content-center.align-items-center.h-100.bungkus {
padding-left: 35px;
padding-right: 35px;
}



li.slide--bride .rounded-custome, li.slide--groom .rounded-custome {
margin-top:-150px}