/* Accent (Beige) = #927f45, Base (Dark Blue) #22245d, Footer (Dark Blue) #22245d*/

/* Hover Zoom Effect */
.zoom:hover {
  background: #22245d;
  background: rgba(19, 94, 171, 0.75);
}

/* Footer Buttons and Bar */
footer.bg-light.py-3.border-top {
    background: #22245d !important;
    border: none !important;
}
.fotter_bottom span.btn-secondary-green a {
    background: #927f45;
    padding: 9px 35px;
    color: #fff;
    border-radius: 50px;
}
.fotter_bottom span.btn-secondary-green a:hover {
    background: #ffffff;
    color: #22245d;
}

/* Page Headers */
.page-header {
  color: #927f45;
}


.page-section-header {
  color: #927f45;
}


.page-sub-header {
  color: #22245d;
}


/* Anchor Tags */
a {
  color: #927f45;
  transition: all 0.3s ease;
}

a:hover {
  color: #22245d;
  text-decoration: none;
}

/* Miscellaneous */
.text-success {
    color: #927f45 !important;
}


/* Primary Button */
.btn-primary {
  background: #22245d;
  border-color: #22245d;
  border-radius: 20px;
  padding: 0.375rem 1rem;
}

.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: #22245d;
  border-color: #22245d;
}

.btn-primary.disabled, .btn-primary:disabled {
  background: #22245d;
  border-color: #22245d;
  opacity: 0.65;
}

/* Info Button */
.btn-info {
  background: #927f45;
  border-color: #927f45;
  border-radius: 20px;
  padding: 0.375rem 1rem;
}

.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: #22245d;
  border-color: #22245d;
}

.btn-info.disabled, .btn-info:disabled {
  background: #927f45;
  border-color: #927f45;
  opacity: 0.65;
}


/* Success Button */
.btn-success {
  background: #927f45;
  border-color: #927f45;
  border-radius: 20px;
  padding: 0.375rem 1rem;
}

.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: #22245d;
  border-color: #22245d;
}

.btn-success.disabled, .btn-success:disabled {
  background: #927f45;
  border-color: #927f45;
  opacity: 0.65;
}

/* Outline Buttons */
.btn-outline-primary {
  background: transparent;
  border-color: #22245d;
  color: #22245d;
}

.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: #22245d;
  color: #fff;
  border-color: #22245d;
}
/* Button Styles */
.btn-outline-info {
  background: rgba(0, 0, 0, 0);
  border-color: #927f45;
  color: #927f45;
}

.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: #927f45;
  color: #fff;
  border-color: #927f45;
}

.btn-link:hover,
.btn-link:focus {
  color: #927f45;
}

.btn-link:disabled,
.btn-link.disabled {
  color: #927f45;
}

/* Border Colors */
.border-primary {
  border-color: #22245d !important;
}

.border-info {
  border-color: #927f45 !important;
}


/* Loading Styles */
.loading {
  border-color: rgba(0, 0, 0, 0) #927f45;
}

#loading-text {
  color: #927f45;
}

/* Text Colors */
.text-primary {
  color: #22245d !important;
}

.text-info {
  color: #927f45 !important;
}


/* Badge Styles */
.badge-primary {
  background: #22245d;
}

.badge-info {
  background: #927f45;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #22245d !important;
}

a.text-info:hover,
a.text-info:focus {
  color: #22245d !important;
}

/* Background Colors */
.bg-primary {
  background-color: #22245d !important;
}

.bg-info {
  background-color: #927f45 !important;
}


/* Dropdown Items */
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
  background-color: #f2f2f2;
  color: #927f45 !important;
}

.bootstrap-select .dropdown-menu li.active small {
  color: #927f45 !important;
}

.bootstrap-select .dropdown-toggle small {
  color: #22245d !important;
}

/* Custom Controls */
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #927f45;
  border-color: #927f45;
  box-shadow: none;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #927f45;
  border-color: #927f45;
  box-shadow: none;
}

/* Form Controls */
.form-control:focus {
  border-color: #22245d;
}

.form-group .input-valid ~ .col-form-label {
  color: #22245d;
}

/* Pagination */
.page-item.active .page-link {
  background: #22245d;
  border-color: #22245d;
}

/* Typeahead */
.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor strong,
.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor a {
  color: #927f45;
}

.tt-dropdown-menu .tt-suggestion:hover strong {
  color: #927f45 !important;
}

/* Account Links */
.account-links a:hover .cicon {
  color: #22245d;
}

.account_dashboard_box h4 {
  color: #927f45;
}

/* Progress Bars */
.bar {
  background-color: #22245d;
}

/* HTML Styles */
html {
  scroll-behavior: smooth;
}


/* Icon Styles */
.icon-hire-designer .path1:before {
  content: "";
  color: #dd573c;
}

.icon-hire-designer .path2:before {
  content: "";
  margin-left: -1em;
  color: #5c4890;
}

.icon-quotation .path1:before {
  content: "";
  color: #dd573c;
}

.icon-quotation .path2:before {
  content: "";
  margin-left: -1em;
  color: #5c4890;
}

.icon-BrowseDesign .path1:before {
  content: "";
  color: #dd573c;
}

.icon-BrowseDesign .path2:before {
  content: "";
  margin-left: -1em;
  color: #dd573c;
}

.icon-BrowseDesign .path3:before {
  content: "";
  margin-left: -1em;
  color: #5c4890;
}

.icon-Custom-Design .path1:before {
  content: "";
  color: #dd573c;
}

.icon-Custom-Design .path2:before {
  content: "";
  margin-left: -1em;
  color: #5c4790;
}

.icon-Upload-Design .path1:before {
  content: "";
  color: #dd573c;
}

.icon-Upload-Design .path2:before {
  content: "";
  margin-left: -1em;
  color: #5c4790;
}


/* Card Styles */

.card-title a.btn-link {
  color: #927f45 !important;
}

.card-title a.btn-link:hover {
  color: #22245d !important;
}


.card-title a:not(.btn):hover {
  color: #927f45 !important;
}

/* Text Styles */
.text-body {
  color: #fff !important;
}

/* Accordion Menu */
.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: #927f45 !important;
}

/* Sidebar Styles */
.sidebar .list-group-item ul li:hover > a,
.sidebar .list-group-item ul li.active > a {
  color: #927f45 !important;
}

.sidebar .card .card-header .card-title {
  color: #927f45;
  font-size: 1.375rem;
  font-family: "Raleway-Medium", sans-serif;
  border-bottom: 1px solid #927f45;
  padding-bottom: 0.6rem;
  position: relative;
}
/* Sidebar Card Styles */
.sidebar .card .card-header .card-title:before {
  top: 100%;
  border-color: #927f45 transparent transparent transparent;
  border-width: 8px;
  left: 20px;
}

/* Straight Menu Styles */
#straightmenu .list-group .list-group-item > a:hover {
  color: #927f45 !important;
}

#straightmenu .list-group .list-group-item .list-unstyled li.active > a,
#straightmenu .list-group .list-group-item .list-unstyled li:hover > a {
  color: #927f45 !important;
}

/* CSS Menu Styles */
#cssmenu .list-group-item > ul li:hover > a {
  color: #927f45 !important;
}

#cssmenu .list-group-item > ul li.active {
  color: #927f45 !important;
}

#cssmenu .list-group-item:hover > a {
  background: #f8f8f8;
  color: #927f45 !important;
}


/* Search Toggle Styles */
.navbar .head-search .search-toggle .form-control {
  width: 100%;
  padding: 0.375rem 0.75rem;
  border: 3px solid #22245d;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  height: 45px !important;
}

/* Navbar Nav Styles */
.navbar .navbar-nav .nav-item:hover > .nav-link,
.navbar .navbar-nav .nav-item.active > .nav-link {
  color: #927f45 !important;
}

.navbar .navbar-nav .nav-item:hover > .nav-link:before,
.navbar .navbar-nav .nav-item.active > .nav-link:before {
  color: #927f45;
}

.navbar .navbar-nav .nav-item.show > .nav-link {
  color: #927f45;
  background: #f4f4f4;
  border-color: #927f45;
}


/* Dropdown Menu Styles */
.navbar .navbar-nav .nav-item .dropdown-menu li a:hover {
  color: #927f45 !important;
}

.navbar .navbar-nav .nav-item .dropdown-menu li a:hover strong {
  color: #927f45;
}

.navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item:after {
  color: #927f45;
}

/* Dropdown Menu List Styles */
.navbar .navbar-nav .nav-item .dropdown-menu .list-unstyled > li.active > a {
  color: #927f45 !important;
}

/* Megamenu Styles */
.navbar .navbar-nav .nav-item.megamenu > .dropdown-menu {
  right: 0;
  margin: auto !important;
  max-width: 98%;
  border-width: 1px;
}

@media only screen and (min-width: 768px) {
  .navbar .navbar-nav .nav-item.megamenu > .dropdown-menu {
    box-shadow: 0 1px 1px 1px rgba(102, 102, 102, 0.18);
  }
}

.navbar .navbar-nav .nav-item.megamenu > .dropdown-menu .list-unstyled > .dropdown-submenu {
  color: #333 !important;
}

.navbar .navbar-nav .nav-item.megamenu > .dropdown-menu .list-unstyled > .dropdown-submenu:hover > a,
.navbar .navbar-nav .nav-item.megamenu > .dropdown-menu .list-unstyled > .dropdown-submenu.active > a,
.navbar .navbar-nav .nav-item.megamenu > .dropdown-menu .list-unstyled > .dropdown-submenu:focus > a {
  color: #927f45 !important;
}

.navbar .navbar-nav .nav-item.megamenu > .dropdown-menu .list-unstyled > .dropdown-submenu .list-unstyled {
  box-shadow: none;
}

.navbar .navbar-nav .nav-item.megamenu > .dropdown-menu .list-unstyled > .dropdown-submenu .list-unstyled > li > a {
  color: #333 !important;
}

.navbar .navbar-nav .nav-item.megamenu > .dropdown-menu .list-unstyled > .dropdown-submenu .list-unstyled > li > a:hover,
.navbar .navbar-nav .nav-item.megamenu > .dropdown-menu .list-unstyled > .dropdown-submenu .list-unstyled > li > a.active,
.navbar .navbar-nav .nav-item.megamenu > .dropdown-menu .list-unstyled > .dropdown-submenu .list-unstyled > li > a:focus {
  color: #927f45 !important;
}
/* Navbar Megamenu Styles */
.navbar .navbar-nav .nav-item.megamenu > .dropdown-menu img {
  max-width: 100%;
  height: auto;
}

/* My Account Menu Styles */
#myaccount_menu li a {
  font-size: 0.9375rem;
  color: #222 !important;
}

#myaccount_menu li.active a,
#myaccount_menu li:hover a {
  color: #927f45 !important;
}

/* Body Container Styles */
.body-container {
  padding-bottom: 2rem;
}

@media only screen and (max-width: 767px) {
  .home_page_body .body-container {
    padding-top: 2rem;
  }
}

/* Search Toggle Styles */
.search-toggle {
  z-index: 9;
}

/* Info Tab Styles */
#InfoTab .nav-tabs .nav-item {
  position: relative;
}

#InfoTab .nav-tabs .nav-item .nav-link {
  color: #333;
  border: 0;
  font-size: 1.125rem;
  position: relative;
  padding: 0.8rem 1rem;
  transition: all 0.5s ease;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

@media only screen and (min-width: 768px) {
  #InfoTab .nav-tabs .nav-item .nav-link {
    padding: 0.8rem 2rem;
  }
}

#InfoTab .nav-tabs .nav-item .nav-link.active,
#InfoTab .nav-tabs .nav-item .nav-link:hover {
  background: rgba(0, 0, 0, 0);
  color: #927f45;
}

#InfoTab .nav-tabs .nav-item .nav-link.active {
  border-color: #927f45;
  font-family: "Raleway-SemiBold", sans-serif;
}

#InfoTab .nav-tabs .nav-item .nav-link.active:after,
#InfoTab .nav-tabs .nav-item .nav-link.active:before {
  content: "";
  display: block;
  position: absolute;
  left: 42%;
  top: 100%;
  border-style: solid;
}

#InfoTab .nav-tabs .nav-item .nav-link.active:after {
  border-color: #fff transparent transparent transparent;
  border-width: 7px;
  margin-left: 1px;
}

#InfoTab .nav-tabs .nav-item .nav-link.active:before {
  border-color: #927f45 transparent transparent transparent;
  border-width: 8px;
}

#InfoTab .nav-tabs .nav-item:before {
  content: "|";
  color: #ddd;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: 0;
}

#InfoTab .nav-tabs .nav-item:last-child:before {
  display: none;
}

/* Media Filter Styles */
.media-filter.list-inline li {
  position: relative;
}

.media-filter.list-inline li a {
  color: #333;
  border: 0;
  font-size: 1rem;
  position: relative;
  padding: 0.6rem 0.8rem;
  transition: all 0.5s ease;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
  margin: 0;
  border-radius: 0;
}

.media-filter.list-inline li a.selected,
.media-filter.list-inline li a:hover {
  background: rgba(0, 0, 0, 0);
  color: #927f45 !important;
}
/* Media Filter Styles */
.media-filter.list-inline li a.selected {
  border-color: #927f45;
  font-family: "Raleway-SemiBold", sans-serif;
}

.media-filter.list-inline li a.selected:after,
.media-filter.list-inline li a.selected:before {
  content: "";
  display: block;
  position: absolute;
  left: 42%;
  width: 0;
  height: 0;
  border-style: solid;
}

.media-filter.list-inline li a.selected:after {
  top: 100%;
  border-color: #fff transparent transparent transparent;
  border-width: 7px;
  margin-left: 1px;
}

.media-filter.list-inline li a.selected:before {
  top: 100%;
  border-color: #927f45 transparent transparent transparent;
  border-width: 8px;
}

/* Navigation Custom Tabs Styles */
.nav-customtabs li .nav-link {
  color: #333;
  font-size: 1rem;
}

.nav-customtabs li .nav-link.active,
.nav-customtabs li .nav-link:hover {
  color: #22245d;
}

.nav-customtabs li .nav-link.active:after,
.nav-customtabs li .nav-link:hover:after {
  background: #22245d;
}

/* Tab Content Padding */
.tab-content {
  padding-top: 1rem;
}

/* Top Links Styles */
.top-links li {
  font-size: 0.8125rem;
}

.top-links li a {
  padding: 0 0.5rem;
  font-size: 0.8125rem;
  color: #fff;
}

.top-links li a:hover {
  color: #ccc;
}

.top-links li a .badge {
  background: #927f45;
  width: 20px;
  height: 20px;
  line-height: 1.25rem;
  font-size: 0.8125rem;
  padding: 0;
}

.top-links li .navbar-text {
  padding: 0;
  color: #fff;
}

/* Home Page Title */
.HomePage_Title h1 {
  font-size: 2.1875rem;
  color: #666;
  font-family: "Raleway-Regular", sans-serif;
}

@media only screen and (min-width: 1024px) {
  .HomePage_Title h1 {
    font-size: 2.5rem;
  }
}

/* Header CMS Page Styles */
.header_cms_page p {
  font-size: 1rem;
  margin-bottom: 0;
}

.header_cms_page a {
  font-family: "Raleway-SemiBold", sans-serif;
  font-size: 1rem;
  border-radius: 20px;
}

.header_cms_page h3 {
  font-size: 1.375rem;
  font-family: "Raleway-Bold", sans-serif;
  color: #222;
  margin-bottom: 1.1rem;
}

/* Header Section 1 */
.header_cms_page .header-section1 h2 {
  font-size: 1.875rem;
  color: #927f45;
  font-family: "Raleway-Regular", sans-serif;
}

@media only screen and (min-width: 1024px) {
  .header_cms_page .header-section1 h2 {
    font-size: 1.875rem;
  }
}

/* Header Section 2 */
.header_cms_page .header-section2 h2 {
  font-size: 2.1875rem;
  color: #666;
  font-family: "Raleway-Regular", sans-serif;
}

@media only screen and (min-width: 1024px) {
  .header_cms_page .header-section2 h2 {
    font-size: 2.5rem;
  }
}

.header_cms_page .header-section2 a {
  font-size: 1.125rem;
  border-radius: 24px;
  padding: 0.5rem 1.5rem;
}

.header_cms_page .header-section2 a.btn-outline-info {
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
}

.header_cms_page .header-section2 a.btn-outline-info i {
  visibility: hidden;
  opacity: 0;
  color: #927f45;
}

.header_cms_page .header-section2 a.btn-outline-info:hover,
.header_cms_page .header-section2 a.btn-outline-info:focus,
.header_cms_page .header-section2 a.btn-outline-info:active {
  color: #927f45;
  background: rgba(0, 0, 0, 0);
  padding: 0.5rem 1.5rem;
}

.header_cms_page .header-section2 a.btn-outline-info:hover i,
.header_cms_page .header-section2 a.btn-outline-info:focus i,
.header_cms_page .header-section2 a.btn-outline-info:active i {
  visibility: visible;
  opacity: 1;
  transition: all ease 0.5s;
}

/* Products Section */
.header_cms_page .header-section2 .products {
  transition: all ease 0.3s;
  overflow: hidden;
}

.header_cms_page .header-section2 .products h2 {
  font-size: 2.125rem;
  font-family: "Raleway-ExtraBold", sans-serif;
  color: #222;
  line-height: 40px;
  text-transform: uppercase;
}

@media only screen and (min-width: 1248px) {
  .header_cms_page .header-section2 .products h2 {
    font-size: 2.5rem;
    line-height: 50px;
  }
}

@media only screen and (min-width: 1440px) {
  .header_cms_page .header-section2 .products h2 {
    font-size: 3.125rem;
    line-height: 60px;
  }
}

.header_cms_page .header-section2 .products p {
  font-size: 1.125rem;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 1440px) {
  .header_cms_page .header-section2 .products p {
    font-size: 1.25rem;
  }
}

.header_cms_page .header-section2 .products img {
  transition: all 0.5s ease;
  filter: blur(0px);
}

.header_cms_page .header-section2 .products:hover img {
  transform: translate(20px, 15px);
}

/* Our Clients */
.our_clients img {
  transition: all 0.3s ease;
}

.our_clients img:hover {
  filter: grayscale(100%);
}
.offer-section h2 {
    font-family: "Raleway-ExtraBold", sans-serif;
    font-size: 40px;
    font-size: 2.5rem;
    text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
    .offer-section h2 {
        font-size: 55px;
        font-size: 3.4375rem;
    }
}

.offer-section h4 {
    font-size: 32px;
    font-size: 2rem;
    font-family: "Raleway-Medium", sans-serif;
}

.offer-section h4 span {
    font-family: "Raleway-Bold", sans-serif;
}

.offer-section p {
    font-size: 26px;
    font-size: 1.625rem;
}

.offer-section .coupon-code {
    display: inline-block;
    font-family: "Raleway-Bold", sans-serif;
    font-size: 26px;
    font-size: 1.625rem;
    padding: 0.2rem 1.5rem;
    border: 2px dashed #fff;
}

.client-cont {
    position: relative;
}

@media only screen and (min-width: 1024px) {
    .client-cont:before {
        content: "";
        background: #927f45;
        height: 100%;
        width: 50%;
        position: absolute;
        right: 0;
        display: block;
    }
}

.client-cont .bg-gray {
    background: #eee;
}

.client-cont .bg-darkgray {
    background: #927f45;
}

.client-cont .services h3 {
    font-size: 22.4px;
    font-size: 1.4rem;
    font-family: "Raleway-ExtraBold", sans-serif;
    color: #222;
    margin-top: 1rem;
}

.client-cont .services .border-right,
.client-cont .services .border-bottom {
    border-color: #bdbdbd !important;
}

.client-cont .services .service {
    cursor: pointer;
}

.client-cont .services .service:hover i {
    animation: flip_icon 1s ease-out 20ms;
}

.testimonial_home #testimonial_sidebar .score {
    float: unset;
    display: flex;
    justify-content: center;
}

.testimonial_home #testimonial_sidebar.card {
    border: 0;
    margin: 0 !important;
    background: rgba(0, 0, 0, 0);
    text-align: center;
}

.testimonial_home #testimonial_sidebar.card .card-header {
    display: none;
}

.testimonial_home #testimonial_sidebar.card .card-body {
    padding: 2rem 0 1.25rem;
    position: relative;
}

.testimonial_home #testimonial_sidebar.card .card-body blockquote {
    color: #fff;
}

.testimonial_home #testimonial_sidebar.card .card-body blockquote p {
    font-size: 16px;
    font-size: 1rem;
}

.testimonial_home #testimonial_sidebar.card .card-body blockquote small {
    font-size: 18px;
    font-size: 1.125rem;
    color: #fff;
    font-family: "Raleway-ExtraBold", sans-serif;
}

.testimonial_home #testimonial_sidebar.card .card-body:before {
    content: "";
    font-family: "Font Awesome 6 Pro";
    font-weight: 700;
    font-size: 50px;
    font-size: 3.125rem;
    top: 0;
    opacity: 0.7;
    color: #fff;
    display: block;
    margin-bottom: 1.5rem;
}

.testimonial_home #testimonial_sidebar.card .card-footer {
    padding: 0.75rem 0;
    background: rgba(0, 0, 0, 0);
    border: 0;
    display: flex;
    justify-content: center;
}

.testimonial_home #testimonial_sidebar.card .card-footer .carousel-controls {
    display: flex;
    padding-right: 0.9rem;
}

.testimonial_home #testimonial_sidebar.card .card-footer .carousel-controls .carousel-control-prev,
.testimonial_home #testimonial_sidebar.card .card-footer .carousel-controls .carousel-control-next {
    display: block;
    left: auto;
    width: 30px;
    position: relative;
}

.testimonial_home #testimonial_sidebar.card .card-footer .carousel-controls .carousel-control-prev-icon {
    width: 15px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.testimonial_home #testimonial_sidebar.card .card-footer .carousel-controls .carousel-control-next-icon {
    width: 15px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.testimonial_home #testimonial_sidebar.card .card-footer a {
    color: #fff;
}

.testimonial_home #testimonial_sidebar.card .card-footer a:hover {
    color: #22245d;
}

.testimonial_home .bg-text h2 {
    color: #dee3e8;
}
.help-block {
    color: #fff;
    text-align: start;
}

#footersubscribe_sidebar .custom-control.custom-checkbox {
    text-align: left;
}

#footersubscribe_sidebar .custom-control.custom-checkbox label a {
    color: #fff !important;
}

.footer-content #contactus_sidebar {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border: 0;
}

.footer-content #contactus_sidebar .card-header {
    display: none;
}

.footer-content #contactus_sidebar .card-body {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border: 0;
}

.footer-content #contactus_sidebar .card-body span a {
    color: #fff;
}

.footer-content ul {
    padding: 0;
    margin: 0;
}

.footer-content ul li {
    display: block;
    list-style-type: none;
    width: 100%;
}

.footer-content ul li a {
    padding: 0.3rem 0;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    font-family: "Raleway-Medium", sans-serif;
}

.footer-content ul li a.active,
.footer-content ul li a:hover {
    color: rgba(255, 255, 255, 0.54);
}

.footer-content .bottom-links .list-inline-item {
    display: block;
    margin: 0;
    padding: 0;
}

.footer-content h4 {
    position: relative;
    margin-bottom: 0 !important;
    padding-bottom: 0.8rem;
    color: #fff;
    font-family: "Raleway-Bold", sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
}

.footer-content .card {
    border: 0;
    margin: 0 !important;
}

.footer-content .card .card-header {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    border: 0;
}

.footer-content .card .card-body {
    padding: 0.3rem 0;
}

.footer-content .nav li {
    position: relative;
}

.footer-content .nav li a {
    padding-left: 1.2rem;
    position: relative;
}

.footer-content .nav li a:before {
    content: "-";
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 20px;
}

.footer-content .nav li a:hover:before {
    color: rgba(255, 255, 255, 0.54);
}

.footer-content #footersubscribe_sidebar .form-row .col-md-6 {
    flex-basis: 100%;
    max-width: 100%;
}

.footer-content #footersubscribe_sidebar .form-row .col-md-6 h3 {
    position: relative;
    margin-bottom: 0 !important;
    padding-bottom: 1rem;
    color: #fff;
    font-family: "Raleway-Bold", sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
}

.footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group {
    position: relative;
    border: 2px solid #fff;
    border-radius: 30px;
}

.footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group input {
    border-radius: 18px;
    width: 100%;
    position: relative;
    border-color: #fff;
}

.footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button {
    position: absolute;
    right: 0;
    border-radius: 20px;
    padding: 0.375rem 1.5rem;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "Raleway-Bold", sans-serif;
    z-index: 11;
    background: #927f45;
    border-color: #927f45;
    height: 45px;
}

.footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:hover,
.footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:focus,
.footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:not(:disabled):not(.disabled):active,
.footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:not(:disabled):not(.disabled).active {
    background: #22245d;
    border-color: #22245d;
}

.footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:disabled {
    background: #927f45;
    border-color: #927f45;
    opacity: 0.65;
}

.footer-content .footer-social ul li {
    display: inline-block;
    width: auto;
    padding: 0 1rem;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-content .footer-social ul li a {
    display: inline-block;
    font-size: 28px;
    font-size: 1.75rem;
}

.footer-content .footer-social ul li:last-child {
    border-right: 0;
}

@media only screen and (min-width: 1024px) {
    .footer-content .footer-social ul li {
        padding: 0 1.5rem;
    }
}

footer a {
    color: #999;
    display: inline-block;
    padding: 0 0.6rem;
    border-left: 1px solid #999;
    line-height: 14px;
}

footer a:hover {
    color: #927f45;
}

footer a:first-child {
    padding-left: 0;
    border-left: 0;
}

footer .text-muted {
    color: #999 !important;
}
/* General transition and styling for all design elements */
.browse_design, .upload_design, .custom_design, .hire_designer, .quote_product {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border-width: 2px !important;
    background: #fff !important;
    border-color: #666 !important;
}

/* Link styling */
.browse_design a, .upload_design a, .custom_design a, .hire_designer a, .quote_product a {
    padding: 1rem !important;
    color: #666 !important;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

/* Span styling within links */
.browse_design a span, .upload_design a span, .custom_design a span, .hire_designer a span, .quote_product a span {
    color: #666 !important;
}

/* Icon styling within links */
.browse_design a i, .upload_design a i, .custom_design a i, .hire_designer a i, .quote_product a i {
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

/* Specific icon backgrounds and transition effects */
.browse_design a i {
    background: rgba(0, 0, 0, 0) !important;
}
.browse_design a i:before {
    content: "";
    font-family: "violescent" !important;
    color: #22245d;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}
.browse_design a i:after {
    content: "";
    font-family: "violescent" !important;
    margin-left: -1em;
    color: #927f45;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

/* Hover effects for the 'browse_design' class */
.browse_design:hover {
    background: rgba(0, 0, 0, 0);
}
.browse_design:hover a {
    color: #22245d !important;
}
.browse_design:hover a span {
    color: #22245d !important;
}
.browse_design:hover a i {
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}
.browse_design:hover a i:before {
    color: #927f45;
}
.browse_design:hover a i:after {
    color: #22245d;
}

/* Icon styling for 'upload_design' */
.upload_design a i {
    background: rgba(0, 0, 0, 0) !important;
}
.upload_design a i:before {
    content: "";
    font-family: "violescent" !important;
    color: #927f45;
}
.upload_design a i:after {
    content: "";
    font-family: "violescent" !important;
    margin-left: -1em;
    color: #22245d;
}

/* Hover effects for the 'upload_design' class */
.upload_design:hover {
    background: rgba(0, 0, 0, 0);
}
.upload_design:hover a {
    color: #927f45 !important;
}
.upload_design:hover a span {
    color: #927f45 !important;
}
.upload_design:hover a i {
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}
.upload_design:hover a i:before {
    color: #22245d;
}
.upload_design:hover a i:after {
    color: #927f45;
}

/* Icon styling for 'custom_design' */
.custom_design a i {
    background: rgba(0, 0, 0, 0);
}
.custom_design a i:before {
    content: "";
    font-family: "violescent" !important;
    color: #927f45;
}
.custom_design a i:after {
    content: "";
    font-family: "violescent" !important;
    margin-left: -1em;
    color: #22245d;
}

/* Hover effects for the 'custom_design' class */
.custom_design:hover a {
    color: #927f45 !important;
}
.custom_design:hover a span {
    color: #927f45 !important;
}
.custom_design:hover a i {
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}
.custom_design:hover a i:before {
    color: #22245d;
}
.custom_design:hover a i:after {
    color: #927f45;
}
/* Icon styling for hire_designer */
.hire_designer a i {
    background: rgba(0, 0, 0, 0);
}

.hire_designer a i:before {
    content: "";
    font-family: "violescent" !important;
    color: #927f45;
}

.hire_designer a i:after {
    content: "";
    font-family: "violescent" !important;
    margin-left: -1em;
    color: #22245d;
}

/* Hover effects for hire_designer */
.hire_designer:hover {
    background: rgba(0, 0, 0, 0);
}

.hire_designer:hover a {
    color: #22245d !important;
}

.hire_designer:hover a span {
    color: #22245d !important;
}

.hire_designer:hover a i {
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.hire_designer:hover a i:before {
    color: #22245d;
}

.hire_designer:hover a i:after {
    color: #927f45;
}

/* Icon styling for quote_product */
.quote_product a i {
    background: rgba(0, 0, 0, 0);
}

.quote_product a i:before {
    content: "";
    font-family: "violescent" !important;
    color: #927f45;
}

.quote_product a i:after {
    content: "";
    font-family: "violescent" !important;
    margin-left: -1em;
    color: #22245d;
}

/* Hover effects for quote_product */
.quote_product:hover {
    background: rgba(0, 0, 0, 0);
}

.quote_product:hover a {
    color: #333 !important;
}

.quote_product:hover a span {
    color: #333 !important;
}

.quote_product:hover a i {
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.quote_product:hover a i:before {
    color: #22245d;
}

.quote_product:hover a i:after {
    color: #927f45;
}

/* Button styling for btn-title-text */
.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;
}

/* Hover effect for button titles */
.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 {
    -webkit-box-shadow: 0 0 5px 1px #73797d;
    -moz-box-shadow: 0 0 5px 1px #73797d;
    box-shadow: 0 0 5px 1px #73797d;
}

/* Link and icon padding for button titles */
.btn-title-text.browse_design a, .btn-title-text.upload_design a, .btn-title-text.custom_design a, .btn-title-text.quote_product a, .btn-title-text.hire_designer a {
    padding: .5rem 1rem !important;
}

.btn-title-text.browse_design a i, .btn-title-text.upload_design a i, .btn-title-text.custom_design a i, .btn-title-text.quote_product a i, .btn-title-text.hire_designer a i {
    font-family: "Font Awesome 6 Pro";
    color: #fff;
    line-height: 20px;
}

/* Icon content for button titles */
.btn-title-text.browse_design a i:before, .btn-title-text.upload_design a i:before, .btn-title-text.custom_design a i:before, .btn-title-text.quote_product a i:before, .btn-title-text.hire_designer a i:before {
    content: "";
    color: #fff;
    font-family: "Font Awesome 6 Pro" !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;
}

/* Heading styling inside button titles */
.btn-title-text .h4 {
    font-size: 18px;
    font-size: 1.125rem;
}

/* Specific button styles */
.btn-title-text.browse_design {
    background: #22245d !important;
    border: 1px solid #22245d !important;
}

.btn-title-text.browse_design a .h4, .btn-title-text.browse_design a i {
    color: #fff !important;
}

.btn-title-text.browse_design:hover {
    background: rgba(0, 0, 0, 0) !important;
}

.btn-title-text.browse_design:hover a .h4 {
    color: #22245d !important;
}

.btn-title-text.browse_design:hover a i:before {
    color: #22245d !important;
}

.btn-title-text.upload_design {
    background: #927f45 !important;
    border: 1px solid #927f45 !important;
}

.btn-title-text.upload_design a .h4, .btn-title-text.upload_design a i {
    color: #fff !important;
}

.btn-title-text.upload_design:hover {
    background: rgba(0, 0, 0, 0) !important;
}

.btn-title-text.upload_design:hover a .h4 {
    color: #927f45 !important;
}

.btn-title-text.upload_design:hover a i:before {
    color: #927f45 !important;
}

.btn-title-text.custom_design {
    background: #927f45 !important;
    border: 1px solid #927f45 !important;
}

.btn-title-text.custom_design a .h4, .btn-title-text.custom_design a i {
    color: #fff !important;
}

.btn-title-text.custom_design:hover {
    background: rgba(0, 0, 0, 0) !important;
}

.btn-title-text.custom_design:hover a .h4 {
    color: #927f45 !important;
}

.btn-title-text.custom_design:hover a i:before {
    color: #927f45 !important;
}

.btn-title-text.hire_designer {
    background: #22245d !important;
    border: 1px solid #22245d !important;
}

.btn-title-text.hire_designer a .h4, .btn-title-text.hire_designer a i {
    color: #fff !important;
}

.btn-title-text.hire_designer:hover {
    background: rgba(0, 0, 0, 0) !important;
}

.btn-title-text.hire_designer:hover a .h4 {
    color: #22245d !important;
}

.btn-title-text.hire_designer:hover a i:before {
    color: #22245d !important;
}
/* Quote product button styling */
.btn-title-text.quote_product {
    background: #333 !important;
    border: 1px solid #333 !important;
}

.btn-title-text.quote_product a .h4 {
    color: #fff !important;
}

.btn-title-text.quote_product:hover {
    background: rgba(0, 0, 0, 0) !important;
}

.btn-title-text.quote_product:hover a .h4 {
    color: #333 !important;
}

.btn-title-text.quote_product:hover a i:before {
    color: #333 !important;
}

/* Flip3D card header styling */
.flip3d .card-header {
    background: #22245d;
}

.flip3d .card-header h3 {
    font-family: "Raleway-SemiBold", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
}

.flip3d .card-header a:hover h3 {
    opacity: .8;
    filter: alpha(opacity=80);
}

/* Product box card styling */
.product-box .card .card-body .card-title {
    font-family: "Raleway-SemiBold", sans-serif;
    color: #333 !important;
}

.product-box .card .card-body .card-text {
    color: #222;
}

.product-box .card .card-body .card-text strong {
    color: #222;
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
}

.product-box .card .card-body .card-text p {
    font-size: 14px;
    font-size: 0.875rem;
}

/* Hover effects for product box */
.product-box .card.slide-hover .card-body .card-title,
.product-box .card.triangle-slide-overlay .card-body .card-title {
    color: #fff !important;
}

.product-box .card.slide-hover .card-body .card-text,
.product-box .card.triangle-slide-overlay .card-body .card-text {
    color: #fff;
}

.product-box .card.slide-hover .card-body .card-text strong,
.product-box .card.triangle-slide-overlay .card-body .card-text strong {
    color: #fff;
}

.product-box .card.slide-hover .card-body .card-title {
    background: #22245d !important;
}

.product-box .card.slide-hover .card-body .card-title:after {
    background: #22245d;
}

/* Card hover effect */
.product-box .card.slideup:hover {
    border-color: #22245d;
}

.product-box .card.slideup .card-body {
    background: #22245d !important;
}

.product-box .card.slideup .card-body .card-title {
    color: #fff !important;
}

/* Hover box shadow card styling */
.product-box .card.hover-box-shadow {
    border-color: rgba(0, 0, 0, 0);
}

.product-box .card.hover-box-shadow .thumbnail {
    border: 1px solid #ddd;
}

.product-box .card.hover-box-shadow .btn-info {
    color: #927f45;
    font-size: 14px;
    font-size: 0.875rem;
    background: none;
    border: none;
    padding-left: .1rem;
    font-family: "Raleway-Bold", sans-serif;
}

.product-box .card.hover-box-shadow .btn-info i {
    visibility: hidden;
    opacity: 0;
    color: #22245d;
}

.product-box .card.hover-box-shadow .btn-info:hover,
.product-box .card.hover-box-shadow .btn-info:focus,
.product-box .card.hover-box-shadow .btn-info:active {
    color: #22245d;
    background: rgba(0, 0, 0, 0);
    padding-left: 1rem;
    background: rgba(0, 0, 0, .05);
}

.product-box .card.hover-box-shadow .btn-info:hover i,
.product-box .card.hover-box-shadow .btn-info:focus i,
.product-box .card.hover-box-shadow .btn-info:active i {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.product-box .card.hover-box-shadow .btn-info:before {
    display: none;
}

.product-box .card.hover-box-shadow .card-title {
    font-size: 17px;
    font-size: 1.0625rem;
    color: #222 !important;
    font-family: "Raleway-Bold", sans-serif;
}

.product-box .card.hover-box-shadow .card-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: .5rem;
}

.product-box .card.hover-box-shadow .card-body .card-text {
    display: none;
}

.product-box .card.hover-box-shadow .card-footer {
    padding: 0 !important;
}

.product-box .card.hover-box-shadow:hover .btn-info {
    color: #22245d;
    background: rgba(0, 0, 0, 0);
    padding-left: 1rem;
    background: rgba(0, 0, 0, .05);
}

.product-box .card.hover-box-shadow:hover .btn-info i {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}


/* Cart Link Styles */
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background: #927f45;
}

.treeview li .act {
    color: #927f45 !important;
}

.treeview li a:hover {
    color: #927f45 !important;
}

#templatelist > .row > .col-md-4 .card .card-header .card-title {
    color: #927f45;
    font-size: 22px;
    font-size: 1.375rem;
    font-family: "Raleway-Medium", sans-serif;
    border-bottom: 1px solid #927f45;
    padding-bottom: .6rem;
    position: relative;
}

#templatelist > .row > .col-md-4 .card .card-header .card-title:before {
    top: 100%;
    border-color: #927f45 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 8px;
    left: 20px;
}

#templatelist > .row > .col-md-4 a:hover,
#templatelist > .row > .col-md-4 a.act {
    color: #927f45;
}

#filter_orientation.card .card-header .card-title {
    color: #927f45;
    font-size: 22px;
    font-size: 1.375rem;
    font-family: "Raleway-Medium", sans-serif;
    border-bottom: 1px solid #927f45;
    padding-bottom: .6rem;
    position: relative;
}

#filter_orientation.card .card-header .card-title:before {
    top: 100%;
    border-color: #927f45 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 8px;
    left: 20px;
}

#designer_template_category li a:hover,
#designer_template_category li a.p_act {
    color: #927f45;
}

.form-control:focus + .input-group-append .input-group-text {
    border-color: #22245d;
}

.form-control:focus ~ .col-form-label {
    color: #22245d;
}

.breadcrumb_container .breadcrumb li a:hover {
    color: #927f45;
}

.breadcrumb_container .breadcrumb li.active .a {
    color: #927f45;
}


#product_price h4,
#faq_details h4 {
    color: #22245d !important;
}

.call-help a {
    color: #927f45;
}

.call-help a:hover,
.call-help a:focus {
    color: #22245d;
}

.call-help a:hover .text-bold,
.call-help a:focus .text-bold {
    color: #22245d;
}

.call-help a:hover .text-call,
.call-help a:focus .text-call {
    color: #927f45;
}

#top-banner .carousel-indicators li.active {
    background-color: #22245d;
}

#sitemap ul li a:hover {
    color: #927f45;
}

.price_calculator .bootstrap-select .dropdown-toggle:focus {
    border-color: #22245d;
}

.price_calculator .bootstrap-select.show .dropdown-toggle {
    border-color: #22245d;
}

.price_calculator label {
    color: #22245d;
    font-size: 16px;
    font-size: 1rem;
    font-family: "Raleway-SemiBold", sans-serif;
    margin-bottom: 0;
}

.price_calculator .card-title a:hover,
#shopping_accordion .card-title a:hover {
    color: #22245d !important;
}


.top-cart #poplogin:hover,
.top-cart #poplogin:focus {
    background: #927f45;
    background-color: #927f45;
    background: linear-gradient(to right, #927f45, #22245d);
    color: #fff;
}

.top-cart .head-cart:hover {
    color: #927f45;
}