:root {
    --themecolor: #F7941D;
    --secondary: #CEA300;
    --themecolor-darker: #D87B0B;
}
body {
    font-size: 14px;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Museo Sans', sans-serif;
}

a, b, i, p, strong, span, ul, ol {
    font-family: 'Euclid Circular A', sans-serif;
}

a {
    text-decoration: none;
}

.fw-bold-600 {
    font-weight: 600;
}


.btn-gradient {
    display: inline-block;
    background-image: linear-gradient(to left, var(--themecolor), var(--secondary));
    color: var(--bs-white);
    border-radius: 25px;
    padding: 3px 15px;
    font-size: 14px;
    transition: .3s;
    border: none;
    text-decoration: none;
}
.btn-gradient:hover {
    background-image: linear-gradient(to left, var(--themecolor), var(--secondary));
    opacity: .8;
}

footer {
    background: linear-gradient(90deg, #2D2F2E -0.05%, #1B0000 99.95%);
}
footer .footer-logo img {
    width: 100%;
    height: 40px;
    object-fit: contain;
}
footer .footer-links li {
    margin: 0 0 5px 0;
}
footer .footer-links > a {
    color: var(--bs-white) !important;
    font-size: 20px;
}
footer .footer-links li > a {
    color: var(--bs-gray-400);
    text-decoration: none;
}
footer .footer-links a:hover,
footer .footer-links li > a:hover {
    color: var(--bs-white);
}

.fs-14 {
    font-size: 14px;
}

.fs-18 {
    font-size: 18px;
}

.fs-24 {
    font-size: 24px;
}

.fs-48 {
    font-size: 48px;
}

.text-theme {
    color: var(--themecolor) !important;
}

.bg-theme {
    background-color: var(--themecolor-darker) !important;
}

.btn-hover {
    transition: all .2s;
}
.btn-hover:hover {
    background-color: var(--bs-white) !important;
    color: var(--bs-dark) !important;
}

.btn.btn-theme {
    border-radius: 20px;
    font-size: 14px;
    padding: 8px 20px;
}
.btn-theme {
    background-image: linear-gradient(to left, var(--themecolor), var(--secondary));
    color: var(--bs-white) !important;
    filter: brightness(100%);
    transition: all .3s !important;
}
.btn-theme:hover {
    filter: brightness(120%);
}

.back-to-top {
    display: block;
    margin: auto;
    background-color: transparent;
    border: 1px solid var(--bs-white);
    color: var(--bs-white);
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    border-radius: 50%;
}

.cta-whatsapp {
    background-color: #25D366;
    color: var(--bs-white);
    border-radius: 50%;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    line-height: 42px;
    width: 50px;
    transition: all .3s;
    position: fixed;
        bottom: 20px;
        right: 20px;
    z-index: 10;
}

.sinarom-header-mobile {
    position: fixed;
        top: 0;
        left: 0;
    width: 100%;
    transition: all .3s;
    z-index: 100;
}
.sinarom-header {
    position: fixed;
        top: 0;
        left: 0;
    width: 100%;
    transition: all .3s;
    z-index: 100;
}
.sinarom-header-mobile.active {
    background-color: rgba(var(--bs-dark-rgb), .6);
}
.sinarom-header.scrolled,
.sinarom-header-mobile.scrolled {
    background-color: var(--bs-white);
}
.sinarom-header-mobile .uil-bars {
    color: var(--bs-white);
}
.sinarom-header-mobile.active .uil-bars {
    color: var(--bs-white);
}
.sinarom-header-mobile.scrolled .uil-bars {
    color: var(--bs-dark);
}
.sinarom-header .logo,
.sinarom-header-mobile .logo {
    display: block;
    position: relative;
}
.sinarom-header .logo > img,
.sinarom-header-mobile .logo > img {
    height: 45px;
    width: 135px;
    object-fit: contain;
}
.sinarom-header .logo > img.logo-white,
.sinarom-header-mobile .logo > img.logo-white {
    display: block;
}
.sinarom-header.scrolled .logo > img.logo-white,
/* .sinarom-header-mobile.active .logo > img.logo-white, */
.sinarom-header-mobile.scrolled .logo > img.logo-white {
    display: none;
}
.sinarom-header .logo > img.logo-dark,
.sinarom-header-mobile .logo > img.logo-dark {
    display: none;
}
.sinarom-header.scrolled .logo > img.logo-dark,
/* .sinarom-header-mobile.active .logo > img.logo-dark, */
.sinarom-header-mobile.scrolled .logo > img.logo-dark {
    display: block;
}
.sinarom-header nav ul {
    padding: 20px 0;
    margin: 0;
}
.sinarom-header nav li > a {
    display: block;
    padding: 8px 20px;
    background-color: transparent;
    color: var(--bs-gray-400);
    display: inline-block;
    font-size: 14px;
    border-radius: 25px;
    text-decoration: none;
}
.sinarom-header.scrolled nav li > a {
    color: var(--bs-dark);
}
.sinarom-header nav li > a:hover {
    color: var(--bs-white);
}
.sinarom-header.scrolled nav li > a:hover {
    color: var(--themecolor);
}
.sinarom-header nav li > a.active {
    border: 1px solid var(--bs-white);
    color: var(--bs-white);
}
.sinarom-header.scrolled nav li > a.active {
    border: 1px solid var(--themecolor);
    color: var(--themecolor);
}

.sinarom-header-mobile .nav-link {
    padding: 8px 18px;
    color: var(--bs-gray-500);
}
.sinarom-header-mobile .nav-link.active {
    color: var(--bs-white) !important;
    font-weight: 700;
}
.sinarom-header-mobile.scrolled .nav-link {
    color: var(--bs-dark);
}
.sinarom-header-mobile.scrolled .nav-link.active {
    color: var(--themecolor-darker) !important;
}

.color-gradient {
    background: linear-gradient(to left, var(--themecolor), var(--secondary));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* xs: phone - portrait */
/* default. no media */
/* sm: phone - landscape */
@media (min-width: 576px) {
}
/* md: tablet */
@media (min-width: 768px) {
}
/* lg: desktop */
@media (min-width: 992px) {
}
/* xl: wide */
@media (min-width: 1200px) {
}
/* super wide */
@media (min-width: 1440px) {
}