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

body {
    font-family: 'Roboto Condensed", serif;
}

.custom-indicator .active {
    background-color: #d8060b;
    color: white;
}

.custom-indicator {
    right: 60%;
}

.item-produk {
    /*width: 350px;*/
    width: 100%;
}

.bg-transparents{
    padding-top: 80px;
    padding-bottom: 30px;
    padding-left: 30px;
}
.bg-gradasi {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 30px;
    background: rgb(255, 255, 255);
    background: linear-gradient(183deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.76234243697479) 100%);
    width: 350px;
}

.btn-item {
    margin-left: 113px;
    background-color: #d8060b;
    font-size: 18px;
    padding: 0.5rem 1.3rem;
    border-radius: 0px;
}

.border-custom {
    margin-top: 180px;
    border-style: solid;
    border-width: 7px;
    border-radius: 35px;
    border-color: #d8060b;
}

.card-custom {
    width: 270px;
    height: 500px;
}

.card-custom-about {
    width: 90%;
    height: 500px;
}

.text-card-custom {
    padding-left: 10px;
}

.text-card-custom p {
    height: 90px;
    line-height: 1.47;
}

.text-card-custom a {
    text-decoration: none;
    color: #d8060b;
}

.bg-footer {
    background-color: #d8060b !important;
    color: #fff; 
}
.bg-footer .text-secondary,
.bg-footer .text-dark,
.bg-footer .foot_loc_text p,
.bg-footer .foot_loc_text p b, 
.bg-footer .foot_loc_text p strong,
.bg-footer .foot_loc_text p a {
    color: #fff!important;
}
.text-sae {
    color: #d8060b;
}

.produk-istimewa>.cardProduk-spesial {
    /*width: 350px;
    height: 175px;*/
}

#produk-pendukung>.produk-support {
    margin-top: 120px;
    min-height: 300px;
}

.clear-custom {
    min-height: 350px;
}

.clear-custom-about {
    /*min-height: 550px;*/
    min-height: 460px;
}

.logo-sae>.nav-text-custom {
    font-size: 26px;
}

.logo-sae>.nav-text-custom2 {
    letter-spacing: 0.12rem;
    padding-top: 0.2rem;
}

.carousel-item>.card-crs {
    margin-left: 55.5%;
    width: 1000px;
    color: #ffffff;
}

.judul-crs {
    font-weight: 100px;
    color: #ffffff;
}

.isi-crs1 {
    color: #ffffff;
}

.isi-crs2 {
    color: #ffffff;
}

.isi-crs2:hover {
    color: #d1d1d1;
}

@media (min-height: 500px) {
    .imgcrs {
        height: 500px;
    }
}

.custom-nav-produk {
    background: url('../image/nav.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 105vh;
}

.img-produk {
    width: 100%;
}

.contact-us {
    width: 550px;
}

.bg-grey {
    background-color: #f2f0ed;
}

.carousel-item>.quality-hero-txt {}

.txt-hero {
    width: 800px;
}

.kartu-quality {
    width: 10rem;
}

/* .ukuran-crs-bawah {
    width: 1000px;
} */

.btn-contact {
    z-index: 5;
    left: 83.5%;
    width: 180px;
}

.border-about {
    width: 170px;
    margin-top: 160px;
    border-width: 7px;
    border-radius: 2rem;
}

.bg-maron {
    background-color: #670000;
}

.bg-cream {
    background-color: #f2f0ed;
    margin-bottom: -120px;
}

.bg-coklat {
    background-color: #d6d2cc;
}

.garis-kanji {
    height: 80px;
    width: 0px;
}

.td-none {
    text-decoration: none;
}

.c_black {
    color: #212529;
}

.customs_filter_top {
    font-size: 15px;
    height: 28px;
    padding: 0.1rem 1.4rem;
    font-weight: 600 !important;
}

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

.mb-46 {
    margin-bottom: 46px;
}

.bg-form {
    background-color: #e4e4e4;
}

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

.offcanvas .list-group-item:hover {
    color: #d8060b;
}

.font-footer {
    font-size: 0.9rem;
}

label[for=product-select] {
    color: white;
}
header .navbar-light .navbar-nav .nav-link {
    text-transform: uppercase;
    color: #000;
}
header .navbar-light .navbar-nav .nav-link.active, 
header .navbar-light .navbar-nav .show>.nav-link,
header .navbar-light .navbar-nav .nav-link:focus, 
header .navbar-light .navbar-nav .nav-link:hover {
    color: #d8060b;
}
.bg-footer a {
    color: white;
    font-weight: 400;
}
@media screen and (max-width: 576px) {
    .fs-35 {
        font-size: 1.6rem;
    }
    .fs-19 {
        font-size: .9rem;
    }
    .fs-25 {
        font-size: 1.2rem;
    }
    .text-product {
        font-size: .8rem;
    }
    .p-container {
        /*padding-left: .15px;
        padding-right: .15px;*/
    }
}

@media screen and (max-width: 768px) {
    label[for=product-select] {
        color: black;
    }
    .custom-nav-produk {
        background: transparent;
    }
}

.img-pendukung {
    max-width: 117px;
    /*height: 115px;*/
    object-fit: cover;
}

.img-variasi {
    object-fit: contain;
    margin-bottom: 27px;
}

.variasi {
    margin-bottom: 48px;
    margin-right: 17px;
    margin-left: 17px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-41 {
    margin-bottom: 41px;
}

.mt-115 {
    margin-top: 115px;
}
.mt-35 {
    margin-top: 35px;
}

.mt-140 {
    margin-top: 140px;
}

.pt-40 {
    padding-top: 40px;
}

.mb-64 {
    margin-bottom: 64px;
}

.mb-55 {
    margin-bottom: 55px;
}

.mt-87 {
    margin-top: 87px;
}

@media screen and (max-width: 768px) {
    .mt-115 {
        margin-top: 45px;
    }
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #d8060b;
}
.produk-istimewa a.centered-link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  width: 100%; 
  height: 100%; 
  text-decoration: none; 
  z-index: 2; 
}
.produk-istimewa a.centered-link span {
  color: white; 
  font-size: 1.2rem;
  padding: 8px 16px;
  background: #d8060b7a;
}
.produk-istimewa a.centered-link:hover span {
  background: rgba(0,0,0,0.5); 
}
.banner-item a {
  color: #fff;
}