/* ============ HOME PAGE STYLE ============ */

.home-banner .section-bg-overlay {
    background: linear-gradient(0deg, rgba(32,32,32,1) 3%, rgba(32,32,32,0.6951155462184874) 17%, rgba(255,255,255,0.10407913165266103) 98%);
    top: unset!important;
    bottom: 0;
}
.home-banner,
.home-banner .section-bg {
	border-radius: 0  0 30px 30px;
}
.home-bannerv1,
.home-bannerv1 .section-bg {
	border-radius: 0  0 30px 30px;
}
#video-banner-home {
	border-radius: 10px;
}
#video-banner-home video {
	border-radius: 10px;
	margin-bottom: -10px;
}


/* MENU OFfSET */
.wrap-menu-offset {
    position: absolute;
    bottom: -220px;
    margin: auto;
    left: 0;
    right: 0;
}
.wrap-menu-offset .offset-componenent {
    display: flex;
	justify-content: space-between;
	align-items: center;
    width: 320px;
    background: white;
    color: black;
    padding: 5px 22px;
    box-shadow: 0 0 1px 1px;
    border-radius: 20px;
    box-shadow: 2px 4px 10px 0px #0000001A;
    margin: auto;
}
.offset-componenent select {
	border: unset;
	width: fit-content;
	padding-left: 0px;
	height: 25px;
	margin-bottom: unset;
	color:#3D3D3D;
}
.offset-componenent select:focus {
	box-shadow: unset;
}
.offset-componenent input{
	background: url('/wp-content/uploads/2025/04/search.png');
	background-repeat: no-repeat;
	background-size: contain;
	margin: unset;
}
/* section dukungan flexibility  */
.short-fasilitas .col.small-10 .col-inner{
	padding-top:10px!important;
}
.short-fasilitas .featured-box img{
	width: 25px;
	height: 25px;
	object-fit: contain;
}
.short-fasilitas .featured-box {
    display: flex;
    align-items: flex-end;
}

/* section ruang kantor */
.sec-ruangkantor>.section-bg :is(img,picture,video) {
    height: unset!important;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain!important;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    top: unset!important;
    bottom: 0!important;
    width: 100%;
}

.sec-ruangkantor .flickity-prev-next-button {
    visibility: hidden;
}
.sec-ruangkantor .row-half-full {
	margin-right: unset;
	max-width: 1578px;
}
.sec-ruangkantor .slider .item-ekplorasi  {
	margin:15px!important;
	border-radius: 20px;
	box-shadow: 2px 4px 10px 0px #0000001A;

}
.sec-ruangkantor .row-half-full .slider .box-image{
	border-radius: 30px;
}

@keyframes waves {
    0% {
      -webkit-transform: scale(0.2, 0.2);
      transform: scale(0.2, 0.2);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50% {
      opacity: 0.9;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100% {
      -webkit-transform: scale(0.5, 0.5);
      transform: scale(0.5, 0.5);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
  
.home-banner .fa-play:before {
    content: "\f04b";
}
.btn-video-popup {
	width: 50px!important;
	margin-bottom: unset!important;
} 
.waves {
    position: absolute;
    width: 150px;
    height: 150px;
    background: rgba(236, 203, 140, 0.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 100%;
    left: -30px;
    bottom: 0;
    top: 0;
    margin :auto;
    z-index: -1;
     -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
}        
.wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    border-left: 2px solid white;
} 
.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
      border-right: 2px solid white;
}
.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
     border-bottom: 2px solid white;
}

@keyframes toright {
to { transform: rotate(360deg); }
}
@keyframes toleft {
to { transform: rotate(-360deg); }
}

.wrap-rotates {
    width: 100px;
    position: relative;
}
.wrap-rotates a {
    margin-left: 27px;
}
.wrap-rotates img{
    width: 45px!important;
    height: 45px!important;
}
.wrap-rotates .rotates {
    width: 55px;
    height: 55px;
    border-radius: 90px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    z-index:-1;
}
.wrap-rotates .rotate-1 {
    border-left: 1px solid white;
    animation: toleft 1.5s linear infinite; 
}
.wrap-rotates .rotate-2 {
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    width: 70px!important;
    height: 70px!important;
    animation: toright 1.5s linear infinite; 
}
  
/* SECTION KONTAK ============= */
.img-a {
	position: absolute;
	top: 2%;
	left: 17%;
}
.img-b {
	position: absolute;
	top: 15%;
	right: 17%;
}
.img-c {
	position: absolute;
	top: 53%;
	right: 12%;
}
.img-d {
	position: absolute;
	bottom: -13%;
	right: 18%;
}
.img-e {
	position: absolute;
	bottom: 29%;
	left: 11%;
}

@media only screen and (max-width: 849px) {
    /* ===================================
    SECTION CONTACT
    ====================================== */
    .sec-contact .img {
        display: inline-block;
        width:  fit-content !important;
    }
    .sec-contact .img img {
        height: 30px;
        width:  fit-content;
    }
}