/* SONTEKLIF_DUKKAN_VISUAL_2019 */

.st19-box {
    border:1px solid #d5d5d5 !important;
    background:#fff !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

.st19-box-title {
    background:#fafafa !important;
    border-bottom:1px solid #d5d5d5 !important;
    padding:10px !important;
    text-align:center !important;
    color:#333 !important;
    font:bold 12px Arial,sans-serif !important;
}

.st19-dukkan-hero {
    position:relative;
    min-height:225px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px 35px;
    background:#fff;
}

.st19-dukkan-hero-content {
    flex:1;
    text-align:center;
}

.st19-dukkan-hero-content h1 {
    font:normal 21px/1.4 Arial,sans-serif;
    color:#333;
    margin:0 0 18px;
}

.st19-dukkan-benefits {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:4px;
    margin:15px 0;
}

.st19-dukkan-benefits span {
    display:inline-block;
    padding:8px 14px;
    color:white;
    font:bold 12px Arial,sans-serif;
}

.st19-dukkan-benefits span:nth-child(1) {background:#83b829}
.st19-dukkan-benefits span:nth-child(2) {background:#f58220}
.st19-dukkan-benefits span:nth-child(3) {background:#9974ad}
.st19-dukkan-benefits span:nth-child(4) {background:#4b9bc7}

.st19-dukkan-store {
    width:145px;
    height:130px;
    margin-left:20px;
    flex-shrink:0;
    position:relative;
}

.st19-dukkan-store .roof {
    height:36px;
    background:repeating-linear-gradient(
        90deg,#f58a1f 0 18px,#fff 18px 36px
    );
    border:2px solid #b96b2a;
    transform:skewX(-8deg);
}

.st19-dukkan-store .building {
    height:85px;
    background:#f1e4cd;
    border:4px solid #b68a5a;
    border-top:0;
    display:flex;
    justify-content:center;
    align-items:end;
    padding:8px;
}

.st19-dukkan-store .door {
    width:55px;
    height:70px;
    background:#83c4d5;
    border:5px solid #885c36;
}

.st19-package-card {
    border:1px solid #ddd !important;
    background:#fff !important;
    border-radius:0 !important;
    box-shadow:none !important;
    text-align:center !important;
}

.st19-package-card h3 {
    font:bold 18px Arial,sans-serif !important;
    color:#333 !important;
}

.st19-package-card a,
.st19-dukkan-hero a {
    border-radius:0 !important;
}

@media(max-width:650px) {
    .st19-dukkan-hero {
        padding:20px 12px;
        flex-direction:column;
    }
    .st19-dukkan-store {
        margin:20px auto 0;
    }
    .st19-dukkan-hero-content h1 {
        font-size:18px;
    }
}