.zoom:hover {
    background: #000;
    background: rgba(0, 0, 0, .3)
}

.page-header {
    color: #36333c;
    border-bottom: none
}

.page-header h1 {
    font-family: "Jost-Medium", sans-serif;
    padding-bottom: .8rem !important
}

.page-header h1 small {
    color: #36333c !important
}

.page-header .btn-link>i {
    vertical-align: revert
}

@media only screen and (min-width: 1600px) {
    .page-header .bootstrap-select>.dropdown-toggle {
        min-height: 2.8125rem
    }
}

.page-header .bootstrap-select>.dropdown-toggle::after {
    position: unset
}

@media only screen and (min-width: 1600px) {
    .page-header .bootstrap-select>.dropdown-toggle .filter-option {
        line-height: 1.9
    }
}

.page-section-header {
    color: #777
}

.page-sub-header {
    color: #e51a24
}

.table .thead-light th,
.table .thead th,
.table thead th {
    color: #36333c !important;
    background: rgba(0, 0, 0, 0);
    border-bottom-color: #36333c
}

a {
    color: #36333c;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

a:hover {
    color: #e51a24;
    text-decoration: none
}

.btn {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px
}

.btn:focus,
.btn.focus,
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 0 #fff;
    -moz-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff
}

.btn-primary,
.product-box .card .btn,
.templatebox .card .btn {
    border: none;
    background: linear-gradient(90deg, #e51a24 0%, #f89d1a 100%) !important;
    color: #fff
}

.btn-info {
    background: #f89d1a;
    border-color: #f89d1a
}

.btn-info:hover,
.btn-info:focus,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active:focus {
    background: #de901f;
    border-color: #de901f
}

.btn-info.disabled,
.btn-info:disabled {
    background: #f89d1a;
    border-color: #f89d1a;
    opacity: .65;
    filter: alpha(opacity=65)
}

.btn-secondary {
    background: #8b8b8b;
    border-color: #8b8b8b
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
    background: #727272;
    border-color: #727272
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background: #8b8b8b;
    border-color: #8b8b8b;
    opacity: .65;
    filter: alpha(opacity=65)
}

.btn-success {
    background: #36333c;
    border-color: #36333c
}

.btn-success:hover,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active:focus {
    background: #1d1c20;
    border-color: #1d1c20
}

.btn-success.disabled,
.btn-success:disabled {
    background: #36333c;
    border-color: #36333c;
    opacity: .65;
    filter: alpha(opacity=65)
}

.btn-outline-primary {
    background: rgba(0, 0, 0, 0);
    border-color: #e51a24;
    color: #e51a24
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
    background: #e51a24;
    color: #fff;
    border-color: #e51a24
}

.btn-outline-secondary {
    background: rgba(0, 0, 0, 0);
    border-color: #8b8b8b;
    color: #8b8b8b
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
    background: #8b8b8b;
    color: #fff;
    border-color: #8b8b8b
}

.btn-outline-info {
    background: rgba(0, 0, 0, 0);
    border-color: #f89d1a;
    color: #f89d1a
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active:focus {
    background: #f89d1a;
    color: #fff;
    border-color: #f89d1a
}

.btn-group .btn:first-child {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important
}

.btn-group>.btn:not(:first-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:first-child)>.btn {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important
}

.btn-link {
    color: #333
}

.btn-link:hover {
    color: #e51a24
}

.btn-link:disabled,
.btn-link.disabled {
    color: #ddd
}

.border-primary {
    border-color: #e51a24 !important
}

.border-info {
    border-color: #f89d1a !important
}

.border-secondary {
    border-color: #8b8b8b !important
}

.loading {
    border-color: rgba(0, 0, 0, 0) #e51a24
}

#loading-text {
    color: #e51a24
}

.text-primary {
    color: #e51a24 !important
}

.text-info {
    color: #f89d1a !important
}

.text-secondary {
    color: #36333c !important
}

.card-title {
    color: #36333c
}

.card-title a.btn-link {
    color: #f89d1a !important
}

.card-title a.btn-link:hover {
    color: #e51a24 !important
}

.card-title a {
    color: #333 !important
}

.card-title a:hover {
    color: #e51a24 !important
}

.text-body {
    color: #fff !important
}

.badge-primary {
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%) !important
}

.badge-info {
    background: #f89d1a
}

a.text-primary:hover,
a.text-primary:focus {
    color: #0c93b4 !important
}

a.text-info:hover,
a.text-info:focus {
    color: #de901f !important
}

.bg-primary,
#product-info .section-bg,
.latest-offer:after,
.latest-offer:before,
.category_bg,
.browse_design_bg,
.product_bg {
    background-color: rgba(248, 157, 26, 0.09) !important;
}

.bg-info {
    background-color: #f89d1a !important
}

.bg-secondary {
    background-color: #8b8b8b !important
}

.bg-light {
    background-color: #f3f3f3 !important
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
    background-color: #f2f2f2;
    color: #e51a24 !important
}

.bootstrap-select>.dropdown-toggle {
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-color: rgba(54, 51, 60, .5) !important;
    color: rgba(54, 51, 60, .5) !important
}

@media only screen and (min-width: 1600px) {
    .bootstrap-select>.dropdown-toggle {
        min-height: 50px;
        line-height: 2.3;
        padding-inline: 1.5rem
    }
}

@media only screen and (min-width: 1600px) {
    .bootstrap-select>.dropdown-toggle .filter-option {
        line-height: 2.3
    }
}

.bootstrap-select .dropdown-menu {
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-color: rgba(54, 51, 60, .5) !important
}

.bootstrap-select .dropdown-menu li.active small {
    color: #e51a24 !important
}

.bootstrap-select .dropdown-toggle small {
    color: #e51a24 !important
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: rgba(0, 0, 0, 0);
    border-color: #e51a24;
    box-shadow: none
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='%23e51a24'/%3e%3c/svg%3e")
}

.custom-control .custom-control-label::before {
    background-color: rgba(0, 0, 0, 0)
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #e51a24;
    border-color: #e51a24;
    box-shadow: none
}

.form-control {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

.form-control:focus {
    border-color: #36333c
}

@media only screen and (min-width: 1600px) {
    .form-control {
        min-height: 50px;
        padding-inline: 1.5rem
    }
}

.page-item.active .page-link {
    background: #f89d1a;
    border-color: #f89d1a
}

.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor {
    background-color: #f89d1a
}

.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor strong {
    color: #fff
}

.tt-dropdown-menu .tt-suggestion a {
    color: #333
}

.tt-dropdown-menu .tt-suggestion a strong {
    color: #333
}

.tt-dropdown-menu .tt-suggestion:hover strong {
    color: #fff !important
}

.account-links a:hover .cicon {
    color: #e51a24
}

.account_dashboard_box h4 {
    color: #f89d1a
}

.content-box .content-small-box-content {
    color: #e51a24 !important
}

.content-box .content-small-box-lable {
    color: #333 !important
}

.bar {
    background-color: #e51a24
}

@font-face {
    font-family: "Jost-Regular";
    src: url("../fonts/Jost-Regular.eot");
    src: url("../fonts/Jost-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Jost-Regular.woff") format("woff"), url("../fonts/Jost-Regular.ttf") format("truetype"), url("../fonts/Jost-Regular.svg#Jost-Regular") format("svg")
}

@font-face {
    font-family: "Jost-SemiBold";
    src: url("../fonts/Jost-SemiBold.eot");
    src: url("../fonts/Jost-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Jost-SemiBold.woff") format("woff"), url("../fonts/Jost-SemiBold.ttf") format("truetype"), url("../fonts/Jost-SemiBold.svg#Jost-SemiBold") format("svg")
}

@font-face {
    font-family: "Jost-Medium";
    src: url("../fonts/Jost-Medium.eot");
    src: url("../fonts/Jost-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Jost-Medium.woff") format("woff"), url("../fonts/Jost-Medium.ttf") format("truetype"), url("../fonts/Jost-Medium.svg#Jost-Medium") format("svg")
}

@font-face {
    font-family: "Jost-Bold";
    src: url("../fonts/Jost-Bold.eot");
    src: url("../fonts/Jost-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Jost-Bold.woff") format("woff"), url("../fonts/Jost-Bold.ttf") format("truetype"), url("../fonts/Jost-Bold.svg#Jost-Bold") format("svg")
}

@font-face {
    font-family: "ops";
    src: url("../fonts/ops.eot");
    src: url("../fonts/ops.eot?#iefix") format("embedded-opentype"), url("../fonts/ops.woff") format("woff"), url("../fonts/ops.ttf") format("truetype"), url("../fonts/ops.svg#ops") format("svg")
}

@font-face {
    font-family: "ops";
    src: url("../fonts/ops.eot?48979s");
    src: url("../fonts/ops.eot?48979s#iefix") format("embedded-opentype"), url("../fonts/ops.ttf?48979s") format("truetype"), url("../fonts/ops.woff?48979s") format("woff"), url("../fonts/ops.svg?48979s#ops") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

[class^=icon-],
[class*=" icon-"] {
    font-family: "ops" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-cart_icon:before {
    content: ""
}

.icon-user:before {
    content: ""
}

.icon-free_delivery:before {
    content: ""
}

.icon-best_offers:before {
    content: ""
}

.icon-secure_payment:before {
    content: ""
}

.icon-x7_support:before {
    content: ""
}

.icon-upload_template:before {
    content: "";
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.icon-personalize_design:before {
    content: "";
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.icon-design_proof:before {
    content: "";
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.icon-hire_designer:before {
    content: ""
}

.icon-design_tips:before {
    content: ""
}

.icon-upload_design:before {
    content: ""
}

.icon-custom_design:before {
    content: ""
}

.icon-quote_design:before {
    content: ""
}

.icon-offeset_printing:before {
    content: ""
}

.icon-die_cut_packaging:before {
    content: ""
}

.icon-digital_printing:before {
    content: ""
}

.icon-wide_fromat:before {
    content: ""
}

.icon-project_chart:before {
    content: "";
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.icon-store:before {
    content: "";
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.icon-calendar:before {
    content: "";
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.icon-email_us:before {
    content: "";
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.icon-call_us:before {
    content: "";
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.icon-address:before {
    content: "";
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.icon-quote:before {
    content: "";
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.icon-scroll_top:before {
    content: "";
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media only screen and (min-width: 1440px) {
    .container {
        max-width: 1310px
    }
}

@media only screen and (min-width: 1440px) {

    .slick-next,
    .slick-prev {
        top: 40% !important
    }
}

.slick-next::before,
.slick-prev::before {
    opacity: 1 !important
}

@media only screen and (min-width: 1600px) {
    .form-group .col-form-label {
        line-height: 1.3;
        left: 1rem
    }
}

.form-group .input-valid~.col-form-label {
    color: #333;
    background: #fff
}

#top-banner .carousel-control-prev,
#top-banner .carousel-control-next {
    width: 6%
}

.pager .btn-secondary {
    background-color: rgba(0, 0, 0, 0) !important;
    border: rgba(0, 0, 0, 0) !important
}

.pager .btn-secondary .carousel-control-prev-icon,
.pager .btn-secondary .carousel-control-next-icon {
    height: 30px !important
}

.pager .btn-secondary .carousel-control-prev-icon {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.pager .btn-secondary .carousel-control-prev-icon::after {
    content: "" !important;
    font-family: "ops" !important;
    font-size: 20px;
    font-size: 1.25rem;
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.pager .btn-secondary .carousel-control-next-icon::after {
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.pager .btn-secondary .carousel-control-next-icon::after::after {
    content: "" !important;
    font-family: "ops" !important;
    font-size: 20px;
    font-size: 1.25rem;
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.carousel .carousel-control-next {
    opacity: 1 !important
}

.carousel .carousel-control-next .carousel-control-next-icon {
    background-image: none;
    font-size: 25px;
    transform: rotate(90deg)
}

.carousel .carousel-control-next .carousel-control-next-icon::before {
    content: "" !important;
    font-family: "ops" !important;
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.carousel .carousel-control-prev {
    opacity: 1 !important
}

.carousel .carousel-control-prev .carousel-control-prev-icon {
    background-image: none;
    font-size: 1.5625rem;
    transform: rotate(-90deg)
}

.carousel .carousel-control-prev .carousel-control-prev-icon::before {
    content: "" !important;
    font-family: "ops" !important;
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.slick-prev::before {
    content: "" !important;
    font-family: "ops" !important;
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.slick-next::before {
    content: "" !important;
    font-family: "ops" !important;
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.product-slick-slider .slick-next {
    -moz-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important
}

@media only screen and (min-width: 1600px) {
    .product-slick-slider .slick-next {
        margin-right: 0 !important
    }
}

.product-slick-slider .slick-prev {
    -moz-transform: rotate(-90deg) !important;
    -o-transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    -webkit-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important
}

@media only screen and (min-width: 1600px) {
    .product-slick-slider .slick-prev {
        margin-left: 0 !important
    }
}

body {
    font-size: 16px;
    font-size: 1rem;
    font-family: "Jost-Regular", sans-serif;
    color: #333;
    overflow-x: hidden
}

.text-regular {
    font-family: "Jost-Regular", sans-serif
}

.text-bold {
    font-family: "Jost-Bold", sans-serif
}

.text-semibold {
    font-family: "Jost-SemiBold", sans-serif
}

.text-medium {
    font-family: "Jost-Medium", sans-serif
}

.linear-text,
.footer .social_media_icons li:hover a,
#testimonial_multi_sidebar>.card-body .card blockquote small,
.btn-title-text .h4,
.browse_design .h4,
.upload_design .h4,
.custom_design .h4,
.hire_designer .h4,
.quote_product .h4,
.slick-list .card:hover .caption {
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.z-index-1 {
    z-index: 1
}

.badge-danger {
    background-color: #e3142b !important
}

.slanted_edge {
    font-size: 16px;
    font-size: 1rem;
    padding: .1rem 1rem
}

.slanted_edge::after {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e3142b;
    -moz-transform: skew(-15deg);
    -o-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg);
    height: 1.875rem
}

.dropdown-toggle {
    background-color: rgba(0, 0, 0, 0) !important
}

.dropdown-toggle::after {
    border: none;
    content: "";
    font-family: "Font Awesome 6 Pro"
}

@media only screen and (min-width: 1600px) {
    .dropdown-toggle::after {
        position: absolute;
        right: 1.5rem
    }
}

.form-control {
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: rgba(54, 51, 60, .5) !important;
    color: rgba(54, 51, 60, .5) !important
}

@media only screen and (min-width: 1600px) {
    .form-control {
        min-height: 2.8125rem;
        line-height: 2.1;
        padding-inline: 1.5rem
    }
}

.form-control:focus {
    border-color: #e51a24
}

.form-control:focus+.input-group-append .input-group-text {
    border-color: #e51a24
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #f89d1a;
    background-color: #f89d1a
}

.input-group .input-group-append .input-group-text {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-color: rgba(54, 51, 60, .5) !important
}

.input-group .input-group-append .btn {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important
}

.input-group .input-group-prepend .input-group-text {
    border-color: rgba(54, 51, 60, .5) !important
}

.input-group .input-group-prepend .input-group-text:first-child {
    border-left: 0
}

.input-group .input-group-prepend .input-group-text:last-child {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important
}

.btn-group .btn-primary,
.btn-group .product-box .card .btn,
.product-box .card .btn-group .btn,
.btn-group .templatebox .card .btn,
.templatebox .card .btn-group .btn {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.custom-select {
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-color: rgba(54, 51, 60, .5) !important;
    color: rgba(54, 51, 60, .5) !important
}

@media only screen and (min-width: 1600px) {
    .custom-select {
        min-height: 45px;
        line-height: 2.1;
        padding-inline: 1.5rem
    }
}

.custom-select:focus+.input-group-append .input-group-text {
    border-color: #e51a24
}

.lang .dropdown-toggle {
    padding: 0 .75rem !important;
    min-height: auto
}

.lang .dropdown-toggle .filter-option {
    line-height: 1.3 !important
}

.lang .dropdown-toggle::after {
    position: unset !important;
    display: inline-block !important;
    content: "" !important;
    border-top: .3em solid;
    border-right: .3em solid rgba(0, 0, 0, 0) !important;
    border-bottom: 0 !important;
    border-left: .3em solid rgba(0, 0, 0, 0) !important
}

.btn-linear {
    background: linear-gradient(90deg, #e51a24 0%, #f89d1a 100%);
    color: #fff
}

.btn-linear i {
    transform: rotate(-50.41deg);
    margin-left: .625rem;
    font-size: 16px;
    font-size: 1rem;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -ms-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all
}

.btn-linear:hover,
.btn-linear:focus {
    color: #fff
}

.btn-linear:hover i,
.btn-linear:focus i {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.btn-outline-light {
    color: #fff !important;
    border-color: #fff !important;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -ms-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all
}

.btn-outline-light i {
    transform: rotate(-50.41deg);
    margin-left: .625rem;
    font-size: 16px;
    font-size: 1rem;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -ms-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all
}

.btn-outline-light:hover,
.btn-outline-light:focus {
    color: #f89d1a !important;
    background-color: #fff !important
}

.btn-outline-light:hover i,
.btn-outline-light:focus i {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
.h5,
h5,
.h6,
h6 {
    font-weight: normal
}

h2,
.h2 {
    font-family: "Jost-Medium", sans-serif;
    font-size: 26px;
    font-size: 1.625rem
}

@media only screen and (min-width: 1024px) {

    h2,
    .h2 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media only screen and (min-width: 1440px) {

    h2,
    .h2 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 3.6875rem
    }
}

h3,
.h3 {
    font-size: 16px;
    font-size: 1rem
}

@media only screen and (min-width: 1440px) {

    h3,
    .h3 {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, .2) !important
}

.linear-bg {
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%)
}

.body-container {
    padding-top: 1rem;
    padding-bottom: 2rem
}

.navbar-brand {
    max-width: 150px
}

@media only screen and (min-width: 1248px) {
    .navbar-brand {
        max-width: 220px
    }
}

.navbar-brand img {
    max-height: none !important;
    max-width: 100% !important
}

@keyframes nudge {
    0% {
        transform: rotate(-50.41deg)
    }

    50% {
        transform: rotate(0deg)
    }

    80% {
        transform: rotate(-50.41deg)
    }
}

.float-animation {
    animation: float 3s ease-in-out infinite
}

@keyframes float {
    0% {
        transform: translatey(0px)
    }

    50% {
        transform: translatey(-10px)
    }

    100% {
        transform: translatey(0px)
    }
}

@keyframes tilt-shaking {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(5deg)
    }

    50% {
        transform: rotate(0deg)
    }

    75% {
        transform: rotate(-5deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.tilt-shaking-animation {
    animation: tilt-shaking .25s linear infinite
}

.animated-gradient,
.footer #footersubscribe_sidebar .card-body #subscribe,
.navbar .navbar-nav .nav-item:last-child .nav-link {
    padding: .5rem 1.25rem !important;
    animation: animateBg 3s linear infinite;
    background-image: linear-gradient(90deg, #f89d1a, #e51a24, #f89d1a, #e51a24);
    background-size: 300% 100%
}

@keyframes animateBg {
    0% {
        background-position: 0% 0%
    }

    100% {
        background-position: 100% 0%
    }
}

.text-animation {
    animation: type 3s steps(90) 0s normal both, cursor 1s infinite;
    overflow: hidden;
    white-space: nowrap;
    border-right: 2px solid
}

@keyframes type {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes cursor {
    50% {
        border-color: 0
    }
}

.inline-text-animation {
    display: inline-block;
    animation: inline-type 3s steps(90) 0s normal both, cursor 1s 0s 1;
    overflow: hidden;
    white-space: nowrap;
    border-right: 2px solid
}

.inline-text-animation.hidden-cursor {
    border-right: 2px solid rgba(0, 0, 0, 0)
}

@keyframes inline-type {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes inline-type {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-moz-keyframes inline-type {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-o-keyframes inline-type {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.section-spacing {
    padding: 2rem 0
}

@media only screen and (min-width: 768px) {
    .section-spacing {
        padding: 3rem 0
    }
}

@media only screen and (min-width: 1248px) {
    .section-spacing {
        padding: 4rem 0
    }
}

@media only screen and (min-width: 1440px) {
    .section-spacing {
        padding: 5rem 0
    }
}

@media only screen and (min-width: 1600px) {
    .section-spacing {
        padding: 6.25rem 0
    }
}

.scroll-top {
    background-color: rgba(0, 0, 0, 0);
    border: none !important
}

.scroll-top a {
    position: relative
}

.scroll-top a .fa-angle-up::before {
    content: "" !important;
    font-family: "ops" !important;
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.scroll-top a .fa-angle-up::after {
    background: #fff;
    content: "";
    position: absolute;
    height: 1.125rem;
    width: 100%;
    right: 0;
    left: 0;
    z-index: -1;
    border-radius: 100%
}

.scroll-top:hover {
    background-color: rgba(0, 0, 0, 0) !important
}

.scroll-top:hover .scroll-up {
    background-color: rgba(0, 0, 0, 0) !important
}

.awesome-bar_close {
    top: .4375rem !important
}

.sidebar .card,
#category_list .card {
    background-color: rgba(0, 0, 0, 0) !important;
    border: none !important;
    margin-bottom: 1rem !important
}

.sidebar .card .card-header,
#category_list .card .card-header {
    display: none !important
}

.sidebar .card .card-body .list-group .list-group-item,
#category_list .card .card-body .list-group .list-group-item {
    background-color: rgba(0, 0, 0, 0) !important;
    border: none !important
}

.sidebar .card .card-body .list-group .list-group-item>a,
#category_list .card .card-body .list-group .list-group-item>a {
    font-family: "Jost-SemiBold", sans-serif !important;
    color: #333 !important;
    padding-inline: .5rem !important;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    position: relative
}

.sidebar .card .card-body .list-group .list-group-item>a:hover,
.sidebar .card .card-body .list-group .list-group-item>a.active,
#category_list .card .card-body .list-group .list-group-item>a:hover,
#category_list .card .card-body .list-group .list-group-item>a.active {
    color: #e51a24 !important
}

.sidebar .card .card-body .list-group .list-group-item .list-unstyled,
#category_list .card .card-body .list-group .list-group-item .list-unstyled {
    padding-left: 0 !important;
    margin-top: .5rem
}

.sidebar .card .card-body .list-group .list-group-item .list-unstyled li,
#category_list .card .card-body .list-group .list-group-item .list-unstyled li {
    padding-left: 0 !important;
    padding-bottom: .5rem
}

.sidebar .card .card-body .list-group .list-group-item .list-unstyled li a,
#category_list .card .card-body .list-group .list-group-item .list-unstyled li a {
    font-family: "Jost-Regular", sans-serif !important;
    color: #333 !important;
    padding-left: .5rem !important
}

.sidebar .card .card-body .list-group .list-group-item .list-unstyled li a::before,
#category_list .card .card-body .list-group .list-group-item .list-unstyled li a::before {
    display: none
}

.sidebar .card .card-body .list-group .list-group-item .list-unstyled li a:hover,
.sidebar .card .card-body .list-group .list-group-item .list-unstyled li a.active,
#category_list .card .card-body .list-group .list-group-item .list-unstyled li a:hover,
#category_list .card .card-body .list-group .list-group-item .list-unstyled li a.active {
    color: #e51a24 !important
}

.sidebar .card .card-body .list-group .list-group-item>ul,
#category_list .card .card-body .list-group .list-group-item>ul {
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important
}

.sidebar .card .card-body .list-group .list-group-item>ul li a,
#category_list .card .card-body .list-group .list-group-item>ul li a {
    font-family: "Jost-Regular", sans-serif !important;
    font-size: 14px;
    font-size: 0.875rem;
    color: #333 !important
}

.sidebar .card .card-body .list-group .list-group-item>ul li a::before,
#category_list .card .card-body .list-group .list-group-item>ul li a::before {
    display: none
}

.sidebar .card .card-body .list-group .list-group-item>ul li a:hover,
.sidebar .card .card-body .list-group .list-group-item>ul li a.active,
#category_list .card .card-body .list-group .list-group-item>ul li a:hover,
#category_list .card .card-body .list-group .list-group-item>ul li a.active {
    color: #e51a24
}

.sidebar .card .card-body .list-group .list-group-item>ul li:last-child,
#category_list .card .card-body .list-group .list-group-item>ul li:last-child {
    margin-bottom: 0 !important
}

.sidebar .card .card-body .list-group .list-group-item>ul li:hover>a,
.sidebar .card .card-body .list-group .list-group-item>ul li.active>a,
#category_list .card .card-body .list-group .list-group-item>ul li:hover>a,
#category_list .card .card-body .list-group .list-group-item>ul li.active>a {
    color: #e51a24 !important
}

.sidebar .card .card-body .list-group .list-group-item:last-child,
#category_list .card .card-body .list-group .list-group-item:last-child {
    margin-bottom: 0 !important
}

.sidebar .card .card-body .list-group .list-group-item:hover,
.sidebar .card .card-body .list-group .list-group-item.active,
#category_list .card .card-body .list-group .list-group-item:hover,
#category_list .card .card-body .list-group .list-group-item.active {
    color: #e51a24
}

.sidebar .accordion-menu .list-group-item,
.sidebar .accordion .list-group-item,
#category_list .accordion-menu .list-group-item,
#category_list .accordion .list-group-item {
    border: 0
}

.sidebar .accordion-menu .list-group-item>a,
.sidebar .accordion .list-group-item>a,
#category_list .accordion-menu .list-group-item>a,
#category_list .accordion .list-group-item>a {
    position: relative;
    font-family: "OpenSans-SemiBold", sans-serif;
    color: #555 !important
}

.sidebar .accordion-menu .list-group-item>a:after,
.sidebar .accordion .list-group-item>a:after,
#category_list .accordion-menu .list-group-item>a:after,
#category_list .accordion .list-group-item>a:after {
    position: absolute;
    content: "";
    font-family: "Font Awesome 6 Pro";
    right: 10px
}

.sidebar .accordion-menu .list-group-item>a[aria-expanded=true]:after,
.sidebar .accordion .list-group-item>a[aria-expanded=true]:after,
#category_list .accordion-menu .list-group-item>a[aria-expanded=true]:after,
#category_list .accordion .list-group-item>a[aria-expanded=true]:after {
    content: ""
}

.sidebar .accordion-menu .list-group-item>a:hover,
.sidebar .accordion-menu .list-group-item>a[aria-expanded=true],
.sidebar .accordion .list-group-item>a:hover,
.sidebar .accordion .list-group-item>a[aria-expanded=true],
#category_list .accordion-menu .list-group-item>a:hover,
#category_list .accordion-menu .list-group-item>a[aria-expanded=true],
#category_list .accordion .list-group-item>a:hover,
#category_list .accordion .list-group-item>a[aria-expanded=true] {
    color: #e51a24 !important
}

.sidebar .accordion-menu .list-group-item .list-unstyled,
.sidebar .accordion .list-group-item .list-unstyled,
#category_list .accordion-menu .list-group-item .list-unstyled,
#category_list .accordion .list-group-item .list-unstyled {
    margin: 0
}

.sidebar .accordion-menu .list-group-item .list-unstyled li,
.sidebar .accordion .list-group-item .list-unstyled li,
#category_list .accordion-menu .list-group-item .list-unstyled li,
#category_list .accordion .list-group-item .list-unstyled li {
    padding-left: .5rem
}

#straightmenu ul li {
    padding: 0 !important;
    margin-bottom: 0 !important
}

#straightmenu ul li a {
    font-family: "Jost-SemiBold", sans-serif !important;
    color: #333 !important;
    padding: .5rem !important;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    position: relative
}

#straightmenu ul li a:hover,
#straightmenu ul li a.active {
    color: #e51a24 !important
}

#straightmenu ul li a::before {
    display: none
}

#straightmenu ul li ul li {
    margin-bottom: .5rem !important
}

#straightmenu ul li ul li:last-child {
    margin-bottom: 0 !important
}

#straightmenu ul li ul li a::before {
    display: none !important
}

#straightmenu .list-group-item a {
    margin-bottom: .5rem !important
}

#straightmenu .list-group-item a:not(.all-product)::before {
    display: none
}

#cssmenu ul li a::before {
    display: none !important
}

#cssmenu ul li ul {
    border-radius: .3125rem;
    -moz-border-radius: .3125rem;
    -webkit-border-radius: .3125rem
}

#cssmenu ul li ul li {
    background-color: rgba(0, 0, 0, 0) !important
}

#cssmenu .list-group-item>ul li {
    padding-bottom: 0 !important
}

#cssmenu .list-group-item>ul li a {
    padding: .6rem 1rem !important
}

#cssmenu .list-group-item>ul li:last-child>a {
    border-bottom: none !important
}

#myaccount_sidebar .card-body {
    padding: 0 !important
}

#myaccount_sidebar .card-body ul li {
    margin-bottom: 1rem !important
}

#myaccount_sidebar .card-body ul li a {
    font-family: "Jost-SemiBold", sans-serif !important;
    color: #333 !important;
    padding: .5rem !important;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    position: relative
}

#myaccount_sidebar .card-body ul li a:hover,
#myaccount_sidebar .card-body ul li a.active {
    color: #e51a24 !important
}

#myaccount_sidebar .card-body ul li a:before {
    display: none
}

#myaccount_sidebar .card-body ul li a:after {
    content: "" !important;
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    right: .5rem;
    font-weight: bold
}

#myaccount_sidebar .card-body ul li a.collapsed:after {
    content: "" !important;
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    right: .5rem;
    font-weight: bold
}

.slick-list .card {
    border: 0 !important
}

.slick-list .card .card-body {
    padding: 0 !important
}

.slick-list .card .card-body .img-fluid {
    width: 100% !important
}

.slick-list .card .card-body .caption {
    margin: .8rem 0 !important;
    font-family: "Jost-Medium", sans-serif
}

.steps ul li a .orderstep {
    background-color: #e51a24 !important;
    color: #fff !important
}

.steps ul li a .step_title {
    -webkit-transition: .25s ease all;
    -moz-transition: .25s ease all;
    -ms-transition: .25s ease all;
    -o-transition: .25s ease all;
    transition: .25s ease all
}

.steps ul li a:hover .step_title {
    color: #e51a24
}

.breadcrumb_container .breadcrumb {
    margin-bottom: 0rem
}

.breadcrumb_container .breadcrumb li a {
    color: rgba(54, 51, 60, .5)
}

.breadcrumb_container .breadcrumb li a:hover,
.breadcrumb_container .breadcrumb li a.active {
    color: #e51a24
}

.breadcrumb_container .breadcrumb li.active {
    color: #e51a24
}

.breadcrumb_container .breadcrumb span h2,
.breadcrumb_container .breadcrumb span p {
    display: none !important
}

.breadcrumb_container .breadcrumb.active h3 span {
    color: #e51a24
}

.product-box .card,
.templatebox .card {
    background-color: rgba(0, 0, 0, 0) !important;
    text-align: center;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 0 !important;
    -webkit-transition: background-position .4s;
    -moz-transition: background-position .4s;
    -ms-transition: background-position .4s;
    -o-transition: background-position .4s;
    transition: background-position .4s;
    overflow: hidden;
    background-size: 100% 200%;
    background-image: linear-gradient(to bottom, transparent 51%, #fff 50%)
}

.product-box .card .card-header,
.templatebox .card .card-header {
    border: 0 !important
}

.product-box .card .card-img-top,
.templatebox .card .card-img-top {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.product-box .card .corner-triangle,
.templatebox .card .corner-triangle {
    border-top-right-radius: 20px
}

.product-box .card .card-title,
.templatebox .card .card-title {
    color: #333 !important
}

.product-box .card .quick_checkout_hover_effect .bg-overlay,
.templatebox .card .quick_checkout_hover_effect .bg-overlay {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.product-box .card .card-body h3,
.templatebox .card .card-body h3 {
    font-family: "Jost-Medium", sans-serif
}

.product-box .card .card-footer,
.templatebox .card .card-footer {
    justify-content: center !important;
    text-align: center !important
}

.product-box .card:hover,
.templatebox .card:hover {
    background-position: 0 -100%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.product-box .card:hover .card-img-top,
.templatebox .card:hover .card-img-top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -moz-transform: scale(1.1) !important;
    -o-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    -webkit-transform: scale(1.1) !important;
    transform: scale(1.1) !important
}

.product-box .card:hover .card-footer,
.templatebox .card:hover .card-footer {
    padding-inline: 1rem !important;
    padding-bottom: 1rem !important
}

.product-box .card:hover .card-footer .btn,
.templatebox .card:hover .card-footer .btn {
    opacity: 1;
    filter: alpha(opacity=100)
}

.product-box .card.hover-box-shadow,
.templatebox .card.hover-box-shadow {
    overflow: hidden !important
}

.product-box .card.title-top,
.templatebox .card.title-top {
    overflow: hidden
}

.product-box .card.title-top .card-title,
.templatebox .card.title-top .card-title {
    background: #f4f4f4 !important;
    margin: 0 !important;
    padding-top: .5rem !important;
    padding-bottom: .75rem !important
}

.product-box .card.title-top .card-img-top,
.templatebox .card.title-top .card-img-top {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.product-box .card.flip3d,
.templatebox .card.flip3d {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    background-image: none
}

.product-box .card.flip3d .card-header,
.templatebox .card.flip3d .card-header {
    background-color: #f8f8f8
}

.product-box .card.flip3d .card-img-top,
.templatebox .card.flip3d .card-img-top {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.product-box .card.flip3d a:hover,
.templatebox .card.flip3d a:hover {
    color: #e51a24 !important
}

.product-box .card.slide-hover .card-body .card-title,
.templatebox .card.slide-hover .card-body .card-title {
    color: #fff !important;
    background-image: linear-gradient(170deg, #f89d1a, #1cc6f0, #1cc6f0);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.product-box .card.slide-hover .card-body .card-title::after,
.templatebox .card.slide-hover .card-body .card-title::after {
    background: #1cc6f0 !important
}

.product-box .card.triangle-slide-overlay .card-title,
.templatebox .card.triangle-slide-overlay .card-title {
    color: #fff !important
}

#related-product .product-box {
    padding: .5rem !important
}

.slideup .card-body {
    background-image: linear-gradient(170deg, #f89d1a, #1cc6f0, #1cc6f0);
    background-color: none;
    bottom: -0.0625rem
}

.slideup .card-body .card-title {
    color: #fff !important
}

.templatebox .card .card-body {
    background-color: #fff;
    padding-bottom: 1rem !important
}

@media only screen and (min-width: 1600px) {

    .category_bg .form-group .col-form-label,
    .browse_design_bg .form-group .col-form-label,
    .product_bg .form-group .col-form-label {
        line-height: 1.3;
        left: 1rem;
        background: #f6f8fe !important
    }
}

.category_bg .form-group .input-valid~.col-form-label,
.browse_design_bg .form-group .input-valid~.col-form-label,
.product_bg .form-group .input-valid~.col-form-label {
    color: #333;
    background: #f6f8fe !important
}

.tab-content {
    padding-top: 1rem
}

#InfoTab .nav-tabs {
    border: none !important
}

#InfoTab .nav-tabs .nav-item {
    margin-right: 1.5rem
}

@media only screen and (min-width: 1440px) {
    #InfoTab .nav-tabs .nav-item {
        margin-right: 2.5rem
    }
}

@media only screen and (min-width: 1600px) {
    #InfoTab .nav-tabs .nav-item {
        margin-right: 3.5rem
    }
}

#InfoTab .nav-tabs .nav-item .nav-link {
    padding-inline: 0 !important;
    border: none !important;
    position: relative;
    font-size: 17px;
    font-size: 1.0625rem
}

#InfoTab .nav-tabs .nav-item .nav-link.active,
#InfoTab .nav-tabs .nav-item .nav-link:hover,
#InfoTab .nav-tabs .nav-item .nav-link:focus {
    border: none !important;
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

#InfoTab .nav-tabs .nav-item .nav-link::before {
    left: 0;
    right: 0;
    content: "";
    display: block;
    position: absolute;
    height: 1px !important;
    background: rgba(0, 0, 0, 0);
    bottom: -5px
}

#InfoTab .nav-tabs .nav-item .nav-link.active::before {
    background: linear-gradient(90deg, #e51a24 0%, #f89d1a 100%)
}

@media only screen and (min-width: 1024px) {
    #InfoTab .tab-content {
        padding-top: 1.5rem !important
    }
}

.nav-customtabs li .nav-link {
    font-size: 17px;
    font-size: 1.0625rem
}

.nav-customtabs li .nav-link.active {
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.nav-customtabs li .nav-link.active::after {
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    height: 3px !important
}

#action-btn h2 {
    color: #333 !important;
    margin-bottom: 0 !important
}

#action-btn .col-md-4 .browse_design a,
#action-btn .col-md-4 .upload_design a,
#action-btn .col-md-4 .custom_design a,
#action-btn .col-md-4 .hire_designer a,
#action-btn .col-md-4 .quote_product a {
    flex-direction: column;
    text-align: center;
    padding: 1rem !important
}

#action-btn .col-md-4 .browse_design a i,
#action-btn .col-md-4 .upload_design a i,
#action-btn .col-md-4 .custom_design a i,
#action-btn .col-md-4 .hire_designer a i,
#action-btn .col-md-4 .quote_product a i {
    margin-right: 0 !important;
    margin-bottom: 1rem !important;
    margin-top: .8rem !important
}

#action-btn .col-md-4 .browse_design a span .h4,
#action-btn .col-md-4 .upload_design a span .h4,
#action-btn .col-md-4 .custom_design a span .h4,
#action-btn .col-md-4 .hire_designer a span .h4,
#action-btn .col-md-4 .quote_product a span .h4 {
    margin-bottom: .8rem !important
}

.browse_design,
.upload_design,
.custom_design,
.hire_designer,
.quote_product {
    -webkit-transition: .6s ease all;
    -moz-transition: .6s ease all;
    -ms-transition: .6s ease all;
    -o-transition: .6s ease all;
    transition: .6s ease all;
    border-radius: .625rem !important;
    -moz-border-radius: .625rem !important;
    -webkit-border-radius: .625rem !important
}

.browse_design .h4,
.upload_design .h4,
.custom_design .h4,
.hire_designer .h4,
.quote_product .h4 {
    text-transform: capitalize;
    font-size: 16px;
    font-size: 1rem;
    border-width: 1px !important;
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    font-family: "Jost-SemiBold", sans-serif
}

.browse_design .short-disc,
.upload_design .short-disc,
.custom_design .short-disc,
.hire_designer .short-disc,
.quote_product .short-disc {
    font-size: 16px;
    font-size: 1rem;
    color: #333 !important
}

.browse_design a,
.upload_design a,
.custom_design a,
.hire_designer a,
.quote_product a {
    padding: 1rem !important
}

.browse_design a i,
.upload_design a i,
.custom_design a i,
.hire_designer a i,
.quote_product a i {
    position: relative
}

.browse_design a i::after,
.upload_design a i::after,
.custom_design a i::after,
.hire_designer a i::after,
.quote_product a i::after {
    content: "";
    animation: float 3s ease-in-out infinite;
    position: absolute;
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    height: 35px;
    width: 35px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    opacity: .15;
    filter: alpha(opacity=15);
    left: 19px;
    top: -7px
}

.browse_design:hover,
.upload_design:hover,
.custom_design:hover,
.hire_designer:hover,
.quote_product:hover {
    -webkit-box-shadow: 0 0px 10px 0px rgba(165, 165, 165, .8);
    -moz-box-shadow: 0 0px 10px 0px rgba(165, 165, 165, .8);
    box-shadow: 0 0px 10px 0px rgba(165, 165, 165, .8)
}

.browse_design {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(54, 51, 60, .5) !important
}

.browse_design:hover {
    background: rgba(0, 0, 0, 0)
}

.browse_design:hover a {
    color: #36333c !important
}

.browse_design:hover a span {
    color: #36333c !important
}

.upload_design {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(1, 62, 81, .5) !important
}

.upload_design:hover {
    background: rgba(0, 0, 0, 0)
}

.upload_design:hover a {
    color: #e3142b !important
}

.upload_design:hover a span {
    color: #e3142b !important
}

.custom_design {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(54, 51, 60, .5) !important
}

.custom_design:hover {
    background: rgba(0, 0, 0, 0);
    color: #36333c !important
}

.custom_design:hover span {
    color: #36333c !important
}

.hire_designer {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(54, 51, 60, .5) !important
}

.hire_designer:hover {
    background: rgba(0, 0, 0, 0)
}

.hire_designer:hover a {
    color: #36333c !important
}

.hire_designer:hover a span {
    color: #36333c !important
}

.quote_product {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(54, 51, 60, .5) !important
}

.quote_product:hover {
    background: rgba(0, 0, 0, 0)
}

.quote_product:hover a {
    color: #36333c !important
}

.quote_product:hover a span {
    color: #36333c !important
}

.btn-title-text.browse_design,
.btn-title-text.upload_design,
.btn-title-text.custom_design,
.btn-title-text.quote_product,
.btn-title-text.hire_designer {
    padding: 0 !important
}

.btn-title-text.browse_design a,
.btn-title-text.upload_design a,
.btn-title-text.custom_design a,
.btn-title-text.quote_product a,
.btn-title-text.hire_designer a {
    padding: .5rem 1rem !important
}

.btn-title-text.browse_design a i::after,
.btn-title-text.upload_design a i::after,
.btn-title-text.custom_design a i::after,
.btn-title-text.quote_product a i::after,
.btn-title-text.hire_designer a i::after {
    display: none
}

.btn-title-text.browse_design {
    background: rgba(0, 0, 0, 0) !important;
    border: 1px solid #36333c !important
}

.btn-title-text.browse_design:hover {
    background: rgba(0, 0, 0, 0) !important
}

.btn-title-text.browse_design:hover a .h4,
.btn-title-text.browse_design:hover a i {
    color: #36333c !important
}

.btn-title-text.upload_design {
    background: rgba(0, 0, 0, 0) !important;
    border: 1px solid #e3142b !important
}

.btn-title-text.upload_design:hover {
    background: rgba(0, 0, 0, 0) !important
}

.btn-title-text.upload_design:hover a .h4,
.btn-title-text.upload_design:hover a i {
    color: #e3142b !important
}

.btn-title-text.custom_design {
    background: rgba(0, 0, 0, 0) !important;
    border: 1px solid #36333c !important
}

.btn-title-text.custom_design:hover {
    background: rgba(0, 0, 0, 0) !important
}

.btn-title-text.custom_design:hover a .h4,
.btn-title-text.custom_design:hover a i {
    color: #36333c !important
}

.btn-title-text.hire_designer {
    background: rgba(0, 0, 0, 0) !important;
    border: 1px solid #36333c !important
}

.btn-title-text.hire_designer:hover {
    background: rgba(0, 0, 0, 0) !important
}

.btn-title-text.hire_designer:hover a .h4,
.btn-title-text.hire_designer:hover a i {
    color: #36333c !important
}

.btn-title-text.quote_product {
    background: rgba(0, 0, 0, 0) !important;
    border: 1px solid #36333c !important
}

.btn-title-text.quote_product:hover {
    background: rgba(0, 0, 0, 0) !important
}

.btn-title-text.quote_product:hover a .h4 {
    color: #36333c !important
}

.browse_design a .fa-images::before {
    content: "";
    font-family: "ops" !important;
    color: #36333c
}

.upload_design a .fa-upload::before {
    content: "";
    font-family: "ops" !important;
    color: #e3142b
}

.custom_design a .fa-object-group::before {
    content: "";
    font-family: "ops" !important;
    color: #36333c
}

.ico_quote_design a .fa-file-edit::before {
    content: "";
    font-family: "ops" !important;
    color: #36333c
}

.hire_designer a .fa-user-plus::before {
    content: "";
    font-family: "ops" !important;
    color: #36333c
}

.awesome-bar.bg-primary,
#product-info .awesome-bar.section-bg,
.awesome-bar.latest-offer:after,
.awesome-bar.latest-offer:before,
.awesome-bar.category_bg,
.awesome-bar.browse_design_bg,
.awesome-bar.product_bg {
    background: #f89d1a !important
}

.awesome-bar .awesome-bar_container {
    padding: .4em 2.5rem .4em .625em
}

.top_header_content {
    padding-right: 1rem
}

@media only screen and (min-width: 1600px) {
    .top_header_content {
        padding-right: 1.5rem
    }
}

.top-header {
    border-bottom-color: rgba(119, 113, 129, .15) !important
}

.top-header .form-control {
    padding-inline: 1rem
}

.top-header .search-icon .twitter-typeahead::after {
    right: 1rem;
    color: #67646c;
    font-weight: bold;
    border-left: 1px solid rgba(189, 185, 199, .4);
    line-height: 1.8;
    height: 26px;
    padding-left: .8rem !important
}

.header-search .form-control {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px
}

@media only screen and (min-width: 1024px) {
    .header-search .form-control {
        min-width: 470px
    }
}

@media only screen and (min-width: 1248px) {
    .header-search .form-control {
        min-width: 570px
    }
}

@media only screen and (min-width: 1600px) {
    .header-search .form-control {
        min-width: 670px;
        padding-inline: 1.3rem;
        min-height: 2.8125rem
    }
}

.search-icon .twitter-typeahead::after {
    color: #67646c !important;
    padding: 0 0 0 .5rem;
    line-height: 1.4 !important;
    font-size: 18px;
    font-size: 1.125rem;
    right: 22px !important
}

.top-links li {
    margin-right: 0 !important;
    margin-left: 1rem
}

@media only screen and (min-width: 1600px) {
    .top-links li {
        margin-left: 1.5rem
    }
}

.top-links li a {
    position: relative
}

.top-links li a .badge-primary {
    position: absolute;
    height: 1rem;
    width: 1rem;
    font-size: 8px;
    font-size: 0.5rem;
    top: -3px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.top-links li a .fa-user::before {
    content: "";
    font-family: "ops" !important
}

.top-links li a .fa-shopping-bag::before {
    content: "";
    font-family: "ops" !important
}

.top-links li a i {
    font-size: 17px;
    font-size: 1.0625rem
}

@media only screen and (min-width: 1248px) {
    .top-links li a i {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.top-links .dropdown-toggle::after {
    right: inherit
}

.home_page_body .product-category.section-spacing {
    background-color: rgba(248, 157, 26, 0.09) !important
}

.home_page_body .main_background {
    background-color: rgba(248, 157, 26, 0.09) !important
}

.home_page_body .body-container {
    padding: 0
}

.home_page_body .body-container .row {
    margin: 0 !important
}

@media only screen and (min-width: 768px) {
    .home_page_body .body-container .row {
        margin: 0 1rem
    }
}

.home_page_body #middle-content {
    position: relative;
    padding: 1rem 0 1rem 0
}

@media only screen and (min-width: 768px) {
    .home_page_body #middle-content {
        padding: 3rem 0 0 0
    }
}

@media only screen and (min-width: 1248px) {
    .home_page_body #middle-content {
        padding: 2rem 0 2rem 0
    }
}

@media only screen and (min-width: 1440px) {
    .home_page_body #middle-content {
        padding: 3rem 0 3rem 0
    }
}

@media only screen and (min-width: 1600px) {
    .home_page_body #middle-content {
        padding: 3.25rem 0 3.25 0
    }
}

.home_page_body #middle-content .row {
    margin: 0
}

.home_page_body #middle-content::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media only screen and (min-width: 768px) {
    .home_page_body #middle-content .card {
        margin-bottom: 0 !important
    }
}

.home_page_body #footer {
    border-top: none !important
}

.home_page_body .navbar {
    box-shadow: none !important
}

.nav .dropdown-menu>li:hover a {
    background-color: rgba(0, 0, 0, 0) !important
}

.nav .dropdown-menu .dropdown-submenu>a::after {
    top: 5px;
    color: #333 !important
}

.nav .dropdown-menu .dropdown-submenu>.dropdown-menu li {
    background-color: rgba(0, 0, 0, 0)
}

.navbar {
    -webkit-box-shadow: 0 2px 5px 0px rgba(225, 233, 254, .8);
    -moz-box-shadow: 0 2px 5px 0px rgba(225, 233, 254, .8);
    box-shadow: 0 2px 5px 0px rgba(225, 233, 254, .8)
}

.navbar .badge {
    position: absolute;
    height: 1rem;
    width: 1rem;
    font-size: 8px;
    font-size: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    top: -3px;
    right: 0
}

.navbar .badge-primary {
    position: relative
}

.navbar .navbar-nav {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .navbar .navbar-nav {
        margin: .8rem 0 !important
    }
}

@media only screen and (min-width: 1248px) {
    .navbar .navbar-nav {
        justify-content: space-between
    }
}

.navbar .navbar-nav .nav-item a>img {
    max-height: auto !important
}

.navbar .navbar-nav .nav-item .nav-link {
    padding: .5rem .8rem .5rem .8rem
}

@media only screen and (min-width: 768px) {
    .navbar .navbar-nav .nav-item .nav-link {
        padding: .5rem 1rem .5rem 1rem;
        font-size: 15px;
        font-size: 0.9375rem;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        font-family: "Jost-Medium", sans-serif
    }
}

@media only screen and (min-width: 1600px) {
    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 16px;
        font-size: 1rem
    }
}

.navbar .navbar-nav .nav-item:hover .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link {
    color: #e51a24 !important
}

.navbar .navbar-nav .nav-item.megamenu img {
    max-width: 100%;
    height: auto
}

.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu {
    background: #fff
}

.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu li:hover {
    color: #e51a24 !important
}

.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu li a {
    border: 0;
    color: #333 !important
}

.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu li a:hover {
    color: #e51a24 !important
}

.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu>.list-unstyled li a:hover {
    color: #e51a24 !important
}

.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu .card-columns .card .list-unstyled .dropdown-submenu>a {
    color: #f89d1a !important
}

.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu .card-columns .card .list-unstyled .dropdown-submenu>a:hover {
    color: #e51a24 !important
}

.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu .card-columns .card .list-unstyled .dropdown-submenu .list-unstyled li a:hover {
    color: #e51a24 !important
}

@media only screen and (min-width: 768px) {
    .navbar .navbar-nav .nav-item:nth-child(2) .nav-link {
        padding-left: 0 !important
    }
}

.navbar .navbar-nav .nav-item:last-child .nav-link {
    color: #fff !important;
    margin-left: 1rem !important
}

@media only screen and (min-width: 1600px) {
    .navbar .navbar-nav .nav-item:last-child .nav-link {
        margin-left: 0 !important
    }
}

.navbar .navbar-nav .nav-item:last-child .nav-link .fa-long-arrow-right {
    transform: rotate(-50.41deg);
    font-size: 14px;
    font-size: 0.875rem;
    margin-left: .625rem;
    -webkit-transition: .6s ease all;
    -moz-transition: .6s ease all;
    -ms-transition: .6s ease all;
    -o-transition: .6s ease all;
    transition: .6s ease all
}

.navbar .navbar-nav .nav-item:last-child .nav-link:hover i,
.navbar .navbar-nav .nav-item:last-child .nav-link:focus i {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.navbar .navbar-nav .nav-item:last-child .nav-link::after {
    display: none
}

.navbar .navbar-nav .nav-item .dropdown-toggle::after {
    top: inherit;
    position: absolute;
    right: inherit
}

.navbar .navbar-nav .nav-item.submenu_custom_link .nav-link::after {
    border: none;
    content: "";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    right: .5rem
}

@media only screen and (min-width: 768px) {
    .navbar .navbar-nav .nav-item.submenu_custom_link .nav-link::after {
        right: inherit
    }
}

.navbar .navbar-nav .btn-outline-secondary {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.navbar.sticky-header {
    -webkit-box-shadow: 0 2px 5px 0px #e1e9fe !important;
    -moz-box-shadow: 0 2px 5px 0px #e1e9fe !important;
    box-shadow: 0 2px 5px 0px #e1e9fe !important
}

.navbar div.dropdown-menu .dropdown-item>strong {
    color: #f89d1a
}

.navbar div.dropdown-menu .dropdown-item:hover strong {
    color: #e51a24
}

@media only screen and (min-width: 768px) {
    .navbar .dropdown-menu>li:not(:last-child) a {
        border: none !important
    }
}

.navbar .dropdown-menu>li:hover>a {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #e51a24
}

.navbar .dropdown-menu>li:hover>a:after {
    color: #e51a24 !important
}

.navbar .dropdown-menu .dropdown-submenu>a::after {
    top: 5px;
    color: #333 !important
}

.navbar .dropdown-menu .dropdown-submenu>.dropdown-menu>li {
    background-color: rgba(0, 0, 0, 0)
}

.navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
    padding-block: .7rem !important
}

.navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a {
    padding-top: .3rem;
    padding-bottom: .3rem;
    position: relative
}

.navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a .fa-caret-right::before {
    content: "";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    top: 9px;
    right: 10px;
    color: #333 !important
}

@media only screen and (min-width: 768px) {
    .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a .fa-caret-right::before {
        color: #999
    }
}

.navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    padding-block: 0 !important
}

.navbar .navbar-collapse.show .nav-link {
    color: #333 !important
}

.navbar .navbar-collapse~.navbar-bg-outside {
    z-index: 1
}

.navbar .btn-link {
    padding: .375rem .75rem !important
}

.nav-item.megamenu .dropdown-menu .list-unstyled>li.active>a,
.nav-item.megamenu .dropdown-menu .list-unstyled>li:hover>a {
    color: #e51a24 !important
}

.nav-item.megamenu .dropdown-menu .list-unstyled>li:hover>a {
    background-color: rgba(0, 0, 0, 0) !important
}

.nav-item.megamenu .dropdown-menu .list-unstyled>li:hover>a::after {
    color: #e51a24 !important
}

.nav-item.megamenu .dropdown-menu .list-unstyled>li a {
    border: 0
}

.nav-item.megamenu .dropdown-menu .list-unstyled>li .dropdown-menu .card>a {
    padding-top: 0 !important
}

.nav-item.megamenu .dropdown-menu .list-unstyled>li .dropdown-menu .card .card-footer .btn-info {
    color: #fff !important
}

@media only screen and (min-width: 768px) {
    .nav-item .dropdown-menu {
        border: 0 !important;
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
        -webkit-box-shadow: 0 2px 8px 0px rgba(54, 51, 60, .15);
        -moz-box-shadow: 0 2px 8px 0px rgba(54, 51, 60, .15);
        box-shadow: 0 2px 8px 0px rgba(54, 51, 60, .15)
    }

    .nav-item .dropdown-menu a {
        font-size: 14px;
        font-size: 0.875rem
    }
}

.dropdown.show .nav-link::after {
    border-top: none
}

.navbar-nav .nav-item a>img {
    max-height: none !important
}

.how_it_works .img-block,
.b2b_b2_resellers .img-block {
    height: 114px;
    width: 114px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.how_it_works .img-block .service_icon,
.b2b_b2_resellers .img-block .service_icon {
    font-size: 45px;
    font-size: 2.8125rem
}

.how_it_works .badge-primary,
.b2b_b2_resellers .badge-primary {
    height: 26px;
    width: 26px;
    font-size: 14px;
    font-size: 0.875rem;
    font-family: "Jost-Regular", sans-serif;
    font-weight: normal;
    top: 5px;
    right: 0
}

@media only screen and (min-width: 1440px) {

    .how_it_works p,
    .b2b_b2_resellers p {
        line-height: 1.6875rem
    }
}

.how_it_works .gradient-shape,
.b2b_b2_resellers .gradient-shape {
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    height: 35px;
    width: 35px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    opacity: .15;
    filter: alpha(opacity=15)
}

.how_it_works .gradient-shape.icon_1,
.b2b_b2_resellers .gradient-shape.icon_1 {
    top: 22px;
    transform: translatex(3px)
}

.how_it_works .gradient-shape.icon_2,
.b2b_b2_resellers .gradient-shape.icon_2 {
    transform: translateY(-11px)
}

.how_it_works .gradient-shape.icon_3,
.b2b_b2_resellers .gradient-shape.icon_3 {
    top: 32px;
    right: 33px
}

.how_it_works .gradient-shape.icon_4,
.b2b_b2_resellers .gradient-shape.icon_4 {
    right: 0;
    top: 35px;
    transform: translateX(-25px)
}

.how_it_works .gradient-shape.gradient_icon_1,
.b2b_b2_resellers .gradient-shape.gradient_icon_1 {
    top: 22px;
    transform: translatex(18px)
}

.how_it_works .gradient-shape.gradient_icon_2,
.b2b_b2_resellers .gradient-shape.gradient_icon_2 {
    top: 22px;
    transform: translatex(8px)
}

.how_it_works .gradient-shape.gradient_icon_3,
.b2b_b2_resellers .gradient-shape.gradient_icon_3 {
    top: 23px;
    transform: translatex(11px)
}

.how_it_works .gradient-shape.gradient_icon_4,
.b2b_b2_resellers .gradient-shape.gradient_icon_4 {
    top: 28px;
    transform: translatex(6px)
}

.latest-offer .offer {
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, .1);
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, .1);
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important
}

@media only screen and (min-width: 1600px) {
    .latest-offer .offer h2 {
        font-size: 34px;
        font-size: 2.125rem;
        line-height: 44px
    }
}

.latest-offer .offer .display-3 {
    line-height: .9;
    font-size: 55px;
    font-size: 3.4375rem
}

@media only screen and (min-width: 1024px) {
    .latest-offer .offer .display-3 {
        font-size: 65px;
        font-size: 4.0625rem
    }
}

@media only screen and (min-width: 1440px) {
    .latest-offer .offer .display-3 {
        font-size: 75px;
        font-size: 4.6875rem
    }
}

@media only screen and (min-width: 1600px) {
    .latest-offer .offer .display-3 {
        font-size: 80px;
        font-size: 5rem;
        line-height: 44px
    }
}

.latest-offer .offer .h2 {
    font-size: 22px;
    font-size: 1.375rem
}

@media only screen and (min-width: 1440px) {
    .latest-offer .offer .h2 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.latest-offer .offer .value {
    top: 0
}

@media only screen and (min-width: 1440px) {
    .latest-offer .offer .value {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.latest-offer .offer .new_arrival::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #000;
    width: 14px;
    height: 2px;
    right: 0;
    transform: translateX(25px);
    top: 10px
}

.latest-offer .offer-slider .card .bg-white {
    -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, .05);
    -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, .05);
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, .05);
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important
}

.latest-offer .offer-slider .card img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

.latest-offer .offer-slider .card .badge-danger {
    -webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 4px 0px rgba(0, 0, 0, .25);
    font-weight: normal;
    height: 35px;
    width: 35px;
    font-size: 14px;
    font-size: 0.875rem;
    right: 10px;
    top: 10px
}

.latest-offer .slick-dots {
    bottom: 0 !important
}

@media only screen and (min-width: 1024px) {
    .latest-offer .slick-dots {
        bottom: -25px !important
    }
}

.latest-offer .slick-dots li {
    height: auto
}

.latest-offer .slick-dots li.slick-active button::before {
    background-color: #e3142b !important;
    opacity: 1 !important
}

.latest-offer .slick-dots li button {
    padding: 0;
    height: auto
}

.latest-offer .slick-dots li button:hover,
.latest-offer .slick-dots li button:focus {
    background-color: #e3142b !important
}

.latest-offer .slick-dots li button::before {
    height: 3px;
    width: 15px;
    background-color: #36333c;
    opacity: .3;
    filter: alpha(opacity=30);
    content: "";
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

.latest-offer:before {
    content: "";
    display: block;
    position: absolute;
    height: 511px;
    width: 525px;
    top: 0;
    left: 0;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    transform: translate(-140px, -140px)
}

.latest-offer:after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    transform: translate(215px, 215px);
    height: 429px;
    width: 441px;
    bottom: 0;
    right: 0
}

.printing-service .service_icon {
    font-size: 48px !important;
    font-size: 48px !important;
}

.printing-service video {
    max-height: 430px
}

.product-category #categoryTab {
    border: none;
    white-space: nowrap;
    overflow-x: auto;
    min-height: 50px;
    overflow-y: hidden
}

.product-category #categoryTab .nav-link {
    border: none
}

.product-category #categoryTab .nav-link::before {
    content: "";
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    height: 2px;
    width: 42px;
    top: auto;
    bottom: -5px;
    right: 0;
    left: 0;
    margin: auto
}

.product-category #categoryTab .nav-link.active,
.product-category #categoryTab .nav-link:hover,
.product-category #categoryTab .nav-link:focus {
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.product-category #categoryTab .nav-link.active::before,
.product-category #categoryTab .nav-link:hover::before,
.product-category #categoryTab .nav-link:focus::before {
    background-color: #e3142b
}

.product-category #categoryTabContent .card {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: 0 0 8px 0px rgba(225, 233, 254, .5);
    -moz-box-shadow: 0 0 8px 0px rgba(225, 233, 254, .5);
    box-shadow: 0 0 8px 0px rgba(225, 233, 254, .5);
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    cursor: pointer;
    overflow: hidden
}

.product-category #categoryTabContent .card img {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    -webkit-transition: transform .6s ease;
    -moz-transition: transform .6s ease;
    -ms-transition: transform .6s ease;
    -o-transition: transform .6s ease;
    transition: transform .6s ease;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.product-category #categoryTabContent .card h3 {
    -webkit-transition: .6s ease all;
    -moz-transition: .6s ease all;
    -ms-transition: .6s ease all;
    -o-transition: .6s ease all;
    transition: .6s ease all;
    font-size: 16px;
    font-size: 1rem
}

.product-category #categoryTabContent .card:hover h3 {
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.product-category #categoryTabContent .card:hover img {
    transform: scale(1.1)
}

@media only screen and (min-width: 1024px) {
    .testimonial .btn {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.testimonial .btn i {
    transform: rotate(-50.41deg);
    margin-left: .625rem;
    font-size: 16px;
    font-size: 1rem;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -ms-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all
}

.testimonial .btn:hover,
.testimonial .btn:focus {
    color: #fff
}

.testimonial .btn:hover i,
.testimonial .btn:focus i {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

@media only screen and (min-width: 1440px) {
    .testimonial h2 {
        line-height: 40px
    }
}

#testimonial_multi_sidebar {
    border: none
}

#testimonial_multi_sidebar .carousel-indicators li {
    width: 15px;
    height: 3px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: rgba(54, 51, 60, .3);
    opacity: 1;
    filter: alpha(opacity=100);
    margin-right: 5px;
    margin-left: 5px
}

#testimonial_multi_sidebar .carousel-indicators li.active {
    background-color: #e3142b
}

#testimonial_multi_sidebar .card-header,
#testimonial_multi_sidebar .card-footer {
    display: none
}

#testimonial_multi_sidebar>.card-body {
    padding: 0 !important
}

#testimonial_multi_sidebar>.card-body .card {
   
    box-shadow: 0 2px 8px 1px #dedede;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: none !important;
    margin: 1rem;
    position: relative
}

#testimonial_multi_sidebar>.card-body .card::before {
    content: "";
    position: absolute;
    left: 1.5rem;
    top: 1.5rem;
    font-family: "ops" !important;
    font-size: 16px;
    font-size: 1rem;
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    opacity: .6;
    filter: alpha(opacity=60)
}

#testimonial_multi_sidebar>.card-body .card .card-body {
    padding: 1rem;
    padding-top: 4.5rem !important
}

@media only screen and (min-width: 1440px) {
    #testimonial_multi_sidebar>.card-body .card .card-body {
        padding: 1.5rem
    }
}

#testimonial_multi_sidebar>.card-body .card blockquote {
    margin-bottom: 0
}

#testimonial_multi_sidebar>.card-body .card blockquote small {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Jost-Medium", sans-serif
}

#testimonial_multi_sidebar>.card-body .card .star-list .score {
    margin-bottom: 1.3rem !important
}

#testimonial_multi_sidebar>.card-body .card .star-list .score>label {
    padding-left: 0;
    margin-bottom: 0;
    text-shadow: none
}

#testimonial_multi_sidebar>.card-body .card .star-list .score>label.rated {
    color: #ffc107
}

#testimonial_multi_sidebar>.card-body .card p:last-child {
    margin-bottom: 1.5rem !important
}

.personalized-product .display-4 {
    font-size: 26px;
    font-size: 1.625rem
}

@media only screen and (min-width: 1024px) {
    .personalized-product .display-4 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media only screen and (min-width: 1440px) {
    .personalized-product .display-4 {
        font-size: 54px;
        font-size: 3.375rem;
        line-height: 62px
    }
}

@media only screen and (min-width: 1024px) {
    .personalized-product .personalized-product-details {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media only screen and (min-width: 1440px) {
    .personalized-product .personalized-product-details {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.personalized-product .btn i {
    animation: nudge 4s linear infinite alternate
}

#footer {
    margin-top: 0 !important
}

.footer .social_media_icons li {
    position: relative
}

.footer .social_media_icons li a {
    height: 2rem;
    width: 2rem;
    border: 1px solid rgba(101, 88, 88, .1);
    -webkit-transition: .6s ease all;
    -moz-transition: .6s ease all;
    -ms-transition: .6s ease all;
    -o-transition: .6s ease all;
    transition: .6s ease all;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.footer .social_media_icons li a i {
    font-size: 14px;
    font-size: 0.875rem
}

.footer .bottom-links .list-inline-item {
    padding-inline: 0;
    margin-right: 0;
    padding: 0;
    margin-bottom: .5rem !important
}

@media only screen and (min-width: 768px) {
    .footer .bottom-links .list-inline-item {
        margin-bottom: .8rem !important
    }
}

@media only screen and (min-width: 768px) {
    .footer .bottom-links .list-inline-item {
        width: 100%;
        display: block;
        padding: 0 0
    }
}

@media only screen and (min-width: 1440px) {

    .footer h3,
    .footer .h3 {
        line-height: 2rem
    }
}

.footer .nav-pills {
    text-align: left !important
}

.footer .nav-pills li {
    margin-bottom: .8rem
}

.footer .nav-pills li b {
    font-family: "Jost-Medium", sans-serif;
    font-weight: normal;
    display: block !important;
    font-size: 16px;
    font-size: 1rem
}

@media only screen and (min-width: 992px) {
    .footer .nav-pills li b {
        margin-bottom: 1rem !important;
        margin-bottom: 1.5rem !important
    }
}

@media only screen and (min-width: 1440px) {
    .footer .nav-pills li b {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 2rem
    }
}

.footer .nav-pills li .list-unstyled {
    margin-top: .5rem
}

@media only screen and (min-width: 768px) {
    .footer .nav-pills li .list-unstyled {
        margin-top: .8rem
    }
}

.footer .nav-pills li .list-unstyled li {
    padding: 0;
    margin-bottom: .5rem
}

@media only screen and (min-width: 768px) {
    .footer .nav-pills li .list-unstyled li {
        margin-bottom: .8rem
    }
}

.footer #footersubscribe_sidebar {
    border: 0 !important;
    margin-bottom: 0 !important
}

@media only screen and (min-width: 768px) {
    .footer #footersubscribe_sidebar {
        margin-bottom: 1.5rem !important
    }
}

.footer #footersubscribe_sidebar .card-header {
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0 !important;
    margin-bottom: 1rem;
    border: 0
}

@media only screen and (min-width: 1600px) {
    .footer #footersubscribe_sidebar .card-header h4 {
        line-height: 2rem
    }
}

.footer #footersubscribe_sidebar .card-body {
    padding: 0 !important
}

.footer #footersubscribe_sidebar .card-body .help-block,
.footer #footersubscribe_sidebar .card-body .custom-control {
    display: none !important
}

.footer #footersubscribe_sidebar .card-body .input-group input {
    border-radius: 3.125rem 0 0 3.125rem !important
}

.footer #footersubscribe_sidebar .card-body .input-group .input-group-append .input-group-text {
    border-radius: 0 3.125rem 3.125rem 0 !important;
    border-color: rgba(54, 51, 60, .5)
}

.footer #footersubscribe_sidebar .card-body #subscribe {
    border: none
}

footer .social_icon ul li img {
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.contactus-section .contact-info {
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}

#normalcalc label {
    font-family: "Jost-Medium", sans-serif
}

#normalcalc .btn {
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important
}

#pricecalulate #Submit {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px
}

#productpricetotal,
#producttotalprice {
    align-items: center
}

#productpricetotal .unit_price b,
#producttotalprice .unit_price b {
    font-size: 20px !important;
    font-size: 20px !important;
    color: #e3142b !important;
    font-family: "Jost-SemiBold", sans-serif !important
}

#productpricetotal .pr-1,
#producttotalprice .pr-1 {
    font-size: 20px !important;
    font-size: 20px !important;
    color: #333 !important;
    font-family: "Jost-SemiBold", sans-serif !important
}

#productpricetotal .summary_toggle,
#productpricetotal #disp_product_price,
#producttotalprice .summary_toggle,
#producttotalprice #disp_product_price {
    display: flex !important;
    align-items: center !important;
    justify-content: end !important;
    font-size: 34px;
    font-size: 2.125rem;
    color: #e3142b !important;
    font-family: "Jost-SemiBold", sans-serif
}

#productpricetotal .price_calc_unit_price .pr-1,
#producttotalprice .price_calc_unit_price .pr-1 {
    font-size: 17px !important;
    font-size: 17px !important
}

#productpricetotal .price_calc_unit_price .unit_price b,
#producttotalprice .price_calc_unit_price .unit_price b {
    font-family: "Jost-Regular", sans-serif !important;
    font-size: 17px !important;
    font-size: 17px !important;
    color: #e3142b !important
}

#shipestimatetotalprice .pr-2 {
    font-size: 20px;
    font-size: 1.25rem;
    color: #333 !important;
    font-family: "Jost-SemiBold", sans-serif
}

#shipestimatetotalprice #disp_total_price {
    display: flex !important;
    align-items: center !important;
    justify-content: end !important;
    font-size: 34px;
    font-size: 2.125rem;
    color: #e3142b !important;
    font-family: "Jost-SemiBold", sans-serif
}

#shiptypesdetail {
    margin: 0 1rem !important
}

#category_list .card .card-body {
    padding: 0 !important
}

#category_list .card .card-body .ml-2 {
    margin-left: 0 !important
}

#category_list .card .card-body ul li {
    margin-left: 0 !important;
    padding-left: 0 !important
}

#category_list a.act,
#category_list a:hover {
    color: #e51a24
}

.price_calculator .slick-track .slick-slide .custom-control .custom-control-label {
    border: 1px solid rgba(0, 0, 0, .25);
    margin-bottom: .5rem;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: .5rem
}

.price_calculator .slick-track .slick-slide .custom-radio .custom-control-input:checked~.custom-control-label {
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, .15);
    border-color: #e51a24
}

.price_calculator .slick-track .slick-slide .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #e51a24
}

.price_calculator .slick-track .slick-slide .custom-radio .custom-control-input:checked~.custom-control-label::after {
    height: 1rem;
    width: 1rem
}

.price_calculator #productpricetotal {
    background-color: rgba(0, 0, 0, 0) !important
}

.price_calculator #productpricetotal.floating-price {
    background-color: #f6f8fe !important;
    -webkit-box-shadow: 3px 7px 10px 7px rgba(225, 233, 254, .8) !important;
    -moz-box-shadow: 3px 7px 10px 7px rgba(225, 233, 254, .8) !important;
    box-shadow: 3px 7px 10px 7px rgba(225, 233, 254, .8) !important
}

#product_images .carousel-control-prev-icon,
#product_images .carousel-control-next-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0 4px 1px rgba(214, 214, 214, .8);
    border-radius: 3rem;
    -moz-border-radius: 3rem;
    -webkit-border-radius: 3rem;
    background-color: #fff
}

#product_images .carousel-control-next {
    right: 1rem
}

#product_images .carousel-control-prev {
    left: 1rem
}

#product-info .page-sub-header {
    justify-content: center !important;
    color: #36333c !important;
    flex-direction: column;
    align-items: center
}

#product-info .section-bg {
    padding: 2rem 0 !important;
    background-color: #fff !important;
    margin-bottom: 2rem !important
}

@media only screen and (min-width: 768px) {
    #product-info .section-bg {
        padding: 3rem 0 !important;
        margin-bottom: 3rem !important
    }
}

@media only screen and (min-width: 1440px) {
    #product-info .section-bg {
        padding: 4rem 0 !important;
        margin-bottom: 4rem !important
    }
}

#product-info #product_images img {
    border-radius: .9375rem;
    -moz-border-radius: .9375rem;
    -webkit-border-radius: .9375rem
}

#div_addinfo_save_box {
    margin-top: 1.5rem
}

.search_btn {
    border-radius: 0 10px 10px 0 !important;
    -moz-border-radius: 0 10px 10px 0 !important;
    -webkit-border-radius: 0 10px 10px 0 !important
}

#price_calculator .custom-control span,
#price_calculator .custom-control label {
    color: rgba(54, 51, 60, .5) !important;
    font-family: "Jost-Regular", sans-serif
}

.fullwidth-section {
    margin-bottom: 0 !important
}

#shareProductLinkModal #shareLink,
#shareProductLinkModal #copy_msg,
#shareProductLinkModal #download_pricecalc {
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important
}

#Submit {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

#shippricecalulate {
    position: relative;
    margin-top: .8rem
}

#shippricecalulate #shippingcalc {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #fff !important;
    margin-top: 0 !important;
    position: relative
}

#shippricecalulate #shippingcalc::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    z-index: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #e51a24 13.53%, #f89d1a 100%)
}

#shippricecalulate #shippingcalc::after {
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    border-radius: inherit;
    background-color: #f6f8fe !important
}

#shippricecalulate #shippingcalc .page-section-header {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 0 !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
    position: relative
}

#shippricecalulate #shippingcalc .page-section-header h4 {
    font-family: "Jost-Medium", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    z-index: 1;
    position: relative;
    padding: 1rem
}

@media only screen and (min-width: 1600px) {
    #shippricecalulate #shippingcalc .page-section-header h4 {
        padding: 1.1rem 1.5rem
    }
}

#shippricecalulate #shippingcalc .page-section-header .fa-caret-square-down::before {
    content: "";
    color: rgba(54, 51, 60, .5) !important
}

#shippricecalulate #shippingcalc #shipping_detail {
    position: relative;
    z-index: 1
}

#shippricecalulate #shippingcalc #shipping_detail>.row {
    margin: 0;
    padding-top: 1rem
}

#shippricecalulate #shippingcalc #shipping_detail #shipestimatetotalprice {
    display: flex !important;
    align-items: center !important;
    justify-content: end !important;
    margin-right: 1rem !important;
    padding-bottom: 1.5rem
}

#shippricecalulate #shippingcalc #shipping_detail #shipestimatetotalprice .pr-1 {
    font-size: 20px;
    font-size: 1.25rem;
    color: #333 !important;
    font-family: "Jost-SemiBold", sans-serif
}

#shippricecalulate #shippingcalc #shipping_detail #shipestimatetotalprice #shipping_total {
    font-size: 34px;
    font-size: 2.125rem;
    color: #e3142b !important;
    font-family: "Jost-SemiBold", sans-serif
}

#shippricecalulate #shippingcalc .shippingcalc.active .card-title {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

#quote_details .fa-angle-left {
    padding-right: .25rem
}

#quote_details .quote-history .page-sub-header {
    border: 1px solid #dee2e6 !important;
    background: #f8f8f8;
    padding: 1rem .5rem;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

#quote_details .quote-history .page-sub-header h3 {
    margin: 0
}

#quote_details .quote-history .card {
    border: 1px solid #dee2e6 !important;
    padding: 1rem .5rem !important;
    border-top: 0 !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

#templatelist .page-sub-header {
    align-items: center
}

#templatelist .page-sub-header h2 {
    line-height: 1;
    margin-bottom: 1.5rem !important
}

#price_calculator {
    background: rgba(0, 0, 0, 0)
}

#faq_products {
    text-align: center
}

#faq_products #accordion {
    padding: 1rem 1.5rem;
    border: .5px solid #b1b1b1;
    padding: 1rem 2rem;
    width: 49%;
    float: left;
    text-align: left;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

#faq_products #accordion:nth-child(2n+1) {
    margin-right: 1rem
}

#faq_products #accordion .card {
    border: none;
    background: 0;
    margin-bottom: 0 !important
}

#faq_products #accordion .card .card-header {
    background: rgba(0, 0, 0, 0);
    padding: 0;
    border-bottom: none !important
}

#faq_products #accordion .card .card-header .card-title a {
    font-size: 17px;
    font-size: 1.0625rem
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    color: #fff;
    background-color: #e51a24 !important
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px
}

::-webkit-scrollbar-thumb:hover {
    background-color: #555
}

* {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1
}

#faq_details .page-header {
    display: none !important
}

#pro-disc .rounded-xl.bg-primary.d-md-inline-block,
#pro-disc .rounded-xl.d-md-inline-block.category_bg,
#pro-disc .rounded-xl.d-md-inline-block.browse_design_bg,
#pro-disc .rounded-xl.d-md-inline-block.product_bg,
#pro-disc .rounded-xl.d-md-inline-block.latest-offer:before,
#pro-disc .rounded-xl.d-md-inline-block.latest-offer:after,
#pro-disc #product-info .rounded-xl.d-md-inline-block.section-bg,
#product-info #pro-disc .rounded-xl.d-md-inline-block.section-bg {
    background-color: #f89d1a !important
}

/*# sourceMappingURL=theme.css.map */
/*.home_page_body .main_background{*/
/*    background-color: #fff !important ;*/
/*}*/

.home_page_body #middle-content > .text-center{
    display: none;
}

#footer {
    background-color: rgba(248, 157, 26, 0.09) !important;
}