.chevron-left-icon{
    font-size: 3rem;
}
.motor-progress-bar{
    position: absolute;
    top: 1rem;
    left: 4.8rem;
}
.dot{
    position: absolute;
    top: 57%;
    left: 8%;
    z-index: 1150;
}
.dot-red {
    height: 8px;
    width: 8px;
    background-color: #E8130C;
    border-radius: 50%;
}

.dot-gray {
    height: 7.59px;
    width: 8px;
    background-color: #e9ecef;
    border-radius: 50%;
}

.progress {
    position: absolute;
    top: 1.5px;
    left: 20%;
    height: 0.25rem;
    width: 60vw;
    max-width: 290px;
}
.motor {
    position: relative;
    top: -2rem !important;
    /*+15vw*/
    font-size: 28px !important;
    color: #E8130C;
}

.dot-container{
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 91%;
    width: 62vw;
    max-width: 300px;
}
.progress-bar {
    background-color: #E8130C;
}
@media (max-width: 768px){
    .dot-container{
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 90%;
        width: 61vw;
    }
}
.font-size-title{
    font-size: 1.5rem;
    font-weight: bolder;
    line-height: 28px;
    letter-spacing: 0.02em;
}
.font-size-sm{
    font-size: 1rem;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0.02em;

}
.bl-none{
    border-left: none;
    background-color: white;
}
.br-none{
    border-right: none;
}
.background-gray{
    background-color : #EEEEEE;
}
.focus-shadow:focus{
    box-shadow:none;
    border: 1px solid #ced4da;
    border-right: none;
    filter: drop-shadow(-3px 4px 4px rgba(0, 0, 0, 0.25));
}
.product-title{
    height: 10vh;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    padding: 8px 8px 8px 8px !important;

}
.product-title *{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 18px;

}
.product-title p{
    -webkit-line-clamp: 1;

}
.product-title div{
    align-items: center;
    display: flex;
    flex: auto;
}
.product-title div span{
    -webkit-line-clamp: 2;
}
.edit-button{
    top:7px;
    right: 6px;
}
.circle{
    width:28px;
    height:28px;
    border:2px solid white;
    border-radius:50%;
    position:relative;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.25));
}
.create-icon{
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 18px;
    color:white;
}
.w-49{
    width: 49% !important;
}
.filter-shadow:focus + .search-shadow{
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.product-height{
    height: 20.74vh;
}
.mb-24px{
    margin-bottom: 24px !important;
}
.product-rounded{
    border-radius: 8px;
    overflow: hidden;
}
.list-title{
    letter-spacing: 0.05em;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
}
.h-1rem{
    height: 1rem;
}
.mb-13px{
    margin-bottom: 13px !important;
}
.next-btn{
    font-size: 1.25rem;
    line-height: 23px;
    color: #FAFAFA;
}
.font-size-85{
    font-size: 85px;
}
.font-size-22 span{
    font-size: 22px !important;
}
.content-margin {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}
.content-margin img{
    margin-bottom: 1rem !important;
}
.max-h-20rem{
    max-height: 20rem;
}
.filter-shadow{
    filter: drop-shadow(0px -4px 4px rgba(0, 0, 0, 0.1));
}
.none-focus:focus{
    box-shadow: none;
    border-color: #ced4da;
}
.h-input{
    height: 2.125rem !important;
}
.customer-img-wh{
    height: 36px !important;
    width: 36px !important;
}
.text-reply-gray{
    color:#678868 !important;
}
.iframe-vh-35 iframe{
    height: 35vh !important;
}
.reply-photo{
    max-width: 300px !important;
    max-height: 300px!important;
    margin-top: 1rem;
}
.type-active{
    background-color: #E8130C;
    color:#ffffff !important;
}