/*Fonts path*/
/*Fonts path end*/
/*************** background opacity and gradient *******************/
/*************** Shadow *******************/
/*************** Transform *******************/
/*************** Transition *******************/
/*************** Animation *******************/
/*************** Media Query *******************/
html {
  scrollbar-color: color-mix(in srgb, #005484 100%, #000 0%) #dbdbdb;
}

/* Branding Theme CSS For All Themes */
.zoom:hover {
  background-color: #005484;
  background-color: rgba(0, 84, 132, 0.75);
}

/***** Header tag CSS *****/
.page-header {
  color: #005484;
  border: 0;
}
.page-header h1 {
  margin-bottom: 0;
}
.page-header h1 small {
  color: #00afef !important;
  font-family: "Lato-Bold", sans-serif;
}
.page-header .btn-link {
  display: flex;
  align-items: baseline;
}
.page-header .btn-link > i {
  vertical-align: unset;
}
.page-header:has(+ .breadcrumb_container) {
  margin-bottom: 0 !important;
}

.breadcrumb_container + script + .page-header,
.page-header + .breadcrumb_container,
.page-header:has(h1 + div) {
  margin-bottom: 1rem !important;
}
@media only screen and (min-width: 768px) {
  .breadcrumb_container + script + .page-header,
  .page-header + .breadcrumb_container,
  .page-header:has(h1 + div) {
    margin-bottom: 1.5rem !important;
  }
}

.page-section-header {
  color: #000000;
}
.page-section-header span {
  color: #333333;
}

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

.table .thead-light th,
.table .thead th,
.table thead th {
  color: #00afef !important;
  background: transparent;
  border-bottom-color: #00afef;
}

/***** Anchor tag css ******/
a {
  color: #333333;
  transition: all 0.3s ease;
}
a:hover {
  color: #00afef;
  text-decoration: none;
}
a .fa-question-circle {
  color: #6c6a70;
  padding-left: 0.15rem;
}
a.text-primary:hover, a.text-primary:focus {
  color: color-mix(in srgb, #000000 60%, #00afef) !important;
}
a.text-info:hover, a.text-info:focus {
  color: color-mix(in srgb, #000000 60%, #00afef) !important;
}

/***** Button ******/
.btn {
  transition: all 0.3s ease;
  border-radius: 10px;
}
.btn:focus, .btn.focus, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0 #ffffff;
}

.btn-primary {
  background: #00afef;
  border-color: #00afef;
}
.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-color: color-mix(in srgb, #000000 15%, #00afef);
  border-color: color-mix(in srgb, #000000 15%, #00afef);
}
.btn-primary.disabled, .btn-primary:disabled {
  background: #00afef;
  border-color: #00afef;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.btn-info {
  background: #00afef;
  border-color: #00afef;
}
.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-color: color-mix(in srgb, #000000 15%, #00afef);
  border-color: color-mix(in srgb, #000000 15%, #00afef);
}
.btn-info.disabled, .btn-info:disabled {
  background: #00afef;
  border-color: #00afef;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.btn-secondary {
  background: #6c6a70;
  border-color: #6c6a70;
}
.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-color: color-mix(in srgb, #000000 25%, #6c6a70);
  border-color: color-mix(in srgb, #000000 25%, #6c6a70);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  background: #6c6a70;
  border-color: #6c6a70;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.btn-success {
  background: #005484;
  border-color: #005484;
}
.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-color: color-mix(in srgb, #000000 25%, #005484);
  border-color: color-mix(in srgb, #000000 25%, #005484);
}
.btn-success.disabled, .btn-success:disabled {
  background: #005484;
  border-color: #005484;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  background-color: #fff !important;
}

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

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

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

/***** Link Button ******/
.btn-link {
  color: #000000;
}
.btn-link:hover {
  color: #00afef;
}
.btn-link:disabled, .btn-link.disabled {
  color: #dddddd;
}

/***** Border Color *****/
.border,
.table-bordered th,
.table-bordered td,
.card {
  border-color: #cccdce !important;
}

.border-bottom,
.card-header,
.nav-tabs {
  border-bottom-color: #cccdce !important;
}

.border-top {
  border-top-color: #cccdce !important;
}

.border-right {
  border-right-color: #cccdce !important;
}

.border-left {
  border-left-color: #cccdce !important;
}

.border-primary {
  border-color: #00afef !important;
}

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

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

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

#loading-text {
  color: #00afef;
}

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

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

.text-secondary {
  color: #6c6a70 !important;
}

.text-success {
  color: #005484 !important;
}

.card {
  transition: all 0.3s ease;
  border-radius: 10px;
}
.card .card-header {
  border-top-right-radius: 0.625rem;
  border-top-left-radius: 0.625rem;
}

.card-title {
  color: #000000;
}
.card-title a.btn-link {
  color: #00afef !important;
}
.card-title a.btn-link:hover {
  color: #00afef !important;
}
.card-title a:not(.btn) {
  color: #000 !important;
}
.card-title a:not(.btn):hover {
  color: #00afef !important;
}

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

/* Badge CSS */
.badge-primary {
  background: #00afef;
}

.badge-info {
  background: #00afef;
}

.badge-secondary {
  background: #6c6a70;
}

/***** Text-Color with Anchor Tag *****/
/***** background-Color *****/
.bg-primary {
  background-color: #00afef !important;
}

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

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

.bg-green {
  background-color: #005484;
}

.bg-dark {
  background-color: #272727 !important;
}

.text-dark {
  color: #272727 !important;
}

/***** Dropdown-color *****/
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active {
  background-color: transparent;
  color: #00afef !important;
}

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

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

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

/***** Input border-color on focus *****/
.form-control, .custom-select {
  border-radius: 10px;
  color: #000000;
}
.form-control:focus, .custom-select:focus {
  border-color: #000000;
}
.form-control:focus + .input-group-append .input-group-text, .custom-select:focus + .input-group-append .input-group-text {
  border-color: #000000;
}
.form-control:focus ~ .col-form-label, .custom-select:focus ~ .col-form-label {
  color: #000000;
}

.bootstrap-select.editqty button .filter-option {
  align-content: center;
}

.form-group .input-valid ~ .col-form-label {
  color: #00afef;
}
.form-group .form-control + .input-group-append .input-group-text {
  border-radius: 0 10px 10px 0 !important;
}
.form-group + .input-group-prepend .input-group-text:last-child {
  border-radius: 0 10px 10px 0 !important;
}
.form-group .col-form-label {
  top: 0.5625rem;
}

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

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

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

.account_dashboard_box h4 {
  color: #00afef;
}

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

.custom-select {
  font-size: 1rem;
}
.custom-select:focus {
  border-color: #00afef;
}

@media only screen and (min-width: 1248px) {
  .input-group .form-control.custom-select, .input-group .form-control#shareLink {
    border-radius: 10px !important;
  }
}
.input-group .input-group-text {
  transition: all 0.2s ease-in-out 0s;
}
.input-group:has(:focus) .input-group-text {
  border-color: #000000;
}
.input-group #search-box, .input-group #shareLink {
  border-radius: 10px !important;
}
@media only screen and (min-width: 768px) {
  .input-group:has(.input-group-append) .form-control, .input-group:has(.input-group-prepend) .form-control, .input-group:has(.input-group-text) .form-control {
    border-radius: 10px 0 0 10px;
  }
}
.input-group:has(.input-group-append) .search_btn, .input-group:has(.input-group-append) #Submit, .input-group:has(.input-group-prepend) .search_btn, .input-group:has(.input-group-prepend) #Submit, .input-group:has(.input-group-text) .search_btn, .input-group:has(.input-group-text) #Submit {
  border-radius: 0 10px 10px 0 !important;
}
.input-group:has(.input-group-append) .search_btn i, .input-group:has(.input-group-append) #Submit i, .input-group:has(.input-group-prepend) .search_btn i, .input-group:has(.input-group-prepend) #Submit i, .input-group:has(.input-group-text) .search_btn i, .input-group:has(.input-group-text) #Submit i {
  padding-right: 0 !important;
}
.input-group:has(.input-group-append) .email_validate, .input-group:has(.input-group-append) #popup_password_signup, .input-group:has(.input-group-prepend) .email_validate, .input-group:has(.input-group-prepend) #popup_password_signup, .input-group:has(.input-group-text) .email_validate, .input-group:has(.input-group-text) #popup_password_signup {
  border-radius: 10px 0 0 10px !important;
}
.input-group:has(.input-group-append) .input-group-text:last-child, .input-group:has(.input-group-prepend) .input-group-text:last-child, .input-group:has(.input-group-text) .input-group-text:last-child {
  border-radius: 0 10px 10px 0 !important;
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: 10px 0 0 10px;
}
@media only screen and (min-width: 768px) {
  .input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: 10px;
  }
}
.input-group:has(.input-group-prepend):has(.form-control):has(.input-group-append) .input-group-append > .btn {
  border-radius: 0 10px 10px 0;
}

.form-horizontal #srch {
  border-radius: 10px;
}

.bootstrap-select.show > .dropdown-toggle, .bootstrap-select:focus > .dropdown-toggle {
  border-color: #000000 !important;
}
.bootstrap-select > .dropdown-toggle {
  border-color: #cfd2d3 !important;
  color: rgba(54, 51, 60, 0.6) !important;
}
.bootstrap-select > .dropdown-toggle::after {
  color: #36333c !important;
  border: none;
  content: "\f107";
  font-family: "Font Awesome 6 Pro", sans-serif;
}
.bootstrap-select .dropdown-menu {
  padding-block: 0;
  border-radius: 10px !important;
}
.bootstrap-select .dropdown-menu li .dropdown-item {
  padding-block: 7px !important;
}
.bootstrap-select .dropdown-menu li .dropdown-item:hover, .bootstrap-select .dropdown-menu li .dropdown-item:active, .bootstrap-select .dropdown-menu li .dropdown-item.active {
  background-color: color-mix(in srgb, #fff 90%, #6c6a70);
}
.bootstrap-select .dropdown-menu li .dropdown-item img {
  margin-right: 0.5rem;
  vertical-align: middle;
}
.bootstrap-select .dropdown-menu li.active small {
  color: #00afef !important;
}
.bootstrap-select .dropdown-menu li a.disabled {
  color: #00afef !important;
}
.bootstrap-select .dropdown-toggle small {
  color: #00afef !important;
}
.bootstrap-select.lang .filter-option .filter-option-inner {
  line-height: 0 !important;
}

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

::-webkit-scrollbar-track {
  background-color: #005484;
  border-radius: 10px;
}

.slick-arrow:hover {
  border: 1px solid #005484 !important;
}

.sidebar .card .card-header {
  background-color: color-mix(in srgb, #fff 90%, #005484);
}
.sidebar .facebook_login {
  margin-bottom: 1rem;
}
.sidebar .list-group-item ul li a {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  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: #00afef !important;
}
.sidebar .list-group-item:last-child {
  border-bottom-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
}
.sidebar .product_filters {
  overflow: hidden;
}
.sidebar .product_filters .card-header {
  background-color: color-mix(in srgb, #ffffff 90%, #00afef);
}
.sidebar .product_filters .card-header:has([aria-expanded=false]) {
  border-bottom: none;
}
.sidebar #accordionList h4 a {
  padding: 0.8rem 0.8rem 0.8rem 0 !important;
  font-size: 1rem;
  font-weight: 400;
}
.sidebar #accordionList .list-unstyled li {
  font-size: 0.875rem;
}
.sidebar #togglemenu_sidebar .card-header {
  border-bottom: none;
}
.sidebar #togglemenu_sidebar .accordion-menu.show {
  border-top: 1px solid #dfdfdf !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: #000000 !important;
}
.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: #00afef !important;
}
.accordion-menu .list-group-item .list-unstyled,
.accordion .list-group-item .list-unstyled {
  margin: 0;
}
.accordion-menu .list-group-item .list-unstyled li,
.accordion .list-group-item .list-unstyled li {
  padding-left: 0.5rem;
}
.accordion-menu .list-group-item:last-child .list-unstyled,
.accordion .list-group-item:last-child .list-unstyled {
  margin-bottom: 1rem;
}

/***** straight menu ******/
#straightmenu .list-group .list-group-item a.active, #straightmenu .list-group .list-group-item a:hover {
  color: #00afef !important;
}
#straightmenu .list-group .list-group-item > a {
  font-size: 0.875rem;
}
#straightmenu .list-group .list-group-item > a:hover {
  color: #00afef !important;
}
#straightmenu .list-group .list-group-item > a.all-product {
  font-size: 1rem;
}
#straightmenu .list-group .list-group-item .list-unstyled {
  padding-left: 0.5rem;
}
#straightmenu .list-group .list-group-item .list-unstyled li a {
  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: #00afef !important;
}

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

#InfoTab .nav-tabs {
  border-bottom: 0;
}
#InfoTab .nav-tabs .nav-item {
  margin-bottom: 0;
}
#InfoTab .nav-tabs .nav-item .nav-link {
  color: #333333;
  border-radius: 10px;
  margin-right: 0.25rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 0;
}
#InfoTab .nav-tabs .nav-item .nav-link::after {
  background-color: transparent !important;
}
#InfoTab .nav-tabs .nav-item .nav-link.active, #InfoTab .nav-tabs .nav-item .nav-link:hover {
  color: #00afef;
  background-color: #f7f7f7;
}
#InfoTab .tab-content {
  padding: 1rem !important;
  background-color: #f7f7f7;
  border-radius: 10px;
  border-top-left-radius: 0;
}

.nav-customtabs .nav-item .nav-link {
  padding: 0.5rem 1.25rem !important;
}
.nav-customtabs .nav-item .nav-link:hover, .nav-customtabs .nav-item .nav-link:focus, .nav-customtabs .nav-item .nav-link.active {
  color: #00afef !important;
}
.nav-customtabs .nav-item .nav-link:hover::after, .nav-customtabs .nav-item .nav-link:focus::after, .nav-customtabs .nav-item .nav-link.active::after {
  background: #00afef !important;
  height: 0.25rem !important;
}

.tab-content {
  padding: 1rem !important;
}

.carousel-control-prev, .pager .btn-secondary,
.carousel-control-next,
.slick-arrow.slick-prev,
.slick-arrow.slick-next, .pager li a {
  opacity: 1;
  filter: alpha(opacity=100);
  margin: auto;
  border-radius: 50%;
  z-index: 10;
  width: 2rem !important;
  height: 2rem !important;
  background-color: #fff !important;
  border: 2px solid #005484 !important;
  transition: all 0.25s;
  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.2509803922);
}
@media only screen and (min-width: 768px) {
  .carousel-control-prev, .pager .btn-secondary,
  .carousel-control-next,
  .slick-arrow.slick-prev,
  .slick-arrow.slick-next, .pager li a {
    height: 2.1875rem !important;
    width: 2.1875rem !important;
  }
}
.carousel-control-prev:hover, .pager .btn-secondary:hover,
.carousel-control-next:hover,
.slick-arrow.slick-prev:hover,
.slick-arrow.slick-next:hover, .pager li a:hover, .carousel-control-prev:active, .pager .btn-secondary:active,
.carousel-control-next:active,
.slick-arrow.slick-prev:active,
.slick-arrow.slick-next:active, .pager li a:active {
  border-color: #00afef !important;
}
.carousel-control-prev:hover .carousel-control-prev-icon::before, .pager .btn-secondary:hover .carousel-control-prev-icon::before,
.carousel-control-prev:hover .carousel-control-next .carousel-control-next-icon::before,
.carousel-control-prev:hover .pager .btn-secondary .carousel-control-next-icon::before,
.pager .carousel-control-prev:hover .btn-secondary .carousel-control-next-icon::before,
.pager .btn-secondary:hover .carousel-control-next .carousel-control-next-icon::before,
.pager .btn-secondary:hover .btn-secondary .carousel-control-next-icon::before,
.carousel-control-next .carousel-control-prev:hover .carousel-control-next-icon::before,
.pager .btn-secondary .carousel-control-prev:hover .carousel-control-next-icon::before,
.carousel-control-next .pager .btn-secondary:hover .carousel-control-next-icon::before,
.pager .btn-secondary .pager .btn-secondary:hover .carousel-control-next-icon::before,
.pager .carousel-control-next .btn-secondary:hover .carousel-control-next-icon::before,
.pager .btn-secondary .btn-secondary:hover .carousel-control-next-icon::before,
.carousel-control-prev:hover .slick-arrow.slick-prev::before,
.pager .btn-secondary:hover .slick-arrow.slick-prev::before,
.carousel-control-prev:hover .slick-arrow.slick-next::before,
.pager .btn-secondary:hover .slick-arrow.slick-next::before,
.carousel-control-next:hover .carousel-control-prev .carousel-control-prev-icon::before,
.pager .btn-secondary:hover .carousel-control-prev .carousel-control-prev-icon::before,
.carousel-control-next:hover .pager .btn-secondary .carousel-control-prev-icon::before,
.pager .btn-secondary:hover .pager .btn-secondary .carousel-control-prev-icon::before,
.pager .carousel-control-next:hover .btn-secondary .carousel-control-prev-icon::before,
.pager .btn-secondary:hover .btn-secondary .carousel-control-prev-icon::before,
.carousel-control-prev .carousel-control-next:hover .carousel-control-prev-icon::before,
.carousel-control-prev .pager .btn-secondary:hover .carousel-control-prev-icon::before,
.pager .carousel-control-prev .btn-secondary:hover .carousel-control-prev-icon::before,
.pager .btn-secondary .carousel-control-next:hover .carousel-control-prev-icon::before,
.pager .btn-secondary .btn-secondary:hover .carousel-control-prev-icon::before,
.carousel-control-next:hover .carousel-control-next-icon::before,
.pager .btn-secondary:hover .carousel-control-next-icon::before,
.carousel-control-next:hover .slick-arrow.slick-prev::before,
.pager .btn-secondary:hover .slick-arrow.slick-prev::before,
.carousel-control-next:hover .slick-arrow.slick-next::before,
.pager .btn-secondary:hover .slick-arrow.slick-next::before,
.slick-arrow.slick-prev:hover .carousel-control-prev .carousel-control-prev-icon::before,
.slick-arrow.slick-prev:hover .pager .btn-secondary .carousel-control-prev-icon::before,
.pager .slick-arrow.slick-prev:hover .btn-secondary .carousel-control-prev-icon::before,
.carousel-control-prev .slick-arrow.slick-prev:hover .carousel-control-prev-icon::before,
.pager .btn-secondary .slick-arrow.slick-prev:hover .carousel-control-prev-icon::before,
.slick-arrow.slick-prev:hover .carousel-control-next .carousel-control-next-icon::before,
.slick-arrow.slick-prev:hover .pager .btn-secondary .carousel-control-next-icon::before,
.pager .slick-arrow.slick-prev:hover .btn-secondary .carousel-control-next-icon::before,
.carousel-control-next .slick-arrow.slick-prev:hover .carousel-control-next-icon::before,
.pager .btn-secondary .slick-arrow.slick-prev:hover .carousel-control-next-icon::before,
.slick-arrow.slick-prev:hover .slick-arrow.slick-prev::before,
.slick-arrow.slick-prev:hover .slick-arrow.slick-next::before,
.slick-arrow.slick-next:hover .carousel-control-prev .carousel-control-prev-icon::before,
.slick-arrow.slick-next:hover .pager .btn-secondary .carousel-control-prev-icon::before,
.pager .slick-arrow.slick-next:hover .btn-secondary .carousel-control-prev-icon::before,
.carousel-control-prev .slick-arrow.slick-next:hover .carousel-control-prev-icon::before,
.pager .btn-secondary .slick-arrow.slick-next:hover .carousel-control-prev-icon::before,
.slick-arrow.slick-next:hover .carousel-control-next .carousel-control-next-icon::before,
.slick-arrow.slick-next:hover .pager .btn-secondary .carousel-control-next-icon::before,
.pager .slick-arrow.slick-next:hover .btn-secondary .carousel-control-next-icon::before,
.carousel-control-next .slick-arrow.slick-next:hover .carousel-control-next-icon::before,
.pager .btn-secondary .slick-arrow.slick-next:hover .carousel-control-next-icon::before,
.slick-arrow.slick-next:hover .slick-arrow.slick-prev::before,
.slick-arrow.slick-next:hover .slick-arrow.slick-next::before, .carousel-control-prev:hover .pager li a .carousel-control-prev-icon::before, .pager .btn-secondary:hover .pager li a .carousel-control-prev-icon::before,
.carousel-control-next:hover .pager li a .carousel-control-prev-icon::before,
.pager .btn-secondary:hover .pager li a .carousel-control-prev-icon::before,
.slick-arrow.slick-prev:hover .pager li a .carousel-control-prev-icon::before,
.slick-arrow.slick-next:hover .pager li a .carousel-control-prev-icon::before, .pager li a .carousel-control-prev:hover .carousel-control-prev-icon::before, .pager li a .btn-secondary:hover .carousel-control-prev-icon::before,
.pager li a .carousel-control-next:hover .carousel-control-prev-icon::before,
.pager li a .btn-secondary:hover .carousel-control-prev-icon::before,
.pager li a .slick-arrow.slick-prev:hover .carousel-control-prev-icon::before,
.pager li a .slick-arrow.slick-next:hover .carousel-control-prev-icon::before,
.carousel-control-prev:hover .pager li a .carousel-control-next-icon::before,
.pager .btn-secondary:hover .pager li a .carousel-control-next-icon::before,
.carousel-control-next:hover .pager li a .carousel-control-next-icon::before,
.pager .btn-secondary:hover .pager li a .carousel-control-next-icon::before,
.slick-arrow.slick-prev:hover .pager li a .carousel-control-next-icon::before,
.slick-arrow.slick-next:hover .pager li a .carousel-control-next-icon::before,
.pager li a .carousel-control-prev:hover .carousel-control-next-icon::before,
.pager li a .btn-secondary:hover .carousel-control-next-icon::before,
.pager li a .carousel-control-next:hover .carousel-control-next-icon::before,
.pager li a .btn-secondary:hover .carousel-control-next-icon::before,
.pager li a .slick-arrow.slick-prev:hover .carousel-control-next-icon::before,
.pager li a .slick-arrow.slick-next:hover .carousel-control-next-icon::before, .pager li a:hover .carousel-control-prev .carousel-control-prev-icon::before, .pager li a:hover .btn-secondary .carousel-control-prev-icon::before, .carousel-control-prev .pager li a:hover .carousel-control-prev-icon::before, .pager .btn-secondary .pager li a:hover .carousel-control-prev-icon::before,
.pager li a:hover .carousel-control-next .carousel-control-next-icon::before,
.pager li a:hover .btn-secondary .carousel-control-next-icon::before,
.carousel-control-next .pager li a:hover .carousel-control-next-icon::before,
.pager .btn-secondary .pager li a:hover .carousel-control-next-icon::before,
.pager li a:hover .slick-arrow.slick-prev::before,
.pager li a:hover .slick-arrow.slick-next::before, .pager li a:hover .carousel-control-prev-icon::before,
.pager li a:hover .carousel-control-next-icon::before, .carousel-control-prev:active .carousel-control-prev-icon::before, .pager .btn-secondary:active .carousel-control-prev-icon::before,
.carousel-control-prev:active .carousel-control-next .carousel-control-next-icon::before,
.carousel-control-prev:active .pager .btn-secondary .carousel-control-next-icon::before,
.pager .carousel-control-prev:active .btn-secondary .carousel-control-next-icon::before,
.pager .btn-secondary:active .carousel-control-next .carousel-control-next-icon::before,
.pager .btn-secondary:active .btn-secondary .carousel-control-next-icon::before,
.carousel-control-next .carousel-control-prev:active .carousel-control-next-icon::before,
.pager .btn-secondary .carousel-control-prev:active .carousel-control-next-icon::before,
.carousel-control-next .pager .btn-secondary:active .carousel-control-next-icon::before,
.pager .btn-secondary .pager .btn-secondary:active .carousel-control-next-icon::before,
.pager .carousel-control-next .btn-secondary:active .carousel-control-next-icon::before,
.pager .btn-secondary .btn-secondary:active .carousel-control-next-icon::before,
.carousel-control-prev:active .slick-arrow.slick-prev::before,
.pager .btn-secondary:active .slick-arrow.slick-prev::before,
.carousel-control-prev:active .slick-arrow.slick-next::before,
.pager .btn-secondary:active .slick-arrow.slick-next::before,
.carousel-control-next:active .carousel-control-prev .carousel-control-prev-icon::before,
.pager .btn-secondary:active .carousel-control-prev .carousel-control-prev-icon::before,
.carousel-control-next:active .pager .btn-secondary .carousel-control-prev-icon::before,
.pager .btn-secondary:active .pager .btn-secondary .carousel-control-prev-icon::before,
.pager .carousel-control-next:active .btn-secondary .carousel-control-prev-icon::before,
.pager .btn-secondary:active .btn-secondary .carousel-control-prev-icon::before,
.carousel-control-prev .carousel-control-next:active .carousel-control-prev-icon::before,
.carousel-control-prev .pager .btn-secondary:active .carousel-control-prev-icon::before,
.pager .carousel-control-prev .btn-secondary:active .carousel-control-prev-icon::before,
.pager .btn-secondary .carousel-control-next:active .carousel-control-prev-icon::before,
.pager .btn-secondary .btn-secondary:active .carousel-control-prev-icon::before,
.carousel-control-next:active .carousel-control-next-icon::before,
.pager .btn-secondary:active .carousel-control-next-icon::before,
.carousel-control-next:active .slick-arrow.slick-prev::before,
.pager .btn-secondary:active .slick-arrow.slick-prev::before,
.carousel-control-next:active .slick-arrow.slick-next::before,
.pager .btn-secondary:active .slick-arrow.slick-next::before,
.slick-arrow.slick-prev:active .carousel-control-prev .carousel-control-prev-icon::before,
.slick-arrow.slick-prev:active .pager .btn-secondary .carousel-control-prev-icon::before,
.pager .slick-arrow.slick-prev:active .btn-secondary .carousel-control-prev-icon::before,
.carousel-control-prev .slick-arrow.slick-prev:active .carousel-control-prev-icon::before,
.pager .btn-secondary .slick-arrow.slick-prev:active .carousel-control-prev-icon::before,
.slick-arrow.slick-prev:active .carousel-control-next .carousel-control-next-icon::before,
.slick-arrow.slick-prev:active .pager .btn-secondary .carousel-control-next-icon::before,
.pager .slick-arrow.slick-prev:active .btn-secondary .carousel-control-next-icon::before,
.carousel-control-next .slick-arrow.slick-prev:active .carousel-control-next-icon::before,
.pager .btn-secondary .slick-arrow.slick-prev:active .carousel-control-next-icon::before,
.slick-arrow.slick-prev:active .slick-arrow.slick-prev::before,
.slick-arrow.slick-prev:active .slick-arrow.slick-next::before,
.slick-arrow.slick-next:active .carousel-control-prev .carousel-control-prev-icon::before,
.slick-arrow.slick-next:active .pager .btn-secondary .carousel-control-prev-icon::before,
.pager .slick-arrow.slick-next:active .btn-secondary .carousel-control-prev-icon::before,
.carousel-control-prev .slick-arrow.slick-next:active .carousel-control-prev-icon::before,
.pager .btn-secondary .slick-arrow.slick-next:active .carousel-control-prev-icon::before,
.slick-arrow.slick-next:active .carousel-control-next .carousel-control-next-icon::before,
.slick-arrow.slick-next:active .pager .btn-secondary .carousel-control-next-icon::before,
.pager .slick-arrow.slick-next:active .btn-secondary .carousel-control-next-icon::before,
.carousel-control-next .slick-arrow.slick-next:active .carousel-control-next-icon::before,
.pager .btn-secondary .slick-arrow.slick-next:active .carousel-control-next-icon::before,
.slick-arrow.slick-next:active .slick-arrow.slick-prev::before,
.slick-arrow.slick-next:active .slick-arrow.slick-next::before, .carousel-control-prev:active .pager li a .carousel-control-prev-icon::before, .pager .btn-secondary:active .pager li a .carousel-control-prev-icon::before,
.carousel-control-next:active .pager li a .carousel-control-prev-icon::before,
.pager .btn-secondary:active .pager li a .carousel-control-prev-icon::before,
.slick-arrow.slick-prev:active .pager li a .carousel-control-prev-icon::before,
.slick-arrow.slick-next:active .pager li a .carousel-control-prev-icon::before, .pager li a .carousel-control-prev:active .carousel-control-prev-icon::before, .pager li a .btn-secondary:active .carousel-control-prev-icon::before,
.pager li a .carousel-control-next:active .carousel-control-prev-icon::before,
.pager li a .btn-secondary:active .carousel-control-prev-icon::before,
.pager li a .slick-arrow.slick-prev:active .carousel-control-prev-icon::before,
.pager li a .slick-arrow.slick-next:active .carousel-control-prev-icon::before,
.carousel-control-prev:active .pager li a .carousel-control-next-icon::before,
.pager .btn-secondary:active .pager li a .carousel-control-next-icon::before,
.carousel-control-next:active .pager li a .carousel-control-next-icon::before,
.pager .btn-secondary:active .pager li a .carousel-control-next-icon::before,
.slick-arrow.slick-prev:active .pager li a .carousel-control-next-icon::before,
.slick-arrow.slick-next:active .pager li a .carousel-control-next-icon::before,
.pager li a .carousel-control-prev:active .carousel-control-next-icon::before,
.pager li a .btn-secondary:active .carousel-control-next-icon::before,
.pager li a .carousel-control-next:active .carousel-control-next-icon::before,
.pager li a .btn-secondary:active .carousel-control-next-icon::before,
.pager li a .slick-arrow.slick-prev:active .carousel-control-next-icon::before,
.pager li a .slick-arrow.slick-next:active .carousel-control-next-icon::before, .pager li a:active .carousel-control-prev .carousel-control-prev-icon::before, .pager li a:active .btn-secondary .carousel-control-prev-icon::before, .carousel-control-prev .pager li a:active .carousel-control-prev-icon::before, .pager .btn-secondary .pager li a:active .carousel-control-prev-icon::before,
.pager li a:active .carousel-control-next .carousel-control-next-icon::before,
.pager li a:active .btn-secondary .carousel-control-next-icon::before,
.carousel-control-next .pager li a:active .carousel-control-next-icon::before,
.pager .btn-secondary .pager li a:active .carousel-control-next-icon::before,
.pager li a:active .slick-arrow.slick-prev::before,
.pager li a:active .slick-arrow.slick-next::before, .pager li a:active .carousel-control-prev-icon::before,
.pager li a:active .carousel-control-next-icon::before {
  color: #00afef !important;
}

.carousel-control-prev .carousel-control-prev-icon, .pager .btn-secondary .carousel-control-prev-icon,
.carousel-control-next .carousel-control-next-icon,
.pager .btn-secondary .carousel-control-next-icon,
.slick-arrow.slick-prev,
.slick-arrow.slick-next, .pager li a .carousel-control-prev-icon,
.pager li a .carousel-control-next-icon {
  font-style: normal;
  background-image: none !important;
}
.carousel-control-prev .carousel-control-prev-icon::before, .pager .btn-secondary .carousel-control-prev-icon::before,
.carousel-control-next .carousel-control-next-icon::before,
.pager .btn-secondary .carousel-control-next-icon::before,
.slick-arrow.slick-prev::before,
.slick-arrow.slick-next::before, .pager li a .carousel-control-prev-icon::before,
.pager li a .carousel-control-next-icon::before {
  content: "";
  display: block;
  position: absolute;
  font-family: "ops", sans-serif !important;
  color: #005484 !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.875rem;
  opacity: 1 !important;
}
@media only screen and (min-width: 768px) {
  .carousel-control-prev .carousel-control-prev-icon::before, .pager .btn-secondary .carousel-control-prev-icon::before,
  .carousel-control-next .carousel-control-next-icon::before,
  .pager .btn-secondary .carousel-control-next-icon::before,
  .slick-arrow.slick-prev::before,
  .slick-arrow.slick-next::before, .pager li a .carousel-control-prev-icon::before,
  .pager li a .carousel-control-next-icon::before {
    font-size: 1rem;
  }
}

.carousel-control-prev .carousel-control-prev-icon, .pager .btn-secondary .carousel-control-prev-icon,
.slick-arrow.slick-prev, .pager li a .carousel-control-prev-icon {
  left: 0;
}
.carousel-control-prev .carousel-control-prev-icon::before, .pager .btn-secondary .carousel-control-prev-icon::before,
.slick-arrow.slick-prev::before, .pager li a .carousel-control-prev-icon::before {
  content: "\e90f" !important;
}

.carousel-control-next .carousel-control-next-icon, .pager .btn-secondary .carousel-control-next-icon,
.slick-arrow.slick-next, .pager li a .carousel-control-next-icon {
  right: 0;
}
.carousel-control-next .carousel-control-next-icon::before, .pager .btn-secondary .carousel-control-next-icon::before,
.slick-arrow.slick-next::before, .pager li a .carousel-control-next-icon::before {
  content: "\e910" !important;
}

.pager li a {
  position: relative;
}
.dropdown-menu, .modal-content, .rounded-lg, .rounded, .alert, .list-group-item-warning {
  border-radius: 10px !important;
}

#loginid_popup .google_login {
  padding: 0.16rem 0.5rem;
  border-radius: 10px !important;
  overflow: hidden;
}
#loginid_popup .google_login .google-icon {
  padding: 0.35rem 0.25rem !important;
}
#loginid_popup small.rounded-circle {
  min-width: 2rem;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #00afef;
  border-color: #00afef;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #00afef;
}
.custom-control-input + .custom-control-label {
  color: #333 !important;
}

/* Mixin Reset CSS For All Themes */
@font-face {
  font-family: "ops";
  src: url("../fonts/ops.woff2") format("woff2"), url("../fonts/ops.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "ops";
  src: url("../fonts/ops.eot?ahiyjn");
  src: url("../fonts/ops.eot?ahiyjn#iefix") format("embedded-opentype"), url("../fonts/ops.ttf?ahiyjn") format("truetype"), url("../fonts/ops.woff?ahiyjn") format("woff"), url("../fonts/ops.svg?ahiyjn#ops") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "ops", sans-serif !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;
}

.icon-browse-design:before {
  content: "\e90c";
  color: #6c6a70;
}

.icon-hire-designer:before {
  content: "\e912";
  color: #6c6a70;
}

.icon-quote-product:before {
  content: "\e913";
  color: #6c6a70;
}

.icon-deal:before {
  content: "\e911";
  color: #005484;
}

.icon-arrow-left:before {
  content: "\e90f";
  color: #005484;
}

.icon-arrow-right:before {
  content: "\e910";
  color: #005484;
}

.icon-share:before {
  content: "\e902";
  color: #005484;
}

.icon-custom-design:before {
  content: "\e90d";
  color: #6c6a70;
}

.icon-upload-design:before {
  content: "\e90e";
  color: #00afef;
}

.icon-cart-bag:before {
  content: "\e90a";
}

.icon-user-login:before {
  content: "\e90b";
}

.icon-mail:before {
  content: "\e908";
  color: #005484;
}

.icon-phone_in_talk:before {
  content: "\e909";
  color: #005484;
}

.icon-ship_it:before {
  content: "\e905";
  color: #005484;
}

.icon-personalize_design:before {
  content: "\e906";
  color: #005484;
}

.icon-upload:before {
  content: "\e907";
  color: #005484;
}

.icon-arrow:before {
  content: "\e900";
  color: #00afef;
}

.icon-online-support:before {
  content: "\e901";
  color: #005484;
}

.icon-quick-turnaround:before {
  content: "\e903";
  color: #005484;
}

.icon-quality-printing:before {
  content: "\e904";
  color: #005484;
}

/* Custom CSS Here */
@media only screen and (min-width: 1440px) {
  .container {
    max-width: 81.875rem;
  }
}

/***** Fonts *****/
@font-face {
  font-family: "Lato-Regular";
  src: url("../fonts/Lato-Regular.woff2") format("woff2"), url("../fonts/Lato-Regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Lato-Bold";
  src: url("../fonts/Lato-Bold.woff2") format("woff2"), url("../fonts/Lato-Bold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Lato-Black";
  src: url("../fonts/Lato-Black.woff2") format("woff2"), url("../fonts/Lato-Black.woff") format("woff");
  font-display: swap;
}
/***** Reset CSS *****/
body {
  font-family: "Lato-Regular", sans-serif;
  color: #6c6a70;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (min-width: 1600px) {
  body P {
    line-height: 1.5rem;
  }
}
body:has(#product_info) {
  padding-bottom: 8.125rem;
}
@media only screen and (min-width: 768px) {
  body:has(#product_info) {
    padding-bottom: 0;
  }
}

.table {
  color: #6c6a70;
}
.table.price_table {
  font-size: 14px;
  font-size: 0.875rem;
}

.control-label {
  font-size: 16px;
  font-size: 1rem;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .control-label {
  font-family: "Lato-Bold", sans-serif;
  color: #000000;
}

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

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

h3, .h3 {
  font-size: 20px;
  font-size: 1.25rem;
}
@media only screen and (min-width: 1440px) {
  h3, .h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

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

b,
strong,
.text-bold,
.font-weight-bold {
  font-weight: normal !important;
  font-family: "Lato-Bold", sans-serif !important;
  color: #000000;
}

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

.heading_block h3 {
  font-family: "Lato-Regular", sans-serif !important;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (min-width: 1600px) {
  .heading_block p {
    line-height: 1.875rem;
  }
}

#category_list a:hover, #category_list a.act {
  color: #00afef;
}
#category_list .treeview a {
  display: block;
  padding: 0.2rem 0.5rem;
}

.contdown-num {
  width: auto;
}

@media only screen and (min-width: 1440px) {
  .header-search .search-icon {
    min-width: 24rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header-search .search-icon {
    min-width: 27.0625rem;
  }
}
.header-search .search-icon .twitter-typeahead {
  width: 100%;
}
.header-search .search-icon .twitter-typeahead .form-control {
  padding-right: 2rem;
}
.header-search .search-icon .twitter-typeahead::after {
  align-content: center;
  line-height: 1;
  right: 0.75rem;
  padding: 0;
}

#top-banner .carousel-indicators {
  display: flex;
  align-items: center;
}
#top-banner .carousel-indicators li {
  width: 0.875rem !important;
  height: 0.875rem !important;
  background-color: #fff !important;
  opacity: 0.5 !important;
  border-radius: 50%;
  margin-inline: 0.3rem;
}
#top-banner .carousel-indicators li.active {
  position: relative;
  background-color: transparent !important;
  border: 0.0625rem solid #00afef;
  opacity: 1 !important;
}
#top-banner .carousel-indicators li.active::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #00afef;
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
#top-banner .carousel-control-prev, #top-banner .pager .btn-secondary, .pager #top-banner .btn-secondary {
  left: 3%;
}
#top-banner .carousel-control-next, #top-banner .pager .btn-secondary, .pager #top-banner .btn-secondary {
  right: 3%;
}

.top-header .top-header-contact .icons {
  min-width: 2.8125rem;
  min-height: 2.8125rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ebebeb;
}
.top-header .top-header-contact p {
  color: #000000;
}
.top-header .top-header-contact .contact-dec {
  display: none;
}
.top-header .top-header-contact .contact-dec a {
  font-size: 14px !important;
  font-size: 0.875rem !important;
}
@media only screen and (min-width: 1248px) {
  .top-header .top-header-contact .contact-dec {
    display: block;
  }
}
.top-header .top-links li:not(:last-child) {
  margin-right: 1rem !important;
}
.top-header .top-links a {
  border: 0 !important;
  position: relative;
}
.top-header .top-links a .badge {
  height: 1rem;
  width: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 8px;
  font-size: 0.5rem;
  position: absolute !important;
  top: -0.5625rem;
  left: 0.125rem;
}
.top-header .top-links a span {
  margin-left: 0.3rem;
}
.top-header .top-links .logout-dropdown {
  box-shadow: 0 0.125rem 0.5rem 0 rgba(54, 51, 60, 0.15) !important;
  border: 0 !important;
  border-radius: 0 0 0.625rem 0.625rem;
}
.top-header .top-links .logout-dropdown a:hover {
  color: #00afef !important;
}

#home_page .product-box .card-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
#home_page {
  position: relative;
}
#home_page .pager {
  position: absolute !important;
  z-index: 1;
  top: 40%;
  width: 100%;
}
#home_page .pager li:first-child {
  left: -5%;
  position: absolute;
}
#home_page .pager li:last-child {
  right: -5%;
  position: absolute;
}
#home_page .carousel-control-prev, #home_page .pager .btn-secondary, .pager #home_page .btn-secondary,
#home_page .carousel-control-next {
  top: 40%;
}
@media only screen and (min-width: 768px) {
  #home_page .carousel-control-prev, #home_page .pager .btn-secondary, .pager #home_page .btn-secondary {
    left: -5%;
  }
}
@media only screen and (min-width: 768px) {
  #home_page .carousel-control-next, #home_page .pager .btn-secondary, .pager #home_page .btn-secondary {
    right: -5%;
  }
}

.visualcal .ops_customclass .item .custom-radio .custom-control-label {
  padding: 0 !important;
  border-radius: 0 !important;
}
.visualcal .custom-control-label img {
  border-radius: 0.5rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.25) !important;
  padding: 0.2rem !important;
}
.visualcal .custom-control-label ~ span {
  font-size: 14px;
  font-size: 0.875rem;
  padding-top: 0.25rem;
  color: #6c6a70;
  line-height: 1.3;
}
.visualcal .custom-control-label::before {
  scale: 1.3;
}
.visualcal .custom-control-input:checked + .custom-control-label img {
  border-color: #005484 !important;
  box-shadow: 0 0 0.315rem 0 #999;
}
.visualcal .slick-next,
.visualcal .slick-prev {
  height: 1rem;
  width: 1rem;
  box-shadow: 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2509803922);
}
.visualcal .slick-next::before,
.visualcal .slick-prev::before {
  font-size: 10px !important;
  font-size: 0.625rem !important;
}

.navbar {
  z-index: 999;
  background: #ffffff;
  border-bottom: 0.0625rem solid #e4e4e4 !important;
}
.navbar .navbar-nav {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .navbar .navbar-nav {
    flex-wrap: nowrap !important;
  }
}
@media only screen and (min-width: 992px) {
  .navbar .navbar-nav {
    justify-content: space-between;
  }
}
.navbar .navbar-nav .nav-item .nav-link {
  padding: 0.8rem 0.9rem;
  position: relative;
}
.navbar .navbar-nav .nav-item .nav-link i {
  margin-right: 0.25rem;
}
.navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link:focus {
  color: #00afef !important;
}
.navbar .navbar-nav .nav-item .nav-link:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  top: 0;
  background: transparent;
  margin: auto;
  width: 5rem;
  transition: all 0.5s ease;
}
@media only screen and (min-width: 992px) {
  .navbar .navbar-nav .nav-item .nav-link {
    color: #eee !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: normal;
    word-break: break-all;
  }
  .navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link:focus {
    color: #eee !important;
  }
}
.navbar .navbar-nav .nav-item.active > .nav-link, .navbar .navbar-nav .nav-item:hover > .nav-link {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .navbar .navbar-nav .nav-item.active > .nav-link:before, .navbar .navbar-nav .nav-item:hover > .nav-link:before {
    height: 0.3125rem;
    background: #fff;
  }
}
.navbar .navbar-nav .nav-item.show .nav-link {
  background-color: color-mix(in srgb, #000000 25%, #005484);
  color: #fff !important;
}
.navbar .navbar-nav .nav-item.position-static .dropdown-menu {
  background: #ffffff;
  border: 0 !important;
  border-bottom-left-radius: 0.625rem !important;
  border-bottom-right-radius: 0.625rem !important;
}
@media only screen and (min-width: 992px) {
  .navbar .navbar-nav .nav-item.position-static .dropdown-menu {
    box-shadow: 0.125rem 0.0625rem 0.5rem 0.1875rem rgba(128, 128, 128, 0.1019607843);
    max-height: 80dvh;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
.navbar .navbar-nav .nav-item.position-static .dropdown-menu li a {
  color: #333333;
}
.navbar .navbar-nav .nav-item.position-static .dropdown-menu .card .card-body {
  background: transparent;
}
.navbar .navbar-nav .nav-item.position-static .dropdown-menu .card .card-body .nav li .all-product strong {
  color: #005484 !important;
  font-size: 16px !important;
  font-size: 1rem !important;
}
.navbar .navbar-nav .nav-item.position-static .dropdown-menu .card .card-body .nav li a {
  color: #7d7d7d !important;
  padding-block: 0.2rem;
  font-size: 14px !important;
  font-size: 0.875rem !important;
}
.navbar .navbar-nav .nav-item.position-static .dropdown-menu .card .card-body .nav li:hover a {
  color: #00afef !important;
}
.navbar .navbar-nav .nav-item.position-static .dropdown-menu .card .card-body .nav li:hover a strong {
  color: #00afef;
}
.navbar .navbar-nav .nav-item .dropdown-primary > li > a {
  border-radius: 0.625rem;
}
.navbar .navbar-nav .nav-item .dropdown-primary:has(li:nth-child(2)) > li > a {
  border-radius: 0;
}
.navbar .navbar-nav .nav-item .dropdown-primary:has(li:nth-child(2)) > li:first-child > a {
  border-radius: 0.625rem 0.625rem 0 0;
}
.navbar .navbar-nav .nav-item .dropdown-primary:has(li:nth-child(2)) > li:last-child > a {
  border-radius: 0 0 0.625rem 0.625rem;
}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu {
  background: #ffffff;
}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu > .list-unstyled {
  padding-block: 0.5rem;
}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu li > a {
  color: #333333;
  border-bottom: 0.0625rem solid #ccc;
}
.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: #00afef !important;
}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu li a {
  border: 0;
  color: #6c6a70 !important;
}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu li a:hover {
  color: #00afef !important;
}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu > .list-unstyled li a:hover {
  color: #00afef !important;
}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu .card-columns .card .list-unstyled .dropdown-submenu > a {
  color: #005484 !important;
  font-size: 16px !important;
  font-size: 1rem !important;
}
@media only screen and (min-width: 992px) {
  .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu .card-columns .card .list-unstyled .dropdown-submenu > a {
    padding: 0.3rem 0.8rem !important;
  }
}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu .card-columns .card .list-unstyled .dropdown-submenu > a:hover {
  color: #00afef !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: #00afef !important;
}
@media only screen and (min-width: 992px) {
  .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled > li .dropdown-menu li a {
    padding: 0.2rem 0.8rem;
    font-size: 14px !important;
    font-size: 0.875rem !important;
  }
}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu img {
  max-width: 100%;
  height: auto;
}
.navbar .navbar-nav .nav-item:last-child > .dropdown-menu > .dropdown-submenu > .dropdown-menu, .navbar .navbar-nav .nav-item:nth-last-child(2) > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
  left: auto;
  right: 100%;
}
.navbar .navbar-nav .nav-item .dropdown-menu {
  border-radius: 0 0 0.625rem 0.625rem !important;
}
.navbar .navbar-nav .nav-item .dropdown-menu #loginid_popup {
  border-radius: 0 0 0.625rem 0.625rem !important;
}
@media only screen and (min-width: 992px) {
  .navbar .navbar-nav .nav-item .dropdown-menu > li:not(:last-child) a {
    border: none !important;
  }
}
.navbar .navbar-nav .nav-item .dropdown-menu > li:hover > a {
  background-color: transparent !important;
  color: #00afef;
}
.navbar .navbar-nav .nav-item .dropdown-menu > li:hover > a:after {
  color: #00afef !important;
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-submenu > a::after {
  color: #000000 !important;
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-submenu > .dropdown-menu > li {
  background-color: transparent;
}
.navbar .navbar-nav .nav-item.submenu_custom_link .dropdown-menu .dropdown-submenu .dropdown-item {
  padding-right: 2rem !important;
  padding-block: 0.3rem;
}
.navbar .navbar-nav .nav-item.lang-contact .filter-option-inner-inner img {
  margin-right: 0.3rem;
}
.navbar .navbar-nav .nav-item.exlink i {
  margin-right: 0.3rem;
}
@media only screen and (min-width: 992px) {
  .navbar .navbar-nav .nav-item .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1023px) {
  .navbar .navbar-nav .nav-item:last-child .dropdown-menu {
    right: 0;
    left: auto;
  }
}
.navbar .navbar-nav .nav-item.promotion-menu .megamenu-sidebar {
  padding-block: 0 !important;
}
.navbar .navbar-nav .nav-item.promotion-menu .megamenu-sidebar .megamenu-sidebar-item a {
  font-size: 16px;
  font-size: 1rem;
}
.navbar .navbar-nav .nav-item.promotion-menu .megamenu-sidebar .megamenu-sidebar-item.active a {
  color: #00afef;
}
.navbar .navbar-nav .nav-item.promotion-menu .card-columns a {
  padding: 0.3rem 0.8rem !important;
}
.navbar .navbar-nav .nav-item.promotion-menu .card-columns a > strong {
  color: #000000;
  transition: all 0.3s ease-in-out 0s;
}
.navbar .navbar-nav .nav-item.promotion-menu .card-columns a:hover > strong {
  color: #00afef;
}
.navbar .navbar-nav .nav-item.promotion-menu .card-columns .dropdown-submenu > a {
  background-color: transparent !important;
}
.navbar .navbar-nav .nav-item.promotion-menu .category_header_content .megamenu-image-name {
  color: #000000 !important;
}
.navbar .navbar-nav .nav-item.promotion-menu .category_header_content .megamenu-image-description {
  line-height: 1.6;
}
.navbar .navbar-nav .nav-item.promotion-menu .category_header_content .megamenu-image-description:has(p) {
  margin-bottom: 0;
}
.navbar .navbar-nav .nav-item.promotion-menu .category_header_content .megamenu-image {
  border-radius: 10px;
}
.navbar .navbar-nav .dropdown-menu > li {
  padding-left: 0 !important;
}
.navbar .navbar-nav .dropdown-menu > li:not(:last-child) a {
  border: 0;
}
.navbar .navbar-nav .dropdown-menu > li:hover > a:before {
  background: #333333;
}
.navbar .navbar-nav .dropdown-menu > li .dropdown-menu {
  border-radius: 0.625rem !important;
}
@media only screen and (min-width: 992px) {
  .navbar .navbar-nav .dropdown-menu .dropdown-submenu > .dropdown-menu {
    box-shadow: 0.125rem 0.0625rem 0.5rem 0.1875rem rgba(128, 128, 128, 0.1019607843);
  }
}
.navbar .navbar-nav div.dropdown-menu .dropdown-item > strong {
  color: #005484;
}
.navbar .navbar-nav div.dropdown-menu .dropdown-item:hover strong {
  color: #00afef;
}
.navbar .user-info {
  align-items: center;
}
.navbar .user-info .btn-outline-secondary {
  padding: 0.5rem;
  line-height: initial;
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.navbar .user-info .btn-outline-secondary:hover {
  color: #000000 !important;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.navbar .nav-item.megamenu .dropdown-menu .list-unstyled > li.active > a, .navbar .nav-item.megamenu .dropdown-menu .list-unstyled > li:hover > a {
  color: #00afef !important;
  background: transparent;
}
.navbar .nav-item.megamenu .dropdown-menu .list-unstyled > li:hover > a {
  background-color: transparent !important;
}
.navbar .nav-item.megamenu .dropdown-menu .list-unstyled > li:hover > a::after {
  color: #00afef !important;
}
.navbar .nav-item.megamenu .dropdown-menu .list-unstyled > li a {
  border: 0;
}
.navbar .nav-item.megamenu .dropdown-menu .list-unstyled > li .dropdown-menu .card > a {
  padding-top: 0 !important;
}
.navbar .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) {
  .navbar .nav-item .dropdown-menu {
    border: 0 !important;
    border-bottom-left-radius: 0.625rem !important;
    border-bottom-right-radius: 0.625rem !important;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .navbar .nav-item .dropdown-menu {
    box-shadow: 0 0.125rem 0.5rem 0 rgba(54, 51, 60, 0.15);
  }
}
@media only screen and (min-width: 992px) {
  .navbar {
    background-color: #005484;
  }
}
.navbar .dropdown-menu .dropdown-submenu > a:after {
  right: 1rem;
  top: 0.3125rem;
}
@media only screen and (min-width: 992px) {
  .navbar .dropdown-menu .dropdown-submenu > .dropdown-menu {
    border-radius: 0 0 0.625rem 0.625rem !important;
    box-shadow: 0.125rem 0.0625rem 0.5rem 0.1875rem rgba(128, 128, 128, 0.1019607843);
  }
}
.navbar .navbar-brand {
  max-width: 100px;
}
.navbar .navbar-brand img {
  max-width: 100%;
  max-height: none;
}

nav .dropdown-menu .dropdown-submenu > a:after {
  right: 1rem;
}
@media only screen and (min-width: 768px) {
  nav .dropdown-menu .dropdown-submenu > .dropdown-menu {
    border-radius: 0 0 0.625rem 0.625rem !important;
    box-shadow: 0.125rem 0.0625rem 0.5rem 0.1875rem rgba(128, 128, 128, 0.1019607843);
  }
}

.navbar-collapse .navbar-nav .nav-item .dropdown-menu {
  padding-left: 0.7rem !important;
}
@media only screen and (min-width: 768px) {
  .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
    padding-left: 0 !important;
  }
}
.navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-submenu a {
  padding-inline: 0.8rem;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (min-width: 768px) {
  .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-submenu a {
    padding-inline: 1rem;
    padding-block: 0.3rem;
  }
}
.navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-submenu a:hover, .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-submenu a:active, .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-submenu a:focus, .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-submenu a.active {
  color: #00afef !important;
}
.navbar-collapse .navbar-nav .nav-item .login {
  padding-left: 0 !important;
}
.navbar-collapse .navbar-nav .lang-contact .bootstrap-select > .dropdown-menu,
.navbar-collapse .navbar-nav .lang .bootstrap-select > .dropdown-menu {
  padding-left: 0 !important;
}

.lang,
.lang-contact {
  margin-right: 0 !important;
}
.lang .dropdown-toggle,
.lang-contact .dropdown-toggle {
  min-height: auto;
  border-radius: 0.625rem !important;
}
@media only screen and (min-width: 768px) {
  .lang .dropdown-toggle .filter-option,
  .lang-contact .dropdown-toggle .filter-option {
    line-height: 0.5;
  }
}
.lang .dropdown-toggle .filter-option .filter-option-inner-inner,
.lang-contact .dropdown-toggle .filter-option .filter-option-inner-inner {
  overflow: hidden;
  line-height: 1.3;
  display: flex;
  align-items: center;
}
.lang .dropdown-toggle::after,
.lang-contact .dropdown-toggle::after {
  content: "";
  top: 0.4375rem !important;
  transform: translateY(-50%);
  border-top: 0.3em solid;
  border-right: 0.3em solid rgba(0, 0, 0, 0);
  border-left: 0.3em solid rgba(0, 0, 0, 0);
  border-bottom: 0;
  margin-top: 0.1875rem !important;
}
@media only screen and (min-width: 768px) {
  .lang .dropdown-toggle::after,
  .lang-contact .dropdown-toggle::after {
    top: 50% !important;
    margin-top: 0.1875rem !important;
  }
}

/* Action Button CSS */
.browse_design,
.upload_design,
.custom_design,
.hire_designer,
.quote_product {
  border-radius: 0.625rem !important;
}
.browse_design .btn-img-text,
.upload_design .btn-img-text,
.custom_design .btn-img-text,
.hire_designer .btn-img-text,
.quote_product .btn-img-text {
  transition: 0.5s ease all;
  border-radius: 0.625rem;
  display: flex;
  padding: 1rem 1.25rem !important;
}
.browse_design .btn-img-text i,
.upload_design .btn-img-text i,
.custom_design .btn-img-text i,
.hire_designer .btn-img-text i,
.quote_product .btn-img-text i {
  align-self: flex-start !important;
}
.browse_design .btn-img-text i::before,
.upload_design .btn-img-text i::before,
.custom_design .btn-img-text i::before,
.hire_designer .btn-img-text i::before,
.quote_product .btn-img-text i::before {
  font-family: "ops", sans-serif;
}
.browse_design .btn-img-text .media-body,
.upload_design .btn-img-text .media-body,
.custom_design .btn-img-text .media-body,
.hire_designer .btn-img-text .media-body,
.quote_product .btn-img-text .media-body {
  align-self: flex-start !important;
}
.browse_design .btn-img-text .media-body .h4,
.upload_design .btn-img-text .media-body .h4,
.custom_design .btn-img-text .media-body .h4,
.hire_designer .btn-img-text .media-body .h4,
.quote_product .btn-img-text .media-body .h4 {
  font-family: "Lato-Bold", sans-serif;
  font-size: 18px !important;
  font-size: 1.125rem !important;
  display: inline-block;
  margin-bottom: 0 !important;
  color: #000000;
}
.browse_design .btn-img-text .short-disc,
.upload_design .btn-img-text .short-disc,
.custom_design .btn-img-text .short-disc,
.hire_designer .btn-img-text .short-disc,
.quote_product .btn-img-text .short-disc {
  font-size: 16px !important;
  font-size: 1rem !important;
  color: #6c6a70 !important;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.browse_design:hover,
.upload_design:hover,
.custom_design:hover,
.hire_designer:hover,
.quote_product:hover {
  box-shadow: 0 0.3125rem 0.625rem 0 rgba(54, 51, 60, 0.1490196078);
}

.browse_design {
  border: 0.0625rem solid #6c6c6c !important;
}
.browse_design .btn-img-text {
  color: #6c6c6c !important;
}
.browse_design .btn-img-text i::before {
  content: "\e90c" !important;
  color: #6c6c6c !important;
}
.browse_design .btn-img-text .media-body {
  align-self: flex-start !important;
}
.browse_design .btn-img-text .media-body .h4 {
  color: #6c6c6c !important;
}

.upload_design {
  border: 0.0625rem solid #6c6c6c !important;
}
.upload_design .btn-img-text {
  color: #6c6c6c !important;
}
.upload_design .btn-img-text i::before {
  content: "\e90e" !important;
  color: #6c6c6c !important;
}
.upload_design .btn-img-text .media-body {
  align-self: flex-start !important;
}
.upload_design .btn-img-text .media-body .h4 {
  color: #6c6c6c !important;
}

.custom_design {
  border: 0.0625rem solid #6c6c6c !important;
}
.custom_design .btn-img-text {
  color: #6c6c6c !important;
}
.custom_design .btn-img-text i::before {
  content: "\e90d" !important;
  color: #6c6c6c !important;
}
.custom_design .btn-img-text .media-body .h4 {
  color: #6c6c6c !important;
}

.hire_designer {
  border: 0.0625rem solid #6c6c6c !important;
}
.hire_designer .btn-img-text {
  color: #6c6c6c !important;
}
.hire_designer .btn-img-text i::before {
  content: "\e912" !important;
  font-family: "ops", sans-serif;
}
.hire_designer .btn-img-text .media-body .h4 {
  color: #6c6c6c !important;
}

.quote_product {
  border: 0.0625rem solid #6c6a70 !important;
}
.quote_product .btn-img-text {
  color: #6c6a70 !important;
}
.quote_product .btn-img-text i::before {
  content: "\e913" !important;
  color: #6c6a70 !important;
}
.quote_product .btn-img-text .media-body .h4 {
  color: #6c6a70 !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;
  background: transparent !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: 0.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 a .h4, .btn-title-text.upload_design a .h4, .btn-title-text.custom_design a .h4, .btn-title-text.quote_product a .h4, .btn-title-text.hire_designer a .h4 {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
.btn-title-text.browse_design:hover, .btn-title-text.upload_design:hover, .btn-title-text.custom_design:hover, .btn-title-text.quote_product:hover, .btn-title-text.hire_designer:hover {
  box-shadow: 0 0.3125rem 0.625rem 0 rgba(54, 51, 60, 0.1490196078);
  background: transparent !important;
}
.btn-title-text.browse_design {
  border: 0.0625rem solid #6c6c6c !important;
}
.btn-title-text.browse_design .h4,
.btn-title-text.browse_design i {
  color: #6c6c6c;
}
.btn-title-text.upload_design {
  border: 0.0625rem solid #6c6c6c !important;
}
.btn-title-text.upload_design .h4,
.btn-title-text.upload_design i {
  color: #6c6c6c;
}
.btn-title-text.custom_design {
  border: 0.0625rem solid #6c6c6c !important;
}
.btn-title-text.custom_design .h4,
.btn-title-text.custom_design i {
  color: #6c6c6c;
}
.btn-title-text.hire_designer {
  border: 0.0625rem solid #6c6c6c !important;
}
.btn-title-text.hire_designer .h4,
.btn-title-text.hire_designer i {
  color: #6c6c6c;
}
.btn-title-text.quote_product {
  border: 0.0625rem solid #6c6a70 !important;
}
.btn-title-text.quote_product .h4,
.btn-title-text.quote_product i {
  color: #6c6a70;
}

#action-btn {
  margin-bottom: 2rem !important;
}
#action-btn h2 {
  font-size: 24px;
  font-size: 1.5rem;
}
#action-btn .col-12.col-md-4 .btn-img-text {
  flex-direction: column !important;
}
#action-btn .col-12.col-md-4 .btn-img-text .media-body {
  padding-top: 0.625rem;
}

/*Breadcrumb CSS*/
.breadcrumb_container {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.breadcrumb_container .breadcrumb {
  padding: 0.5rem 0 !important;
  margin-bottom: 0 !important;
}
.breadcrumb_container .breadcrumb li a {
  color: #333333;
}
.breadcrumb_container .breadcrumb li a:hover {
  color: #00afef;
}
.breadcrumb_container .breadcrumb li.active .a {
  color: #00afef;
}

#actionButtonsModal {
  border: 0 !important;
  border-radius: 0.625rem !important;
  padding: 0 !important;
}
#actionButtonsModal .page-sub-header h2 {
  font-size: 24px !important;
  font-size: 1.5rem !important;
}

.uppy-Dashboard-browse:focus, .uppy-Dashboard-browse:hover {
  border-bottom: 0.0625rem solid #00afef !important;
}

/* Product Hover Effect CSS */
.product-box .card {
  border: none;
  border-radius: 0.625rem;
  box-shadow: rgba(0, 0, 0, 0.16) 0 0.0625rem 0.25rem;
}
.product-box .card a:not(.btn), .product-box .card img, .product-box .card .thumbnail {
  border-radius: 0.625rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.product-box .card .card-title,
.product-box .card .card-title h3,
.product-box .card .card-title .h3 {
  color: #000000;
  font-family: "Lato-Bold", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  transition: 0.5s ease all;
}
.product-box .card:hover .card-title {
  color: #00afef !important;
}
.product-box .card .corner-triangle {
  border-radius: 0 0.625rem;
}
.product-box .card .card-body {
  background: transparent;
}
.product-box .card .card-body .card-title {
  color: #333333 !important;
}
.product-box .card.flip3d {
  border-radius: 0.625rem 0.625rem 0 0;
  border: 0.0313rem solid #ddd;
  box-shadow: 0.3125rem 0.3125rem 0.3125rem #ececec;
}
.product-box .card.flip3d .card-header {
  border-radius: 0.625rem 0.625rem 0 0;
  border-bottom: none;
  background-color: rgb(244, 244, 244);
  padding-block: 0.6rem !important;
}
.product-box .card.flip3d .card-body {
  position: static;
  border-radius: 0 0 0.625rem 0.625rem;
}
.product-box .card.flip3d .card-body .card-img-top {
  border-radius: 0 0 0.625rem 0.625rem;
}
.product-box .card.flip3d .card-body .card-text {
  display: block !important;
}
.product-box .card.flip3d .card-body .card-title h3 {
  font-size: 16px;
  font-size: 1rem;
}
.product-box .card.slideup .card-body {
  background: #6c6a70 !important;
  bottom: 0;
}
.product-box .card.slideup .card-body .card-title {
  color: #ffffff !important;
}
.product-box .card.slideup:hover .card-body {
  border-radius: 0 0 0.625rem 0.625rem;
}
.product-box .card.slide-hover .card-title {
  color: #ffffff !important;
  text-align: left !important;
  bottom: -0.3125rem;
  background-color: #005484 !important;
}
.product-box .card.slide-hover .card-title:after {
  background-color: color-mix(in srgb, #000000 25%, #005484) !important;
}
.product-box .card.slide-hover .card-text {
  background-color: #005484;
  background-color: rgba(0, 84, 132, 0.75);
}
.product-box .card.slide-hover:hover .card-title {
  color: #fff !important;
}
.product-box .card.triangle-slide-overlay .card-title {
  color: #ffffff !important;
}
.product-box .card.triangle-slide-overlay .card-body {
  border-radius: 0.625rem;
}
.product-box .card.triangle-slide-overlay .corner-overlay-content::before {
  border-bottom-color: #005484;
}
.product-box .card.triangle-slide-overlay .corner-overlay-content i {
  bottom: 1.25rem;
  color: #fff;
}
.product-box .card.triangle-slide-overlay:hover .card-body {
  background: #005484;
}
.product-box .card.triangle-slide-overlay:hover .card-body .card-title {
  color: #ffffff !important;
}
.product-box .card.title-top .card-title {
  color: #333333 !important;
  background: #f7f7f7;
  margin: 0 !important;
  padding: 0.7rem 0;
}
.product-box .card.title-top .thumbnail, .product-box .card.title-top img {
  border-radius: 0 0 0.625rem 0.625rem;
}
.product-box .slide-hover .card-body {
  top: 0;
}
.product-box .slide-hover .card-body .card-title {
  bottom: 0;
}
.product-box .slide-hover .card-body .card-text {
  display: block !important;
  height: 100%;
  align-content: center;
}
.product-box .slide-hover:hover strong {
  color: #ffffff !important;
}

.productdatalayer .pager .btn {
  border-radius: 50%;
  padding: 0.5rem;
}
.productdatalayer .card-aligned .card {
  background-color: #e9e9e9;
  border-radius: 0.625rem;
}

.form-control ~ .col-form-label {
  color: #6c6a70 !important;
}
.form-control:focus {
  border-color: #000000 !important;
}
.form-control:focus + .input-group-append .input-group-text {
  border-color: #000000;
}
.form-control:focus ~ .col-form-label {
  color: #00afef !important;
}

.easy_to_use_section .easy-icons {
  background-color: #f5f5f5;
  border: 0.0625rem solid #e9e9e9;
  border-radius: 0.625rem;
  min-width: 2.8125rem;
  min-height: 2.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s;
  rotate: 0deg;
}
.easy_to_use_section .col-6:hover .easy-icons {
  rotate: 45deg;
}

.special_offer {
  background-image: none;
  background-color: #005484;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .special_offer {
    background-image: url(../images/offer_girl.png);
    background-repeat: no-repeat;
    background-size: auto 65%;
    background-position: bottom left 2%;
  }
}
@media only screen and (min-width: 992px) {
  .special_offer {
    background-image: none;
  }
}
@media only screen and (min-width: 768px) {
  .special_offer .offer_code {
    max-width: 70%;
    margin: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .special_offer .offer_code {
    padding-left: 0;
    max-width: 100%;
    margin: unset;
  }
}
.special_offer .special_offer_badge {
  top: 0;
  background: linear-gradient(to top, #00afef 50%, transparent 50%);
  clip-path: circle(50% at 50% 50%);
  max-width: 11.25rem;
  max-height: 11.25rem;
  height: 100%;
  width: 100%;
  transform: translatey(-50%);
  right: 0;
}
@media only screen and (min-width: 768px) {
  .special_offer .special_offer_badge {
    max-width: 12.875rem;
    max-height: 12.875rem;
  }
}
.special_offer .special_offer_badge .h4 {
  font-size: 20px;
  font-size: 1.25rem;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  display: inline-block;
  text-align: center;
  transform: translatey(-70%);
}
@media only screen and (min-width: 1440px) {
  .special_offer .special_offer_badge .h4 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.875rem;
    transform: translatey(-50%);
  }
}
.special_offer .first-product {
  font-size: 22px;
  font-size: 1.375rem;
}
@media only screen and (min-width: 1024px) {
  .special_offer .first-product {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.special_offer .text-regular {
  font-family: "Lato-Regular", sans-serif;
}
@media only screen and (min-width: 992px) {
  .special_offer .offer_girl_img {
    margin-top: -3.75rem;
  }
}
.special_offer .display-1 {
  font-size: 50px;
  font-size: 3.125rem;
  line-height: 0.8;
  font-family: "Lato-Black", sans-serif;
}
@media only screen and (min-width: 480px) {
  .special_offer .display-1 {
    font-size: 65px;
    font-size: 4.0625rem;
  }
}
@media only screen and (min-width: 640px) {
  .special_offer .display-1 {
    font-size: 80px;
    font-size: 5rem;
  }
}
@media only screen and (min-width: 992px) {
  .special_offer .display-1 {
    font-size: 90px;
    font-size: 5.625rem;
  }
}
@media only screen and (min-width: 1248px) {
  .special_offer .display-1 {
    font-size: 105px;
    font-size: 6.5625rem;
  }
}
@media only screen and (min-width: 1600px) {
  .special_offer .h4 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.special_offer .offer_dot_button {
  font-size: 16px;
  font-size: 1rem;
  border: 0.125rem dotted #fff;
}
@media only screen and (min-width: 1248px) {
  .special_offer .offer_dot_button {
    letter-spacing: 0.3125rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.special_offer .offer_dot_button:hover, .special_offer .offer_dot_button:focus {
  background-color: #ffffff;
  color: #00afef !important;
}
.special_offer .btn-light {
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (min-width: 1248px) {
  .special_offer .btn-light {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.slider-cat {
  overflow-x: auto;
}
.slider-cat .cat-block {
  padding-bottom: 1.5rem;
}
@media only screen and (min-width: 1024px) {
  .slider-cat .cat-block {
    padding-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 1440px) {
  .slider-cat .cat-block {
    padding-bottom: 3.75rem;
  }
}
.slider-cat .cat-block img {
  border-radius: 50%;
  max-width: 8rem;
}
@media only screen and (min-width: 1440px) {
  .slider-cat .cat-block img {
    max-width: 10rem;
  }
}
.slider-cat .cat-block span {
  text-wrap: nowrap;
  font-family: "Lato-Bold", sans-serif;
  color: #000000;
  padding-top: 0.3125rem;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (min-width: 1024px) {
  .slider-cat .cat-block span {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 1600px) {
  .slider-cat .cat-block span {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.how_it_work p {
  opacity: 0.7;
}
.how_it_work .icons-bg {
  max-width: 4.6875rem;
  min-width: 4.6875rem;
  min-height: 4.6875rem;
  max-height: 4.6875rem;
  border-radius: 50%;
  margin: 0 auto;
}
.how_it_work .icons-bg .badge {
  position: absolute;
  top: 0;
  min-width: 1.75rem;
  min-height: 1.75rem;
  right: -0.625rem;
  font-size: 13px;
  font-size: 0.8125rem;
  border-radius: 50%;
  font-family: "Lato-Regular", sans-serif !important;
}
.how_it_work .upload_your_design::after {
  content: "";
  display: block;
  position: absolute;
  right: -5.625rem;
  top: 0;
  min-width: 11.4375rem;
  min-height: 1.875rem;
  background-image: url(../images/how_it_work_border.png);
  background-repeat: no-repeat;
}
.how_it_work .personalize_design::after {
  content: "";
  display: block;
  position: absolute;
  right: -5.625rem;
  top: 2.1875rem;
  width: 11.4375rem;
  height: 1.875rem;
  background-image: url(../images/how_it_work_border.png);
  background-repeat: no-repeat;
  transform: rotate(180deg);
}

#testimonial_multi_sidebar {
  border: none;
}
#testimonial_multi_sidebar .card-header {
  display: none;
}
#testimonial_multi_sidebar > .card-body {
  padding: 0;
}
#testimonial_multi_sidebar > .card-body .card {
  background-color: #fff;
  border: none;
  box-shadow: 0.0625rem 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.1490196078);
  border-radius: 0.625rem;
  padding: 1rem;
  margin: 1.5rem 1rem;
  width: 100%;
}
@media only screen and (min-width: 1440px) {
  #testimonial_multi_sidebar > .card-body .card {
    padding-inline: 3rem;
    padding-block: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  #testimonial_multi_sidebar > .card-body .card {
    margin-inline: 0.5rem;
  }
}
#testimonial_multi_sidebar > .card-body .card .card-body {
  padding: 3rem 0 0 0 !important;
}
#testimonial_multi_sidebar > .card-body .card .card-body .star-list .score > label {
  text-shadow: none;
}
#testimonial_multi_sidebar > .card-body .card .card-body .star-list .score > label.rated {
  color: #00afef;
  padding: 0;
}
#testimonial_multi_sidebar > .card-body .card .card-body blockquote {
  margin-bottom: 0;
}
#testimonial_multi_sidebar > .card-body .card .card-body blockquote small {
  font-weight: normal !important;
  font-family: "Lato-Bold", sans-serif !important;
  font-size: 15px;
  font-size: 0.9375rem;
  position: absolute;
  top: 2rem;
  color: #000000;
}
#testimonial_multi_sidebar > .card-body .card-aligned > div[class*=col-] {
  margin-bottom: 0 !important;
}
#testimonial_multi_sidebar .card-footer {
  border-top: 0 !important;
  background-color: transparent;
  position: absolute;
  width: 100%;
  top: 50%;
}
#testimonial_multi_sidebar .card-footer .float-right {
  display: none;
}
#testimonial_multi_sidebar .card-footer .carousel-controls .carousel-control-prev, #testimonial_multi_sidebar .card-footer .carousel-controls .pager .btn-secondary, .pager #testimonial_multi_sidebar .card-footer .carousel-controls .btn-secondary {
  left: -0.25rem !important;
}
#testimonial_multi_sidebar .card-footer .carousel-controls .carousel-control-next, #testimonial_multi_sidebar .card-footer .carousel-controls .pager .btn-secondary, .pager #testimonial_multi_sidebar .card-footer .carousel-controls .btn-secondary {
  right: -0.25rem !important;
  left: auto !important;
}
@media only screen and (min-width: 768px) {
  #testimonial_multi_sidebar .card-footer .carousel-controls .carousel-control-prev, #testimonial_multi_sidebar .card-footer .carousel-controls .pager .btn-secondary, .pager #testimonial_multi_sidebar .card-footer .carousel-controls .btn-secondary {
    left: -0.75rem !important;
  }
  #testimonial_multi_sidebar .card-footer .carousel-controls .carousel-control-next, #testimonial_multi_sidebar .card-footer .carousel-controls .pager .btn-secondary, .pager #testimonial_multi_sidebar .card-footer .carousel-controls .btn-secondary {
    right: -0.75rem !important;
  }
}
#testimonial_multi_sidebar:has(.row .col-md-4:nth-child(3)) .card-footer {
  display: block;
}
#testimonial_multi_sidebar .carousel-indicators {
  display: none;
}
#testimonial_multi_sidebar .testimoniallogo {
  margin-top: 3rem !important;
}
#testimonial_multi_sidebar .testimoniallogo img {
  max-width: 6.25rem;
  border-radius: 100%;
}
#testimonial_multi_sidebar .card:has(.testimoniallogo) .card-body {
  padding: 1rem 0 0 0 !important;
}

#testimonial_sidebar {
  background-color: #fff;
  border: none;
  box-shadow: 0.0625rem 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.1490196078);
  border-radius: 0.625rem;
  padding: 1rem;
  text-align: center;
}
#testimonial_sidebar .card-header {
  display: none;
}
#testimonial_sidebar .card-body {
  padding: 0;
}
#testimonial_sidebar .card-footer {
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 45%;
  width: 100%;
  padding: 0;
}
#testimonial_sidebar .card-footer .float-right {
  display: none;
}
#testimonial_sidebar .carousel-control-prev, #testimonial_sidebar .pager .btn-secondary, .pager #testimonial_sidebar .btn-secondary,
#testimonial_sidebar .carousel-control-next {
  transition: 0.5s ease all;
}
@media only screen and (min-width: 768px) {
  #testimonial_sidebar .carousel-control-prev, #testimonial_sidebar .pager .btn-secondary, .pager #testimonial_sidebar .btn-secondary {
    left: -5%;
    right: auto;
  }
}
@media only screen and (min-width: 768px) {
  #testimonial_sidebar .carousel-control-next, #testimonial_sidebar .pager .btn-secondary, .pager #testimonial_sidebar .btn-secondary {
    right: -5%;
    left: auto;
  }
}
#testimonial_sidebar .star-list {
  display: flex;
  justify-content: center;
}
#testimonial_sidebar .score > label {
  text-shadow: none;
}
#testimonial_sidebar .score > label.rated {
  color: #00afef;
}

.home_page_body .navbar-light {
  border-bottom: none;
}
.home_page_body .body-container {
  padding: 2.5rem 0.9375rem;
  margin-block: 0 !important;
}
@media only screen and (min-width: 1024px) {
  .home_page_body .body-container {
    padding: 3rem 0;
  }
}
@media only screen and (min-width: 1600px) {
  .home_page_body .body-container {
    padding: 5rem 0;
  }
}
.home_page_body h4, .home_page_body .h4 {
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (min-width: 1440px) {
  .home_page_body h4, .home_page_body .h4 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.home_page_body h5 {
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (min-width: 1440px) {
  .home_page_body h5 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.home_page_body .product-box .card {
  background: #f7f7f7;
  overflow: hidden;
}
.home_page_body .product-box .card .card-title {
  background-color: transparent;
}
.home_page_body .product-box .card a, .home_page_body .product-box .card img, .home_page_body .product-box .card .thumbnail {
  border-radius: 0.625rem 0.625rem 0 0 !important;
}
.home_page_body .product-box .card .card-body {
  bottom: 0;
  left: 0;
  right: 0;
}

.prodefine_quick_checkout .quick_checkout_hover_effect .bg-overlay {
  z-index: 1;
}

#related-product .card {
  margin-inline: 0.5rem;
  background-color: #ececec;
}
#related-product .card .card-body {
  position: static !important;
  padding: 0 !important;
}
#related-product .card .card-body a {
  position: relative;
}
#related-product .card .card-body a img {
  width: 100%;
  border-radius: 0.625rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#related-product .card .card-body a .caption {
  margin: 0.75rem 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Lato-Bold", sans-serif;
  color: #000000;
}
#related-product .slick-arrow:hover {
  border: 0.125rem solid #00afef !important;
}
#related-product .slick-arrow:hover::before {
  color: #00afef !important;
}
#related-product .slick-track {
  margin: 0;
}

.content-box {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.2;
}
.content-box:not(.text-primary) {
  font-family: "Lato-Black", sans-serif;
}
@media only screen and (min-width: 992px) {
  .content-box {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

#footer .footer .bottom-links {
  display: flex;
  flex-direction: column;
}
#footer .footer .bottom-links .list-inline-item {
  padding: 0 !important;
  margin-bottom: 0.5rem !important;
}
#footer .footer #footersubscribe_sidebar {
  background-color: transparent;
  border: 0;
}
#footer .footer #footersubscribe_sidebar .card-body {
  padding: 0 !important;
}
#footer .footer #footersubscribe_sidebar .card-body .custom-control {
  margin-bottom: 1rem !important;
}
#footer .footer #footersubscribe_sidebar .card-body .custom-control .custom-control-label a:hover {
  color: #00afef !important;
}
#footer .footer #footersubscribe_sidebar h3,
#footer .footer #footersubscribe_sidebar h4, #footer .footer #footersubscribe_sidebar .h4 {
  padding-bottom: 1.25rem !important;
  color: #ffffff;
}
#footer .footer #footersubscribe_sidebar h3 small,
#footer .footer #footersubscribe_sidebar h4 small, #footer .footer #footersubscribe_sidebar .h4 small {
  margin-top: 0.5rem;
}
#footer .footer #footersubscribe_sidebar .card-header {
  padding: 0;
  background-color: transparent;
  border-bottom: 0 !important;
}
#footer .footer #footersubscribe_sidebar .input-group-append #subscribe {
  border-radius: 0 0.625rem 0.625rem 0;
}
#footer .footer .contact-details .social_media_icons a {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.0625rem solid #fff;
  border-radius: 50% !important;
}
#footer .footer .contact-details .social_media_icons a i {
  font-size: 14px !important;
  font-size: 0.875rem !important;
}
#footer .footer .contact-details .social_media_icons a:hover {
  background-color: #fff;
}
#footer .footer .nav.nav-pills {
  text-align: left !important;
}
#footer .footer .nav.nav-pills a.all-product {
  color: #00afef !important;
  font-size: 18px;
  font-size: 1.125rem;
  opacity: 0.9;
}
#footer .footer .nav.nav-pills ul {
  padding-top: 0.5rem;
}
@media only screen and (min-width: 992px) {
  #footer .footer .nav.nav-pills ul {
    padding-bottom: 0;
  }
}
#footer .footer .nav.nav-pills ul li {
  margin-bottom: 0.5rem;
}
#footer .footer ul {
  list-style: none !important;
}
#footer .footer p, #footer .footer a {
  color: #fff !important;
}
#footer .footer a:hover {
  color: #00afef !important;
}

footer .border-top {
  border-color: #8b8b8b !important;
}
footer .border-top p {
  color: rgba(255, 255, 255, 0.7) !important;
}

.main-background.product_bg .body-container {
  margin-top: 0 !important;
  padding-top: 1.5rem;
}
.main-background.product_bg .body-container .section-bg {
  padding: 2.5rem 0 !important;
}
@media only screen and (min-width: 640px) {
  .main-background.product_bg .body-container .section-bg {
    padding: 3.4375rem 0;
  }
}
@media only screen and (min-width: 1248px) {
  .main-background.product_bg .body-container .section-bg {
    padding: 4.6875rem 0;
  }
}
.main-background.product_bg .body-container .section-bg .page-sub-header {
  justify-content: center !important;
  padding-bottom: 1.25rem;
}
.main-background.product_bg .body-container #price_calculator {
  border-radius: 0.625rem;
  background-color: #f7f7f7;
}
.main-background.product_bg .body-container #price_calculator:has(.floating-price) ~ #get-started {
  bottom: 1rem;
  max-width: 9.375rem;
  margin: 0 0 1rem 1.5rem;
  padding-inline: 1.3rem !important;
}
@media only screen and (min-width: 1248px) {
  .main-background.product_bg .body-container #price_calculator:has(.floating-price) ~ #get-started {
    padding-inline: 1.7rem;
  }
}
.main-background.product_bg .body-container #price_calculator .card-header {
  padding-bottom: 0 !important;
}
.main-background.product_bg .body-container #price_calculator .card-header .row {
  align-items: center;
}
.main-background.product_bg .body-container #price_calculator .card-header .card-title {
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0.75rem 1rem !important;
  font-family: "Lato-bold", sans-serif;
}
@media only screen and (min-width: 768px) {
  .main-background.product_bg .body-container #price_calculator .card-header .card-title {
    padding: 1rem 1.5rem !important;
  }
}
.main-background.product_bg .body-container #price_calculator .card-header .card-title #generate_link {
  display: inline-flex;
  color: #36333c !important;
  align-items: center;
  justify-content: end;
  font-size: 0px;
  font-size: 0rem;
}
@media only screen and (min-width: 768px) {
  .main-background.product_bg .body-container #price_calculator .card-header .card-title #generate_link i {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .main-background.product_bg .body-container #price_calculator .card-header .card-title #generate_link {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.main-background.product_bg .body-container #price_calculator .card-header .card-title #generate_link .fa-share {
  font-size: 20px;
  font-size: 1.25rem;
  margin-right: 0.4375rem !important;
}
.main-background.product_bg .body-container #price_calculator .card-header .card-title #generate_link .fa-share::before {
  content: "\e902" !important;
  font-family: "ops", sans-serif !important;
  color: #005484;
}
.main-background.product_bg .body-container #price_calculator .card-header .card-title #generate_link:hover {
  color: #005484 !important;
}
.main-background.product_bg .body-container #price_calculator .card-title .accordion-toggle {
  font-size: 16px;
  font-size: 1rem;
  color: #36333c !important;
}
.main-background.product_bg .body-container #price_calculator .card-body {
  padding: 1rem !important;
}
@media only screen and (min-width: 768px) {
  .main-background.product_bg .body-container #price_calculator .card-body {
    padding: 1.5rem 1.5rem 1rem 1.5rem !important;
  }
}
.main-background.product_bg .body-container #price_calculator .card-body .bootstrap-select > .dropdown-toggle img {
  margin-right: 0.5rem;
  vertical-align: middle;
}
.main-background.product_bg .body-container #price_calculator .card-body .form-group.align-items-center {
  align-items: flex-start !important;
}
.main-background.product_bg .body-container #price_calculator .card-body .slick-slider .slick-prev,
.main-background.product_bg .body-container #price_calculator .card-body .slick-slider .slick-next {
  height: 1.3rem;
  width: 1.3rem;
  box-shadow: 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2509803922);
}
.main-background.product_bg .body-container #price_calculator .card-body .slick-slider .slick-prev::before,
.main-background.product_bg .body-container #price_calculator .card-body .slick-slider .slick-next::before {
  font-size: 10px !important;
  font-size: 0.625rem !important;
}
@media only screen and (min-width: 768px) {
  .main-background.product_bg .body-container #price_calculator .card-body .slick-slider .slick-next {
    right: -1.25rem !important;
  }
}
@media only screen and (min-width: 768px) {
  .main-background.product_bg .body-container #price_calculator .card-body .slick-slider .slick-prev {
    left: -1.25rem !important;
  }
}
.main-background.product_bg .body-container #price_calculator .card-body #productpricetotal {
  transition: 0.5s ease all;
}
@media only screen and (min-width: 768px) {
  .main-background.product_bg .body-container #price_calculator .card-body #productpricetotal {
    padding: 1.0625rem 0 0 0;
    background-color: transparent;
  }
}
.main-background.product_bg .body-container #price_calculator .card-body #productpricetotal.floating-price {
  background-color: #fff;
  padding-right: 1rem;
  margin-inline: -0.938rem;
}
.main-background.product_bg .body-container #price_calculator .card-body #productpricetotal #producttotalprice {
  scale: 0.8;
}
@media only screen and (min-width: 768px) {
  .main-background.product_bg .body-container #price_calculator .card-body #productpricetotal #producttotalprice {
    scale: 1;
  }
}
.main-background.product_bg .body-container #price_calculator .card-body #productpricetotal #producttotalprice {
  align-content: center;
}
.main-background.product_bg .body-container #price_calculator .card-body #productpricetotal #producttotalprice .pr-1 {
  color: #000000 !important;
  font-family: "Lato-Bold", sans-serif;
}
.main-background.product_bg .body-container #price_calculator .card-body #productpricetotal #producttotalprice span {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "Lato-Black", sans-serif;
}
.main-background.product_bg .body-container #price_calculator .card-body #productpricetotal .summary_toggle .pr-1 {
  color: #000000 !important;
  font-family: "Lato-Bold", sans-serif;
}
.main-background.product_bg .body-container #price_calculator .card-body #productpricetotal .summary_toggle .pr-1 small {
  color: #000000 !important;
}
.main-background.product_bg .body-container #price_calculator .card-body #productpricetotal .summary_toggle span {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "Lato-Black", sans-serif;
}
.main-background.product_bg .body-container #price_calculator .card-body #productpricetotal .price_calc_weight small span {
  font-size: 16px !important;
  font-size: 1rem !important;
}
.main-background.product_bg .body-container #price_calculator .price_calculator {
  margin-top: 0 !important;
}
.main-background.product_bg .body-container .hiredes_btns.allbtn {
  margin-bottom: 1.5rem;
}

.div_calculator .form-group.align-items-center {
  align-items: flex-start !important;
}
.div_calculator .form-group label:not(.col-form-label):not(.custom-control-label) {
  color: #000000 !important;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Lato-Bold", sans-serif;
}
.div_calculator .form-group .col-form-label ~ span {
  font-size: 14px;
  font-size: 0.875rem;
}
.div_calculator .option-group label {
  font-size: 14px !important;
  font-size: 0.875rem !important;
  font-family: "Lato-Regular", sans-serif !important;
}
.div_calculator .custom-control-label {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Lato-Regular", sans-serif !important;
}

#product_info .breadcrumb_container ~ #product-info {
  margin-top: 1.5rem;
}
@media only screen and (max-width: 767px) {
  #product_info #product-info #price_calculator:has(#customize_design_block.d-none) > .card-body {
    padding: 1rem !important;
    background-color: #f7f7f7 !important;
  }
}
@media only screen and (min-width: 768px) {
  #product_info #product-info > .row {
    align-items: flex-start;
  }
  #product_info #product-info > .row > .col-12:has(.imageGalleryBlock) {
    position: sticky;
    top: 5rem;
  }
  #product_info #product-info > .row #category_list {
    position: sticky;
    top: 3.75rem;
  }
  #product_info #product-info > .row:has(.studio-sticky-top.full-frame, .offcanvas.show) > .col-12:first-child {
    position: static;
  }
  #product_info #product-info > .row .document_print_main, #product_info #product-info > .row .design_tab:not(.invisible), #product_info #product-info > .row .studio-sticky-top {
    position: static;
  }
}
#product_info #get-started {
  bottom: 4rem;
  z-index: 13;
  box-shadow: 0 0 0.625rem 0 rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 1248px) {
  #product_info #get-started {
    position: sticky;
  }
}
#product_info:has(.price_calc_unit_price) #get-started {
  bottom: 5.625rem;
}
#product_info:has(#productpricetotal > .content-box > .pr-1.small) #get-started {
  bottom: 4.2rem;
}
#product_info:has(.price_calc_unit_price):has(#productpricetotal > .content-box > .pr-1.small) #get-started {
  bottom: 5.7rem;
}

#product_images .carouselimages .carousel-item {
  aspect-ratio: 1/1;
}
#product_images .carouselimages .carousel-item .quick_large_image {
  aspect-ratio: 1/1;
  width: 40.8125rem !important;
}
#product_images .carousel-item {
  justify-content: center;
  aspect-ratio: 1/1;
}
#product_images .carousel-item .quick_large_image {
  height: auto !important;
}
#product_images .carousel-control-next, #product_images .pager .btn-secondary, .pager #product_images .btn-secondary {
  margin-bottom: 1.2rem;
  right: 1.25rem;
}
@media only screen and (min-width: 768px) {
  #product_images .carousel-control-next, #product_images .pager .btn-secondary, .pager #product_images .btn-secondary {
    margin-bottom: 1.5625rem;
  }
}
#product_images .carousel-control-prev, #product_images .pager .btn-secondary, .pager #product_images .btn-secondary {
  left: auto;
  margin-bottom: 1.2rem;
  right: 4rem;
}
@media only screen and (min-width: 768px) {
  #product_images .carousel-control-prev, #product_images .pager .btn-secondary, .pager #product_images .btn-secondary {
    right: 4.5rem;
    margin-bottom: 1.5625rem;
  }
}
#product_images img {
  border-radius: 0.25rem;
}
#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: 0.25rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.25);
  padding: 0.2rem;
}
#product_images .carousel-thumbs a.active {
  border-color: #00afef;
}
#product_images .carousel-thumbs .carousel-thumb img {
  border-radius: 0.25rem;
}
#product_images .fancybox.thumbnail {
  border-radius: 0.25rem;
}

.awesome-bar {
  text-align: center;
  position: relative;
}
.awesome-bar .awesome-bar_container {
  padding: 0.5em 2.5rem 0.5em 0.625em;
}
.awesome-bar p {
  margin-bottom: 0;
}
.awesome-bar .awesome-bar_close {
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 0.625rem;
  transition: all 0.2s ease-in-out 0s;
}
.awesome-bar .awesome-bar_close:hover {
  background: rgba(255, 255, 255, 0.2);
}

.search_record:hover {
  color: #00afef !important;
}

.advance-search .products-name {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  margin-bottom: 0.5rem !important;
  color: #333 !important;
}
.advance-search .categories-list .category-url:hover i::before {
  color: #00afef;
}
.advance-search .categories-list .category-url:hover i::before {
  color: #00afef;
}

.advance-search-popup .modal-content {
  border-radius: 0 !important;
}
.advance-search-popup .form-control {
  padding-right: 3.4375rem !important;
}

#shippricecalulate {
  position: relative;
  margin-top: 0.8rem;
}
#shippricecalulate #shippingcalc .page-section-header {
  position: relative;
}
#shippricecalulate #shippingcalc .page-section-header .accordion-toggle {
  font-size: 16px !important;
  font-size: 1rem !important;
  color: #00afef !important;
  font-family: "Lato-Bold", sans-serif;
}
#shippricecalulate #shippingcalc .page-section-header .accordion-toggle:hover {
  color: #000000;
}
#shippricecalulate #shippingcalc .page-section-header .accordion-toggle ~ a {
  color: #00afef !important;
}
#shippricecalulate #shippingcalc .page-section-header .fa-caret-square-down::before {
  content: "\f107";
}
#shippricecalulate #shippingcalc #shipping_detail #shipestimatetotalprice .pr-1,
#shippricecalulate #shippingcalc #shipping_detail #shipestimatetotalprice .content-small-box-lable {
  color: #000000 !important;
  font-family: "Lato-Bold", sans-serif;
}
#shippricecalulate #shippingcalc #shipping_detail #shipestimatetotalprice span {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "Lato-Black", sans-serif;
}

.scrollable {
  scrollbar-color: #005484 #dbdbdb !important;
  scrollbar-width: thin;
}

#account_links .icon_hover_effect:hover i {
  color: #00afef !important;
}

#quote_history .card-header {
  padding: 0.375rem 0 !important;
}

#Frmaddclient .col-12.col-md-4 p {
  margin-bottom: 0 !important;
}

#portfolio_search .custom-select {
  height: auto;
  line-height: 1 !important;
  border-radius: 10px 0 0 10px;
}
@media only screen and (min-width: 768px) {
  #portfolio_search .custom-select {
    border-radius: 10px;
  }
}
#portfolio_search .search_btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.sub-total span.pr-1 {
  color: #000000;
  font-size: 22px !important;
  font-size: 1.375rem !important;
}

.custom-switch .custom-control-label::before {
  background-color: #dbdbdb;
}

.search_template_box .form-control,
.search_template_box .custom-select {
  border-radius: 0.625rem !important;
}
.search_template_box .bootstrap-select > .dropdown-toggle {
  height: 3rem;
  line-height: 2;
}
.search_template_box .input-group .input-group-append #Submit {
  border-radius: 0.625rem !important;
}
.search_template_box #mobileFilterData .treeview li {
  padding: 0.35rem 0.25rem;
}
.search_template_box #mobileFilterData > .filter-action-btn {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.studio_preview .main-thumb > div {
  border-radius: 0.25rem;
}
.studio_preview .main-thumb .image_gallery_thumb:has(a.active) {
  border-color: #005484 !important;
}

.cust-studio-right .pattern_box .patternsList .item.active img, .cust-studio-right .pattern_box .patternsList .item:hover img {
  border-color: #00afef !important;
}
.cust-studio-right .pattern_box label {
  color: #005484;
  font-family: "Lato-Bold", sans-serif;
}

#customizationBlock {
  padding-top: 0.5rem;
}
#customizationBlock .pattern_box label {
  color: #005484;
  font-family: "Lato-Bold", sans-serif;
}
#customizationBlock .pattern_box .patternsList .custom-control-label::before {
  background-color: #00afef;
  border-color: #00afef;
}
#customizationBlock .pattern_box .patternsList .repeat_pattern:checked + label {
  border-color: #00afef;
}
#customizationBlock .pattern_box .patternsList .item:hover label {
  border-color: #00afef;
}
#customizationBlock .pattern-design-customization .bgRemove {
  line-height: normal;
}

#faq_details h4 {
  font-size: 24px;
  font-size: 1.5rem;
}
#faq_details .card {
  border: 0;
}
#faq_details .card .card-header {
  padding-inline: 0;
  background: transparent;
}
#faq_details .card .card-header .card-title {
  font-family: "Lato-Regular", sans-serif;
}
#faq_details .card .card-body {
  color: #888888;
  padding-inline: 0;
  padding-top: 0.5rem;
  padding-bottom: 0;
  font-size: 15px;
  font-size: 0.9375rem;
}

.checkbox-link {
  border-radius: 0.25rem;
}

.checkbox-with-img label {
  border-radius: 0.5rem;
}
.checkbox-with-img label img {
  border-radius: 0.5rem !important;
}
.checkbox-with-img small {
  font-family: "Lato-Regular", sans-serif;
}

#search-textbox-content a {
  transition: 0.5s ease all;
}
#search-textbox-content a:hover i:before {
  color: #00afef;
}

.upload_artwork_letter {
  border-radius: 0.625rem !important;
}

#user_reward_point .bg-opacity::before {
  background-color: #00afef;
  background-color: rgba(0, 175, 239, 0.1);
  border-radius: 0.625rem;
}

#product_design_upload .page-header {
  margin-bottom: 1.5rem !important;
}
#product_design_upload .border {
  border-radius: 0.625rem;
}

#templates_listing_area .card {
  border-radius: 0.625rem !important;
}
#templates_listing_area .card .card-body {
  padding: 1rem 1rem 0 !important;
}
#templates_listing_area .card .card-body .thumbnail {
  border: 0 !important;
}
#templates_listing_area .slick-arrow:hover {
  border: 0.125rem solid #00afef !important;
}
#templates_listing_area .slick-arrow:hover::before {
  color: #00afef !important;
}

.btn-group #list {
  border-radius: 0 0.625rem 0.625rem 0;
}

.media-filter li a {
  background: #ffffff;
  border-color: #00afef;
  color: #00afef;
}
.media-filter li a:hover, .media-filter li a.selected {
  background: #00afef;
  border-color: #00afef;
  color: #fff !important;
}

.dyanamicHelpTemplate .categoryFilter, .dyanamicHelpTemplate .categoryDropdown {
  border-radius: 0.625rem !important;
}
.dyanamicHelpTemplate .pCategoryHeader .custom-control-label {
  border-radius: 0.625rem !important;
}

#shopping-cart .shadow, #quote_create .shadow, .addQuoteRightSide .shadow, .save_for_later .shadow {
  border-radius: 0.625rem !important;
}

.uppy-Dashboard-inner {
  border-radius: 0.625rem !important;
}

.sidebar .list-group-item .badge {
  float: none !important;
  margin-left: 0.5rem;
}

#grouplist_custom {
  border: 0;
  background: transparent;
}
#grouplist_custom .card-header {
  border: 0;
  background: transparent;
  padding: 0;
  margin-bottom: 1rem;
}
#grouplist_custom .card-header h4, #grouplist_custom .card-header .h4 {
  font-size: 18px;
  font-size: 1.125rem;
  color: #00afef;
}
#grouplist_custom .card-body {
  padding: 0;
}
#grouplist_custom .card-body ul {
  padding: 0;
}
#grouplist_custom .card-body ul li {
  margin-bottom: 0.5rem;
}

@media only screen and (min-width: 1248px) {
  .header-content #home_page .product-box {
    max-width: 16.666667%;
    flex: 0 0 16.666667%;
  }
}
.header-content #home_page .product-box .card {
  background: transparent;
  box-shadow: none;
}
.header-content #home_page .product-box .thumbnail {
  border-radius: 50% !important;
}

.dynamic_customsizehtmlDefault {
  max-width: 19.125rem;
}

.dynamicHelpTemplateMain .col-6:has(div[class*=dynamicHelpTemplateMainSize_]) {
  max-width: 18.75rem;
}

#product_info_dispatch_countdown {
  margin-top: 2rem !important;
}
#product_info_dispatch_countdown > .border {
  border-radius: 0.625rem;
}

#design_customization .img-preview {
  border-radius: 0.625rem 0 0 0.625rem;
}
#design_customization .img-preview img {
  border-radius: 0.25rem;
}
#design_customization .patternImages {
  border: 0.0625rem solid #ccc;
}

.image-help > .text-md-right {
  margin-right: -1rem;
}
.image-help .font-weight-bold {
  color: #6c6a70;
  font-family: "Lato-Regular", sans-serif !important;
}

#faq_products {
  margin-bottom: 2.5rem;
}
#faq_products #accordion .card-body {
  padding-bottom: 0 !important;
}
#faq_products #accordion .card-title {
  font-family: "Lato-Regular", sans-serif !important;
}

.document_print_main #controls .form-control {
  border-radius: 0.2rem;
}

#InfoTab #faq_products {
  margin-bottom: 0;
}

#page_layout_content .zoom {
  display: flex;
  justify-content: center;
}
#page_layout_content .zoom .btn {
  left: auto;
  right: auto;
}

.templatebox .card-body, .templatebox .card-footer {
  padding-inline: 0.5rem !important;
  padding-top: 0.5rem !important;
}
.templatebox .card-footer {
  padding-bottom: 0.5rem !important;
}

.studio_preview_large .large_preview {
  height: 100%;
}

.asw-menu-btn {
  z-index: 1000;
}

@media only screen and (max-width: 767px) {
  #horizontal_box .input-group > * {
    height: 2.625rem;
  }
}

#shareProductLinkModal .close {
  min-width: 1.875rem;
  padding-bottom: 0.25rem;
}

ul.treeview li {
  padding: 0.3rem 0 0 0;
}

#myaccount_menu li.active a, #myaccount_menu li:focus a, #myaccount_menu li:hover a {
  color: #00afef !important;
}

.prdSorting .navbar-toggle {
  border-radius: 0.625rem !important;
  margin-right: 0.5rem;
  min-width: 3rem;
}
.prdSorting .form-control,
.prdSorting .custom-select {
  margin-right: 0.5rem;
  border-radius: 0.625rem !important;
}

#combo-poducts .slick-track {
  margin: 0;
}

#shopping-cart .checkoutRightSide .sticky-top {
  top: 3.25rem;
}

#combo-poducts .slick-track,
#related-product .slick-track {
  margin: 0;
}

.search_record:hover .searchable-data .products-name {
  color: #00afef !important;
}

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