.wrap-inner{width: 92%;}
body, #wrapper{background: #fff;}
body, h1, h2, h3, h4, h5, h6{color: #1a1a1a;}
body{font-family: 'IBM Plex Serif', serif;}
h2{font-size: 32px; font-weight: 700; line-height: 1.3; letter-spacing: 0.5px;}
.row-8{margin-left: -8px; margin-right: -8px;}
.row-8 [class*="col-"], .row-24 .row-8 [class*="col-"], .row-8 [class*="col-md-"], .row-8 [class*="col-sm-"]{padding-left: 8px; padding-right: 8px;}
.font-bold{font-weight: 700;}
.text-link{ color: #339FD8 !important; font-family: 'Open Sans', sans-serif; background: url(../images/new/icon/arrow-right-blue.svg) right center no-repeat; height: 24px; padding-right: 24px;}
.text-link:hover, .textLink:hover{opacity: 0.7;}
.font-12{font-size: 12px; line-height: 100%;}
.font-14{font-size: 14px; line-height: 19px;}
.font-18{font-size: 18px; line-height: 100%;}
.fontFamily{ font-family: 'Open Sans', sans-serif !important;}
.font-700{font-weight: 700 !important;}
.font-600{font-weight: 600 !important;}
.textLink{ font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 22px; letter-spacing: 0.5px; font-weight: 700; color: #339FD8 !important;}
.mt-4{margin-top: 4px !important;}
.mt-80{margin-top: 80px;}
.mr-16{margin-right: 16px;}
.mb-40{margin-bottom: 40px;}
.vertical-dot{background: url(../images/new/icon/dot.svg) 0 0 no-repeat; height: 24px; width: 24px; display: inline-block;}
.brd-rdu-4{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.custom-file-input:hover .btn{opacity: 0.8;}
.form-placeholder .form-control::placeholder{color: #1a1a1a !important; opacity: 0.6;}
.form-placeholder .form-control:-ms-input-placeholder {color: #1a1a1a !important; opacity: 0.6;}
.form-placeholder .form-control::-ms-input-placeholder {color: #1a1a1a !important; opacity: 0.6;}
.grey-bg-3{background-color: #EBF2F5;}
.grey-bg-4{background-color: #F8F8F8;}
.text-opcity-6{color: rgba(26, 26, 26, 0.6);}
.text-green{color: #62C476;}
.text-red{color: #CD1D00;}

.store-banner img{width: 100%;}
.design-link{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 22px; font-weight: 700; letter-spacing: 0.5px;}
.design-link a{color: #1A1A1A; margin: 0 12px; position: relative; opacity: 0.6;}
.design-link a:hover, .design-link a.active{color: #339FD8; opacity: 1;}
.design-link a::after, .tab-links a::after{content: ''; height: 2px; position: absolute; z-index: 1; bottom: -3px; left: 0; right: 0; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; -ms-transition: .2s linear; transition: .2s linear;}
.design-link a:hover::after, .design-link a.active::after{background-color: #339FD8;}
.design-title-search .searchbar{max-width: 364px; margin: 0 auto;}
.design-box-title{margin-bottom: 4px;}
.design-block-top{margin: 24px -20px 0; display: flex; flex-wrap: wrap; justify-content: center; }
.design-block-top li{padding: 16px 20px 0; width: 160px; text-align: center;}
.design-block-top li a:hover{opacity: 0.7;}
.design-box{margin-top: 80px;}
.design-box-tile{flex-wrap: wrap; margin:0 -12px;}
.design-tile-child{width: 16.666%; padding: 12px; font-family: 'Open Sans', sans-serif;}
.design-tile-child img{width: 100%; object-fit: cover; height: 135px;}
.design-box-img a{display: block;}
.design-box-img span{display: none;}
.design-box-img span.active{display: block;}
.design-box-img-thum img{height: 44px; width: 44px !important;}
.design-box-img-thum a{padding: 4px; border: 1px solid #fff; display: inline-block;}
.design-box-img-thum a.active, .design-box-img-thum a:hover{padding: 4px; border: 1px solid #1A1A1A;}
.design-image-text{position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background: rgba(27, 54, 93, 0.5); font-size: 20px; font-weight: 600; color: #fff; display: flex; justify-content: center; align-items: center; opacity: 0; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; -ms-transition: .2s linear; transition: .2s linear;}
.design-box-img a:hover .design-image-text{opacity: 1;}
.design-boxrelease{margin-top: 120px;}
.design-box-img { width: 100%; height: auto; aspect-ratio: 1/1; max-width: 500px; max-height: 500px; overflow: hidden; } 
.design-image img {width: 100%!important;height:100%!important; object-fit:contain !important; }
.design-box-tile .design-box-img a, .design-box-tile .design-box-img a span{height: 100%;}


.about-design{background: #1B365D; margin-top: 120px;}
.about-design-text{color: #fff; max-width: 505px; width: 100%;}
.about-design-text * {color: #fff;}
.about-design-img{padding-left: 80px;}
.accordion-box{max-width: 820px; margin: 120px auto 80px;}
.accordion-box h2{margin-bottom: 40px;}
.at-item{padding: 16px; margin-top: 16px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 2px 12px 0px rgba(26, 26, 26, 0.1); -webkit-box-shadow: 0px 2px 12px 0px rgba(26, 26, 26, 0.1); box-shadow: 0px 2px 12px 0px rgba(26, 26, 26, 0.1);}
.at-item:first-child{margin-top: 0;}
.at-title{position: relative; padding-right: 24px; cursor: pointer; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; -ms-transition: .2s linear; transition: .2s linear;}
.at-title::after{content: ''; background: url(../images/new/icon/arrow-down.svg) 0 0 no-repeat; height: 24px; width: 24px; position: absolute; top: 2px; right: 0;}
.at-title.active::after{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.at-tab{display: none; margin-top: 16px;}
.at-tab p:last-child{padding-bottom: 0;}

/* Start Shop */
.banner-design{height: 200px;}
.shop_sidebar .title{margin-bottom: 0; padding-bottom: 0;}
.sidebar_category li a{border-top: none; padding-bottom: 0; padding-top: 0;}
.sidebar-fliter{border-top: 1px solid #dedede; margin-top: 16px; padding-top: 16px;}
.sidebar_category li.dropDown.show > a:after{top: 4px;}
.siderbar-checkbox li{margin-top: 8px;}
.siderbar-checkbox li:first-child{margin-top: 0;}
.siderbar-checkbox .checkBox label{font-family: 'IBM Plex Serif', serif !important; font-size: 16px; line-height: 20px;}
.siderbar-checkbox .checkBox .checkmark{top: 1px;}
.shop_content .design-tile-child{width: 20%!important;}
.design-select{white-space: nowrap;}
.design-select select{font-weight: 700; border: none; font-family: 'Open Sans', sans-serif; color: #1A1A1A; cursor: pointer;}
.design-select select option{font-weight: 400;}
.category-filter-result{padding-top: 8px; flex-wrap: wrap; margin: 0 -4px;}
.category-filter-result span{font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; padding: 10px 11px; margin: 8px 4px 0; background: #EBF2F5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: flex; align-items: center;}
.category-filter-result span a{color: #1A1A1A; background: url(../images/new/icon/close-black.svg) 0 0 no-repeat; height: 16px; width: 16px; background-size: cover; display: inline-block; margin-left: 4px;}
.sidebar-parent{padding-left: 28px;}
.hidden-item {display: none;}
.show-less {display: none;}
.design-tile-child .wishlist-icon span{position: absolute; z-index: 1; top: 6px; right: 6px; background: #fff url("../images/new/icon/heart.svg") center center no-repeat; background-size: 18px; height: 24px; width: 24px; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.1); -webkit-box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.1); box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.1);}
.design-tile-child .wishlist-icon span.active{background-image: url("../images/new/icon/heart-filled.svg");}
/* End Shop */

.breadcrumbs{margin-top: 44px;}
.breadcrumbs{font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; color: #1A1A1A;}
.breadcrumbs li{position: relative;}
.breadcrumbs li a{color: #1A1A1A;}
.breadcrumbs li::before{content: '/'; margin-left: 16px; padding-right: 16px;}
.breadcrumbs li:first-child::before{display: none;}
.breadcrumbs li a:hover{text-decoration: underline !important;}
.breadcrumbs li span{opacity: 0.6;}
.slider-arrow .slick-arrow{position: absolute; top: -42px; text-indent: -9999px; font-size: 0; color: rgba(0, 0, 0, 0); height: 40px; width: 40px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #fff url(../images/new/icon/arrow-down.svg) center center no-repeat; border: 1px solid #c9c9c9;}
.slider-arrow .slick-next{right: 0; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.slider-arrow .slick-prev{right: 56px; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.slider-arrow .slick-disabled{opacity: 0.7;}

.design-product-left{width: 630px;}
.design-proudct-right{width: calc(100% - 660px); padding-left: 24px;}
.design-proudct-right-btn svg, .design-set-btn svg{display: block;}
.design-spec li{ font-family: 'Open Sans', sans-serif; display: flex; align-items: center; padding: 12px 0; border-top: 1px solid #c9c9c9;}
.design-spec li span{font-weight: 700; width: 160px; padding-right: 4px;}
.design-set{padding: 44px 0;}
.design-set h3{margin-bottom: 24px;}
.design-set-img{width: 160px;}
.design-set-img img{width: 100%;}
.design-set-plus{padding: 0 24px;}
.design-set-img .checkBox label {padding: 0; display: block;}
.design-set-img .checkBox label .checkmark{left: auto; right: 8px; top: 8px; background: #fff;}
.design-set-img .checkBox input:checked ~ .checkmark{background: #339FD8;}
.design-set-btn{padding-left: 64px;}
.sidebar_category li.dropDown > a:after{top: 4px;}

.tab-links{display: flex;}
.tab-links ul{margin: 0 -12px; width: calc(100% + 24px);}
.tab-links li{padding: 0 12px; font-family: 'Open Sans', sans-serif; font-weight: 700; line-height: 22px;}
.tab-links li a{color: #1A1A1A; opacity: 0.6; position: relative;}
.tab-links li a::after{bottom: -5px;}
.tab-links li a:hover, .tab-links li.active a{color: #339FD8; opacity: 1;}
.tab-links li a:hover::after, .tab-links li.active a::after{background-color: #339FD8;}
.tab-links li span{vertical-align: middle; margin-right: 4px;}
.tab-links li a:hover span, .tab-links li.active a span{opacity: 1;}
.tab-links li a:hover svg path, .tab-links li.active svg path{fill: #339FD8 !important;}
.design-box-row-top span{vertical-align: middle; margin-right: 4px; line-height: 0;}
.design-box-row-top{padding-bottom: 24px; border-bottom: 1px solid #dedede; margin-bottom: 24px;}
.design-box-row-top .sidebar_input{width: 188px;}
.design-box-row-tile{margin-bottom: 16px;}
.dbrt-img{width: 160px; min-width: 160px;}
.dbrt-img img{width: 100%;}
.dbrt-text{padding-left: 24px; width: 250px;}
.design-box-row-tile .font-14, .dbrt-right .font-14{font-family: 'Open Sans', sans-serif;}
.dbrt-desc{padding-left: 16px; width: 250px;}
.dbrt-right .dropdown-menu{right: 0; left: auto; top: 28px;}
.dbrt-right-download{white-space: nowrap;}
.download-btn{background-color: #DEEFF5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: block; padding-left: 8px; display: flex; align-items: center; justify-content: space-between; font-size: 16px; line-height: normal; letter-spacing: 0.5px;}
.download-btn span{background:#D1E3E9 url(../images/new/icon/download-dropdown.svg) center center no-repeat; height: 42px; width: 32px; display: inline-block; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;}
.dbrt-right .dropdown-menu{padding: 8px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.dbrt-right .dropdown-menu>li>a, .dbrt-right .dropdown-label{padding: 8px 16px; font-weight: 600;}
.dbrt-right .dropdown-menu>li>a:hover{background: #f8f8f8;}
.dbrt-right .dropdown-label{text-transform: uppercase;}
.opacity-6{opacity: 0.6;}
.dbrt-right .dropdown-menu>li{margin-top: 8px;}
.dbrt-right .dropdown-menu>li:first-child{margin-top: 0;}
.dbrt-right-download-btn{min-width: 152px;}
.dbrt-right-download-btn li{display: flex; justify-content: space-between;}
.dbrt-right-download-btn li span{font-weight: 400;}
.dbrt-right-download-btn .dropdown-menu{width: 240px; top: 48px;}
.dbrt-right-download-btn .caption-large{font-weight: 400; text-transform: none;}
.dbrt-right-download-btn.open .dropdown-toggle span{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.dbrt-price{width: auto !important;}
.line-height-0{line-height: 0; vertical-align: middle;}
.design-box-wishlist .dbrt-text{min-width: 350px; width: auto; padding-right: 4px;}
.design-wishlist-icon span{background:#fff url(../images/new/icon/heart-filled.svg) center center no-repeat; height: 32px; width: 32px; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0px 2px 12px 0px rgba(26, 26, 26, 0.1); -webkit-box-shadow: 0px 2px 12px 0px rgba(26, 26, 26, 0.1); box-shadow: 0px 2px 12px 0px rgba(26, 26, 26, 0.1);}

.dmt{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 50px 24px;}
.upload-cover-img{max-width: 608px; width: 100%; margin: 24px auto 0; text-align: center;}
.upload-cover-img .light-grey-bg{padding: 16px;}
.upload-cover-child-img{border: 2px dashed #C9C9C9; padding: 32px 16px;}
.upload-cover-child-img .btn{text-transform: uppercase; letter-spacing: 0.5px; font-family: 'Open Sans', sans-serif;}
.design-upload-left{max-width: 528px; width: 100%;}
.design-upload-right{max-width: 632px; width: 100%; padding-left: 24px; margin: 0 0 16px;}
.design-upload-box .input-group input, .design-upload-box .input-group textarea{border-right: 0; border-color: #DEDEDE; font-family: 'IBM Plex Serif', serif;}
.design-upload-box .input-group-addon{color: rgba(26, 26, 26, 0.6); background: transparent; border-color: #DEDEDE; padding-left: 0;}
.checkbox-group .checkBox label{height: 40px;}
.checkbox-group .checkBox span.checkmark{width: 100%; height: auto; display: block; padding: 8px !important; font-weight: 400; text-align: center; border: 1px solid #DEDEDE; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.checkbox-group .checkBox .checkmark:after{display: none;}
.checkbox-group .checkBox input:checked ~ .checkmark{color: #fff; border: 1px solid #339FD8;}
.checkbox-group .row{margin: 0 -4px;}
.checkbox-group .col-md-3, .checkbox-group .col-md-6{padding: 0 4px;}
.input-2{width: 50%;}
.design-upload-box textarea{height: 120px;}
.design-upload-box .input-group-textarea .input-group-addon{vertical-align: top;}
.suggest-div span{margin-left: 8px; font-family: 'Open Sans', sans-serif; font-weight: 700;}
.design-upload-box{padding-bottom: 48px;}
.upload-btn-group{justify-content: end;}
.upload-btn-group .btn{margin-left: 16px;}
.design-upload-box label{font-size: 14px;}
.design-upload-box .category-filter-result span{margin-bottom: 4px;}
.upload-scroll{max-height: 240px; margin-top: 16px; padding-right: 2px; overflow: hidden; overflow-y: auto;}
.upload-process-box{padding: 16px; margin-top: 8px; text-align: left;}
.upload-process-box:first-child{margin-top: 0;}
.upload-process{height: 8px; background: #C9C9C9; margin-top: 12px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.upload-process span{background: #339FD8; height: 100%; display: block; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.upload-img{position: relative; padding-right: 32px; display: flex;}
.upload-img img{width: 48px;}
.upload-img-text{padding-left: 24px;}
.upload-text-span span{position: relative;  padding-left: 16px;}
.upload-text-span span:first-child{padding-left: 0;}
.upload-text-span span::before{content: '.'; font-weight: 700; position: absolute; top: -4px; left: 5px;}
.upload-text-span span:first-child::before{display: none;}
.upload-close{position: absolute; right: 0; top: 0; background: url(../images/new/icon/close-black.svg) 0 0 no-repeat; height: 24px; width: 24px; display: block;}
.complete-icon{margin: 2px 4px 0 0; background: url(../images/new/icon/yes.svg) 0 0 no-repeat; height: 16px; width: 16px; background-size: 16px;}
.loading-icon{margin: 2px 4px 0 0; background: url(../images/new/icon/loading.svg) 0 0 no-repeat; height: 16px; width: 16px; animation: rotate-animation 6s infinite linear;}
.eight-line { display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; height: fit-content; }
@keyframes rotate-animation {
    0%{
       transform: rotate(0deg);
      }
   100%{
       transform: rotate(360deg);
      }
}
.customScroll::-webkit-scrollbar-thumb:hover, .customScroll::-webkit-scrollbar-thumb {background: #339FD8; }

.slick-slide img{width: 100%;}
.upload-btn-group .btn-white, .btn-grey-border{border-color: #EBF2F5;}
.upload-btn-group .btn-white:hover, .btn-grey-border:hover{border-color: #9d9d9d;}

/* Start Selling Section */
.sale-dialog{max-width: 716px; width: calc(100% - 36px);}
.modal-backdrop.show{opacity: 0.5; background: #1B365D;}
.modal button.close{background: url("../images/new/icon/close-black.svg") 0 0 no-repeat; height: 24px; width: 24px; position: absolute; top: 2px; right: 0; opacity: 1;}
.modal button.close:hover{opacity: 0.8;}

.revenue-box .grey-bg-4, .selling-status-box .grey-bg-4{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 24px 16px;}
.arrow-right-grey{background: url(../images/new/icon/arrow-right-grey.svg) center center no-repeat; height: 40px; width: 40px; display: inline-block;}
.arrow-right-grey:hover{opacity: 0.8;}
.selling-status-box .grey-bg-4{padding: 16px;}
.nowrap{white-space: nowrap;}

.modal-selling{padding: 24px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; max-height: 92vh; overflow-y: auto;}
.modal-title{padding-right: 28px;}
.modal-total-border{border: 1px solid #DEDEDE; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 24px 16px; text-align: center;}
.modal-sale-select{gap: 0.75rem;}
.table-sale th, .table-sale td{padding: 8px !important; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 100%; font-weight: 600;}
.table-sale th{color: rgba(26, 26, 26, 0.6) !important; background: #f8f8f8 !important; border-bottom: 1px solid #DEDEDE !important;}
.table-sale td{padding: 12px 8px !important; color: #1A1A1A !important; border-bottom: 1px solid #EBF2F5 !important;}
.col-pattern{width: 300px;}
.sale-check{height: 16px;}
.sale-check img{height: 100%; margin-right: 8px;}
.text-grey{color: rgba(26, 26, 26, 0.6);}
.table-sale .arrow-right-grey{height: 20px; width: 20px; background-size: 20px;}
.col-check-date{width: 100%;}
.table-sale .arrow-right-grey.arrow-down{-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.table-sale .child-table td:first-child{padding: 0 !important;}
.table-sale.child-table-inner{width: 100%;}
.table-sale.child-table-inner th{background: #1B365D !important; color: #fff !important;}
.table-sale .child-table .table-sale.child-table-inner td{background: rgba(222, 239, 245, 0.5) !important; padding: 12px 8px !important;}
.request-category .well{background: #fff; border: 1px solid #DEDEDE; text-align: left; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.request-category .well label{font-family: 'IBM Plex Serif', serif !important; color: #1A1A1A !important;}
.request-category .well .checkBox{margin-bottom: 10px;}
.request-category .well .checkBox:last-child{margin-bottom: 0;}
.request-category .well .checkBox .checkmark{top: 1px;}
.request-category .checkbox-children{margin: 12px 0 8px 24px;}
/* End Sellening Section */

.text-white{color: #fff;}
.p-24{padding: 24px;}
.gap-2{gap: 8px;}
.gap-3{gap: 1rem;}
.modal-content{border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.bg-design-banner{background: #8CD3D7; background: linear-gradient(0deg, rgba(140, 211, 215, 1) 0%, rgba(71, 160, 196, 1) 100%); padding: 24px; margin-bottom: 24px;}
.design-banner-box{max-width: 716px; margin: 0 auto;}
.design-banner-img{position: relative; width: 300px; padding-bottom: 46px;}
.design-banner-img img{max-width: 100%;}
.design-banner-arrow{margin: 14px 0 0 10px;}
.design-banner-convert{position: absolute; bottom: 0; right: 0;}
.design-banner-text{width: 353px; padding-left: 16px;}
.add-dialog{max-width: 640px; width: calc(100% - 32px);}
.modal-add-box{margin-top: 16px; border-top: 1px solid #C9C9C9; padding-top: 32px;}
.modal-add-link a{background: #f8f8f8; color: #1A1A1A; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; height: 128px; width: 100%; padding: 24px;}
.modal-add-link a:hover{background: #eeeeee;}

.title-btn-link{height: 28px; width: 28px; background-color: transparent; background-position: center center; background-repeat: no-repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: none;}
.title-btn-link:hover{background-color: #eee !important; outline: none !important;}
.btn-back{background-image: url('../images/new/icon/close-black.svg');}

.design-convert{padding-top: 32px;}
.design-convert-left{width: 384px; font-family: 'Open Sans', sans-serif !important; padding-right: 16px;}
.design-convert-left ul{position: relative;}
.design-convert-left ul:before{content: ""; position: absolute; left: 12px; top: 16px; bottom: 16px; width: 1px; background: #DEDEDE;}
.design-convert-left li{margin-top: 28px; position: relative; font-size: 14px; line-height: normal; font-weight: 600; color: #c9c9c9;}
.design-convert-left li:first-child{margin-top: 0;}
.design-convert-left li .custom-number{position: relative; height: 24px; width: 24px; margin-right: 16px;}
.design-convert-left li .custom-number span{height: 100%; width: 100%; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; background: #F8F8F8; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
.design-convert-left li.active{color: #1B365D;}
.design-convert-left li.active .custom-number span{background: #1B365D; color: #fff;}
.design-convert-left li.selected .custom-number::before{content: ""; position: absolute; left: -4px; top: -4px; right: -4px; bottom: -4px; background: #fff; border: 2px solid #1B365D; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}

.design-convert-right{max-width: 819px; text-align: left; font-family: 'Open Sans', sans-serif; margin-bottom: 24px;}
.upload-cover-text{max-width: 400px; margin: 0 auto;}
.upload-steps{display: none;}
.upload-steps.active{display: block;}
.line-height-0{line-height: 0;}
.upload-step-top-left{width: 412px; padding-right: 8px;}
.upload-step-top-right{width: 187px;}
.range-value{font-size: 40px; line-height: 100%;}
.range-value span{font-size: 32px;}
.range-slider input[type="range"] { -webkit-appearance: none; width: 100%; height: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #d1d1d1; outline: none; cursor: pointer; transition: background 0.3s ease; }
.range-slider input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; height: 24px; width: 24px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #339FD8; cursor: pointer; margin-top: 0; border: none; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
.range-slider input[type="range"]::-moz-range-thumb { height: 24px; width: 24px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #339FD8; cursor: pointer; border: none; }
.range-slider input[type="range"]::-moz-range-track { height: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: transparent; }
.upload-step-box{padding: 16px; margin-top: 24px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.upload-step-box img{max-width: 100%;}
.modal-footer-btn-group{padding: 24px 0 0;}
.modal-footer-btn-group .btn{margin: 0 8px;}
.modal-footer-btn-group .btn:first-child{margin-left: 0;}
.modal-footer-btn-group .btn:last-child{margin-right: 0;}
.d-none{display: none;}
.cropbg{background: rgba(0, 0, 0, 0.5);}
.image-pattern{background: #FDF3EB; max-width: 292px; padding: 16px; font-family: 'Open Sans', sans-serif; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

@media (max-width : 1280px) {
.wrap-inner{width: 100%;}
.design-block-top{margin-left: -16px; margin-right: -16px;}
.design-block-top li{padding-left: 16px; padding-right: 16px;}
.design-boxrelease, .about-design, .accordion-box{margin-top: 80px;}
}

@media (max-width : 1240px) {
.design-tile-child{width: 20%;}
.design-tile-child:last-child{display: none;}
.shop_content .design-box-tile{justify-content: center;}
.shop_content .design-tile-child{width: 33.33% !important; max-width: 33.33% !important;}
.breadcrumbs{margin-top: 24px;}
.dbrt-img{width: 120px; min-width: 120px;}
.dbrt-text, .dbrt-desc{padding-left: 16px; width: 180px;}
.dbrt-text .mt-8, .dbrt-desc{margin-top: 4px;}
.design-box-wishlist .dbrt-text{min-width: 300px;}
.design-product-left{width: 50%;}
.design-proudct-right{width: 50%; padding-left: 24px;}

.revenue-box .grey-bg-4{padding: 16px;}
}

@media (max-width : 1024px) {
.design-tile-child{width: 33.33%;}
.design-tile-child:last-child{display: block;}
.design-box, .about-design, .accordion-box{margin-top: 60px;}
.about-design-img{padding-left: 24px;}
.accordion-box{margin-bottom: 60px;}
.dbrt-parent-text{flex-direction: column;}
.dbrt-right-drop{margin-left: 4px !important;}

.revenue-box .col-md-4, .selling-status-box .col-md-3{width: 100%; margin-top: 16px;}
.revenue-box .col-md-4:first-child, .selling-status-box .col-md-3:first-child{margin-top: 0;}

}

@media (max-width : 950px) {
.design-proudct{flex-direction: column; max-width: 600px; margin: 0 auto;}
.design-proudct-right{width: 100%; margin-top: 24px; padding-left: 0;}
.light-blue-bg.mt-80{margin-top: 24px;}
.design-set-img{width: 240px;}
.design-set-btn{padding-left: 24px;}
.design-box-wishlist .dbrt-text{min-width: auto;}
.suggest-div{flex-direction: column;}
.suggest-div span{margin-left: 0; margin-right: 4px;}
.rtl-slider img{height: 480px !important;}
.slick-vertical .slick-slide{margin-bottom: 12px !important;}

.modal-selling{padding: 16px;}

.bg-design-banner{padding: 16px; margin-bottom: 16px;}
.design-banner-box{flex-direction: column;}
.design-banner-text{padding: 16px 0 0 0; width: 300px; text-align: center;}
.design-banner-text .btn{width: 100%;}
.design-banner-text h3{font-size: 20px; line-height: normal;}
}

@media (max-width : 900px) {
.shop_content .design-tile-child{width: 50% !important; max-width: 50% !important;}
.design-set-plus{padding: 0 12px;}
.design-box-row-top{padding-bottom: 16px; margin-bottom: 16px; flex-direction: column;}
.mfd-column{flex-direction: column; width: 100%;}
.design-box-row-top .mfd-column .btn{width: 100%; margin: 0 0 12px;}
.design-box-row-top .sidebar_input{width: 100%; margin-bottom: 16px;}
.upload-img-text{padding-left: 12px;}
.upload-text-span{flex-direction: column;}
.upload-text-span span{padding: 4px 0 0;}
.upload-text-span span::before{display: none;}
}

@media (max-width : 767px) {
h2{font-size: 24px;}
h3{font-size: 20px;}
.mt-40{margin-top: 24px;}
.m-p-16{padding: 16px;}
.accordion-box h2{margin-bottom: 24px;}
.design-title-search .searchbar{max-width: 100%;}
.design-block-top li{padding: 16px 10px 0;}
.design-box{margin-top: 40px;}
.design-tile-child{width: 50%;}
.about-design .d-flex{flex-direction: column; text-align: center;}
.about-design-img{padding: 24px 0 0;}
.accordion-box{margin-bottom: 40px;}
.design-shop .sidebar_input{display: block; margin-bottom: 16px;}
.siderbar-checkbox{padding-left: 16px;}
.design-shop .design-box-title{flex-direction: column;}
.design-shop .design-box-title h2{margin-bottom: 8px !important;}
.breadcrumbs{margin-top: 16px;}
.design-proudct{max-width: 450px;}
.design-set{padding: 24px 0;}
.design-set h3{text-align: center; margin-bottom: 16px;}
.design-set > .d-flex{flex-direction: column;}
.design-set-plus{padding: 8px 0 12px 0;}
.design-set-btn{padding-left: 0; width: 240px; text-align: left;}
.category-filter{padding-left: 16px; padding-right: 16px;}
.store-banner.mt-24{margin-top: 12px;}
.product-shop-title.mb-24{margin-bottom: 12px;}
.tab-links.mb-24{margin-bottom: 16px;}
.tab-links ul{justify-content: center;}
.tab-links li{font-size: 14px; line-height: normal; font-weight: 600; padding: 0 8px;}
.design-box-row-tile{flex-direction: column; position: relative;}
.dbrt-img{width: 80px; min-width: 80px;}
.dbrt-text, .dbrt-desc{padding-left: 12px; width: 100%;}
.dbrt-right{padding-left: 92px; margin-top: 8px;}
.design-box-wishlist .dbrt-text{padding-right: 24px;}
.dbrt-parent-text{padding-right: 12px;}
.dbrt-right-download-btn .mb-16{margin-bottom: 8px;}
.dbrt-text .title{font-size: 16px; line-height: 22px;}
.dbrt-right-drop{position: absolute; right: -8px; top: 0;}
.dbrt-right div:first-child{width: 100%;}
.dbrt-right-download{margin-top: 8px;}
.dbrt-right .text-right{text-align: center !important;}
.product-shop-title h2{text-align: center;}
.design-upload{flex-direction: column;}
.design-upload-box {margin: 24px auto 0; max-width: 528px; padding-bottom: 24px;}
.design-upload-box h2{margin-bottom: 16px;}
.design-upload-right{padding: 0;}
.design-upload-box .col-sm-6{width: 50%; float: left;}
.upload-btn-group{justify-content: center;}
.upload-btn-group{margin: 0 -8px;}
.upload-btn-group .btn{width: 50%; margin: 0 8px;}
.upload-process-box{padding: 8px;}
.slider-arrow .slick-arrow{height: 24px; width: 24px; background-size: 16px; top: -30px;}
.slider-arrow .slick-next{right: 4px;}
.slider-arrow .slick-prev{right: 32px;}

.m-mt-16{margin-top: 16px;}
.m-mt-8{margin-top: 8px;}
.m-w-100{width: 100%;}
.modal-sale-select{flex-direction: column;}
.design-upload-box .upload-btn-group{flex-direction: column; gap: 0.75rem;}
.design-upload-box .upload-btn-group .btn, .design-upload-box .upload-btn-group .ml-16{width: 100%; margin: 0;}

.modal-add-box{padding-top: 16px;}
.modal-add-box .col-md-6{margin-top: 16px;}
.modal-add-box .col-md-6:first-child{margin-top: 0;}
.design-convert-left{width: 100%; padding-right: 0; margin-bottom: 16px;}
.design-convert-right{margin-bottom: 16px;}
.upload-step-top{flex-direction: column;}
.upload-step-top-left{padding-right: 0; width: 100%;}
.upload-step-top-right{width: 100%; margin-top: 16px;}
.upload-btn-group{margin: 0;}
.optimnal-size-input{flex-direction: column; gap: 8px; }
.optimnal-size-input .input-2{flex-direction: column; width: 100%; align-items: flex-start;}
.optimnal-width{width: 100%; align-items: flex-start;}
.optimnal-width span{display: none;}
.modal-footer-btn-group{padding-top: 16px;}
}

@media (max-width : 500px) {
.design-tile-child, .shop_content .design-tile-child{width: 100% !important; max-width: 100% !important;}
.dbrt-img{width: 60px; min-width: 60px;}
.dbrt-right{padding-left: 72px;}
}

@media (max-width : 360px) {
.design-banner-img, .design-banner-text{max-width: 300px; width: 100%;}
.design-banner-text h3{font-size: 16px; line-height: normal;}
}