@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.montserrat {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: auto;
    font-style: normal;
}

body, html {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

input[type="search"]::placeholder {
    color: white;
    opacity: 50%;
}

.carousel-caption.custom-caption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Agar caption meluas ke seluruh lebar gambar */
    background: rgba(0, 0, 0, 0.59);
    /* Transparansi background */
    color: white;
    padding: 35px 75px;
    text-align: center;
}

/* sosmed */
.instagram {
    display: inline-block;
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='17' cy='7' r='1.5' fill='%23ff0088' fill-opacity='0'%3E%3Canimate fill='freeze' attributeName='fill-opacity' begin='1.95s' dur='0.225s' values='0;1'/%3E%3C/circle%3E%3Cg fill='none' stroke='%23ff0088' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.85'%3E%3Cpath stroke-dasharray='72' stroke-dashoffset='72' d='M16 3c2.76 0 5 2.24 5 5v8c0 2.76 -2.24 5 -5 5h-8c-2.76 0 -5 -2.24 -5 -5v-8c0 -2.76 2.24 -5 5 -5h4Z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.9s' values='72;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='28' stroke-dashoffset='28' d='M12 8c2.21 0 4 1.79 4 4c0 2.21 -1.79 4 -4 4c-2.21 0 -4 -1.79 -4 -4c0 -2.21 1.79 -4 4 -4'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='1.05s' dur='0.9s' values='28;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.linkedin {
    display: inline-block;
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='4' cy='4' r='2' fill='%23ff0088' fill-opacity='0'%3E%3Canimate fill='freeze' attributeName='fill-opacity' dur='0.225s' values='0;1'/%3E%3C/circle%3E%3Cg fill='none' stroke='%23ff0088' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'%3E%3Cpath stroke-dasharray='12' stroke-dashoffset='12' d='M4 10v10'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.225s' dur='0.3s' values='12;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='12' stroke-dashoffset='12' d='M10 10v10'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.675s' dur='0.3s' values='12;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='24' stroke-dashoffset='24' d='M10 15c0 -2.76 2.24 -5 5 -5c2.76 0 5 2.24 5 5v5'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.975s' dur='0.3s' values='24;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.wa {
    display: inline-block;
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23ff0088' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.85'%3E%3Cpath stroke-dasharray='64' stroke-dashoffset='64' d='M8 3c0.5 0 2.5 4.5 2.5 5c0 1 -1.5 2 -2 3c-0.5 1 0.5 2 1.5 3c0.39 0.39 2 2 3 1.5c1 -0.5 2 -2 3 -2c0.5 0 5 2 5 2.5c0 2 -1.5 3.5 -3 4c-1.5 0.5 -2.5 0.5 -4.5 0c-2 -0.5 -3.5 -1 -6 -3.5c-2.5 -2.5 -3 -4 -3.5 -6c-0.5 -2 -0.5 -3 0 -4.5c0.5 -1.5 2 -3 4 -3Z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.9s' values='64;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='4' stroke-dashoffset='4' d='M15.76 8.28c-0.5 -0.51 -1.1 -0.93 -1.76 -1.24M15.76 8.28c0.49 0.49 0.9 1.08 1.2 1.72'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='1.05s' dur='0.45s' values='4;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='6' stroke-dashoffset='6' d='M18.67 5.35c-1 -1 -2.26 -1.73 -3.67 -2.1M18.67 5.35c0.99 1 1.72 2.25 2.08 3.65'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='1.35s' dur='0.45s' values='6;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.email {
    display: inline-block;
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.85'%3E%3Cpath stroke='%23ff0088' d='M33.333 6.25v4.167H37.5zm-9.479 24.23a2.08 2.08 0 0 0 2.292 0L37.5 22.916v-12.5L33.333 6.25h-18.75A2.083 2.083 0 0 0 12.5 8.333v14.584z'/%3E%3Cpath stroke='%23e0e0e0' d='m26.146 30.48l14.375-9.647a2.083 2.083 0 0 1 3.229 1.73v19.104a2.083 2.083 0 0 1-2.083 2.083H8.333a2.083 2.083 0 0 1-2.083-2.083V22.646a2.084 2.084 0 0 1 3.23-1.813l14.374 9.563a2.08 2.08 0 0 0 2.292.083'/%3E%3C/g%3E%3C/svg%3E");
}

.footer {
    background-color: rgba(164, 155, 51, 255);
    color: #000;
    text-align: center;
    padding: 25px 0;
    width: 100%;
    position: relative;
}

.footer p {
    margin: 0;
}

/* Animation Styles */
.animate {
    opacity: 0;
    transform: translateY(50px);
    animation: fadeInUp 1s ease-out forwards;
}

.animate:nth-child(2) {
    animation-delay: 0.5s;
}

.animate:nth-child(3) {
    animation-delay: 1s;
}

.animate:nth-child(4) {
    animation-delay: 1.5s;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}