/*
* Font Majalla
*/
@font-face {
    font-family: 'sakkal';
    src: url('../fonts/Sakkal-Majalla-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.arabic{
    font-family: 'sakkal', serif;
    font-size:24px !important;
    direction: rtl;
}
.footer
{
    padding: 20px;
}
.bg-maroon {
    background-color: #800000 !important;
}
.bg-emas {
    background-color: #d8b368 !important;
}
.border-maroon {
    border-color: #800000 !important;
}
.border-emas {
    border-color: #d8b368 !important;
}
.maroon {
    color: #800000;
}
.emas {
    color: #d8b368;
}


.bg-hijau-tua {
    background-color: #09712F !important;
}
.text-hijau-tua {
    color: #09712F !important;
}

.bg-hijau-muda {
    background-color: #7ABA94 !important;
}
.text-hijau-muda {
    color: #7ABA94 !important;
}

a.emas:hover{
    color: #800000;
}
.navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before {
    border-left: 2px solid #d8b368;
}

.btn-maroon
{
    color: #fff;
    border-color: #800000;
    background-color: #800000;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-maroon:hover
{
    color: #fff;
    border-color: #800000;
    background-color: #800000;
}
.btn-default:focus,
.btn-default.focus
{
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(23, 43, 77, .5);
}
.btn-default.disabled,
.btn-default:disabled
{
    color: #fff;
    border-color: #800000;
    background-color: #800000;
}
.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle
{
    color: #fff;
    border-color: #800000;
    background-color: #800000;
}
.btn-default:not(:disabled):not(.disabled):active:focus,
.btn-default:not(:disabled):not(.disabled).active:focus,
.show > .btn-default.dropdown-toggle:focus
{
    box-shadow: none, 0 0 0 0 rgba(23, 43, 77, .5);
}
#footer {
    position: absolute;
    padding: 10px 10px 0px 10px;
    bottom: 0;
    width: 100%;
    /* Height of the footer*/
    height: 50px;
}

.stroke-transparent {
    -webkit-text-stroke: 3px #800000;
    -webkit-text-fill-color: transparent;
   }

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #800000; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

.pricing-header {
    max-width: 700px;
}

.card-deck .card {
    min-width: 220px;
}