﻿.shop-fix-margin
{
    height:284px;
}
@media(max-width:992px){
    .shop-fix-margin{
        height:250px;
    }
}
.shop-img-container {
    height: 250px;
    background-image: url("/images/shop/shopimg.jpg");
    background-position:bottom;
    background-repeat:no-repeat;
    background-size:cover;
    background-origin:border-box;
    margin-bottom:76px;
}
.profile-image{
    width:131px;
    height:131px;
    right:50px;
    bottom:-65px;
}
@media(max-width:992px){
    .shop-img-container{
        height:134px;
    }
    .profile-image{
        width:87px;
        height:87px;
        bottom:-43px;
    }
}
.choosen-shop-icon{
    width:20px;
    height:20px;
    object-fit:cover;
}
.info-tabs{
    position:relative;
}
.info-tab-container {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
}
    .info-tabs::after {
        content: "";
        position: absolute;
        bottom: 8px;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        height: 1px;
        background-color: #F6F6F6;
        z-index:-1;
    }
.active-tab {
    border-bottom: 2px solid #D91C5C !important;
    color: #D91C5C !important;
}
.tab {
    color: #9A9A9A;
    border: 0;
}
.shop-description {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 24px 100px;
    text-align: center;
}
@media (max-width:992px){
    .shop-description{
        padding:36px 16px;
        text-align:justify;
    }
}
.pin-icon{
    width:34px;
    height:49px;
    object-fit:cover;
    position:absolute;
    top:-15px;
    right:5px;
}
.product-search-box {
    width: 100%;
    border: 1px solid #C7C7C7;
    border-radius:8px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 20px;
}
.product-search-box input{
    border:none;
    outline:none;
    text-align:right;
    background-color:transparent;
    
}
    .product-search-box input::placeholder {
        color: #C7C7C7 !important;
    }
.product-select-box {
    border: 1px solid #1E1E1E !important;
    padding: 14px 20px !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 8px !important;
}
.filter-exist-product {
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    padding: 14px 0px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.custom-switch .form-check-input {
    width: 3.2rem;
    height: 1.6rem;
    background-color: #E8F6FF;
    border:none;
    box-shadow :none;
}

    .custom-switch .form-check-input:checked {
        background-color: #18A0FB;
        border-color: #18A0FB;
    }
.sort-icon{
    width:20px;
    height:20px;
    object-fit:cover;
}
.sort-section {
    padding-bottom: 21px;
    border-bottom: 1px solid #F2F2F2;
    margin-bottom:24px;
}
.active-sort {
    color: #FFFFFF !important;
    background-color: #D91C5C !important;
    border-radius:8px !important;
}
.sort-btn {
    border: none;
    outline: none;
    background-color: transparent;
    padding: 5px 20px;
}
.filter-icon {
    width: 20px;
    height: 20px;
    object-fit: cover;
}
.mobile-filter-container {
    padding-bottom: 18px;
    border-bottom: 1px solid #F6F6F6;
    margin-bottom:16px;
}
.experience-section{
    position:relative;
}
    .experience-section::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        left: 0;
        top:0;
        background-color: #DDDDDD;
        z-index:2;
    }
.shop-rate-progress-bar {
    width: 80px;
    background-color: #1E1E1E;
    height:4px;
    border-radius:1px;
}
@media(max-width:992px){
    .experience-section{
        padding-bottom:24px;
        margin-bottom:24px;
    }
    .experience-section::after {
        content: none;
    }
    .experience-section::before {
        position: absolute;
        content: "";
        width: 90%;
        height: 1px;
        left: 50%;
        transform:translateX(-50%);
        bottom: 0;
        background-color: #DDDDDD;
        z-index: 2;
    }
}