.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;}
.text-brown{color: #D35D39;}
.text-blue{color: #339FD8;}
.font-12{font-size: 12px; line-height: 100%;}
.font-14{font-size: 14px; line-height: 19px;}
.font-16{font-size: 16px; line-height: 22px;}
.font-18{font-size: 18px; line-height: 24px;}
.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;}
.textLink.font-600{ font-weight: 600 !important; }
.mt-4{margin-top: 4px !important;}
.mb-4{margin-bottom: 4px !important;}
.mt-80{margin-top: 80px;}
.mr-16{margin-right: 16px;}
.mb-40{margin-bottom: 40px;}
.pt-160{padding-top: 160px;}
.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;}
.bg-light{background-color: #FFFAEE;}
.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; overflow: hidden; overflow-x: auto;}
.design-link a{color: #1A1A1A; margin: 0 12px; position: relative; opacity: 0.6; white-space: nowrap;}
.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 -24px;}
.design-tile-child{width: 25%; padding: 24px; font-family: 'Open Sans', sans-serif; display: flex; flex-direction: column;}
.design-tile-child img{width: 100%; object-fit: cover; height: 135px;}
.design-tile-child-info{display: flex; flex-direction: column; flex-grow: 1;}
.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-box-tile{margin: 0 -24px;}
.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;}
.btn-danger{color: #fff !important;}

/* Start Selling Section */
.sale-dialog{max-width: 716px; width: calc(100% - 36px);}
.modal-backdrop.show{opacity: 0.5; background: #1B365D; z-index: 9999;}
.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; max-height: 92vh; overflow-y: auto;}
.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, .subscription-dialog{max-width: 640px; width: calc(100% - 32px);}
.modal-add-box, .modal-subscription-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;}

.main-banner-design{background: url(../images/new/design/main-design-store.jpg) center 0 no-repeat;}
.VueCarousel-inner img{width: 100%;}
.VueCarousel-dot-container{margin-top: 0 !important;}
.VueCarousel-pagination button{margin-top: 0 !important;}

.shop-credit span{background: url(../images/new/icon/credit.svg) 0 0 no-repeat; height: 20px; width: 20px; display: inline-block;}
.dppi-left{width: 40%;}
.dppi-right{margin-left: 24px; padding-left: 24px; border-left: 1px solid #c9c9c9; flex-grow: 1; width: 60%;}
.dppi-right-credit img{height: 32px;}
.dppi-right-list li{margin-top: 4px; font-size: 14px; line-height: 20px; color: #0A495D; position: relative; padding-left: 24px;}
.dppi-right-list li:first-child{margin-top: 0;}
.dppi-right-list li::before{content: ''; position: absolute; left: 0; top: calc(50% - 8px); width: 16px; height: 16px; background: url(../images/new/icon/check-blue.svg) center center no-repeat; background-size: cover;}
.join-link a{font-weight: 700; display: inline-flex; align-items: center; color: #339FD8; border-bottom: 2px solid #339FD8; padding: 4px 0;}
.join-link a span{background: url(../images/new/icon/arrow-right-long-blue.svg) center center no-repeat; height: 24px; width: 24px; display: inline-block; margin-left: 4px;}
.join-link a:hover{border-color: transparent;}

.design-subscription-box, .design-subscription-history, .subscription-content, .subscribe-box-child{max-width: 1030px; margin: 0 auto;}
.dsb-left{max-width: 500px;}
.dsb-right{max-width: 398px; width: 100%; padding: 32px; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.dsb-right h1{font-size: 48px; line-height: 100%;}
.dsb-right .dppi-right-list{padding-top: 8px;}
.dsb-right .dppi-right-list li{margin-top: 16px;}

.dsh-left{max-width: 292px; width: 100%;}
.credit-works{margin-top: 16px; padding-top: 16px; border-top: 1px solid #c9c9c9;}
.dsh-right{width: 100%;}
.dsh-right-table .table{border: 1px solid #dedede;}
.dsh-right-table .table th{background: #1B365D; color: #fff; font-weight: 600;}
.dsh-right-table .table .credit-item{width: 100%;}
.dsh-right-table .table th, .dsh-right-table .table td{padding: 12px 8px;}
.dsh-right-table .table th:last-child, .dsh-right-table .table td:last-child{padding-right: 16px;}
.dsh-right-table .table > tbody > tr > td, .dsh-right-table .table > thead > tr > th{border-color: #dedede;}
.dsh-right-table .table > tbody > tr > td{white-space: normal;}
.dsh-right-table .table > tbody > tr > td.nowrap{white-space: nowrap;}
.credit-date{min-width: 130px;}

.banner-subscription{background: url(../images/new/subscription/banner.png) center center no-repeat; background-size: cover; padding: 120px 16px 0;}
.banner-subscription-inner::before{content:''; position: absolute; left: 0; top: 0; width: 339px; height: 423px; background: url(../images/new/subscription/banner-left-coins.png) 0 0 no-repeat; background-size: cover;}
.banner-subscription-inner::after{content:''; position: absolute; right: 0; top: -55px; width: 335px; height: 376px; background: url(../images/new/subscription/banner-right-coins.png) 0 0 no-repeat; background-size: cover;}
.banner-content{max-width: 628px; margin: 0 auto; color: #fff;}
.banner-content img{max-width: 100%;}
.banner-content h1{color: inherit; font-size: 48px; line-height: 130%; margin-bottom: 32px;}
.banner-content p{padding-bottom: 32px;}
.banner-content .btn{margin-bottom: 72px;}
.subscription-details ul{margin: 0 -16px;}
.subscription-details li{width: 50%; padding: 32px;}
.subscription-icon{width: 48px; height: 48px; background: #3960C7; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.subscription-icon img{height: 24px; width: 24px;}
.subscription-works-left{max-width: 398px; width: 100%;}
.subscription-works-left img{max-width: 100%;}
.subscription-works-right{max-width: 550px; width: 100%; padding-left: 32px; color: #101828;}
.subscription-works-right li{margin-top: 24px;}
.subscription-works-right li:first-child{margin-top: 0;}
.subscription-plan{margin: 0 -16px;}
.subscription-plan-item{width: 50%; padding: 32px; margin: 0 16px; background: #3960C7; border: 1px solid #EAECF0; -moz-box-shadow: -4px 4px 12px rgba(16, 24, 40, 0.1); -webkit-box-shadow: -4px 4px 12px rgba(16, 24, 40, 0.1); box-shadow: -4px 4px 12px rgba(16, 24, 40, 0.1); color: #fff;}
.subscription-plan-item.bg-white{color: #667085; background: #fff; }
.subscription-plan-item h1{font-size: 48px; line-height: 130%;}
.subscription-plan-item ul{text-align: left;}
.subscription-plan-item ul li{margin-top: 16px; font-size: 16px; line-height: 24px; position: relative; padding-left: 36px;}
.subscription-plan-item ul li:first-child{margin-top: 0;}
.subscription-plan-item ul li::before{content: ''; position: absolute; left: 0; top: calc(50% - 12px); width: 24px; height: 24px; background: url(../images/new/subscription/check-light-blue.svg) center center no-repeat; background-size: cover;}
.subscription-plan-item.bg-blue h1{color: inherit;}
.subscription-plan-item.bg-blue li::before{background: url(../images/new/subscription/check-white.svg) center center no-repeat;}
.subscribe-box{padding-bottom: 100px; background: url(../images/new/subscription/subscribe-box-bg.png) center bottom no-repeat;}
.subscribe-box-child{background: url(../images/new/subscription/cta-bg.png); padding: 32px; height: 400px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; color: #fff;}
.subscribe-box-child::before{content: ""; background: url(../images/new/subscription/left-coins.png) 0 0 no-repeat; position: absolute; left: 0; bottom: 0; width: 285px; height: 391px;}
.subscribe-box-child::after{content: ""; background: url(../images/new/subscription/right-coins.png) 0 0 no-repeat; position: absolute; right: 0; top: 0; width: 235px; height: 334px;}
.subscribe-box-text{max-width: 412px; margin: 0 auto;}
.subscribe-box-child h1{font-size: 48px; line-height: 130%; color: #fff;}

.pricing-table { margin: 0; background: transparent; }
.pricing-table > thead > tr > th, .pricing-table > tbody > tr > td { vertical-align: middle; border: none; }
.pricing-table .feat-col { width: 250px; max-width: 250px; width: 250px; background: transparent; color: #1A1A1A; text-align: right; }
.pricing-table .plan-col { width: 19.333%; vertical-align: top; padding: 16px; }
.pricing-table .plan-title { font-size: 14px; font-weight: 400; margin-bottom: 16px; }
.pricing-table .plan-price { font-family: 'Merriweather', serif; font-size: 32px; font-weight: 700; line-height: 1.2; margin-bottom: 16px; letter-spacing: 0.5px; }
.pricing-table .highlight-col { border-left: 3px solid #e46543 !important; border-right: 3px solid #e46543 !important; }
.pricing-table th.highlight-col { border-top: 3px solid #e46543 !important;}
.last-row .highlight-col{border-bottom: 3px solid #e46543 !important;}
.btn-subscribe { background: #e26b43; color: #fff; border: 0; font-weight: 700; letter-spacing: .5px; }
.btn-subscribe:hover, .btn-subscribe:focus { background: #cf5f3b; color: #fff; }
.pricing-table > tbody > tr > td {font-family: 'Open Sans', sans-serif !important; font-size: 18px; line-height: normal; padding: 20px 24px; min-width: 260px; }
.pricing-table tbody tr:nth-child(odd) td, .pricing-table tbody tr:nth-child(odd) td.feat-col { background: #fef4db; }
.pricing-table > tbody > tr > td:first-child { border-radius: 8px 0 0 8px; }
.pricing-table > tbody > tr > td:last-child { border-radius: 0 8px 8px 0; }
.pricing-table tbody tr:nth-child(even) td, .pricing-table tbody tr:nth-child(even) td.feat-col { background: #FFFAEE; }
.pricing-table .last-col{padding: 0 !important; min-width: 24px !important; width: 24px !important;}
.pricing-table .last-row td{padding: 0 !important; height: 24px;}

.list-bullet{list-style: inherit; margin-left: 16px;}
.list-bullet li{margin-top: 8px;}
.swal2-popup{padding: 24px 0;}
h2.swal2-title, .swal2-html-container{color: #1A1A1A !important;}
.swal2-html-container{font-family: 'Open Sans', sans-serif !important;}
.swal2-icon{margin: 0 auto; border: 2px solid #3fc3ee !important; color: #3fc3ee !important;}
.swal2-styled{text-transform: uppercase; font-family: 'Open Sans', sans-serif !important; font-weight: 600;}
div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation{z-index: 9999;}
.swal2-actions{gap: 0.75rem;}
.swal2-actions button{text-transform: uppercase;}

.convert-button-group-right{align-items: end;}
.convert-button-group-right .ml-16 .btn{margin-left: 0;}
.design-box-row-tile .dppi-right{margin-left: 0; border: 0; width: 100%; text-align: left; max-width: 210px;}
.design-box-row-tile .dppi-right-credit img{height: 16px;}
.gc-full-width .image_slider.carousel_slider img{height: auto !important;}

@media (max-width : 1560px) {
.pt-160{padding-top: 120px;}
}

@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;}
.pt-160{padding-top: 80px;}
.banner-subscription-inner::before{width: 250px; height: 312px;}
.banner-subscription-inner::after{width: 250px; height: 280px;}
}

@media (max-width : 1240px) {
.design-tile-child{width: 33.33%;}
.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;}
.subscription-details li{padding: 16px;}
.subscribe-box{padding-bottom: 40px;}
}

@media (max-width : 1152px) {
.pricing-table > tbody > tr > td{min-width: 200px; width: 22%;}
}

@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;}

.shop_content .design-box-tile{margin: 0 -12px;}
.shop_content .design-tile-child{width: 25%!important; padding: 12px;}
.design-proudct-price-info{flex-direction: column;}
.dppi-left{width: 100%;}
.dppi-right{padding: 12px 0 0 0; margin: 12px 0 0 0; border-left: 0; border-top: 1px solid #c9c9c9; width: 100%;}
.banner-subscription{padding-top: 60px;}
.banner-subscription-inner::before{width: 250px; height: 312px; top: auto; bottom: 65px; left: -24px;}
.banner-subscription-inner::after{width: 250px; height: 280px; top: auto; bottom: 65px; right: -48px;}
}

@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;}
.design-box-wishlist .dbrt-text .title{font-size: 14px;}
.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;}
.pricing-table { display: block; overflow-x: auto; }
.pricing-table .plan-col, .pricing-table > tbody > tr > td{min-width: 220px; width: 220px;}
.pricing-table > tbody > tr > td:first-child{position: sticky; left: 0; z-index: 1;}
}

@media (max-width : 767px) {
h2{font-size: 24px;}
h3{font-size: 20px;}
.mt-40{margin-top: 24px;}
.m-p-16{padding: 16px;}
.pt-160{padding-top: 40px;}
.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{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;}
.agreement-inputs{display: block !important;}
.agreement-inputs .w-50{width: 100% !important;}
.design-link{justify-content: flex-start;}
.design-subscription-box, .design-subscription-history{flex-direction: column;}
.dsh-left{margin: 0 auto 12px;}
.credit-date{min-width: auto;}
.subscription-details h2, .subscription-works-right h2{margin-bottom: 12px;}
.subscription-details li{width: 100%;}
.subscription-details .mt-20{margin-top: 12px;}
.subscription-works{flex-direction: column;}
.subscription-works-right{padding-left: 0; margin-top: 16px;}
.subscription-plan{flex-direction: column; margin: 0;}
.subscription-plan-item{width: 100%; margin: 24px 0 0;}
.subscription-plan-item:first-child{margin-top: 0;}
.subscribe-box-child::before{ width: 100px; height: 137px; background-size: cover;}
.subscribe-box-child::after{width: 85px; height: 119px; background-size: cover;}
.subscribe-box-child h1, .banner-content h1{font-size: 32px;}
.banner-content h1{margin-bottom: 16px;}
.banner-subscription-inner::before{width: 100px; height: 125px; top: auto; bottom: 140px; left: -16px;}
.banner-subscription-inner::after{width: 100px; height: 112px; top: auto; bottom: 160px; right: -24px;}
.design-box-row-tile .dppi-right{max-width: 100%;}
.pricing-table .feat-col{font-size: 14px;}
.pricing-table .feat-col{min-width: 180px; width: 180px;}
}

@media (max-width : 600px) {
.convert-button-group{flex-direction: column; align-items: center;}
.design-upload-box .upload-btn-group{flex-direction: column; width: 100%;}
.convert-button-group .btn-start-over{margin-bottom: 8px; width: 100%;}
.convert-button-group .w-auto{width: 100% !important;}
}

@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;}
.main-banner-design{background: url(../images/new/design/main-design-store-small.jpg) center 0 no-repeat;}
}

@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;}
}