body {
   background-color: rgb(246, 248, 250);
   font-family: 'Lexend', sans-serif;

   background-image: url(../images/gear_bg.jpg);
   background-position: top center;
   background-repeat: repeat-x;
   background-attachment: fixed;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%333333'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%333333'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 3rem;
    height: 3rem;
}

.d-none2 {
    display:none;
}
a {
    color: #537d41;
    text-decoration: none;
}
a:focus, a:hover, a:active {
    color: #333;
    text-decoration: none;
}

h1 i, h2 i, h5 i, h3 i {
    margin-right:5px;
    color:#ae2d2e;
}

.seedersparts-colors h1 i, .seedersparts-colors h2 i, .seedersparts-colors h5 i, .seedersparts-colors h3 i {
    margin-right:5px;
    color:#77493a;
}

h1, h2 {
    font-weight: 400;
}

@media (max-width: 991px) {
    h2 {
        font-size:1.4rem;
    }
}
@media (max-width: 767px) {
    h2 {
        font-size:1.2rem;
    }
}

:root {
    /*--bs-success-rgb: 95,119,88;*/
    --bs-success-rgb: 83,125,65;
}

.seedersparts-colors {
    --bs-success-rgb: 150,156,94
}

.toast.bg-success {
    background-color: rgb(77 189 44) !important;
}

.fs-8 {
    font-size:0.8rem !important;
}
.fs-9 {
    font-size:0.7rem !important;
}
.offline {
    opacity:0.7;
}
.btn-xs {
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-padding-y: 0.1rem;
    --bs-btn-font-size: 0.8rem;
}

@media (max-width: 575px) {
    .row {
        --bs-gutter-x: 0.5rem;
    }

    .product-card.mb-4 {
        margin-bottom: 0.5rem !important;
    }
}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 2rem;
    }
}

@media (max-width: 991px) {
    header {
        margin-top:75px;
    } 
    
    footer {
        margin-bottom:59px;
    }
}

.text-primary {
    color:#ae2d2e !important;
}
.seedersparts-colors .text-primary {
    color:#77493a !important;
}

.text-success {
    color: #537d41;
}
.first-nav {
    /*background: #5e7657;*/
    /*background: rgb(116,158,104);
    background: -moz-linear-gradient(137deg, rgba(116,158,104,1) 0%, rgba(95,119,88,1) 100%);
    background: -webkit-linear-gradient(137deg, rgba(116,158,104,1) 0%, rgba(95,119,88,1) 100%);
    background: linear-gradient(137deg, rgba(116,158,104,1) 0%, rgba(95,119,88,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#749e68",endColorstr="#537d41",GradientType=1);*/
    background: #537d41;
}

.seedersparts-colors .first-nav {
    background: rgb(187,194,116);
background: -moz-linear-gradient(90deg, rgba(187,194,116,1) 18%, rgba(150,156,94,1) 65%);
background: -webkit-linear-gradient(90deg, rgba(187,194,116,1) 18%, rgba(150,156,94,1) 65%);
background: linear-gradient(90deg, rgba(187,194,116,1) 18%, rgba(150,156,94,1) 65%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bbc274",endColorstr="#969c5e",GradientType=1);
}

.navbar-toggler {
    border: none;
}
.navbar-toggler:focus, .navbar-toggler:active {
    border:none;
    color:#537d41;
    box-shadow:none;
}
.navbar-toggler i {
    font-size: 30px;
}

@media (max-width: 991px) {
    .first-nav {
        background:white !important;
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
    }

    .first-nav:first-child{
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }

    .first-nav:last-child {
        height:59px;
    }
    .first-nav:last-child .navbar-nav {
        width:100%;
    }
    .first-nav:last-child .nav-link {
        padding:10px;
    }

    .first-nav:last-child .nav-link i{
        font-size: 20px;
    }

    .navbar-brand img{
        height:30px;
    }

    .first-nav .nav-link{
       color: #333 !important;
       font-weight:500;
    }

    .first-nav i:not(.first-nav .navbar-toggler i, .first-nav.fixed-bottom i) {
        display:none;
    }
    .first-nav .navbar-nav .fs-7 {
        font-size:16px !important;
    }

    .first-nav .nav-link.text-center {
        text-align:left !important;
    }
    .first-nav .nav-link .d-block {
        display:inline-block !important;
    }
}

@media (max-width: 1199px) {
    .first-nav  > .container {
        max-width:100%;
    }
}

.first-nav .navbar-nav .nav-link {
    font-size:16px;
    color:white;
}

@media (max-width: 1130px) and (min-width: 992px) {
    .first-nav .navbar-nav .nav-link {
        font-size:14px;
    }

    .first-nav .navbar-nav .fs-7 {
        font-size: 0.7rem !important;
    }
}
.first-nav .navbar-nav .nav-link:hover, .first-nav .navbar-nav .nav-link:focus {
    /*color:#ffaaaa;*/
    color:#333;
    
}
.seedersparts-colors .first-nav .navbar-nav .nav-link:hover, .seedersparts-colors .first-nav .navbar-nav .nav-link:focus {
    color: #77493a;;
    
}
.first-nav .navbar-nav:first-child .nav-link {
    font-weight:500;
}

.first-nav .nav-link .flag {
    width:30px;
}

.first-nav .languages-dr img{
    width:30px;
}
.first-nav .languages-dr {
    --bs-dropdown-min-width: 5rem;
}

@media (max-width: 991px) {
    #carouselAgr {
        margin-top:-1rem;
    }
}

.cart-item-counter-fix {
    display:inline-block;
    width:auto;
}

.cart-item-counter-fix .cart-item-counter {
    left: 120% !important;
}

.company-info-content {
    background: white;
    padding: 1rem 0;
}

.company-info {
    text-align: center;
    /* border: 1px solid #84a779; */
    /* background: #f6f8fa; */
    border-radius: 30px;
    padding: 1rem;
}
.company-info div:first-child {
    font-size:40px;
    font-weight:bold;
    color: #ae2d2e;
}
.seedersparts-colors .company-info div:first-child {
    color: #77493a;
}

.secondary-nav {
    background-color:white;
    padding:0;
   /* background-color: rgba(0, 0, 0, .1);*/
    /*border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, .1), inset 0 0.125em 0.5em rgba(0, 0, 0, .15);*/
}

.secondary-nav .nav-link {
    color:#333;
    font-weight: 400;
    /*text-transform: uppercase;*/
}

@media (max-width: 1399px) {
    .secondary-nav .nav-link {
        font-size:14px;
    }

    .company-info div:first-child {
        font-size: 34px;
    } 

    .company-info {
        font-size:14px;
    }

}
@media (max-width: 1130px) {
    .secondary-nav .nav-link {
        font-size:12px;
    }

    .company-info div:first-child {
        font-size: 30px;
    } 

    .company-info {
        font-size:12px;
        padding:0;
    }
}
@media (max-width: 991px) {
    .company-info div:first-child {
        font-size: 30px;
    } 

    .company-info {
        font-size:14px;
    }
}

@media (max-width: 767px) {
    .company-info div:first-child {
        font-size: 18px;
    } 
    .company-info {
        font-size:10px;
    }
    .company-info-content .container {
        max-width:100%;
    }
}
@media (max-width: 580px) {
    .company-info div:first-child {
        font-size: 16px;
    } 
    .company-info {
        font-size:8px;
    }
}



@media (max-width: 1199px) {
    /*.secondary-nav .nav-link {
        text-align:center;
    }*/

    .secondary-nav > .container {
        max-width:100%;
    }
}



.secondary-nav .nav-highlighted{
    color: #ae2d2e;
    font-weight: bold;
}
.seedersparts-colors .secondary-nav .nav-highlighted{
    color: #77493a;
}

.secondary-nav .navbar-nav{
    gap:5px;
}

.fake-search {
    background: #ffffff2b;
    border-radius: 0.375rem;
    padding: 7px 10px;
    width: 390px;
    font-style: italic;
    cursor: pointer;
    /* box-shadow: inset 0px 0px 5px #00000042; */
    border: 1px solid #f7f7f785;
    color: white;
}

.fake-search i {
    margin-right:5px;
    color: #ae2d2e;
    text-shadow: 0px 0px 2px white;
}

.seedersparts-colors .fake-search i {
    color: #77493a;
}

@media (max-width: 1399px) {
    .fake-search {
        width: 350px;
    }
}

@media (max-width: 1199px) {
    .fake-search {
        width: 320px;
    }
}

@media (max-width: 1055px) {
    .fake-search {
        width: 300px;
    }
}

@media (max-width: 1020px) {
    .fake-search {
        width: 280px;
    }
}

@media (max-width: 991px) {
    .fake-search {
        display:none;
    }
}

#searchOffCanvas {
    background: #ffffff00;
    backdrop-filter: blur(20px);
}

.bg-white {
    background:White;
}
.text-white {
    color:white !important;
}

.btn-close.text-white{
    --bs-btn-close-bg: unset;
    --bs-btn-close-opacity: 1;
}

#searchOffCanvas {
    min-height: auto !important;
    height: auto !important;
    bottom: unset;
}

#searchOffCanvas .suggestion-list a {
	padding:3px;
	color:#333;
	text-decoration: none;
	border-bottom: 1px dotted #d1d1d1;
	display:block;
	font-size: 14px;
}

#searchOffCanvas .suggestion-list a.active, #searchOffCanvas .suggestion-list a:hover{
	background: #e5e5e5;
	color:#942626;
}

#searchOffCanvas .suggestion-list i {
    color: #ae2d2e;
    margin-right:5px;
}
.seedersparts-colors #searchOffCanvas .suggestion-list i {
    color: #77493a;
}

#searchOffCanvas h2 {
    font-size:18px;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #ae2d2e;
}
.seedersparts-colors .dropdown-item.active, .seedersparts-colors .dropdown-item:active {
    background-color: #77493a;
}

#carouselAgr img {
    max-width:1920px;
}

.form-control:focus, .form-select:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #537d41;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #537d418a;
}

.seedersparts-colors .form-control:focus, .seedersparts-colors  .form-select:focus {
    border-color: #969c5e;
    box-shadow: 0 0 0 0.25rem #969c5e69
}

.pagination {
    margin-bottom:0;
    float: right;
}

@media (max-width: 991px) {
    .search h1 {
        font-size: 26px;
    }
}

.search-form .form-control, .search-form .form-select {
    border-color: #537d41;
    border-style: dashed;
    border-width: 1px;
}

.search-loader{
    text-align:center;
    color: #ae2d2e;
    font-size: 80px;
    margin-top:40px;
}
.seedersparts-colors .search-loader {
    color: #77493a;
}


.new-product-list {
    padding: 1.5rem 0 1rem 0;
    background: #ffffff;
    box-shadow: 0px 0px 23px 4px #eeeeee;
    border-top: 3px dashed #e6dede;
    border-bottom: 3px dashed #e6dede;
}

.new-product-list .product-card {
    border: 1px dashed #a9a2a2;
}


.product-card {
    text-align: center;
    border: 1px solid #eeeeee;
    background: #fff;
    border-radius: 0.375rem;
        position: relative;
    
}
#searchOffCanvas .product-card {
    border:none;
    text-align:left;
    background:transparent;
}

.product-card .image {
    position: relative;
}

#searchOffCanvas .product-card .image{
    width: 110px;
}

#searchOffCanvas .category-card .image{
    width: 20px;
    height: 20px;
}


.product-card .labels {
    position: absolute;
    padding: 4px 10px;
    padding-bottom: 3px;
    color: white;
    font-weight: 600;
    font-size: 12px;
    border-radius: 0.375rem;
    text-transform: uppercase;
    top:4px;
    text-shadow:1px 1px black;
}

@media (max-width: 767px) {
    .product-card .labels {
        font-size: 10px;
        padding: 2px 8px;
    }
}

@media (max-width: 575px) {
    .product-card .labels {
        font-size: 9px;
        padding: 2px 7px;
    }
}

.outstock-label {
    background: #ff9800bf;
    right: 4px;
}
.stock-label {
    background: #537d41;
    right: 4px;
}
.sale-label {
    /*background: #ae2d2ecf;*/
    background:#ae2d2e;
    left:4px;
}


.christmas-label {
    position: absolute !important;
    left: -18px;
    top: 67%;
    transform: rotate(-17deg);
    background-image: url(../images/christmas.png);
    background-repeat: no-repeat;
    background-size: 100% !important;
    width: 59px;
    height: 77px;
    color: white;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 38px;
    padding-right: 27px;
    padding-left: 3px;
    text-align: center;
    word-wrap: break-word;
}

@media (max-width: 767px) {
    .christmas-label {
        transform: scale(0.7) rotate(-17deg);
    }
}

@media (max-width: 575px) {
    .christmas-label {
        top: 67%;
    }
}

@media (max-width: 410px) {
    .christmas-label {
        transform: scale(0.6) rotate(-17deg);
    }
}

.bomb-label {
    position: absolute !important;
    left: -20px;
    top: 65%;
    transform: rotate(-40deg);
    background-image: url(../images/bomb_price.png);
    background-repeat: no-repeat;
    background-size: 100% !important;
    width: 80px;
    height: 80px;
    color: white;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 38px;
    padding-right: 27px;
    padding-left: 3px;
    text-align: center;
    word-wrap: break-word;
}

@media (max-width: 767px) {
    .bomb-label {
        transform: scale(0.7) rotate(-40deg);
    }
}

@media (max-width: 575px) {
    .bomb-label {
        top: 54%;
    }
}

@media (max-width: 410px) {
    .bomb-label {
        transform: scale(0.6) rotate(-40deg);
    }
}

@keyframes border-pulsate {
    /*0%   {     box-shadow: 0 0 10px 3px white; }*/
    50% {     box-shadow: 0 0 10px 3px #b9b9b9; }
    /*66% {     box-shadow: 0 0 10px 3px white; }
    100%   {     box-shadow: 0 0 10px 3px #b9b9b9; }*/
}

.bomb_price_border {
    animation: border-pulsate 1s infinite;
}

.product-card img {
    width: 100%;
    border-radius: 0.375rem;
}

.category-card img {
    width: 100%;
    border-radius: 0.375rem;
}

.product-card .image {
    position:relative;
}
.product-card .name {
    display: block;
    margin: 10px 5px;
    height: 37px;
    line-height: 18px;
    overflow: hidden;
    text-align: center;
}

@media (max-width: 575px) {
    .product-card .name {
        height: 44px;
        line-height: 13px;
    }
}


#searchOffCanvas .product-card .name {
    text-align: left;
    margin-left: 5px;
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 5px;
}

#searchOffCanvas .category-card .name {
    text-align: left;
    margin-left: 5px;
    margin-top: 0;
    font-size:12px;
}

.product-card .name a {
    font-size: 16px;
}

.product-card .item-number {
    padding: 0 0px;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 0px;
    margin: 0 5px;
}

@media (max-width: 767px) {
    .product-card .name a{
        font-size:14px;
    }
    .product-card .item-number {
        font-size:14px;
    }
}

@media (max-width: 575px) {
    .product-card .name a{
        font-size:12px;
    }
    .product-card .item-number {
        font-size:12px;
    }
}

#searchOffCanvas .product-card .item-number {
    text-align: left;
    margin-left: 5px;
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    color: #a6a6a6;
}

#searchOffCanvas .product-card .info {
    width: calc(100% - 110px);
}

.product-card .old-price {
    height: 12px;
    margin: 10px 0px 0 0px !important;
    text-align: center;
    text-decoration: line-through;
    color: #a6a6a6;
}

@media (max-width: 767px) {
    .product-card .old-price {
        font-size:12px;
    }
}

@media (max-width: 575px) {
    .product-card .old-price {
        font-size:10px;
    }
}

.product-card .price {
    height: 24px;
    margin: 5px 0px 5px 0px;
    text-align: center;
}

.product-card .net-price {
    height: 18px;
    margin: 0 0px 10px 0px;
    text-align: center;
    font-size: 12px;
    color: #aaa;
}

@media (max-width: 767px) {
    .product-card .net-price {
        font-size:10px;
    }
    .product-card .price {
        margin-bottom:0;
    }
}

@media (max-width: 575px) {
    .product-card .net-price {
        font-size:8px;
    }
}

.product-card .saleprice {
    color: red;
}


.product-card .price span {
    font-size: 20px;
}

@media (max-width: 767px) {
    .product-card .price span{
        font-size:16px;
    }
}
@media (max-width: 575px) {
    .product-card .price span{
        font-size:14px;
    }
}


.product-card .cart {
    width: 60%;
    margin-left: Auto;
}



@media (max-width: 1399px) {
    .product h1 {
        font-size: 1.5rem;
    }
    .product .description .fs-6{
        font-size: 0.9rem !important;
    }
}

@media (max-width: 1199px) {
    .product h1 {
        font-size: 1.2rem;
    }
    .product .description .fs-6{
        font-size: 0.8rem !important;
    }
}


.product-image-content>* {
    margin-bottom: 1rem;
}

@media (max-width: 1199px) {
    .product-image-content>* {
        margin-bottom: 0.5rem;


    }
    .product-image-content { 
        --bs-gutter-x: 0.5rem;
        --bs-gutter-y: 0;
        margin-top: calc(-1* var(--bs-gutter-y));
        margin-right: calc(-.5* var(--bs-gutter-x));
        margin-left: calc(-.5* var(--bs-gutter-x));
    }
}

.product .product-image {
    width: 100%;
    aspect-ratio: 4 / 3;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border-radius: 0.375rem;
}

.product .product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s;
    border-radius: 0.375rem;
}
@media (max-width: 1199px) {
    .product .attr-display {
        font-size: 0.7rem !important;
    }
}

#mobileCarousel {
    margin-top:-0.4rem;
}

.product .old-price {
    margin-bottom:-12px;
}

.product .discount-circle {
    width: 90px;
    height: 90px;
    background: #dc3545;
    border: 1px dashed;
    color: white;
    border-radius: 100%;
    transform: rotate(30deg);
    text-align: center;
    padding: 6px;
    padding-top: 14px;
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.qty-discount {
    display:flex;
    padding:5px;
    border-radius: 0.375rem; 
    background:rgba(255,255,255);
    gap:10px;
    align-items: center;
}

.qty-discount .discount-circle2 {
    width: 50px;
    height: 50px;
    background: #537d41;
    border: 1px dashed;
    color: white;
    border-radius: 100%;
    transform: rotate(30deg);
    text-align: center;
    padding: 6px;
    padding-top: 12px;
    font-size: 16px;
}

.qty-discount > div:last-child {
    border-left: 3px dotted #ddd;
    padding-left:10px;
}


@media (max-width: 1199px) {

    .qty-discount-content h5 {
        font-size: 1rem;
    }
    .qty-discount-content .qty-discount {
        font-size: 0.8rem;
    }
    .qty-discount .discount-circle2 {
        width:40px;
        height:40px;
        font-size:14px;
        padding: 0px;
        padding-top: 9px;
    }
}

.product .price-content {
    position: relative;
    border-color: #537d41;
    border-style: dashed;
    border-width: 1px;
    border-bottom:none;
    background:white;
    padding:10px;
    padding-left:20px;
    padding-top:12px;
    border-radius: 0.375rem 0.375rem 0 0 ;
}
.product .price-content.sm-w, .product .cart-content.sm-w, .product .discount-table.sm-w {
    width:70%;
}

.product .price-content.md-w, .product .cart-content.md-w, .product .discount-table.md-w {
    width:80%;
}

@media (max-width: 1399px) {
    .product .price-content.md-w, .product .cart-content.md-w, .product .discount-table.md-w {
        width:100%;
    }

    .product .price-content.sm-w, .product .cart-content.sm-w, .product .discount-table.sm-w {
        width:100%;
    }
}

.product .discount-circle div {
    font-size: 33px;
    margin-bottom: -15px;
    font-weight: bold;
}


@media (max-width: 1199px) {
    .product .discount-circle {
        width: 70px;
        height: 70px;
        font-size: 8px;
    }

    .product .discount-circle div {
        font-size: 26px;
        margin-bottom: -11px;
    }
}

.product .cart-content {
    padding: 20px 20px 12px 20px;
    border-radius: 0 0 0.375rem 0.375rem;
    background: #e9ecef;
    border-color: #537d41;
    border-style: dashed;
    border-width: 1px;
    border-top: none;
}
@media (max-width: 1399px) {
    .sale-date {
        white-space: normal;
        font-size:10px;
    }
}
@media (max-width: 1199px) {
    .product .price-display {
        font-size: 1.5rem !important;
    }
}

.question-call {
    font-size: 0.9rem !important;
}

.product .embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 0.375rem;
}

.product .embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.product .embed-responsive .embed-responsive-item, .product .embed-responsive iframe, .product .embed-responsive embed, .product .embed-responsive object, .product .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


#offcanvasproductgroups a {
    color:#333;
    text-decoration: none;
    font-weight:600;
}

#offcanvasproductgroups ul ul {
    margin-left:20px;
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-width: 500px;
}

.sub-list{
    display:none;
}

.has-sub-list {
    display: flex!important;
    justify-content: space-between;
    align-items: center;
}
.has-sub-list .fa-angle-up {
    display:none;
}

.text-green {
    color: #537d41;
}
.text-green a {
    color: #537d41 !important;
}
.seedersparts-colors .text-green a {
    color: #969c5e !important;
}

.text-red {
    color: #ae2d2e;
}
.text-red a {
    color: #ae2d2e !important;
}

.seedersparts-colors .text-red {
    color: #77493a;
}
.seedersparts-colors .text-red a{
    color: #77493a !important;
}

.btn-outline-primary {
    --bs-btn-color: #ae2d2e;
    --bs-btn-border-color: #ae2d2e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #942626;
    --bs-btn-hover-border-color: #942626;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #942626;
    --bs-btn-active-border-color: #942626;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ae2d2e;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ae2d2e;
    --bs-gradient: none;
}

.seedersparts-colors .btn-outline-primary {
    --bs-btn-color: #77493a;
    --bs-btn-border-color: #77493a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4b2e24;
    --bs-btn-hover-border-color: #4b2e24;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4b2e24;
    --bs-btn-active-border-color: #4b2e24;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #77493a;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #77493a;
    --bs-gradient: none;
}


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ae2d2e;
    --bs-btn-border-color: #ae2d2e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #942626;
    --bs-btn-hover-border-color: #942626;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #942626;
    --bs-btn-active-border-color: #942626;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ae2d2e;
    --bs-btn-disabled-border-color: #ae2d2e;

}

.seedersparts-colors .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #77493a;
    --bs-btn-border-color: #77493a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4b2e24;
    --bs-btn-hover-border-color: #4b2e24;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4b2e24;
    --bs-btn-active-border-color: #4b2e24;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #77493a;
    --bs-btn-disabled-border-color: #77493a;
}

.fs-7 {
    font-size: 0.8rem!important;
}

.contacts .company-image {
    width:100%;
    border-radius: 0.375rem;
}

.contacts .flag {
    height: 18px;
    margin-right: 3px;
    border-radius: 3px;
}
@media (min-width: 1400px) {
    .contacts .table {
        width:60%;
    }
}
@media (min-width: 992px) {
    .contacts .table {
        width:80%;
    }
}

.contacts .table td {
    background-color:transparent;
}

.contacts .card {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-bottom:1.5rem;
    background:White;
    padding:10px;
    border-radius: 0.375rem;
    border: 1px solid #eeeeee;
}

@media (max-width: 575px) {
    .contacts .card  {
        margin-bottom: 0.5rem !important;
    }
}

.contacts .card .image{
    height: 110px;
    width: 110px;
    flex-shrink: 0;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid #ccc;
    text-align:center;
}

@media (max-width: 1399px) {
    .contacts .card .image{
        height: 90px;
        width: 90px;
    }

    .contacts .card {
        font-size:14px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .contacts .card .image{
        height: 70px;
        width: 70px;
    }

    .contacts .card {
        font-size:12px;
    }
}

.contacts .card .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contacts .card .image i {
    font-size:50px;
    color:#ccc;
    margin-top: 25px;
}
@media (max-width: 1199px) and (min-width: 768px) {
    .contacts .card .image i {
        font-size: 30px;
        color: #ccc;
        margin-top: 19px;
    }
}
@media (max-width: 767px) {
    .contacts .card .image i {
        margin-top: 16px;
    }
}
.contacts .card span {
    width: 100%;
    display: block;
}
.contacts .card span i {
    color: #ae2d2e;
}

.seedersparts-colors .contacts .card span i {
    color: #77493a;
}


.contacts .card span a {
    color: #333;
}

.cart-empty {
    text-align:center;
    min-height:400px;
    padding-top:50px;
}

.cart-empty i {
    font-size:100px;
    color: #537d41;
}
@media (max-width: 991px) {
    .cart a.btn-warning {
        --bs-btn-padding-x: 0.5rem;
        --bs-btn-padding-y: 0.1rem;
        --bs-btn-font-size: 0.8rem;
    }
}

.cart .product-image {
    width: 150px;
    aspect-ratio: 4 / 3;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border-radius: 0.375rem;
    border: 1px solid #ededed;
}

.cart .product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s;
    border-radius: 0.375rem;
}

.cart .border-bottom {
    border-bottom:1px dotted #dee2e6;
}

@media (max-width: 991px) {
    .cart .card-body .fs-6, .cart .card-body .fs-7 {
        font-size: 0.7rem !important;
    }

    .cart .product-image {
        width:80px;
    }

    .cart .cart-prod-totals .fs-5, .cart .cart-prod-totals .fs-4 {
        font-size: 1rem !important;
    }
}

.checkout-login {
    margin-top:140px;
    margin-bottom:150px;
}
#shipping_address_content {
    display:none;
}
.form-check-input{
    width: 1.5em;
    height: 1.5em;
}
.form-check label {
    margin-left: 10px;
    vertical-align: sub;
}
.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
}

.form-check-input:checked {
    background-color: #ae2d2e;
    border-color: #ae2d2e;
}

.seedersparts-colors .form-check-input:checked {
    background-color: #77493a;
    border-color: #77493a;
}

.form-check-input:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(174 45 46 / 13%);
}

.radio-content {
    border: 1px solid rgba(0, 0, 0, 0.175);
    padding: 8px 10px 10px 10px;
    border-radius: 0.375rem;
}
label {
    font-size: 14px;
    font-weight: 500;
}
.form-control, .form-select {
    background-color: #f7f7f7;
}
#editProfile {
    --bs-offcanvas-width: 800px;
}
#shipping_addresses_table thead {
    display:none;
}

#shipping_addresses_table tbody tr td:first-child {
   width:46px;
   text-align: center;
   
}

#shipping_addresses_table td a {
    color:#333;
}
#shipping_addresses_table td a:hover, #shipping_addresses_table td a:focus {
    color:#ae2d2e;
}

.shipping_info {
    border: 2px dotted rgba(0, 0, 0, 0.175);
    padding: 2px 5px 2px 5px;
    border-radius: 0.375rem;
    background: #f9f9f9;
}

.offcanvas-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    background: #eeeeee;
    border-top: 1px solid #aaa;
}


#cookie-bar {    
	background: #ffffff;
    height: auto;
    line-height: 24px;
    color: #818181;
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #e3e3e3;
}

#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {
	color:#ffffff; 
	display:inline-block; 
	border-radius:10px; 
	text-decoration:none; 
	padding: 2px 9px; 
	margin-left:8px;
}

.pagination .page-item i{
    padding: 4px 0;
}

.pagination {
    --bs-pagination-color: #818181;
    --bs-pagination-active-bg: #ae2d2e;
    --bs-pagination-active-border-color: #ae2d2e;
    --bs-pagination-hover-color: #ae2d2e;
    --bs-pagination-focus-color: #ae2d2e;
}

.seedersparts-colors .pagination {
    --bs-pagination-color: #818181;
    --bs-pagination-active-bg: #77493a;
    --bs-pagination-active-border-color: #77493a;
    --bs-pagination-hover-color: #77493a;
    --bs-pagination-focus-color: #77493a;
}

.sub-groups-container .sub-c {
    background: white;
    margin-bottom: 15px;
    height: 80px;
    border: 1px solid #eeeeee;
    background: #fff;
    border-radius: 0.375rem;
    transition: box-shadow 0.3s ease-in-out;
    position: relative;
    display:flex;
    align-items: center;
}
@media (max-width: 575px) {
    .sub-groups-container .sub-c {
        margin-bottom: 0.5rem;
    }
}

.sub-groups-container .sub-c .image {
    width: 60px;
    height: 60px;
    margin: 10px;
    background-color: #ffffff;
    vertical-align: middle;
    display: flex;
    align-items: center;
    align-content: center;
}

.sub-groups-container .sub-c .image img{
    width:100%;
}

.sub-groups-container .sub-c::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f105";
    font-size: 31px;
    top: 15px;
    right: 10px;
    position: absolute;
}
.sub-groups-container .sub-c.doublearrow::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f101" !important;
    font-size: 31px;
    top: 15px;
    right: 10px;
    position: absolute;
}
.sub-groups-container .sub-c .text {
    vertical-align: middle;
    margin: 0px 10px 0px 0;
    padding-right: 25px;
    width: calc(100% - 90px);
    max-height: 58px;
    overflow: hidden;
    line-height: 18px;
    font-size: 14px;
}

@media (min-width: 575px) and (max-width: 767px) {
    .sub-groups-container .sub-c .text {
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .breadcrumb-item {
        font-size:14px;
    }
}
@media (max-width: 575px) {
    .breadcrumb-item {
        font-size:12px;
    }
}


#registerOffCanvas {
    --bs-offcanvas-width: 800px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #ae2d2e;
}

.seedersparts-colors .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #77493a;
}

.nav-pills .nav-link {
    color: #537d41;
    background: white;
}

.seedersparts-colors .nav-pills .nav-link{
    /*color: #7e834f;*/
}

#orderView {
    width:1000px;
}

#orderView .order-item {
    border-bottom: 1px dashed #537d41;
    padding-top:5px;
    padding-bottom:5px;
}

@media (max-width: 991px) {
    #orderView .order-item strong {
        font-size:14px;
    }

   
}

@media (max-width: 767px) {
    #orderView .order-item strong {
        font-size:12px;
    }

    #orderView .order-item .text-center{
        text-align:left !important;
    }
}

.profile-orders-table {
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    border-collapse: separate; 
    border-spacing: 0; 
    overflow: hidden; 
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}

.profile-orders-table th {
    font-weight: 400;
}

@media screen and (max-width: 600px) {

    table.profile-orders-table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    
    table.profile-orders-table tr {
      display: block;
    }
    
    table.profile-orders-table td {
      display: block;
      text-align: right;
    }
    
    table.profile-orders-table td::before {
      /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
      content: attr(data-label);
      float: left;
      font-size:10px;
    }
    
    table.profile-orders-table td:last-child {
      border-bottom: 0;
    }
  }

@media (max-width: 1199px) {
    .profile-orders-table {
        font-size:14px;
    }
}
@media (max-width: 991px) {
    .profile-tab {
        font-size:12px;
    }
    
    .profile-content .toggleProfileEdit {
        margin-bottom: 1rem;
    }

    .profile-orders-table {
        font-size:12px;
    }
}
@media (max-width: 767px) {
    .profile-orders-table {
        font-size:10px;
    }
}
@media (max-width: 575px) {
    .profile-tab {
        gap:5px !important;
        justify-content: center;
    }
}

footer {
    background-color: #3f3f3f;
    color: white;
    padding-top:3rem;
    padding-bottom:3rem;
    margin-top:0;
    border-top: 3px dashed white;
}

footer h5 {
    font-size:26px;
}

@media (max-width: 991px) {
    footer .row {
        text-align: center;
    }

    footer .d-flex {
        justify-content: center;
    }
}

@media (max-width: 1199px) {
    footer h5 {
        font-size:22px;
    }
}

footer ul {
    list-style:none;
    margin-left:0;
    padding-left:0;
}
footer ul li a {
    margin-top:10px;
    margin-bottom:10px;
    display:block;
}

@media (max-width: 1199px) {
    footer ul li a {
        font-size:14px;
    }
}

footer a {
    color:#c1c1c1;
}
footer a:hover, footer a:focus, footer a:active {
    color: #ae2d2e;
}

footer .container {
    background: #ffffff0a;
    padding: 2rem;
    /* border-radius: 1rem; */
    border-radius: 0.375rem;
    margin-bottom: 1rem;
}

@media (max-width: 575px) {
    footer .container {
        width:calc(100% - 4rem);
    }
}

.seedersparts-colors footer a:hover, .seedersparts-colors footer a:focus, .seedersparts-colors footer a:active {
    color: #77493a;
}
footer i {
    font-size:30px;
}

@media (max-width: 1199px) and (min-width:576px) {
    footer i {
        font-size:24px;
    }
}

footer img {
    width:100%;
}

@media (max-width: 991px) {
    footer img {
        width:70%;
    }
}

@media (max-width: 767px) {
    footer img {
        width:50%;
    }
}

@media (max-width: 575px) {
    footer img {
        width:50%;
    }
}

.btn-social {
    width: 50px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: white;
    border-radius: 1rem;
    transition: transform 0.2s;
    border:0px solid transparent;
}

@media (max-width: 1199px) and (min-width:576px) {
    .btn-social {
        width:40px;
        height:40px;
    }
}

.btn-social:hover {
    transform: scale(1.1);
}
.btn-facebook, .btn-facebook:hover,.btn-facebook:focus { background-color: #1877F2; }
.btn-youtube, .btn-youtube:hover,.btn-youtube:focus { background-color: #FF0000; }
.btn-instagram, .btn-instagram:hover,.btn-instagram:focus { 
    background: rgb(131,58,180);
    background: -moz-linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
    background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#833ab4",endColorstr="#fcb045",GradientType=1);
}
.btn-tiktok, .btn-tiktok:hover,.btn-tiktok:focus { background-color: #000000; }

.sldimage {
    width: 100%;
    height: 100px;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

 /* Slider */
 .slick-slide {
    margin: 0px 20px;
}

.customer-logos, .customer-logos2 {
    margin-bottom: 15px;
}
.wht-bg {
    margin-top:7rem;
    background: white;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    border-top: 3px dashed #f7f8fa;
}

.slick-slide img {
    width: 100%;
    vertical-align:middle;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

#search_form .form-switch .form-check-input{
    width:2.7em;
    /*height:38px;*/
    border-color: #537d41;
    border-style: dashed;
    border-width: 1px;
    margin-top:0;
}
#search_form .form-switch {
    padding-left: calc(var(--bs-gutter-x)* 1);
}

@media (max-width: 575px) {
    #search_form .form-switch {
        padding-left:1.5rem;
    }
}

.circle-line {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
        width: 100%;
    z-index: 1;
}

@media (min-width: 1400px) {
    .circle-line .circle:nth-child(25), .circle-line .circle:nth-child(26), .circle-line .circle:nth-child(27) {
         display:none;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .circle-line .circle:nth-child(21), .circle-line .circle:nth-child(22), .circle-line .circle:nth-child(23), .circle-line .circle:nth-child(24),.circle-line .circle:nth-child(25), .circle-line .circle:nth-child(26), .circle-line .circle:nth-child(27){
        display:none;
    }
}

@media (max-width: 1199px) and (min-width: 991px) {
     .circle-line .circle:nth-child(24),.circle-line .circle:nth-child(25), .circle-line .circle:nth-child(26), .circle-line .circle:nth-child(27){
        display:none;
    }
}

@media (max-width: 767px) {
    .circle-line .circle:nth-child(21), .circle-line .circle:nth-child(22), .circle-line .circle:nth-child(23), .circle-line .circle:nth-child(24),.circle-line .circle:nth-child(25), .circle-line .circle:nth-child(26), .circle-line .circle:nth-child(27){
        display:none;
    }
}

@media (max-width: 575px) {
    .circle-line .circle:nth-child(18), .circle-line .circle:nth-child(19),.circle-line .circle:nth-child(20),.circle-line .circle:nth-child(21), .circle-line .circle:nth-child(22), .circle-line .circle:nth-child(23), .circle-line .circle:nth-child(24),.circle-line .circle:nth-child(25), .circle-line .circle:nth-child(26), .circle-line .circle:nth-child(27){
        display:none;
    }
}

@media (max-width: 476px) {
    .circle-line .circle:nth-child(14), .circle-line .circle:nth-child(15),.circle-line .circle:nth-child(16), .circle-line .circle:nth-child(17),.circle-line .circle:nth-child(18), .circle-line .circle:nth-child(19),.circle-line .circle:nth-child(20),.circle-line .circle:nth-child(21), .circle-line .circle:nth-child(22), .circle-line .circle:nth-child(23), .circle-line .circle:nth-child(24),.circle-line .circle:nth-child(25), .circle-line .circle:nth-child(26), .circle-line .circle:nth-child(27){
        display:none;
    }
}

@media (max-width: 371px) {
    .circle-line .circle:nth-child(12), .circle-line .circle:nth-child(13),.circle-line .circle:nth-child(14), .circle-line .circle:nth-child(15),.circle-line .circle:nth-child(16), .circle-line .circle:nth-child(17),.circle-line .circle:nth-child(18), .circle-line .circle:nth-child(19),.circle-line .circle:nth-child(20),.circle-line .circle:nth-child(21), .circle-line .circle:nth-child(22), .circle-line .circle:nth-child(23), .circle-line .circle:nth-child(24),.circle-line .circle:nth-child(25), .circle-line .circle:nth-child(26), .circle-line .circle:nth-child(27){
        display:none;
    }
}

@media (max-width: 322px) {
    .circle-line .circle:nth-child(10), .circle-line .circle:nth-child(11),.circle-line .circle:nth-child(12), .circle-line .circle:nth-child(13),.circle-line .circle:nth-child(14), .circle-line .circle:nth-child(15),.circle-line .circle:nth-child(16), .circle-line .circle:nth-child(17),.circle-line .circle:nth-child(18), .circle-line .circle:nth-child(19),.circle-line .circle:nth-child(20),.circle-line .circle:nth-child(21), .circle-line .circle:nth-child(22), .circle-line .circle:nth-child(23), .circle-line .circle:nth-child(24),.circle-line .circle:nth-child(25), .circle-line .circle:nth-child(26), .circle-line .circle:nth-child(27){
        display:none;
    }
}

@media (max-width: 265px) {
    .circle-line .circle:nth-child(8), .circle-line .circle:nth-child(9),.circle-line .circle:nth-child(10), .circle-line .circle:nth-child(11),.circle-line .circle:nth-child(12), .circle-line .circle:nth-child(13),.circle-line .circle:nth-child(14), .circle-line .circle:nth-child(15),.circle-line .circle:nth-child(16), .circle-line .circle:nth-child(17),.circle-line .circle:nth-child(18), .circle-line .circle:nth-child(19),.circle-line .circle:nth-child(20),.circle-line .circle:nth-child(21), .circle-line .circle:nth-child(22), .circle-line .circle:nth-child(23), .circle-line .circle:nth-child(24),.circle-line .circle:nth-child(25), .circle-line .circle:nth-child(26), .circle-line .circle:nth-child(27){
        display:none;
    }
}

.circle {
    display: flex;
    margin: 0.3rem;
    margin-top: 0.2rem;
    border-radius: 50%;
    height: 8px;
    width: 3px;
    background: rgba(0, 0, 0, 0.3);
    position: relative;
    transition: 1s all ease;
}

.circle:before {
       position: absolute;
    content: "";
    height: 4px;
    width: 3px;
    left: 0px;
    top: -3px;
    margin: 0;
    padding: 0;
    display: block;
    background: rgb(68, 53, 73);
    border-radius: 2px;
    display: inline-block;
    border-bottom: 2px solid rgb(97, 81, 107);
}


.circle:last-child::after {
  content: "";
  position: absolute;
  border: none;
}
.red {
  background-color: #c0392b;
  animation: glow-1 1s infinite;
}

.yellow {
  background-color: #f1c40f;
  animation: glow-2 1s infinite;
}

.blue {
  background-color: #64fcfe;
  animation: glow-3 1s infinite;
}

.green {
  background-color: #2ecc71;
  animation: glow-4 1s infinite;
}

@keyframes glow-1 {
  0%,
  100% {
    box-shadow: 0 0 15px 3px #c0392b;
  }
  50% {
    box-shadow: none;
  }
}

@keyframes glow-2 {
  0%,
  100% {
    box-shadow: none;
  }
  50% {
    box-shadow: 0 0 15px 3px #f1c40f;
  }
}

@keyframes glow-3 {
  0%,
  100% {
    box-shadow: 0 0 15px 3px #74f7e1;
  }
  50% {
    box-shadow: none;
  }
}

@keyframes glow-4 {
  0%,
  100% {
    box-shadow: none;
  }
  50% {
    box-shadow: 0 0 15px 3px #2ecc71;
  }
}

@-webkit-keyframes main-glow {
  0%,
  100% {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073,
      0 0 40px #e60073, 0 0 50px #c0392b, 0 0 60px #c0392b, 0 0 70px #c0392b;
  }
  25% {
    text-shadow: 0 0 20px #fff, 0 0 30px #f1c40f, 0 0 40px #ff4da6,
      0 0 50px #f1c40f, 0 0 60px #f1c40f, 0 0 70px #f1c40f, 0 0 80px #ff4da6;
  }
  50% {
    text-shadow: 0 0 20px #fff, 0 0 30px #74f7e1, 0 0 40px #74f7e1,
      0 0 50px #74f7e1, 0 0 60px #74f7e1, 0 0 70px #74f7e1, 0 0 80px #74f7e1;
  }
  75% {
    text-shadow: 0 0 20px #fff, 0 0 30px #2ecc71, 0 0 40px #2ecc71,
      0 0 50px #2ecc71, 0 0 60px #2ecc71, 0 0 70px #2ecc71, 0 0 80px #2ecc71;
  }
}