@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
}

.btn-custom {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #CDA274 !important;
    border: #CDA274 !important;
    color: #FFFFFF;
    font-size: 18px;
    margin: 8px;
}

.btn-custom:hover {
    background-color: #AB8761 !important;
    border: #CDA274 !important;
    color: #FFFFFF
}

.btn-custom.disabled {
    background-color: #AB8761 !important;
    color: #FFFFFF
}

.modal-header {
    border-bottom: none;
}

.modal-body {
    padding: 50px;
}

.form-label {
    margin: 0 !important;
}

.form-control {
	border-radius: 0;
	border-color: #333333;
   	border-width: 0 0 1px 0;
   	border-style: none none solid none;
   	box-shadow: none;
}

.form-control:focus {
    border-width: 0 0 3px 0;
	box-shadow: none;
	border-color: #5e9bfc;
}

.btn-masuk {
    background: linear-gradient(to right, rgba(110, 105, 255, 1), rgba(76, 70, 246, 1));
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFFFFF;
}

.btn-daftar {
    background: linear-gradient(to left, rgba(219, 219, 219, 1), rgba(177, 177, 177, 1));
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFFFFF;
}

.btn-masuk-2 {
    border-top-left-radius: 15px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 15px;
    background: linear-gradient(to right, rgba(51, 51, 51, 0.5) , rgba(51, 51, 51, 0.9)) !important;
    border: none !important;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    color: #FFFFFF;
}

.btn-daftar-2 {
    border-top-left-radius: 20px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 0px;
    background: linear-gradient(to right, rgba(110, 105, 255, 1), rgba(76, 70, 246, 1));
    border: none !important;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    color: #FFFFFF;
}

.btn-round {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.form-select {
    cursor: pointer !important;
}



@media (max-width: 768px) {
    .text-home {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .button-home {
        text-align: center;
    }

    .contact {
        padding-left: 0 !important;
        justify-content: center;
    }
}