.h6, h6 {
	font-size: .7rem;
	font-weight: bolder;
}

.rgs-card-home {
	position: relative;
}

.rgs-cards {
	width: 100%;
	padding: 2.5rem 12px 0;
    margin-top: -1.5rem;
    margin-bottom: -1rem;
}

.rgs-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 0;
	border-radius: 10px;
    box-shadow: 0 -3px 15px 0 rgb(0 0 0 / 5%);
	padding: 1.7rem 1rem 0.15rem;
}

.rgs-card img {
    height: 3.3rem !important;
    width: 3.3rem !important;
}

.rgs-link-image h6 {
    margin-bottom: 0.8rem;
}

/*.rgs-image {*/
/*    border-radius: .50rem;*/
/*    border: 7px solid #3AA9F6;*/
/*    box-shadow: 0 1px 4px rgba(255, 255, 255, 0.4);*/
/*    max-width: 100%;*/
/*    transition: all .4s;*/
/*}*/

/*.rgs-image:hover {*/
/*    border: 8px solid #4a58d4*/
/*}*/

.rgs-image {
    position: relative;
    top: -15px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: .4rem;
    box-shadow: 0 1px 20px #3AA9F6;
}

.rgs-card h5 {
    margin-top: -0.3rem;
    margin-bottom: 1.3rem;
}

.rgs-card h6 {
    margin-bottom: 1.2rem;
}

@media (max-width:767.98px) {
    .h6, h6 {
    	font-size: .5rem;
    	font-weight: 500;
    }
}

section#our-product .our-product-item img {
    position: relative;
    top: 0;
    transition: .35s all;
}

section#our-product .our-product-item:hover img {
    top: -4px;
}

#btn-submit-order {
    background-color: #3AA9F6!important;
    color: white!important;
}

footer {
    background: linear-gradient(#FF66C4, #3AA9F6)!important;
    color: white!important;
}

#modal-order .modal-dialog {
    max-width: 650px;
}

.rgs-input-game {
    cursor: pointer;
    white-space: normal !important;
    text-align: center !important;
    border: 1px solid #ebedf3;
    position: relative;
    display: block;
    padding: .75rem 1rem;
    color: black;
    font-size: small;
    font-weight: bold;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.06), 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.rgs-input-game:hover, .rgs-input-game:active {
    z-index: 1;color: #5e6278;
    text-decoration: none;
    background-color: #ebedf3;
}

.form-control {
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
    padding: .45rem .9rem;
    font-size: 0.95rem;
}

.form-control:focus {
    box-shadow: none!important;
    border-color: #ced4da!important;
}

.input-group-prepend .input-group-text {
    font-size: .875rem;
}

.input-group-prepend {
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
}

.alert.alert-primary {
    color: #352e73;
    background-color: #e0def8;
    border-color: #d4d0f5;
    box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
}

section#our-product {
    padding-top: 70px;
}

section#our-product .card {
    border: none;
    border-radius: .35rem;
    box-shadow: 0 -3px 15px 0 rgba(0, 0, 0, 5%);
}

section#our-product .card .btn {
    border-radius: .30rem;
    box-shadow: 0 -1.5px 10px 0 rgba(75, 162, 255, 0.30);
    transition: .4s all;
    padding: .3rem 1.2rem;
}

section#our-product .card .btn:hover {
    box-shadow: none!important;
}

.background-top {
    background: linear-gradient(90deg, rgba(101,199,247,1) 0%, rgba(74,88,212,1) 100%);
    height: 450px;
    position: absolute;
    width: 100%;
    top: 0;
    border-bottom-left-radius: 75px;
    border-bottom-right-radius: 75px;
    left: 0;
    right: 0;
    margin: auto;
}

@media (min-width: 676.6px) and (max-width: 751px) {
    .background-top {
        width: 84%;
    }
}

@media (min-width: 752px) and (max-width: 855px) {
    .background-top {
        width: 96%;
    }
}

@media (min-width: 855px) and (max-width: 1071px) {
    .background-top {
        width: 86%;
    }
}

@media (min-width: 1071px) and (max-width: 1221px) {
    .background-top {
        width: 76%;
    }
}

@media (min-width: 1221px) {
    .background-top {
        width: 70%;
    }
}

.navbar {
    background: linear-gradient(#FF66C4, #3AA9F6)!important;
}

.navbar-default .navbar-nav>li>a.nav-link {
    color: white!important;
}

.navbar-default .navbar-nav>li>a.nav-link:hover {
    color: #f7f7f7!important;
}

.card-body.card-notif {
    padding: .7rem!important;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>")!important;
}

@media(min-width: 576px) {
    .rgs-carousel {
        border-radius: .4rem;
    }
}

h1, h2, h3, h4, h5, h6 {
    color: white;
}

p {
    color: #d1d1d1;
}

.card.rounded {
    border-radius: .45rem!important;
}

.card.bg-ireng {
    background-color: #5e5e5e;
}

.rgs-input-game.choosen {
    background-color: #3AA9F6;
    color: white!important;
}

@media(max-width: 576px) {
    .rgs-input-game { font-size: .7rem!important; }
}

.input-metode-pembayaran.active {
    background-color: rgba(255, 99, 71, 0.2);
}

.input-metode-pembayaran.d-none {
    display: none!important;
}

.input-metode-pembayaran.not-active {
    background-color: rgba(23, 44, 87, .3);
    cursor: not-allowed;
}

.input-metode-pembayaran .nama-pembayaran { font-size: smaller!important; }
@media(max-width: 576px) {
    .input-metode-pembayaran .nama-pembayaran { font-size: .5rem!important; }
}

.fake-pngtojpg {
    background-color: white;
    width: fit-content;
    padding: 2px;
}

#modalPetunjuk {
    top: 7%!important;
    height: 90%!important;
}

@media(max-width: 576px) {
    #modalPetunjuk {
        top: 12%!important;
        height: 87%!important;
    }
} 

#link-pencarian { 
    display: none;
    padding-bottom: 0;
}

.input-pencarian {
    width: 45%;
    background-color: #5e5e5e!important;
    color: white!important;
    border-color: #a7a7a7!important;
    font-size: .9rem!important;
    margin-top: .35rem!important;
}

.input-pencarian::placeholder {
    color: white!important;
}

@media(min-width: 768px) {
    .input-pencarian.mobile, .btn-pencarian { display: none; }
}

@media(min-width: 992px) {
    .input-pencarian {
        width: 35%;
    }
}

@media(max-width: 768px) {
    #link-pencarian { display: block!important; }
    
    .input-pencarian {
        width: 100%!important;
        display: none;
    }
}

#download-apps {
    display: flex;
    width: 100%; 
    background-color: #3AA9F6;
    position: fixed;
    top: 60px; 
    z-index: 999;
    border-top: 1.5px solid rgba(255, 255, 255, 0.7);
}

#download-apps i {
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
}

.btn-pencarian {
    margin-top: .35rem!important;
    display: none;
}

@media(min-width: 576px) {
    #download-apps { display: none; }
    #our-product { padding-top: 1.5rem!important; }
    #our-product.invoice { padding-top: 3rem!important; }
}

@media(max-width: 567px) {
    #link-pencarian {
        margin-right: .25rem!important;
        padding-right: 0!important;
    }
}

.accordion .card.is-active { 
    border: 1.5px solid var(--danger);
    border-bottom: none;
}

.accordion .card.is-active .card-footer { 
    border-bottom: 1.5px solid var(--danger)!important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#accordionPayments .card-footer { border-bottom: 1px solid rgba(0,0,0,.125); }

@media(max-width: 576px) {
    .input-metode-pembayaran .display-harga { font-size: 65%!important; }
    .input-metode-pembayaran img { height: 15px!important; }
}