:root{
    --primary-color:#e4252a;
    --csprimary-color:#e4252a;
    --primary-light-color:#fdd1ce;
    --banner-bg: #ef3125;
    --secondary-color: black;
    --secondary-dark-header: #333;
    --text-primary-color: #e4252a;
    --btn-primary-hover-bg: #ce271b;
    --border-primary-color: black;
    --shippingcart-bg: #f14c6d;
    --quote-order-bg: #d80532;
    --tab-bg: #e5045e;
    --tab-bg-hover: #cb0453;
}

/*========header========*/
.top-nav{
    /* background-color: var(--primary-color) !important; */
    background-color: #e4252a !important;
}
.main-nav{
    background: #333;
    border-bottom: none;
}
.division_line{
    display: none;
}
.nav-icons a{
    color: white;
}
.nav-icons a:hover{
    color: var(--primary-light-color);
}
.navbar {
   background-color: var(--secondary-dark-header) !important; 
}
.mega-menu-container li a:hover, .icon_hover_effect:hover{
    color: var(--csprimary-color) !important;
}
.main-nav .megamenu_item {
    padding: 10px 14px !important;
}
.main-nav .megamenu_item .header_link::after{
    background: white !important;
    height: 14px;
}
.main-nav .header_link{
    color: white;
}
@media (max-width: 991px) {
   .main-nav .header_link{
    color: black;
    } 
}
.main-nav .header_link:hover{
    color: var(--btn-primary-hover-bg) !important;
}
.main-nav li .header_link:before{
    background-color: var(--csprimary-color) !important;
}
/*========end header========*/

/*========Banner========*/
.banner {
    width: 100%;
    height: 0;
    padding-bottom: 22.2%;
    position: relative;
    overflow: hidden;
    font-family: Arial, sans-serif;
    background: #fff;
  }

  .photo-side {
    position: absolute;
    top: 0;
    left: 0;
    width: 62%;
    height: 100%;
    overflow: hidden;
    background: #c8c8c8;
  }

  .photo-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #b0b0b0, #d0d0d0);
  }
  .divider {
    position: absolute;
    top: 0;
    right: -2%;
    width: 18%;
    height: 100%;
    background: #fff;
    transform: skewX(-8deg);
    transform-origin: top right;
  }

  .red-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 46%;
    height: 100%;
    background: var(--banner-bg);
  }

  .red-overlay {
    position: absolute;
    top: 0;
    left: 50%;
    width: 16%;
    height: 100%;
    background: var(--banner-bg);
    transform: skewX(-20deg);
    transform-origin: top left;
  }

  .text-container {
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
    text-align: left;
    width: 38%;
  }

  .text-content {
    color: #fff;
    font-size: clamp(18px, 4vw, 68px);
    font-weight: 300;
    line-height: 1.15;
    letter-spacing: -0.5px;
  }

  .text-content .bold {
    font-weight: 700;
  }
/*========end Banner========*/


.productsappend ul li a span{
    color: var(--secondary-color) !important;
}

.products_list_main h2.title{
    color: var(--text-primary-color);
}
.btn.btn-primary{
    background-color: var(--csprimary-color) !important;
    border-color: var(--csprimary-color) !important;
}
.btn.btn-primary:hover{
    background: var(--btn-primary-hover-bg) !important
}
.block .list li.active, .block .list li.active > a, .block .list li:hover{
    background: var(--csprimary-color) !important
}
.card-header.bg-info{
    background: var(--csprimary-color) !important
}
.account-activation-page .button-1, .account-page .button-1, .email-revalidation-page .button-1, .login-page .button-1, 
.password-recovery-page .button-1, .registration-page .button-1, .registration-result-page .button-1, .return-request-page .button-1,
.write-review-btn, .tab-btn::after{
    background: var(--csprimary-color) !important
}
.tab-btn.tab_active, .tab-btn:hover {
    color: var(--csprimary-color) !important;
}
.checkout-page .button-1{
    background: #e4252a !important
}
.account-activation-page .button-1:hover, .account-page .button-1:hover, .email-revalidation-page .button-1:hover, .login-page .button-1:hover, 
.password-recovery-page .button-1:hover, .registration-page .button-1:hover, .registration-result-page .button-1:hover, .return-request-page .button-1:hover,
.write-review-btn:hover, .checkout-page .button-1:hover{
    background: var(--btn-primary-hover-bg) !important
}
.My_quotes_section .btn-info{
    background: var(--csprimary-color) !important;
    border-color: var(--csprimary-color) !important
}
.product_desc_sec .nav-tabs .nav-item button{
    background: var(--tab-bg) !important;
}
.product_desc_sec .nav-tabs .nav-item button:hover{
    background: var(--tab-bg-hover) !important;
}
.btn-outline-primary {
    --bs-btn-color: var(--text-primary-color);
    --bs-btn-border-color: var(--text-primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--text-primary-color);
    --bs-btn-hover-border-color: var(--text-primary-color);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--text-primary-color);
    --bs-btn-active-border-color: var(--text-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--text-primary-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--text-primary-color);
    --bs-gradient: none;
}
.btn-link, .order-completed .details a, .back_btn{
    --bs-link-color: var(--text-primary-color);
    color: var(--bs-link-color) !important;
}
    .btn-link:hover, .back-link a:hover, .order-completed .details a:hover, .back_btn:hover {
        --bs-btn-hover-color: var(--secondary-color);
        color: var(--secondary-color) !important;
    }
.quote_btn {
    color: var(--text-primary-color) !important;
}
    .quote_btn:hover {
        color: var(--secondary-color-color) !important;
    }
.bundle-summary {
    background-color: var(--quote-order-bg);
}
.tablinkBgactive {
    background: var(--primary-light-color);
}
.container-checkbox input:checked~.checkmark{
    background-color: var(--secondary-color) !important;
}
.stars {
    color: var(--secondary-color);
    margin-bottom: 20px;
}
#read-terms {
    color:  var(--text-primary-color) !important;
}
#read-terms:hover {
    color: var(--secondary-color) !important;
}
    /*.image_dropdown .ui.selection.active:hover {
    border-color: #a1a1a1 !important;
    box-shadow: 0 0 0 .25rem rgba(239, 49, 37,.25);
}
 .form-control:focus, .form-select:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: var(--primary-light-color);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(239, 49, 37,.25);
} */

#quoteDetails .table .text-nowrap.text-center.align-middle i:first-child {
    color: var(--secondary-color) !important;
}

.breadcrumb-path .js-home-link, .breadcrumb-path .js-breadcrumb-link {
    color: var(--text-primary-color) !important;
}
.add-to-cart-panel .cart_button {
    border-color: var(--text-primary-color) !important;
}
.add-txt, .main_content .title h2, .breadcrumb a:focus, .breadcrumb a:hover, .view-toggle button {
    color: var(--secondary-color) !important;
}
.view-toggle button.active {
    --text-primary-color: var(--secondary-color);
    border-color: var(--text-primary-color) !important;
}
.instruction-title {
    color: var(--text-primary-color) !important;
}
.instruction-card {
    border-left: 4px solid var(--text-primary-color) !important;
}
.cart_table thead tr th {
    --bg-primarymain: var(--text-primary-color);
    background: var(--bg-primarymain);
}


/*radio and checkbox*/
.form-check-input:checked {
    --bs-info-rgb: var(--secondary-color);
    background-color: var(--bs-info-rgb);
    border-color: var(--bs-info-rgb);
}
input[type="checkbox"]:checked {
    --bs-primary-rgb: var(--secondary-color);
    background-color: var(--bs-primary-rgb);
    border-color: var(--bs-primary-rgb);
}
.image_checkbox_group .card-input .fa.fa-check-circle{
    color: var(--secondary-color) !important;
}
.image_checkbox_group .card-input-element:checked + .card-input {
    --border-primary-color: var(--secondary-color) !important;
    box-shadow: 0 0 1px 1px var(--border-primary-color) ;
}
.fa-question-circle.text-primary{
    color: var(--secondary-color) !important
}

.page.contact-page h1{
    color: var(--secondary-color) !important
}
.page.contact-page .btn.btn-teal{
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.page.contact-page .btn.btn-teal:hover{
    background: var(--btn-primary-hover-bg) !important
}
.form-label.fw-bold.text-teal, .card-title.text-teal{
    color: var(--secondary-color) !important;
}


.form-check .form-check-label{
    position: relative;
    top: 3px;
}
.alert.alert-info{
    background: var(--primary-light-color);
    border: var(--primary-light-color);
}

.button-2.edit-address-button {
    border-color: var(--secondary-color) !important;
}
.address-list-page .button-2:focus, .address-list-page .button-2:hover, .order-list-page .button-2:focus, .order-list-page .button-2:hover {
    color: var(--btn-primary-hover-bg) !important;
}


/*Pagination*/
.payonaccount-history-page .page-link{
    color: var(--secondary-color) !important;
}
.pagination .page-item.active .page-link {
    background-color: var(--secondary-color) !important;
    color: #fff !important;
    border-color: var(--secondary-color) !important;
}


/*Shipping cart*/
.opc .allow .step-title{
    background-color: var(--shippingcart-bg);
}
.step-title .number{
    background-color: #e14c51 !important;
}
.opc .allow .step-title .number {
    background-color: #ce2544 !important;
}
.order-summary-wrapper, .order-summary-content{
    background-color: #fff !important;
}
.order-summary-content {
    background-color: transparent !important;
    padding:0 !important
}
.order-summary-header, .order-summary-content{
    max-width: 100% !important;
}
.order-summary-content {
    background-color: var(--white);
    border: none;
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding: 15px 20px;
    box-shadow: none;
    margin-bottom: 20px;
}
.order-summary-header{
    /*background-color: white !important;*/
    color: var(--secondary-color) !important;
}
.cart-icon {
    color: var(--secondary-color) !important;
}
.content .label.text_white, .cartTableorder_details_div .product_details h3, .cartTableorder_details_div .product_details .content_row .content label, .cartTableorder_details_div .product_details .content_row .content p{
    color: var(--secondary-color) !important;
}

.checkout-page.onePageCheout .container{
    padding: 0 12em !important;
}