.str-btn {
    border-color:#c31e53;
    color:#c31e53;
}

.general-black-txt {
    color:#c31e53;
}

.general-black--i i {
    color:#c31e53;
}

.general-white-txt {
    color: #ffffff;
}

.general-white-txt--hover:hover {
    color: #ffffff;
}

.general-white-txt--active.active {
    color: #ffffff;
}

.primary-color-bg {
    background-color:#c31e53;
}

.primary-color-bg--after::after,.primary-color-bg--before::before {
    background-color:#c31e53;
}

.primary-color-bg--active.active {
    background-color:#c31e53;
}

.primary-color-bg--active--after.active::after, .primary-color-bg--active--before.active::before {
    background-color:#c31e53;
}

.primary-color-bg--hover:hover {
    background-color:#c31e53;
}

.primary-color-txt {
    color:#c31e53;
}

.primary-color-txt--after::after,.primary-color-txt--before::before, .primary-color-txt--active.active p {
    color:#c31e53;
}

.primary-color-txt--active.active {
    color:#c31e53;
}

.primary-color-txt--hover:hover {
    color:#c31e53;
}

.primary-color-txt--icon i {
    color:#c31e53;
}

.primary-color-txt--icon--hover:hover i {
    color:#c31e53;
}   

.primary-color-border {
    border-color:#c31e53;
}

.primary-color-fill.active svg path {
    fill:#c31e53;
}

.secondary-color-bg {
    background-color: #612773;
}

.secondary-color-bg-light {
    background-color: #9742b1;
}

.secondary-color-txt {
    color: #646464;
}

.secondary-color-border {
    border-color: #646464;
}

.secondary-color-fill {
    fill: #646464;
}

.offer-label-color-bg {
    background-color:#ffa000;
}

.sub-navbar-bg {
    background-color: white;
    border-bottom: 1px solid #eaeaea;
}

.banner-bg {
    background-image: linear-gradient(180deg, white, #f3f3f3);
}

.custom-control-input:checked~.custom-control-label::before, .custom-control:hover .custom-control-input:checked~.custom-control-label::before {
    border-color:#c31e53;
    background-color:#c31e53
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color:#c31e53;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    background-color: rgb(255, 231, 216);
    border-color: rgb(255, 231, 216);
}

.custom-control:hover .custom-control-label::before {
    background-color: rgb(255, 231, 216);
    border-color: rgb(255, 231, 216);
}

.form-control:focus {
    border-color:#c31e53;
    box-shadow: 0 0 0 0.05rem#c31e53;
}

.str-checkout-step.active {
    border-color:#c31e53;
}

.str-checkout-step.active p {
    color:#c31e53;
}

.str-checkout-step.active svg rect {
    stroke:#c31e53 !important;
}

.str-checkout-step.active svg circle, .str-checkout-step.active svg path:last-child {
    fill:#c31e53 !important;
}

.str-checkout-step.active svg circle, .str-checkout-step.active svg path:last-child {
    fill:#c31e53 !important;
}

.str-checkout-step.active:last-child svg g path {
    stroke:#c31e53 !important;
}

body .ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover .ui-chkbox .ui-chkbox-box {
    background-color: rgb(255, 231, 216);
    border-color: rgb(255, 231, 216);
}

body .ui-chkbox .ui-chkbox-box.ui-state-active,
body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled):hover {
    background-color:#c31e53;
    border-color:#c31e53;
}


.linear-loading-wrap {
    background-color: #afdee6;
}

.linear-loader:before, .linear-loader:after {
    background-color: #646464;
}

.linear-loading-wrap.linear-loading-body {
    background-color: #ffffff;
}

.linear-loading-body .linear-loader:before, 
.linear-loading-body .linear-loader:after {
    background-color:#c31e53;
}

.navbar-bottombar-menu-link.active svg path {
    fill:#c31e53 !important;
}

.str-nav-sub-mega-dropdown .nav-pills .nav-link.active::before {
    background-color:#c31e53;
}

body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight:hover, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group.ui-state-highlight:hover {
    border-color:#c31e53;
}

.str-checkout-steps-wrap::after {
    background-color:#c31e53;
}

.str-checkout-step.active:last-child svg g path:first-child {
    fill:#c31e53 !important;
}

body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group.ui-state-highlight {
    border: 0.1rem solid#c31e53;
}

.str-nav-sub-mega-drop .str-nav-sub-link:hover * {
    color:#c31e53;
}

.str-product-sku-card-head.active {
    background-color:#c31e53;
}

.str-section-items-title .nav-pills a.active h2, .str-section-items-title .nav-pills a.active h2 i {
    color: #646464;
}

.str-section-items-title .nav-pills a.active, .str-section-items-title .nav-pills a.active:hover {
    border-bottom: 0.3rem solid #646464;
}

.str-section-items-title .nav-pills a.active h2, .str-section-items-title .nav-pills a.active:hover h2 {
    color: #646464;
}

.str-form-address-type.active {
    background-color:#c31e53;
    border-color:#c31e53;
}


/*============*/
.str-product-card,
.str-product-description-img,
.variant-overflow .list-inline-item,
.variant-overflow .var-qty,
.str-product-addcart-btn,
.str-product-addcart-add,
.section1 .img-thumbnail,
.section2 .img-thumbnail,
.section3 .img-thumbnail,
.section4 .img-thumbnail,
.section5 .img-thumbnail{
    border-radius:0 !important; 
}

.section4 .img-thumbnail img, .section5 .img-thumbnail img{
    width: 100% !important;
    padding:0 !important;
    margin-bottom: 10px !important;
    object-fit:cover !important;
}

.section4 .img-thumbnail{
    padding: 0 0px 10px 0px !important;
}

