:root {
  --primary-color: #3BB77E;
  --secondary-color: #FDC040;
  --heading-color: #253D4E;
  --text-color: #7E7E7E;
  --text-muted-color: #B6B6B6;
  --accent-color: #FD6E6E;
  --light-green-bg: #DEF9EC;
  --white-color: #fff;
  --danger-color: #ec0000;
  --border-color: #ececec;
  --hover-color: #259763;
}

.btn-grp-siparis > a svg path,
#order-form button svg path{
    fill: var(--white-color);
}
.product-payment-cannels .item .icon svg path{
    fill: var(--primary-color);
}
.product-cart-wrap .product-content-wrap .product-price span {
    color: var(--primary-color);
}
.product-cart-wrap .product-content-wrap .product-price span.new-price {
    color: var(--primary-color);
}

.theme-color:hover{
    border: 1px solid var(--secondary-color);
}
.contact-theme-button{
    background-color: var(--primary-color);
}
.contact-theme-button:hover{
    background-color: var(--secondary-color) !important;
}
.theme-text-color{
    color: var(--primary-color);
}
.theme-svg-path path{
    fill: var(--primary-color);
}
.theme-svg{
    stroke: var(--primary-color);
}
.theme-svg-red{
    fill: var(--danger-color);
}
.theme-svg-white{
    fill: var(--white-color);
}
.dashboard-menu ul li a.active-bg {
    color: var(--white-color);
    background-color: var(--primary-color);
    border-radius: 10px;
}
.dashboard-menu ul li a.active {
    color: var(--primary-color);
    background-color: transparent;
    border-radius: 0px;
}
.orderContain .orderTop{
    background-color: var(--primary-color);
}
.orderContain .orderBottom .detail .wrap .title {
    color: var(--primary-color);
}
.theme-border-color {
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
}
.newBtnGroup a.active {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: var(--white-color);
}
.newBtnGroup a:hover{
    background-color: var(--hover-color);
    border-color: var(--hover-color);
    color: var(--white-color) !important;
}
.orderContain .orderBox .productOrderDetail .orderWrap .title {
    color: var(--primary-color);
}
.table-wishlist .product-price span {
    color: var(--primary-color);
}
.btn, .button{
    background-color: var(--primary-color);
}
.btn:hover, .button:hover {
    background-color: var(--secondary-color);
}
.close-style-wrap .close-style{
    background-color: var(--primary-color);
}
.sepetUyelikTabs.nav-tabs .nav-link.active{
    background-color: var(--primary-color);
    color: var(--white-color);
}
.orderProgres .containerProgessbar li.active {
    color: var(--primary-color);
}
.orderProgres .containerProgessbar li.active:first-child::before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.orderProgres .containerProgessbar li.active:nth-child(2)::before,
.orderProgres .containerProgessbar li.active:nth-child(3)::before,
.orderProgres .containerProgessbar li.active:nth-child(4)::before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.orderProgres .containerProgessbar li.active:first-child::after {
    background-color: var(--primary-color);
}
.order:not(:first-child) {
    border-top: 3px solid var(--primary-color);
}
.order .productHolder .productInfo .title {
    color: var(--primary-color);
}
.orderProgres .containerProgessbar li.active::after {
    background-color: var(--primary-color);
}
.products-extra .product-cart-wrap .product-content-wrap .product-card-bottom .product-button label span.yes{
    background-color: var(--primary-color);
}
.products-extra .product-cart-wrap .product-content-wrap .product-card-bottom .product-button label span.no{
    background-color: var(--secondary-color);
}
.invoice-content input[type=radio]:checked + label:before {
    border-color: var(--primary-color);
}
.invoice-content label:after{
    background: var(--primary-color);
}

#odeme .nav-tabs {
    margin-bottom: 0px;
    border-bottom: 1px solid var(--primary-color);
}
#odeme .nav-tabs .nav-link.active,
#odeme .nav-tabs .nav-link:hover {
    color: var(--primary-color);
    background-color: transparent;
    border-top: 1px solid var(--primary-color);
    border-left: 1px solid var(--primary-color);
    border-right: 1px solid var(--primary-color);
    border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#odeme .nav-tabs .nav-link:hover {
    background-color: transparent;
}
#odeme .tab-content>.active {
    border: 1px solid var(--primary-color);
    border-top: none;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}