/*Fonts path*/
/*Red Color Gradient */
/*Fonts path end*/
/*************** background opacity and gradient *******************/
/*************** Shadow *******************/
/*************** Transform *******************/
/*************** Transition *******************/
/*************** Animation *******************/
/*************** Media Query *******************/
/* Branding Theme CSS For All Themes */
.zoom {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.zoom:hover {
  background: #666666;
  background: rgba(102, 102, 102, 0.75);
}

/*Breadcrum CSS Start here*/
.breadcrumb_container .breadcrumb {
  padding: 0;
  margin-bottom: 0.8rem;
}
.breadcrumb_container .breadcrumb.breadcrumb_arrow4 > li + li:before {
  color: #666666;
}
.breadcrumb_container .breadcrumb .active span.a {
  color: #ed1c24;
}

.breadcrumb_container + script + .page-header,
.page-header + .breadcrumb_container,
.page-header h1 + div ul {
  margin-bottom: 1.1rem !important;
  line-height: 1.875rem;
}

/***** Header tag CSS *****/
.page-header .bootstrap-select > .dropdown-toggle {
  height: calc(1.95em + 0.5789rem);
}
.page-header h1 {
  color: #040707;
}
.page-header h1 small {
  color: #666666 !important;
}
.page-header .btn-link > i {
  vertical-align: unset;
}

.page-section-header {
  color: #040707;
}

.page-sub-header {
  color: #ed1c24;
}

.table .thead-light th, .table .thead th, .table thead th {
  color: #040707 !important;
  background: transparent;
  border-bottom-color: #040707;
  font-family: "UbuntuSans-Bold", sans-serif;
  font-weight: normal;
}

/***** Anchor tag css ******/
a {
  color: #040707;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  color: #ed1c24;
  text-decoration: none;
}

/***** Button ******/
.btn {
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  white-space: normal;
}
.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 #ffffff;
  -moz-box-shadow: 0 0 0 0 #ffffff;
  box-shadow: 0 0 0 0 #ffffff;
}
.btn.google_login {
  padding: 0.25rem 0.5rem;
  border-radius: 50px !important;
  -moz-border-radius: 50px !important;
  -webkit-border-radius: 50px !important;
  overflow: hidden;
}
.btn.google_login .google-icon {
  padding: 0.35rem 0.25rem !important;
}

.btn-primary {
  background: #ed1c24;
  border-color: #ed1c24;
  color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active:focus {
  background: rgb(198.2775510204, 15.7224489796, 22.7102040816);
  border-color: rgb(198.2775510204, 15.7224489796, 22.7102040816);
  color: #ffffff;
}
.btn-primary.disabled, .btn-primary:disabled {
  background: #ed1c24;
  border-color: #ed1c24;
  color: #ffffff;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.btn-info {
  background: #040707;
  border-color: #040707;
}
.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: black;
  border-color: black;
  color: #ffffff;
}
.btn-info.disabled, .btn-info:disabled {
  background: #040707;
  border-color: #040707;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.btn-secondary {
  background: #666666;
  border-color: #666666;
}
.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: rgb(76.5, 76.5, 76.5);
  border-color: rgb(76.5, 76.5, 76.5);
  color: #ffffff;
}
.btn-secondary.disabled, .btn-secondary:disabled {
  background: #666666;
  border-color: #666666;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.btn-success {
  background: #ed1c24;
  border-color: #ed1c24;
}
.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: rgb(198.2775510204, 15.7224489796, 22.7102040816);
  border-color: rgb(198.2775510204, 15.7224489796, 22.7102040816);
  color: #ffffff;
}
.btn-success.disabled, .btn-success:disabled {
  background: #ed1c24;
  border-color: #ed1c24;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.btn-dark {
  background: #666666;
  border-color: #666666;
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active:focus {
  background: rgb(76.5, 76.5, 76.5);
  border-color: rgb(76.5, 76.5, 76.5);
  color: #ffffff;
}
.btn-dark.disabled, .btn-dark:disabled {
  background: #666666;
  border-color: #666666;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

/***** Outline Button ******/
.btn-outline-secondary {
  background: transparent;
  border-color: #666666;
  color: #666666;
}
.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: #666666;
  color: #ffffff;
}

.btn-outline-info {
  background: transparent;
  border-color: #040707;
  color: #040707;
}
.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: #040707;
  color: #ffffff;
  border-color: #040707;
}

.btn-outline-primary {
  color: #ed1c24;
  border-color: #ed1c24;
}
.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: #ed1c24;
  color: #ffffff;
  border-color: #ed1c24;
}

/***** Link Button ******/
.btn-link {
  color: #040707;
  word-break: break-word;
}
.btn-link:hover {
  color: #ed1c24 !important;
}
.btn-link:disabled, .btn-link.disabled {
  color: #dddddd;
}

/***** Border Color *****/
.border-primary {
  border-color: #ed1c24 !important;
}

.border-info {
  border-color: #040707 !important;
}

.border-secondary {
  border-color: #666666 !important;
}

/**** loader ****/
.loading {
  border-color: transparent #040707;
}

#loading-text {
  color: #040707;
}

.bg-light-gray {
  background: #F6F6F6;
}

/***** Text Color *****/
.text-primary {
  color: #ed1c24 !important;
}

.text-info {
  color: #040707 !important;
}

.text-secondary {
  color: #666666 !important;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.text-secondary:hover {
  color: #ed1c24 !important;
}

.card {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.card .card-header, .card .card-img-top, .card .bg-overlay {
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-bottom: 0;
}

.card-title {
  color: #040707;
}

.card-title a.btn-link {
  color: #666666 !important;
}
.card-title a.btn-link:hover {
  color: #ed1c24 !important;
}

.card-title a {
  color: #666666 !important;
}
.card-title a:not(.btn) {
  color: #666666 !important;
}
.card-title a:not(.btn):hover {
  color: #ed1c24 !important;
}

.text-body {
  color: #666666 !important;
}

/* Badge CSS */
.badge-primary {
  background: #ed1c24;
  color: #040707;
}

.badge-info {
  background: #040707;
}

.badge-success {
  background: #ed1c24;
}

/***** Text-Color with Anchor Tag *****/
a.text-primary:hover, a.text-primary:focus {
  color: rgb(244.493877551, 122.506122449, 127.1755102041) !important;
}

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

/***** background-Color *****/
.bg-primary {
  background-color: #ed1c24 !important;
}

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

.bg-secondary {
  background-color: #666666 !important;
}

/***** Dropdown-color *****/
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active {
  background-Color: #ffffff;
  color: #ed1c24;
}

@media only screen and (max-width: 767px) {
  .input-group .form-control:not(:last-child):not(:first-child) {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    height: auto;
  }
}
.input-group.clsqty .form-control {
  height: auto;
}
.input-group #shareLink, .input-group #search-box, .input-group textarea, .input-group #pKey, .input-group #product_sorting, .input-group #copy_msg {
  border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
}
.input-group #search, .input-group #Submit, .input-group #subscribe, .input-group #srch, .input-group #pricecalc, .input-group #redeem {
  border-radius: 0 10px 10px 0 !important;
  -moz-border-radius: 0 10px 10px 0 !important;
  -webkit-border-radius: 0 10px 10px 0 !important;
}
.input-group .input-group-text {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.input-group .input-group-text:last-child {
  border-radius: 0 10px 10px 0 !important;
  -moz-border-radius: 0 10px 10px 0 !important;
  -webkit-border-radius: 0 10px 10px 0 !important;
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: 10px 0 0 10px !important;
  -moz-border-radius: 10px 0 0 10px !important;
  -webkit-border-radius: 10px 0 0 10px !important;
}
@media only screen and (min-width: 768px) {
  .input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
  }
}
.input-group:has(input.form-control:focus) .input-group-text {
  border-color: #ed1c24 !important;
}

#download_pricecalc, #btncalcship, #redeem_reward {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.bootstrap-select .dropdown-menu li.active small {
  color: #ed1c24 !important;
}
.bootstrap-select > .dropdown-toggle {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-color: rgb(178.5, 178.5, 178.5) !important;
}
.bootstrap-select > .dropdown-toggle .filter-option {
  align-content: center;
}
.bootstrap-select > .dropdown-toggle small {
  color: #ed1c24 !important;
}
.bootstrap-select.show .dropdown-toggle {
  border-color: #ed1c24 !important;
}
.bootstrap-select.dropdown .dropdown-menu {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.bootstrap-select.dropdown .dropdown-menu.show {
  border-color: #ed1c24;
}

.form-control, .custom-select {
  color: #040707;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-color: rgb(178.5, 178.5, 178.5) !important;
}
.form-control .filter-option, .custom-select .filter-option {
  align-content: center;
}
.form-control:focus, .custom-select:focus {
  border-color: #ed1c24 !important;
}
.form-control:focus + .input-group-append .input-group-text, .custom-select:focus + .input-group-append .input-group-text {
  border-color: #ed1c24 !important;
}
.form-control:focus ~ .col-form-label, .custom-select:focus ~ .col-form-label {
  color: #ed1c24;
}

textarea.form-control, textarea.custom-select {
  min-height: 80px;
}

.input-group-text {
  border-color: rgb(178.5, 178.5, 178.5);
}

.custom-control-label {
  color: #040707;
}

/***** Radio button color *****/
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ed1c24;
  box-shadow: none;
  border-color: #ed1c24;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label:focus ~ .custom-control-label::before {
  background-color: #ed1c24;
}

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

.custom-control-label:before {
  border-radius: 0.25rem;
}

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

/***** Input border-color on focus *****/
.form-control, .custom-select {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  font-family: "Inter-Regular", sans-serif !important;
  color: #040707;
}
.form-control:focus, .custom-select:focus {
  border-color: #ed1c24;
}

.form-group .input-valid ~ .col-form-label {
  color: #ed1c24;
}
.form-group .col-form-label {
  color: #040707;
}

/**** pagination ****/
.page-item.active .page-link {
  background: #ed1c24;
  border-color: #ed1c24;
}

/**** search dropdown****/
.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor {
  background-color: #040707;
}
.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor strong {
  color: #ffffff !important;
}
.tt-dropdown-menu .tt-suggestion a {
  color: #333333;
}
.tt-dropdown-menu .tt-suggestion a strong {
  color: #333333 !important;
}
.tt-dropdown-menu .tt-suggestion:hover strong {
  color: #ffffff !important;
}

/**** Account Page CSS ****/
.account-links a:hover .cicon {
  color: #040707;
}

.account_dashboard_box h4 {
  color: #040707;
}

/**** JQUERY UPLOADER START ****/
.bar {
  background-color: #ed1c24;
}

.border-top {
  border-top: 1px solid #666 !important;
}

.rounded,
.rounded-lg {
  border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
}

.fancybox.thumbnail.border {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

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

.profile-info .profile-name {
  font-size: 24px;
  font-size: 1.5rem;
}

#productpricetotal {
  border-top: 1px solid color-mix(in srgb, #ffffff 50%, #666666);
  padding-top: 0.5rem;
  margin-top: 1rem;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media only screen and (min-width: 768px) {
  #productpricetotal {
    padding-top: 1rem;
    margin-top: 2rem;
  }
}
#productpricetotal.floating-price {
  box-shadow: 0 -2px 9px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
  border-color: transparent;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 1rem;
}

input:hover, input:focus, input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: #000;
}

input[type=checkbox]:hover, input[type=checkbox]:focus, input[type=checkbox]:-webkit-autofill,
input[type=radio]:hover,
input[type=radio]:focus,
input[type=radio]:-webkit-autofill {
  box-shadow: none;
}

.title-bold {
  font-family: "UbuntuSans-Bold", sans-serif;
}

.modal-title {
  font-size: 22px;
  font-size: 1.375rem;
}
@media only screen and (min-width: 1024px) {
  .modal-title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.form-group .col-form-label {
  left: 0.5rem;
  top: 0.5625rem;
  z-index: 9;
}
@media only screen and (min-width: 768px) {
  .form-group .col-form-label {
    left: 1rem;
  }
}

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

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

#user_qrcode_action .nav-tabs .nav-item {
  margin-right: 0.5rem;
}
#user_qrcode_action .nav-tabs .nav-item .nav-link {
  padding: 0.4375rem 0.8rem;
}

.navbar-light .navbar-toggler {
  padding: 0;
}
.navbar-light .nav-bg-clr {
  border-radius: 0;
}
@media only screen and (min-width: 768px) {
  .navbar-light .nav-bg-clr {
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    background-color: #ed1c24;
  }
}
.navbar-light .navbar-nav {
  margin-left: 0 !important;
}
.navbar-light .navbar-nav .nav-item .badge-primary {
  color: #ffffff;
}
.navbar-light .navbar-nav .nav-item .nav-link {
  padding: 0.5rem 0.8rem;
  position: relative;
  outline: none;
  font-family: "UbuntuSans-Regular", sans-serif;
  color: #ed1c24;
}
@media only screen and (min-width: 768px) {
  .navbar-light .navbar-nav .nav-item .nav-link {
    color: #ffffff;
    padding: 0.98rem 0.5rem;
  }
}
@media only screen and (min-width: 1248px) {
  .navbar-light .navbar-nav .nav-item .nav-link {
    padding: 0.98rem 0.8rem;
  }
}
.navbar-light .navbar-nav .nav-item .nav-link::before {
  content: "";
  width: 0%;
  height: 3px;
  background: #ffffff;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.5s;
  position: absolute;
}
.navbar-light .navbar-nav .nav-item:nth-child(2) .nav-link {
  margin-left: 0rem;
}
@media only screen and (min-width: 768px) {
  .navbar-light .navbar-nav .nav-item:nth-child(2) .nav-link {
    margin-left: 0.5rem;
  }
}
@media only screen and (min-width: 1248px) {
  .navbar-light .navbar-nav .nav-item:nth-child(2) .nav-link {
    margin-left: 1rem;
  }
}
.navbar-light .navbar-nav .nav-item.active .nav-link, .navbar-light .navbar-nav .nav-item:hover .nav-link, .navbar-light .navbar-nav .nav-item:focus .nav-link {
  opacity: 1;
  color: #ed1c24 !important;
}
@media only screen and (min-width: 768px) {
  .navbar-light .navbar-nav .nav-item.active .nav-link, .navbar-light .navbar-nav .nav-item:hover .nav-link, .navbar-light .navbar-nav .nav-item:focus .nav-link {
    opacity: 1;
    color: #ffffff !important;
  }
}
@media only screen and (min-width: 1248px) {
  .navbar-light .navbar-nav .nav-item.active .nav-link, .navbar-light .navbar-nav .nav-item:hover .nav-link, .navbar-light .navbar-nav .nav-item:focus .nav-link {
    color: #ffffff;
    opacity: 1;
  }
}
.navbar-light .navbar-nav .nav-item.active .nav-link::before, .navbar-light .navbar-nav .nav-item:hover .nav-link::before, .navbar-light .navbar-nav .nav-item:focus .nav-link::before {
  width: 50%; /* Expanding the underline on hover, focus, or active */
}
.navbar-light .navbar-nav .nav-item .dropdown-toggle:after {
  color: #040707;
}
@media only screen and (min-width: 768px) {
  .navbar-light .navbar-nav .nav-item .dropdown-toggle:after {
    color: #ffffff;
  }
}
.navbar-light .navbar-nav .nav-item.megamenu .dropdown-menu {
  background: #ffffff;
}
.navbar-light .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled > li a {
  padding: 0.5rem 1rem;
}
.navbar-light .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled > li .dropdown-menu {
  background-color: #fff;
}
.navbar-light .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled > li .dropdown-menu .list-unstyled li a {
  padding: 0.4rem 1rem;
}
.navbar-light .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled > li .dropdown-menu .list-unstyled li .all-product {
  color: #666666;
}
.navbar-light .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled > li .dropdown-menu .list-unstyled li .all-product:hover, .navbar-light .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled > li .dropdown-menu .list-unstyled li .all-product:focus {
  color: #ed1c24;
}
.navbar-light .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled > li.active > a {
  color: #ed1c24;
}
.navbar-light .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled > li:hover > a::after {
  color: #ed1c24;
}
.navbar-light .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled > li:hover > a {
  color: #ed1c24;
}
.navbar-light .navbar-nav .nav-item.megamenu .dropdown-menu .row .col .card-columns, .navbar-light .navbar-nav .nav-item.megamenu .dropdown-menu .row .col ul {
  padding: 0 !important;
}
.navbar-light .navbar-nav .nav-item.megamenu .dropdown-menu .row .col .card-columns .dropdown-submenu, .navbar-light .navbar-nav .nav-item.megamenu .dropdown-menu .row .col ul .dropdown-submenu {
  background-color: transparent !important;
}
.navbar-light .navbar-nav .nav-item.megamenu > .dropdown-menu > .list-unstyled > .dropdown-submenu:first-child > .all-product {
  border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  -webkit-border-radius: 10px 0 0 0;
}
.navbar-light .navbar-nav .nav-item.megamenu > .dropdown-menu > .list-unstyled > .dropdown-submenu:last-child > .all-product {
  border-radius: 0 0 0 10px;
  -moz-border-radius: 0 0 0 10px;
  -webkit-border-radius: 0 0 0 10px;
}
.navbar-light .navbar-nav .nav-item.megamenu > .dropdown-menu > .list-unstyled > .dropdown-submenu > .dropdown-menu {
  border-radius: 0 10px 10px 10px !important;
  -moz-border-radius: 0 10px 10px 10px !important;
  -webkit-border-radius: 0 10px 10px 10px !important;
}
.navbar-light .navbar-nav .user-info {
  display: flex;
  align-items: center;
}
.navbar-light .navbar-nav .user-info .btn {
  line-height: normal;
  border-color: #ffffff;
  font-size: 0.75rem;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.navbar-light .navbar-nav .dropdown-menu.login {
  min-width: 20.9375rem;
}
.navbar-light .mob-menu a {
  color: #666666;
}
.navbar-light .mob-menu #search-toggle-btn {
  color: #666666;
}
.navbar-light .mob-menu #search-toggle-btn:hover, .navbar-light .mob-menu #search-toggle-btn:focus {
  color: #ed1c24 !important;
}
.navbar-light .navbar-toggler-icon {
  background-image: none;
}
.navbar-light .navbar-toggler-icon::before {
  content: "\f0c9";
  font-family: "Font Awesome 6 Pro";
  color: #000;
  font-size: 1.7rem;
}
.navbar-light .btn-link .badge {
  background: #000;
  padding: 0.3rem;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .navbar-light .dropdown-menu > li {
    background-color: transparent !important;
  }
}
.navbar-light .dropdown-menu > li a::after {
  right: 0.9375rem !important;
}
.navbar-light .dropdown-menu > li:hover > a {
  color: #ed1c24;
  background-color: transparent;
}
@media only screen and (min-width: 768px) {
  .navbar-light .dropdown-menu > li:hover > a {
    background-color: #ffffff;
  }
}
.navbar-light .dropdown-menu > li:hover > a::after {
  color: #ed1c24;
}
.navbar-light .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
  border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
}
.navbar-light .navbar-collapse .navbar-nav .nav-item .dropdown-menu li:first-child a {
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}
.navbar-light .navbar-collapse .navbar-nav .nav-item .dropdown-menu li:last-child a {
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
}
.navbar-light .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a {
  padding: 0.5rem 1rem;
}
.navbar-light .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-light .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:focus {
  color: #ed1c24;
}
.navbar-light .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:hover strong, .navbar-light .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:focus strong {
  color: #ed1c24;
}
.navbar-light .navbar-collapse .navbar-nav .position-static .dropdown-menu, .navbar-light .navbar-collapse .navbar-nav .megamenu .dropdown-menu, .navbar-light .navbar-collapse .navbar-nav .all-category-menu .dropdown-menu {
  max-width: 1440px;
  margin: 0 1rem;
}
.navbar-light .navbar-collapse.show .nav-link {
  color: #040707 !important;
  font-family: "UbuntuSans-Medium", sans-serif;
}
@media only screen and (min-width: 768px) {
  .navbar-light .navbar-collapse.show .nav-link {
    color: #ed1c24 !important;
  }
}
.navbar-light .navbar-collapse.show .nav-link {
  opacity: 1 !important;
}
@media only screen and (min-width: 768px) {
  .navbar-light .navbar-collapse.show .nav-link {
    color: #fff !important;
    opacity: 0.8 !important;
  }
}

.header-search {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 1248px) {
  .header-search {
    margin-left: 2rem;
  }
}
.header-search .twitter-typeahead {
  width: 100%;
}
.header-search .twitter-typeahead::after {
  left: 0.7rem;
  right: inherit;
  font-size: 1rem;
  color: #040707;
  display: flex;
  height: 100%;
  align-items: center;
}
.header-search .twitter-typeahead input {
  padding-left: 2.8rem;
  border-color: #bbbaba !important;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  color: #040707;
}
.header-search .twitter-typeahead input::placeholder {
  color: #040707;
}
@media only screen and (min-width: 1440px) {
  .header-search .twitter-typeahead input {
    width: 35rem;
  }
}
.header-search .advance-search-dropdown {
  left: 0;
}

.header-bg {
  background: #666666;
}

.allbtn .btn-title-text.custom_design:hover a {
  color: #666666;
}

@media only screen and (min-width: 768px) {
  .top-links {
    display: flex;
    align-items: center;
  }
}
.top-links li a {
  align-items: center;
}
.top-links li a .fa {
  color: #ed1c24;
  margin-right: 0.5rem;
}
.top-links li a:hover, .top-links li a:focus {
  color: #ed1c24;
}
.top-links li a .far {
  color: #ed1c24;
  margin-right: 0.7rem;
  font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
  .top-links li a {
    display: flex;
  }
}
.top-links li .navbar-text {
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .top-links li .navbar-text {
    display: flex !important;
    align-items: center;
    gap: 5px;
  }
}
.top-links li:not(:last-child) {
  margin-left: 1.3rem;
}
@media only screen and (min-width: 1248px) {
  .top-links li:not(:last-child) {
    margin-left: 2rem;
  }
}
.top-links li:not(:last-child) {
  margin-right: 0;
}
.top-links li .badge-primary {
  color: #ffffff;
  min-height: 22px;
  min-width: 22px;
  padding: 0.3125rem;
  font-family: "UbuntuSans-Regular";
}
.top-links li img {
  margin-right: 0.4rem;
}
.top-links .logout-dropdown {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.top-links .logout-dropdown a:hover {
  color: #ed1c24 !important;
}
.top-links .logout-dropdown a:first-child {
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}
.top-links .logout-dropdown a:last-child {
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
}
.top-links .logout-dropdown a:not(:first-child) {
  border-top: 1px solid #ccc !important;
}

.order-steps-bg {
  background-color: #FEF4EE;
}
.order-steps-bg p {
  color: #040707;
}

h2 .design_guidetext {
  font-size: 1.6875rem;
}
@media only screen and (min-width: 1248px) {
  h2 .design_guidetext {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 768px) {
  .top-header #search-toggle-btn {
    padding-right: 0;
    padding-left: 1.3rem;
  }
}
@media only screen and (min-width: 1248px) {
  .top-header #search-toggle-btn {
    padding-left: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .top-header .top_header_content {
    margin-left: 1.3rem;
  }
}
@media only screen and (min-width: 1248px) {
  .top-header .top_header_content {
    margin-left: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .top-header .lang {
    margin-inline: 1.3rem 0 !important;
  }
}
@media only screen and (min-width: 1248px) {
  .top-header .lang {
    margin-left: 2rem;
  }
}

.common-border-radius {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

/* Base styles for the accordion button */
.common-accordion .card .btn-link {
  color: #040707;
  position: relative;
}
.common-accordion .card .btn-link::after {
  position: absolute;
  right: 0;
  font-size: 1.5rem;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .common-accordion .card .btn-link::after {
    padding: 0 1rem;
  }
}
.common-accordion .card .btn-link[aria-expanded=false]::after {
  content: "+";
  font-family: "Font Awesome 6 Sharp";
  font-size: 1.2rem;
  font-weight: 600;
}
@media only screen and (min-width: 1024px) {
  .common-accordion .card .btn-link[aria-expanded=false]::after {
    font-size: 2rem;
  }
}
.common-accordion .card .btn-link[aria-expanded=true]::after {
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
  font-size: 1rem;
  font-weight: 600;
}
@media only screen and (min-width: 1024px) {
  .common-accordion .card .btn-link[aria-expanded=true]::after {
    font-size: 1.4rem;
  }
}
.common-accordion .card .btn-link:focus {
  box-shadow: none;
}

.pager .list-inline-item {
  position: static;
  background: transparent;
  border: none;
  padding: 0;
}
.pager .list-inline-item .btn-secondary {
  z-index: 0;
  cursor: pointer;
  background: none;
  border: none;
  background: #ed1c24;
  top: 50%;
  border-radius: 100%;
  opacity: 1;
  width: 2rem;
  height: 2rem;
  line-height: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1248px) {
  .pager .list-inline-item .btn-secondary {
    width: 3rem;
    height: 3rem;
  }
}
.pager .list-inline-item .btn-secondary .carousel-control-next-icon {
  background: none;
}
.pager .list-inline-item .btn-secondary .carousel-control-next-icon::before {
  content: "\f054";
  color: #ffffff;
  font-family: "Font Awesome 6 Pro";
  font-size: 1rem;
}
.pager .list-inline-item .btn-secondary .carousel-control-prev-icon {
  background: none;
}
.pager .list-inline-item .btn-secondary .carousel-control-prev-icon::before {
  content: "\f053";
  color: #ffffff;
  font-family: "Font Awesome 6 Pro";
  font-size: 1rem;
}
.pager .list-inline-item .btn-secondary:hover, .pager .list-inline-item .btn-secondary:focus {
  background-color: #ffffff;
  background: linear-gradient(to top, #ed1c24 12%, rgba(255, 255, 255, 0) 100%);
  transition: 1s;
}

.carousel-control-prev {
  left: 0rem;
}

.carousel-control-next {
  right: 0rem;
}

#top-banner .carousel-control-prev, #top-banner .carousel-control-next {
  filter: brightness(0.6);
}

.hover-box-product {
  z-index: 99;
  cursor: pointer;
}
.hover-box-product:hover .btn-gradient-box, .hover-box-product:focus-within .btn-gradient-box {
  bottom: 0;
}
.hover-box-product:hover img, .hover-box-product:focus-within img {
  transform: scale(1.1);
}
.hover-box-product:hover .h4, .hover-box-product:focus-within .h4 {
  color: #ed1c24;
}
.hover-box-product .btn-gradient-box .btn {
  width: 100%;
  padding: 1.1rem 1rem;
  border: none;
  border-radius: 0 0 0.5rem 0.5rem;
  background-color: #ffffff;
  background: linear-gradient(to top, #ed1c24 12%, rgba(255, 255, 255, 0) 100%);
  transition: 1s;
}
.hover-box-product img {
  transition: all 0.5s;
  transform: scale(1);
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

#order_continue {
  line-height: 1.8rem;
}

#product-info .form-control, #product-info .custom-select {
  height: calc(1.5em + 1rem + 5px);
  border-color: transparent;
}
#product-info .form-control.input-valid, #product-info .custom-select.input-valid {
  border-color: #ed1c24;
}
#product-info #extra-msg {
  margin-bottom: 0 !important;
}
#product-info .card-title {
  font-size: 18px !important;
  font-size: 1.125rem !important;
  font-family: "UbuntuSans-Bold", sans-serif;
  transition: all 0.5s;
  color: #040707;
}
@media only screen and (min-width: 768px) {
  #product-info .card-title {
    font-size: 1.5rem;
  }
}
#product-info .card-title a.btn-link .fa-share {
  color: #040707;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
#product-info .card-title a.btn-link:hover .fa-share, #product-info .card-title a.btn-link:focus .fa-share {
  color: #ed1c24;
}
#product-info #get-started {
  bottom: 76px;
  z-index: 20;
}
@media only screen and (min-width: 768px) {
  #product-info #get-started {
    bottom: 0px;
  }
}
#product-info > div {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media only screen and (min-width: 768px) {
  #product-info > div:not(:last-child) {
    margin-bottom: 5.5rem !important;
  }
}

.btn-group > .btn {
  border-radius: 0;
}

.page-header:has(+ .breadcrumb_container) {
  margin-bottom: 0rem !important;
}

.page-header {
  border-bottom: none;
}
.page-header .input-group .form-control {
  height: calc(2em + 0.5789rem);
}

#user_order .tab-content {
  margin-top: 1rem;
}
#user_order .btn-group a:hover .fa, #user_order .btn-group a:focus .fa {
  color: #ed1c24;
}

#sidebar-left + #middle-content .col-xl-11 {
  flex: 0 0 100%;
  max-width: 100%;
}

p {
  font-size: 16px;
  font-size: 1rem;
}

body {
  font-family: "UbuntuSans-Medium", sans-serif;
  color: #666666;
  font-size: 16px;
  font-size: 1rem;
  background: #F6F6F6;
}
body.home_page_body .body-container::before {
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
}
body .container.body-container::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 1.875rem);
  height: 100%;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
body .container.body-container > .row {
  max-width: 75rem;
  margin-inline: auto;
}

.middle-white-bg {
  position: relative;
  z-index: 0;
}
.middle-white-bg::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 30px);
  height: 100%;
  z-index: -1;
}

@media only screen and (min-width: 768px) {
  .container {
    max-width: 992px;
  }
}
@media only screen and (min-width: 1248px) {
  .container {
    max-width: 1200px;
  }
}
@media only screen and (min-width: 1440px) {
  .container {
    max-width: 1440px;
  }
}
@media only screen and (min-width: 1600px) {
  .container {
    max-width: 1470px;
  }
}

.container-md {
  max-width: 1200px;
}

.underline {
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}

.rounded {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.stretch-top {
  margin-top: -0.9375rem;
}
@media only screen and (min-width: 768px) {
  .stretch-top {
    margin-top: -3.5rem;
  }
}
@media only screen and (min-width: 1248px) {
  .stretch-top {
    margin-top: -5.5rem;
  }
}

.stretch-bottom {
  margin-bottom: -0.9375rem;
}
@media only screen and (min-width: 768px) {
  .stretch-bottom {
    margin-bottom: -3.5rem;
  }
}
@media only screen and (min-width: 1248px) {
  .stretch-bottom {
    margin-bottom: -5.5rem;
  }
}

.top-padding {
  padding-top: 4.0625rem;
}
@media only screen and (min-width: 768px) {
  .top-padding {
    padding-top: 5rem;
  }
}
@media only screen and (min-width: 1248px) {
  .top-padding {
    padding-top: 7.5rem;
  }
}

.bottom-padding {
  padding-bottom: 3.125rem;
}
@media only screen and (min-width: 768px) {
  .bottom-padding {
    padding-bottom: 4.375rem;
  }
}
@media only screen and (min-width: 1248px) {
  .bottom-padding {
    padding-bottom: 6.25rem;
  }
}

.product-box .card {
  border: 0;
  text-align: center;
}
.product-box .card .thumbnail.edatalayer, .product-box .card .card-img-top {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: #040707;
}
.product-box .card .bg-overlay {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.product-box .card .card-body .card-title {
  color: #666666;
}
.product-box .card .card-footer {
  margin-inline: auto;
}
.product-box .card .card-footer .btn {
  display: flex;
  align-items: center;
  background-color: #ed1c24;
  border-color: #ed1c24;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  font-size: 14px;
}
@media only screen and (min-width: 1024px) {
  .product-box .card .card-footer .btn {
    font-size: 16px;
  }
}
.product-box .card .card-footer .btn i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media only screen and (min-width: 1024px) {
  .product-box .card .card-footer .btn {
    opacity: 1;
    font-size: 0px;
    font-size: 0rem;
    padding: 0.5rem 1.1rem;
    height: 45px;
    background-color: #040707;
    border-color: #040707;
  }
  .product-box .card .card-footer .btn i {
    padding-left: 0 !important;
    font-size: 16px !important;
  }
}
.product-box .card .card-footer .btn.dropdown-toggle {
  background: transparent;
  height: auto !important;
  opacity: 1;
  font-size: inherit;
  width: auto;
}
.product-box .card:hover .card-footer .btn {
  opacity: 1;
  width: auto;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  background-color: #ed1c24;
  border-color: #ed1c24;
}
@media only screen and (min-width: 1024px) {
  .product-box .card:hover .card-footer .btn {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .product-box .card:hover .card-footer .btn i {
    padding-left: 15px !important;
  }
}
.product-box .card:hover .card-footer .btn.dropdown-toggle {
  background: transparent;
  height: auto !important;
  opacity: 1;
  font-size: inherit;
  width: auto;
}
.product-box .card.flip3d .card-img-top {
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
}
.product-box .card.slideup .card-body .card-title {
  color: #fff !important;
}
.product-box .card.slideup .card-body .btn {
  background: #ed1c24 !important;
  border-color: #ed1c24 !important;
}
.product-box .card.slide-hover .card-title {
  background: #040707 !important;
  color: #fff;
}
.product-box .card.slide-hover .card-title::after {
  background-color: #ed1c24 !important;
}
.product-box .card.slide-hover .btn {
  background: #ed1c24 !important;
  border-color: #ed1c24 !important;
}
.product-box .card.triangle-slide-overlay .card-body .card-title {
  color: #fff;
}
.product-box .card.triangle-slide-overlay .corner-overlay-content .fa {
  bottom: 1.5625rem;
}

.templatebox .card {
  border: 0 !important;
  padding: 0.5rem !important;
}
.templatebox .card .card-body .thumbnail, .templatebox .card .card-body .template-image {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.product-box .card .card-body .relatedProductClass img {
  width: 100%;
}

#product_info #product-description #pro-disc .list-unstyled.mb-4 li {
  margin-bottom: 0.5rem;
}
#product_info #product-description #pro-disc .fa-check {
  position: relative;
}
#product_info #product-description #pro-disc .fa-check::before {
  content: "\e90d";
  font-family: "ops" !important;
  color: #040707;
}
#product_info #product-description #pro-disc .fa-check::after {
  content: "\e90e";
  font-family: "ops" !important;
  position: absolute;
  color: #ed1c24;
  left: 0;
  top: 0;
}

#shippricecalulate > #shippingcalc > .shippingcalc .card-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

#shippricecalulate {
  position: relative;
  margin-top: 0.8rem;
}
#shippricecalulate #shippingcalc {
  background-color: #f6f6f6;
  padding-inline: 1rem !important;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#shippricecalulate #shippingcalc .page-section-header {
  padding-block: 1rem !important;
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
}
#shippricecalulate #shippingcalc #shipping_detail {
  position: relative;
  z-index: 1;
}
#shippricecalulate #shippingcalc #shipestimatetotalprice {
  padding-bottom: 1rem;
}
#shippricecalulate #shippingcalc .accordion-toggle {
  color: #040707 !important;
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
#shippricecalulate #shippingcalc .accordion-toggle i::before {
  content: "\f0d7";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}
#shippricecalulate #shippingcalc .accordion-toggle:hover {
  color: #ed1c24 !important;
}
#shippricecalulate label {
  font-family: "UbuntuSans-Medium", sans-serif;
  color: #040707;
}
#shippricecalulate .custom-control-label, #shippricecalulate .col-form-label {
  font-family: "UbuntuSans-Regular", sans-serif;
}
#shippricecalulate #local_pickup_selection .col-8 {
  text-align: right;
}

.content-box {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "UbuntuSans-Bold", sans-serif;
  color: #040707 !important;
}
.content-box .pr-1 {
  align-content: center;
  font-family: "UbuntuSans-Medium", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  color: #ed1c24 !important;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #666666;
  border-color: #666666;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #ed1c24;
}

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

.skip-link {
  top: -500%;
}

b, strong {
  font-family: "UbuntuSans-Bold", sans-serif;
  font-weight: normal;
}

.hiredes_btns .border .btn-img-text .fa-images::before,
.hiredes_btns .border .btn-img-text .fa-upload::before,
.hiredes_btns .border .btn-img-text .fa-object-group::before,
.hiredes_btns .browse_design .btn-img-text .fa-images::before,
.hiredes_btns .browse_design .btn-img-text .fa-upload::before,
.hiredes_btns .browse_design .btn-img-text .fa-object-group::before,
.hiredes_btns .upload_design .btn-img-text .fa-images::before,
.hiredes_btns .upload_design .btn-img-text .fa-upload::before,
.hiredes_btns .upload_design .btn-img-text .fa-object-group::before,
.hiredes_btns .custom_design .btn-img-text .fa-images::before,
.hiredes_btns .custom_design .btn-img-text .fa-upload::before,
.hiredes_btns .custom_design .btn-img-text .fa-object-group::before, #action-btn .border .btn-img-text .fa-images::before,
#action-btn .border .btn-img-text .fa-upload::before,
#action-btn .border .btn-img-text .fa-object-group::before,
#action-btn .browse_design .btn-img-text .fa-images::before,
#action-btn .browse_design .btn-img-text .fa-upload::before,
#action-btn .browse_design .btn-img-text .fa-object-group::before,
#action-btn .upload_design .btn-img-text .fa-images::before,
#action-btn .upload_design .btn-img-text .fa-upload::before,
#action-btn .upload_design .btn-img-text .fa-object-group::before,
#action-btn .custom_design .btn-img-text .fa-images::before,
#action-btn .custom_design .btn-img-text .fa-upload::before,
#action-btn .custom_design .btn-img-text .fa-object-group::before, .allbtn .border .btn-img-text .fa-images::before,
.allbtn .border .btn-img-text .fa-upload::before,
.allbtn .border .btn-img-text .fa-object-group::before,
.allbtn .browse_design .btn-img-text .fa-images::before,
.allbtn .browse_design .btn-img-text .fa-upload::before,
.allbtn .browse_design .btn-img-text .fa-object-group::before,
.allbtn .upload_design .btn-img-text .fa-images::before,
.allbtn .upload_design .btn-img-text .fa-upload::before,
.allbtn .upload_design .btn-img-text .fa-object-group::before,
.allbtn .custom_design .btn-img-text .fa-images::before,
.allbtn .custom_design .btn-img-text .fa-upload::before,
.allbtn .custom_design .btn-img-text .fa-object-group::before {
  font-family: "ops" !important;
}
.hiredes_btns .border .btn-img-text .fa-images::before,
.hiredes_btns .browse_design .btn-img-text .fa-images::before,
.hiredes_btns .upload_design .btn-img-text .fa-images::before,
.hiredes_btns .custom_design .btn-img-text .fa-images::before, #action-btn .border .btn-img-text .fa-images::before,
#action-btn .browse_design .btn-img-text .fa-images::before,
#action-btn .upload_design .btn-img-text .fa-images::before,
#action-btn .custom_design .btn-img-text .fa-images::before, .allbtn .border .btn-img-text .fa-images::before,
.allbtn .browse_design .btn-img-text .fa-images::before,
.allbtn .upload_design .btn-img-text .fa-images::before,
.allbtn .custom_design .btn-img-text .fa-images::before {
  content: "\e900";
}
.hiredes_btns .border .btn-img-text .fa-upload::before,
.hiredes_btns .browse_design .btn-img-text .fa-upload::before,
.hiredes_btns .upload_design .btn-img-text .fa-upload::before,
.hiredes_btns .custom_design .btn-img-text .fa-upload::before, #action-btn .border .btn-img-text .fa-upload::before,
#action-btn .browse_design .btn-img-text .fa-upload::before,
#action-btn .upload_design .btn-img-text .fa-upload::before,
#action-btn .custom_design .btn-img-text .fa-upload::before, .allbtn .border .btn-img-text .fa-upload::before,
.allbtn .browse_design .btn-img-text .fa-upload::before,
.allbtn .upload_design .btn-img-text .fa-upload::before,
.allbtn .custom_design .btn-img-text .fa-upload::before {
  content: "\e904";
}
.hiredes_btns .border .btn-img-text .fa-object-group::before,
.hiredes_btns .browse_design .btn-img-text .fa-object-group::before,
.hiredes_btns .upload_design .btn-img-text .fa-object-group::before,
.hiredes_btns .custom_design .btn-img-text .fa-object-group::before, #action-btn .border .btn-img-text .fa-object-group::before,
#action-btn .browse_design .btn-img-text .fa-object-group::before,
#action-btn .upload_design .btn-img-text .fa-object-group::before,
#action-btn .custom_design .btn-img-text .fa-object-group::before, .allbtn .border .btn-img-text .fa-object-group::before,
.allbtn .browse_design .btn-img-text .fa-object-group::before,
.allbtn .upload_design .btn-img-text .fa-object-group::before,
.allbtn .custom_design .btn-img-text .fa-object-group::before {
  content: "\e901";
}
.hiredes_btns .border .btn-img-text .fa-user-plus::before,
.hiredes_btns .browse_design .btn-img-text .fa-user-plus::before,
.hiredes_btns .upload_design .btn-img-text .fa-user-plus::before,
.hiredes_btns .custom_design .btn-img-text .fa-user-plus::before, #action-btn .border .btn-img-text .fa-user-plus::before,
#action-btn .browse_design .btn-img-text .fa-user-plus::before,
#action-btn .upload_design .btn-img-text .fa-user-plus::before,
#action-btn .custom_design .btn-img-text .fa-user-plus::before, .allbtn .border .btn-img-text .fa-user-plus::before,
.allbtn .browse_design .btn-img-text .fa-user-plus::before,
.allbtn .upload_design .btn-img-text .fa-user-plus::before,
.allbtn .custom_design .btn-img-text .fa-user-plus::before {
  content: "\e902";
}
.hiredes_btns .border .btn-img-text .fa-file-edit::before,
.hiredes_btns .browse_design .btn-img-text .fa-file-edit::before,
.hiredes_btns .upload_design .btn-img-text .fa-file-edit::before,
.hiredes_btns .custom_design .btn-img-text .fa-file-edit::before, #action-btn .border .btn-img-text .fa-file-edit::before,
#action-btn .browse_design .btn-img-text .fa-file-edit::before,
#action-btn .upload_design .btn-img-text .fa-file-edit::before,
#action-btn .custom_design .btn-img-text .fa-file-edit::before, .allbtn .border .btn-img-text .fa-file-edit::before,
.allbtn .browse_design .btn-img-text .fa-file-edit::before,
.allbtn .upload_design .btn-img-text .fa-file-edit::before,
.allbtn .custom_design .btn-img-text .fa-file-edit::before {
  content: "\e905";
}
.hiredes_btns .border .btn-img-text .fal,
.hiredes_btns .browse_design .btn-img-text .fal,
.hiredes_btns .upload_design .btn-img-text .fal,
.hiredes_btns .custom_design .btn-img-text .fal, #action-btn .border .btn-img-text .fal,
#action-btn .browse_design .btn-img-text .fal,
#action-btn .upload_design .btn-img-text .fal,
#action-btn .custom_design .btn-img-text .fal, .allbtn .border .btn-img-text .fal,
.allbtn .browse_design .btn-img-text .fal,
.allbtn .upload_design .btn-img-text .fal,
.allbtn .custom_design .btn-img-text .fal {
  font-size: 2rem;
  font-family: "ops" !important;
  color: #040707;
  margin: 0 !important;
  position: relative;
}
.hiredes_btns .browse_design .btn-img-text .fa-images::before, #action-btn .browse_design .btn-img-text .fa-images::before, .allbtn .browse_design .btn-img-text .fa-images::before {
  color: #040707;
}
.hiredes_btns .border, #action-btn .border, .allbtn .border {
  border: none !important;
}
.hiredes_btns .border .btn-img-text .fa-images::before, #action-btn .border .btn-img-text .fa-images::before, .allbtn .border .btn-img-text .fa-images::before {
  color: #040707;
}
.hiredes_btns .border .btn-img-text:hover .fal::before, .hiredes_btns .border .btn-img-text:focus .fal::before, .hiredes_btns .border .btn-img-text:active .fal::before, #action-btn .border .btn-img-text:hover .fal::before, #action-btn .border .btn-img-text:focus .fal::before, #action-btn .border .btn-img-text:active .fal::before, .allbtn .border .btn-img-text:hover .fal::before, .allbtn .border .btn-img-text:focus .fal::before, .allbtn .border .btn-img-text:active .fal::before {
  color: #ffffff;
}
.hiredes_btns .border .btn-img-text:hover .h4, .hiredes_btns .border .btn-img-text:hover .short-disc, .hiredes_btns .border .btn-img-text:focus .h4, .hiredes_btns .border .btn-img-text:focus .short-disc, .hiredes_btns .border .btn-img-text:active .h4, .hiredes_btns .border .btn-img-text:active .short-disc, #action-btn .border .btn-img-text:hover .h4, #action-btn .border .btn-img-text:hover .short-disc, #action-btn .border .btn-img-text:focus .h4, #action-btn .border .btn-img-text:focus .short-disc, #action-btn .border .btn-img-text:active .h4, #action-btn .border .btn-img-text:active .short-disc, .allbtn .border .btn-img-text:hover .h4, .allbtn .border .btn-img-text:hover .short-disc, .allbtn .border .btn-img-text:focus .h4, .allbtn .border .btn-img-text:focus .short-disc, .allbtn .border .btn-img-text:active .h4, .allbtn .border .btn-img-text:active .short-disc {
  color: #ffffff !important;
}
.hiredes_btns .border .btn-img-text, #action-btn .border .btn-img-text, .allbtn .border .btn-img-text {
  background: #FEF4EE;
  padding: 1.5rem 1rem !important;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  display: block;
  text-align: center;
  height: 100%;
  transition: 0.5s;
  position: relative;
}
.hiredes_btns .border .btn-img-text .h4, #action-btn .border .btn-img-text .h4, .allbtn .border .btn-img-text .h4 {
  color: #040707;
  display: block;
  margin-bottom: 0 !important;
  font-size: 1rem;
}
.hiredes_btns .border .btn-img-text:hover, .hiredes_btns .border .btn-img-text:focus, .hiredes_btns .border .btn-img-text:active, #action-btn .border .btn-img-text:hover, #action-btn .border .btn-img-text:focus, #action-btn .border .btn-img-text:active, .allbtn .border .btn-img-text:hover, .allbtn .border .btn-img-text:focus, .allbtn .border .btn-img-text:active {
  background: #ed1c24;
}
.hiredes_btns .border .btn-img-text .media-body, #action-btn .border .btn-img-text .media-body, .allbtn .border .btn-img-text .media-body {
  display: block;
  margin-top: 1rem;
  position: relative;
}
.hiredes_btns .upload_design .btn-img-text .fa-upload::before,
.hiredes_btns .upload_design .btn-img-text .fa-object-group::before,
.hiredes_btns .custom_design .btn-img-text .fa-upload::before,
.hiredes_btns .custom_design .btn-img-text .fa-object-group::before, #action-btn .upload_design .btn-img-text .fa-upload::before,
#action-btn .upload_design .btn-img-text .fa-object-group::before,
#action-btn .custom_design .btn-img-text .fa-upload::before,
#action-btn .custom_design .btn-img-text .fa-object-group::before, .allbtn .upload_design .btn-img-text .fa-upload::before,
.allbtn .upload_design .btn-img-text .fa-object-group::before,
.allbtn .custom_design .btn-img-text .fa-upload::before,
.allbtn .custom_design .btn-img-text .fa-object-group::before {
  color: #040707;
}

.primary-clr-light {
  background: #ed1c24;
  background: rgba(237, 28, 36, 0.06);
}

.slick-arrow, .carousel-control-prev, .carousel-control-next {
  margin-block: 0 !important;
  background: #040707 !important;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 30px !important;
  height: 30px !important;
}
@media only screen and (min-width: 768px) {
  .slick-arrow, .carousel-control-prev, .carousel-control-next {
    width: 48px !important;
    height: 48px !important;
  }
}
.slick-arrow:hover, .carousel-control-prev:hover, .carousel-control-next:hover {
  background: #ed1c24 !important;
}
.slick-arrow::before, .carousel-control-prev::before, .carousel-control-next::before {
  color: #fff !important;
}
.slick-arrow.slick-prev, .carousel-control-prev.slick-prev, .carousel-control-next.slick-prev {
  left: 0;
}
.slick-arrow.slick-prev::before, .carousel-control-prev.slick-prev::before, .carousel-control-next.slick-prev::before {
  content: "\f053";
  font-family: "Font Awesome 6 Pro";
}
.slick-arrow.slick-next, .carousel-control-prev.slick-next, .carousel-control-next.slick-next {
  right: 0;
}
.slick-arrow.slick-next::before, .carousel-control-prev.slick-next::before, .carousel-control-next.slick-next::before {
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
}
.slick-arrow .carousel-control-prev-icon, .carousel-control-prev .carousel-control-prev-icon, .carousel-control-next .carousel-control-prev-icon {
  background: none;
}
.slick-arrow .carousel-control-prev-icon::before, .carousel-control-prev .carousel-control-prev-icon::before, .carousel-control-next .carousel-control-prev-icon::before {
  content: "";
  display: block;
  position: absolute;
  content: "\f053";
  font-family: "Font Awesome 6 Pro";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.slick-arrow .carousel-control-next-icon, .carousel-control-prev .carousel-control-next-icon, .carousel-control-next .carousel-control-next-icon {
  background: none;
}
.slick-arrow .carousel-control-next-icon::before, .carousel-control-prev .carousel-control-next-icon::before, .carousel-control-next .carousel-control-next-icon::before {
  content: "";
  display: block;
  position: absolute;
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.nav-customtabs li {
  margin-right: 0.125rem;
}
.nav-customtabs li .nav-link::after {
  bottom: 1px;
}
.nav-customtabs li .nav-link.active, .nav-customtabs li .nav-link:hover, .nav-customtabs li .nav-link:focus {
  color: #ed1c24;
}
.nav-customtabs li .nav-link.active::after, .nav-customtabs li .nav-link:hover::after, .nav-customtabs li .nav-link:focus::after {
  background: #ed1c24;
  bottom: 1px;
  height: 2px;
}
.nav-customtabs li .nav-link.active::before, .nav-customtabs li .nav-link:hover::before, .nav-customtabs li .nav-link:focus::before {
  bottom: 1px;
}

.nav-tabs {
  flex-wrap: nowrap;
  justify-content: left;
  display: flex;
  overflow: auto hidden;
  margin-bottom: 1rem;
  background-color: transparent !important;
  padding-left: 0 !important;
}
.nav-tabs .nav-link {
  position: relative;
  white-space: nowrap;
  color: #040707;
  padding: 0.5rem;
}
.nav-tabs .nav-link::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 2px;
  background: #ed1c24;
  left: 0;
  bottom: 0px;
  transition: all 0.5s;
  border: 0;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus, .nav-tabs .nav-link.active {
  border-color: transparent;
  color: #ed1c24;
}
.nav-tabs .nav-link:hover::after, .nav-tabs .nav-link:focus::after, .nav-tabs .nav-link.active::after {
  width: 100%;
  height: 2px;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #ed1c24;
  background-color: #ffffff;
  border-color: transparent;
}

.navbar-brand {
  max-width: 130px;
}
@media only screen and (min-width: 768px) {
  .navbar-brand {
    max-width: 170px;
  }
}
@media only screen and (min-width: 1248px) {
  .navbar-brand {
    max-width: 250px;
  }
}

.home_page_body #main-content:has(.middle_inner_section) .container.body-container {
  margin-top: -0.9375rem;
}
@media only screen and (min-width: 768px) {
  .home_page_body #main-content:has(.middle_inner_section) .container.body-container {
    margin-top: -3.5rem;
  }
}
@media only screen and (min-width: 1248px) {
  .home_page_body #main-content:has(.middle_inner_section) .container.body-container {
    margin-top: -5.5rem;
  }
}
.home_page_body .middle-footer-content {
  position: relative;
  z-index: 1;
}
.home_page_body .middle-footer-content .custom-bg-white {
  margin-bottom: 0rem;
  background: #ffffff;
}
@media only screen and (min-width: 1248px) {
  .home_page_body .middle-footer-content .custom-bg-white {
    margin-bottom: -5rem;
  }
}
.home_page_body .header-content {
  background: #ffffff;
}
@media only screen and (min-width: 1248px) {
  .home_page_body .header-content {
    background: #f6f6f6;
  }
}
.home_page_body .body-container {
  padding-block: 3rem 1.5rem !important;
}
@media only screen and (min-width: 768px) {
  .home_page_body .body-container {
    padding-block: 5.5rem 4.5rem !important;
  }
}
.home_page_body .body-container::before {
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}
.home_page_body .body-container .carousel-control-next, .home_page_body .body-container .carousel-control-prev {
  z-index: 12;
}

.awesome-bar {
  background-color: #ed1c24 !important;
  border-bottom: 1px solid #666666;
  position: relative;
}
.awesome-bar .awesome-bar_container {
  max-width: 1470px;
  margin: 0 auto;
}
.awesome-bar .awesome-bar_container p {
  margin: 0rem 0.75rem 0rem 0rem;
}
.awesome-bar .awesome-bar_container .carousel-inner {
  width: calc(100% - 60px);
  margin-inline: auto;
}
.awesome-bar .carousel-control-next {
  right: 0;
}
.awesome-bar .carousel-control-prev {
  left: 0;
}
.awesome-bar .carousel-control-next, .awesome-bar .carousel-control-prev {
  width: 30px !important;
  height: 30px !important;
}
.awesome-bar .carousel-control-next .carousel-control-prev-icon, .awesome-bar .carousel-control-next .carousel-control-next-icon, .awesome-bar .carousel-control-prev .carousel-control-prev-icon, .awesome-bar .carousel-control-prev .carousel-control-next-icon {
  padding: 1rem;
}
.awesome-bar .carousel-control-next .carousel-control-prev-icon:hover, .awesome-bar .carousel-control-next .carousel-control-next-icon:hover, .awesome-bar .carousel-control-prev .carousel-control-prev-icon:hover, .awesome-bar .carousel-control-prev .carousel-control-next-icon:hover {
  background: #040707 !important;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
}
.awesome-bar .awesome-bar_close {
  right: 0.3125rem;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.awesome-bar .awesome-bar_close:hover {
  background-color: rgba(0, 0, 0, 0.25);
}

.discover-category-sec .nav-pills .nav-link {
  position: relative;
  background: transparent;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  color: #040707;
  text-decoration: none;
  transition: color 0.3s ease;
  white-space: nowrap;
  word-wrap: normal;
  padding: 0.2rem 1rem;
}
@media only screen and (min-width: 1024px) {
  .discover-category-sec .nav-pills .nav-link {
    padding: 0.5rem 1rem;
  }
}
@media only screen and (min-width: 1024px) {
  .discover-category-sec .nav-pills .nav-link::before, .discover-category-sec .nav-pills .nav-link::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 0;
    background: linear-gradient(to right, #ed1c24, white);
    transition: width 0.3s ease;
  }
}
.discover-category-sec .nav-pills .nav-link::before {
  top: 0;
  left: 0;
}
.discover-category-sec .nav-pills .nav-link::after {
  bottom: 0;
  left: 0;
}
.discover-category-sec .nav-pills .nav-link:hover, .discover-category-sec .nav-pills .nav-link:focus, .discover-category-sec .nav-pills .nav-link.active, .discover-category-sec .nav-pills .nav-link.show {
  color: #ed1c24;
  background: transparent;
}
.discover-category-sec .nav-pills .nav-link:hover::before, .discover-category-sec .nav-pills .nav-link:hover::after, .discover-category-sec .nav-pills .nav-link:focus::before, .discover-category-sec .nav-pills .nav-link:focus::after, .discover-category-sec .nav-pills .nav-link.active::before, .discover-category-sec .nav-pills .nav-link.active::after, .discover-category-sec .nav-pills .nav-link.show::before, .discover-category-sec .nav-pills .nav-link.show::after {
  width: 100%;
}
.discover-category-sec #v-pills-tabContent .product-box .thumbnail {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.discover-category-sec .slick-arrow {
  top: calc(50% - 1.3125rem);
}

.testimonial-sec .middle-white-bg::before {
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
}
.testimonial-sec .card {
  border: 0;
  margin-bottom: 0rem !important;
}
@media only screen and (min-width: 768px) {
  .testimonial-sec .card {
    margin-bottom: 1.5rem !important;
  }
}
.testimonial-sec .card-header {
  border: none;
  background: transparent;
  padding: 0;
}
.testimonial-sec .card-header .card-title {
  color: #040707 !important;
  text-align: center;
  font-size: 28px;
  font-size: 1.75rem;
  margin-bottom: 1.5rem !important;
}
@media only screen and (min-width: 768px) {
  .testimonial-sec .card-header .card-title {
    font-size: 34px;
    font-size: 2.125rem;
    margin-bottom: 3rem !important;
  }
}
.testimonial-sec .card-body {
  padding-block: 0px;
  text-align: center;
}
.testimonial-sec .card-body .carousel-indicators {
  display: none;
}
.testimonial-sec .card-body .carousel-inner {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .testimonial-sec .card-body .carousel-inner {
    width: calc(100% - 100px);
    left: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .testimonial-sec .card-body .row > div:not(:last-child) {
    border-right: 1px solid #B0B0B0;
  }
}
.testimonial-sec .card-body .row .card {
  text-align: center;
  width: 100%;
}
.testimonial-sec .card-footer {
  background-color: transparent;
  border: 0;
  position: static;
  padding: 0;
}
.testimonial-sec .card-footer .carousel-controls {
  left: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.testimonial-sec .card-footer .carousel-controls a {
  position: relative;
  left: 0;
}
.testimonial-sec .card-footer .float-right {
  display: none;
}
.testimonial-sec .star-list {
  float: none !important;
}
.testimonial-sec .star-list .score {
  float: none !important;
  margin-top: 0;
  margin-inline: auto;
}
.testimonial-sec .star-list .score > label {
  float: none !important;
  text-shadow: none;
}
.testimonial-sec .star-list .score > label.rated {
  float: none !important;
}

#testimonial_multi_sidebar {
  margin-bottom: 0 !important;
}

.testimoniallogo {
  max-width: 6.25rem;
  margin: auto;
}
.testimoniallogo img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.get-your-order-sec .container-md {
  width: 100%;
}
.get-your-order-sec .container-md .sec-heading, .get-your-order-sec .container-md > div {
  padding-inline: 15px;
}
@media only screen and (min-width: 768px) {
  .get-your-order-sec .container-md .sec-heading, .get-your-order-sec .container-md > div {
    padding-inline: 0px;
  }
}
.get-your-order-sec .container-md h3 {
  font-size: 16px;
  font-size: 1rem;
}
.get-your-order-sec .sec-heading {
  font-size: 24px;
  font-size: 1.5rem;
}

.faq-sec {
  z-index: 2;
}
.faq-sec .middle-white-bg::before {
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
}
.faq-sec .accordion {
  padding-inline: 15px;
}
@media only screen and (min-width: 768px) {
  .faq-sec .accordion {
    padding-inline: 0px;
  }
}
.faq-sec .accordion .card {
  border-bottom: 1px solid color-mix(in srgb, #ffffff 30%, #666666) !important;
}
.faq-sec .accordion .card button {
  color: #040707;
}
.faq-sec .accordion .card button .fa-minus {
  display: block;
}
.faq-sec .accordion .card button .fa-plus {
  display: none;
}
.faq-sec .accordion .card button.collapsed {
  color: #040707;
}
.faq-sec .accordion .card button.collapsed .fa-minus {
  display: none;
}
.faq-sec .accordion .card button.collapsed .fa-plus {
  display: block;
}

.footer-top::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 114%;
  top: -14%;
  left: 0;
  z-index: -1;
  background-color: #040707;
}
.footer-top.stretch-top {
  padding-top: 3rem;
}
@media only screen and (min-width: 768px) {
  .footer-top.stretch-top {
    padding-top: 5rem;
  }
}
@media only screen and (min-width: 1248px) {
  .footer-top.stretch-top {
    padding-top: 10rem;
  }
}
.footer-top .footer-top-content .footer-menu-links .border-top {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .footer-top .footer-top-content .footer-menu-links .border-top {
    width: auto;
  }
}
.footer-top .footer-top-content .footer-menu-links .bottom-links a {
  color: #f8f9fa;
}
.footer-top .footer-top-content .footer-menu-links .bottom-links a:hover {
  color: #cbd3da;
}
.footer-top .subscriber-bar .bar-color {
  background: #666666;
  background: rgba(102, 102, 102, 0.55);
  max-width: 790px;
  margin-inline: auto;
}
.footer-top .subscriber-bar #footersubscribe_sidebar .card-body {
  padding: 0;
}
.footer-top .subscriber-bar #footersubscribe_sidebar .form-row {
  align-items: center;
  justify-content: flex-end !important;
}
.footer-top .subscriber-bar #footersubscribe_sidebar .form-row > div .custom-control {
  text-align: left;
}
.footer-top .subscriber-bar #footersubscribe_sidebar .form-row h3 {
  font-size: 16px;
  font-size: 1rem;
  text-align: left;
  color: #f8f9fa;
  font-family: "UbuntuSans-Medium", sans-serif;
  margin-bottom: 0.7rem;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .footer-top .subscriber-bar #footersubscribe_sidebar .form-row h3 {
    margin-bottom: 0rem;
    text-align: left;
  }
}
.footer-top .subscriber-bar #footersubscribe_sidebar .form-row .help-block {
  display: none;
}
@media only screen and (min-width: 768px) {
  .footer-top .subscriber-bar #footersubscribe_sidebar .form-row > div:first-child {
    padding-right: 0.5rem;
    width: auto;
    flex: 0 0 auto;
  }
}
.footer-top .subscriber-bar #footersubscribe_sidebar .form-row .custom-control-label a {
  font-size: 16px;
  font-size: 1rem;
  color: #f8f9fa;
  font-family: "UbuntuSans-Medium", sans-serif;
}
.footer-top .subscriber-bar #footersubscribe_sidebar .form-row .custom-control {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .footer-top .subscriber-bar #footersubscribe_sidebar .form-row .custom-control {
    text-align: right;
  }
}
.footer-top .subscriber-bar #footersubscribe_sidebar .form-row .form-group .input-group .form-control {
  border: none;
  border-radius: 10px 0px 0px 10px !important;
  -moz-border-radius: 10px 0px 0px 10px !important;
  -webkit-border-radius: 10px 0px 0px 10px !important;
}
.footer-top .subscriber-bar #footersubscribe_sidebar .form-row .form-group .input-group #subscribe {
  background-color: #fff;
  font-size: 0;
  border: none;
  border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  border-left: 0;
  padding-right: 1.5625rem;
}
.footer-top .subscriber-bar #footersubscribe_sidebar .form-row .form-group .input-group #subscribe::before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  color: #ed1c24;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "\e907";
  font-family: "ops" !important;
}
.footer-top .subscriber-bar .social-icons li a {
  width: 2.5rem;
  height: 2.5rem;
  align-content: center;
}
.footer-top .subscriber-bar .social-icons li a:hover i {
  color: #ed1c24;
}
.footer-top .subscriber-bar .social-icons li a i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  line-height: 1.2;
}

.footer-bottom p {
  font-size: 16px;
  font-size: 1rem;
}

.uppy-Dashboard-browse:focus, .uppy-Dashboard-browse:hover {
  border-color: #ed1c24 !important;
  color: #ed1c24 !important;
}

#cssmenu .list-group-item > ul li {
  background: #ffffff;
}
#cssmenu .list-group-item > ul li.has-sub > a:before {
  font-family: "Font Awesome 6 Pro" !important;
}
#cssmenu .list-group-item:hover {
  background: #ffffff;
}
#cssmenu .list-group-item > a:before {
  font-family: "Font Awesome 6 Pro" !important;
}
#cssmenu .list-group-item > .list-unstyled {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#cssmenu .list-group-item > .list-unstyled > li:first-child {
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}
#cssmenu .list-group-item > .list-unstyled > li:last-child {
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
}

#price_calculator > .card-header #generate_link {
  font-size: 0px;
  font-size: 0rem;
}
#price_calculator #calsummaryproductpricetotaldiv .div_product_price_tax_1 .sub-total span {
  color: #040707;
}
#price_calculator #calsummaryproductpricetotaldiv .div_product_price_tax_1 .sub-total span.pr-1 {
  color: #ed1c24;
}

#myaccount_menu li a:hover {
  color: #ed1c24 !important;
}
#myaccount_menu li.active a {
  color: #040707 !important;
}

.account_dashboard_box {
  text-align: left;
}

.hover-box-shadow:hover .card-img-top {
  -moz-transform: scale(1.14);
  -o-transform: scale(1.14);
  -ms-transform: scale(1.14);
  -webkit-transform: scale(1.14);
  transform: scale(1.14);
}

.top-selling-sec .hover-box-shadow:hover .card-title {
  color: #ed1c24 !important;
}
.top-selling-sec .middle-white-bg::before {
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}

#normalcalc label {
  font-family: "UbuntuSans-Medium", sans-serif !important;
  color: #040707;
}
#normalcalc .custom-control-label {
  font-family: "UbuntuSans-Regular", sans-serif !important;
  color: #040707 !important;
}
#normalcalc .patternsList label {
  font-family: "UbuntuSans-Medium", sans-serif !important;
  color: #040707;
}
#normalcalc .patternsList small {
  font-family: "UbuntuSans-Regular", sans-serif !important;
  color: #040707 !important;
}

#category_list a.act {
  color: #ed1c24;
}
#category_list a:hover {
  color: #ed1c24;
}

#product_images .carousel-control-next {
  right: 1.25rem;
}
#product_images .carousel-control-prev {
  left: 1.25rem;
}
#product_images img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#product_images.thumb_vertical .carousel-thumbs a {
  margin-bottom: 1rem !important;
}
#product_images > .d-md-block > .thumbnail.fancybox {
  border: 0;
}
#product_images .carousel-thumbs a {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding: 0.15rem;
}
#product_images .carousel-thumbs a.active {
  border-color: #ed1c24;
}
#product_images .carousel-thumbs .carousel-thumb img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.visualcal .slick-arrow {
  width: 1.875rem !important;
  height: 1.875rem !important;
}
.visualcal .slick-arrow::before {
  font-size: 14px;
  font-size: 0.875rem;
}
.visualcal .custom-control .custom-control-label {
  border: 1px solid rgba(0, 0, 0, 0.25);
  margin-bottom: 0.5rem;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 0.2rem;
}
.visualcal .custom-control .custom-control-label img {
  margin-inline: auto;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.visualcal .custom-control span {
  font-family: "UbuntuSans-Regular", sans-serif !important;
  color: #040707;
}
.visualcal .custom-control-input:checked ~ .custom-control-label {
  border-color: #ed1c24;
}
.visualcal .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ed1c24;
}
.visualcal .custom-control-input:checked ~ .custom-control-label::after {
  height: 1rem;
  width: 1rem;
}

@media only screen and (min-width: 768px) {
  .search_template_box .form-control {
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
  }
}
@media only screen and (min-width: 768px) {
  .search_template_box #Submit {
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
  }
}
.search_template_box .navbar-toggle {
  border-radius: 10px 0 0 10px !important;
  -moz-border-radius: 10px 0 0 10px !important;
  -webkit-border-radius: 10px 0 0 10px !important;
}

#shopping-cart .shadow {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#shopping-cart #payment_method #payment_option {
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}
#shopping-cart #payment_method #payment_option.nav-tabs .active {
  background-color: transparent;
}

#expressCheckoutAccordion > .shadow {
  border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
}
#expressCheckoutAccordion > .shadow > .card-header {
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}

@media only screen and (min-width: 768px) {
  #quote_search #quote_search {
    border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
  }
}
#quote_search .search_btn {
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
}

@media only screen and (min-width: 768px) {
  #quote_listing .btn:has(.fa-quotes) {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
  }
}

.myAccountSidebar #myaccount_menu li.active a {
  color: #ed1c24 !important;
}

#user_image_list .thumbnail {
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}
#user_image_list .thumbnail .zoom {
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}

#user_reward_point .bg-opacity::before {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#user_reward_point .cart-price-block {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#order-billing-details address {
  font-size: 14px;
  font-size: 0.875rem;
}
#order-billing-details address strong {
  font-size: 16px;
  font-size: 1rem;
}

#userimages #delete_multiple {
  margin-left: 1rem !important;
}

.addQuoteRightSide > .shadow {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.addQuoteRightSide .order_detail_summary .short-disc {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#faq_products #accordion {
  margin-bottom: 0 !important;
}
#faq_products div .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
#faq_products div .card .card-header {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border: 0;
}
#faq_products div .card .card-header a {
  font-size: 15px;
  font-size: 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#faq_products div .card .card-body {
  padding: 1.25rem !important;
}

#related-product .slick-track {
  margin-left: 0;
}
#related-product .product-box .card {
  background-color: transparent !important;
}
#related-product .product-box .card img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#related-product .product-box .card .caption {
  color: #040707;
  font-family: "UbuntuSans-Bold", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
}
#related-product .product-box .card .card-body {
  padding: 0 !important;
}

.uppy-Dashboard-inner {
  border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
}

#product_design_upload .upload_size {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#product_design_upload #uploaderArea .card-footer, #product_design_upload .new_job_div .card-footer {
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
}

#studioCanvas {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#studioCanvas #studioBackground {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#studioCanvas:has(.canvas_option) #studioBackground {
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}
#studioCanvas .canvas_option .border {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#studioCanvas .main-thumb > .border {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

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

#customizationBlock .pattern_box .patternsList .custom-control-label, #customizationBlock .pattern_box .patternsList img {
  border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
}
#customizationBlock .propertyBox {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#customizationBlock .propertyBox .bg-light {
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}

.view_product #grid {
  border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
}
.view_product #list {
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
}

#straightmenu .list-group .list-group-item > a {
  font-size: 16px;
  font-size: 1rem;
}
#straightmenu .list-group .list-group-item > a:hover {
  color: #ed1c24 !important;
}
#straightmenu .list-group .list-group-item .list-unstyled {
  padding-left: 0.5rem;
}
#straightmenu .list-group .list-group-item .list-unstyled li a {
  font-size: 14px;
  font-size: 0.875rem;
}
#straightmenu .list-group .list-group-item .list-unstyled li.active > a, #straightmenu .list-group .list-group-item .list-unstyled li:hover > a {
  color: #ed1c24 !important;
}

.accordion-menu .list-group-item,
.accordion .list-group-item {
  border: 0;
}
.accordion-menu .list-group-item > a,
.accordion .list-group-item > a {
  position: relative;
  color: #555555 !important;
}
.accordion-menu .list-group-item > a:after,
.accordion .list-group-item > a:after {
  position: absolute;
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  right: 0.625rem;
}
.accordion-menu .list-group-item > a[aria-expanded=true]:after,
.accordion .list-group-item > a[aria-expanded=true]:after {
  content: "\f106";
}
.accordion-menu .list-group-item > a:hover, .accordion-menu .list-group-item > a[aria-expanded=true],
.accordion .list-group-item > a:hover,
.accordion .list-group-item > a[aria-expanded=true] {
  color: #ed1c24 !important;
}

.sidebar .text-info {
  color: #ed1c24 !important;
}
.sidebar .facebook_login {
  margin-bottom: 1rem;
}
.sidebar .list-group-item ul li a {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  font-size: 14px;
  font-size: 0.875rem;
}
.sidebar .list-group-item ul li a:before {
  top: auto;
}
.sidebar .list-group-item ul li:hover > a, .sidebar .list-group-item ul li.active > a {
  color: #ed1c24 !important;
}
.sidebar .card .badge {
  float: none !important;
  margin-left: 0.3rem;
}
.sidebar .card .card-header .card-title {
  color: #040707;
}
.sidebar .card#verticalmenu_sidebar .card-body {
  padding: 0 !important;
}
.sidebar .card#myaccount_sidebar .card-body {
  padding: 1rem !important;
}
.sidebar .card .accordion-menu {
  padding: 0.8rem 0;
}

/***** vertical menu ******/
#cssmenu .list-group-item > a {
  color: #555555 !important;
}
#cssmenu .list-group-item > ul li:hover > a {
  color: #ed1c24 !important;
}
#cssmenu .list-group-item > ul li:hover > ul {
  background: #f8f8f8;
}
#cssmenu .list-group-item > ul li.active {
  color: #ed1c24 !important;
}
#cssmenu .list-group-item:hover > a {
  background: #f8f8f8;
  color: #ed1c24 !important;
}
#cssmenu .list-group-item:hover > ul {
  background: #f8f8f8;
}

/* Date Picker CSS */
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background: #ed1c24;
}

.price, .totalprice {
  color: #040707;
}

@media only screen and (min-width: 768px) {
  #frm_search_tmp #order_search {
    border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
  }
}

.page-item:first-child .page-link {
  border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
}
.page-item:last-child .page-link {
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
}

#user_portfolio #portfolio_search .search_btn {
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
}

#user_address .form-control, #user_address .custom-select {
  height: calc(1.5em + 1rem + 5px);
}

.studio-sticky-top:not(.full-frame) iframe {
  filter: drop-shadow(0 0 0px rgba(0, 0, 0, 0.6));
}

.dyanamicHelpTemplate .categoryFilter {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.dyanamicHelpTemplate .categoryFilterBlock > .shadow, .dyanamicHelpTemplate .categoryFilterBlock .custom-control-label {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.dyanamicHelpTemplate .categoryFilterBlock .pCategoryHeader {
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}
.dyanamicHelpTemplate .categoryFilterBlock .pCategoryFooter {
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
}

.dynamicHelpTemplateMain .help-template-design {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.advance-search a {
  -webkit-transition: 0.3s ease-in-out 0s;
  -moz-transition: 0.3s ease-in-out 0s;
  -ms-transition: 0.3s ease-in-out 0s;
  -o-transition: 0.3s ease-in-out 0s;
  transition: 0.3s ease-in-out 0s;
}
.advance-search .search_record .products-name {
  line-height: 1.3;
  margin-bottom: 0.5rem !important;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.advance-search .search_record:hover .products-name {
  color: #040707 !important;
}

/***** Fonts *****/
@font-face {
  font-family: "UbuntuSans-Bold";
  src: url("../fonts/UbuntuSans-Bold.woff2") format("woff2"), url("../fonts/UbuntuSans-Bold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "UbuntuSans-Medium";
  src: url("../fonts/UbuntuSans-Medium.woff2") format("woff2"), url("../fonts/UbuntuSans-Medium.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "UbuntuSans-Regular";
  src: url("../fonts/UbuntuSans-Regular.woff2") format("woff2"), url("../fonts/UbuntuSans-Regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "ops-icon";
  src: url("../fonts/ops-icon.woff2") format("woff2"), url("../fonts/ops-icon.woff") format("woff");
  font-display: swap;
}
.font-bold {
  font-family: "UbuntuSans-Bold", sans-serif;
}

.font-medium {
  font-family: "UbuntuSans-Medium", sans-serif;
}

.font-regular {
  font-family: "UbuntuSans-Regular", sans-serif;
}

/***** Reset CSS *****/
@font-face {
  font-family: "ops";
  src: url("../fonts/ops.eot?bnmjl7");
  src: url("../fonts/ops.eot?bnmjl7#iefix") format("embedded-opentype"), url("../fonts/ops.ttf?bnmjl7") format("truetype"), url("../fonts/ops.woff?bnmjl7") format("woff"), url("../fonts/ops.svg?bnmjl7#ops") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=ops-], [class*=" ops-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "ops" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ops-bullet_icon .path1:before {
  content: "\e90d";
  color: rgb(210, 10, 46);
}

.ops-bullet_icon .path2:before {
  content: "\e90e";
  margin-left: -1.125em;
  color: rgb(38, 38, 38);
}

.ops-step_2_img:before {
  content: "\e909";
}

.ops-step_4_img:before {
  content: "\e90a";
}

.ops-step_3_img:before {
  content: "\e90b";
}

.ops-step_1_icon:before {
  content: "\e90c";
}

.ops-browse-design:before {
  content: "\e900";
}

.ops-custom-design:before {
  content: "\e901";
}

.ops-hire-designer:before {
  content: "\e902";
}

.ops-shopping-cart:before {
  content: "\e903";
}

.ops-upload-design:before {
  content: "\e904";
}

.ops-upload-design-edit:before {
  content: "\e905";
}

.ops-user-icon:before {
  content: "\e906";
}

.ops-send-mail-icon:before {
  content: "\e907";
}

.ops-share-square-icon:before {
  content: "\e908";
}

.fa-share::before {
  content: "\e908" !important;
  font-family: "ops";
  font-size: 1.4rem;
  font-weight: normal;
}
.fa-share::before:hover, .fa-share::before:focus {
  color: #ed1c24 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #040707;
  font-family: "UbuntuSans-Bold", sans-serif;
}

h1, .h1 {
  font-size: 28px;
  font-size: 1.75rem;
}
@media only screen and (min-width: 1024px) {
  h1, .h1 {
    font-size: 34px;
    font-size: 2.125rem;
  }
}

h2, .h2 {
  font-size: 25px;
  font-size: 1.5625rem;
}
@media only screen and (min-width: 1024px) {
  h2, .h2 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

h3 {
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (min-width: 1024px) {
  h3 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

h4 {
  font-size: 16px;
  font-size: 1rem;
}

/*# sourceMappingURL=theme.css.map */