html { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  html { font-family: 'Inter var', sans-serif; }
}
*{
    margin: 0px;
    padding: 0px;
}
body{
    font-family: 'Inter', sans-serif;
    background: #fff;
    color:#1f1b1b;
    overflow-x: hidden;
}

.header{
    height: 60px;
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
    display: flex;
    align-items: center;
    box-shadow: 0px 1px 24px 1px #f3f3f3;
}
.logo{
    margin-left: 74px;
}

.contents{
    margin: 30px;
}
.flex{
    display: flex;
    justify-content: space-around;
}
.box-lg{
    height: 350px;
    width: 600px;
    background: #f9f9f9;
    border: 0.6px solid #b1acac;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-heading{

    font-weight: bold;
    height: 30px;
    margin-bottom: 10px;
}
.datatext{
    font-size: 14px;
    color: #393c3b;
    display: flex;
    align-items: center;
}
.box-sm{
    margin-top: 10px;
    margin-right: 20px;
    height: 200px;
    width: 277px;
    border: 1px solid #e2e2e2;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.text-spacing{
    margin-left: 5px;
}

.choose_file{
    position:relative;
    height: 50px;
    display:inline-block;    
    border:rgba(255,255,255,.3) solid 1px;
    width:380px; 
    color: #fff;
    margin-top: 2px;
	background: black;
    cursor: pointer;
    padding-left: 15px;
    font-size: 16px;
}
form{text-align: center;}
.error_msg{font-size: 12px; color: rgb(255,59,48);}
.button_outer {border-radius:30px; text-align: center; width: 200px; display: inline-block; transition: .2s; position: relative; overflow: hidden;}
.btn_upload {padding: 17px 30px 12px; color: #aeaeae; text-align: center; position: relative; display: inline-block; overflow: hidden; z-index: 3; white-space: nowrap;}
.btn_upload input {position: absolute; width: 100%; left: 0; top: 0; width: 100%; height: 105%; cursor: pointer; opacity: 0;}
.file_uploading {width: 200px; height: 10px; margin-top: 20px; background: rgb(229, 229, 234);}
.file_uploading .btn_upload {display: none;}
.processing_bar {position: absolute; left: 0; top: 0; width: 0; height: 100%; border-radius: 30px; background: rgba(52, 199, 89, 1); transition: 3s;}
.file_uploading .processing_bar {width: 100%;}
.success_box {display: none; width: 50px; height: 50px; position: relative;}
.success_box:before {content: ''; display: block; width: 9px; height: 18px; border-bottom: 6px solid #fff; border-right: 6px solid #fff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position: absolute; left: 17px; top: 10px;}
.file_uploaded .success_box {display: inline-block;}
.file_uploaded {margin-top: 0; width: 50px; background:#83ccd3; height: 50px;}
.uploaded_file_view {height: 350px; width: 600px; position: relative; transition: .2s; display: none;}
.file_remove{width: 30px; height: 30px; border-radius: 50%; display: block; position: absolute; background: #aaa; line-height: 30px; color: #fff; font-size: 12px; cursor: pointer; right: -15px; top: -15px;}
.file_remove:hover {background: #222; transition: .2s;}
.uploaded_file_view img {max-width: 100%; height: 350px; width: 600px; object-fit: cover;}
.uploaded_file_view.show {display: block;}

.none{display: none;}
.uploaded_file_view_sm {height: 200px; width: 277px; position: relative; transition: .2s; display: none;}
.uploaded_file_view_sm img {max-width: 100%; height: 200px; width: 277px; object-fit: cover;}
.uploaded_file_view_sm.show {display: block;}

.overflow-content{
    overflow-x: scroll;
    display: flex;
}
.margin-top-20{
    margin-top: 20px !important;
}
.margin-top-40{
    margin-top: 40px !important;
}
.margin-bottom-20{
    margin-bottom: 20px;
}
.border-bottom-gray{
    border-bottom: 1px solid #e2e2e2;
}

.margin-lr-40{
    margin: 0 40px;
}

.img-button{
    background: none;
    border: none;
    cursor: pointer;
}

.progress_sm{
    position: relative;
    width: 200px;
    border-radius: 30px;
    overflow: hidden;
    text-align: center;
}

.file_uploading #segment-car-icon{
    display: none;
}

#scratch_progress_sm .processing_bar {
    transition: 12s !important;
}
.padding-bottom-20{
    padding-bottom: 20px;
}
.text-sm{
    font-size: 12px;
    color: #b1acac;
}
.text-bold{
    font-weight: bold;
}