/*--------------------strip3------------------*/
.strip3 {
    padding: 20px 0;
    color: #fff;
    margin-bottom: 0px;
    background-color: #163368;
}

@media (max-width: 590px) {
    .strip3 {
        margin-bottom: 30px;
    }
}

.mb-80 {
    padding-bottom: calc(1.5rem + 68px);
}

ul.strip3-list {
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    margin: 0;
}

@media(max-width: 991px) {
    ul.strip3-list {
        padding-left: 0;
    }
}

ul.strip3-list li {
    padding: 0 22px;
    position: relative;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    list-style: none;
}

@media(max-width: 991px) {
    ul.strip3-list li {
        font-size: 19px;
        line-height: 22px;
    }

    ul.strip3-list li::after {
        display: none;
    }
}

ul.strip3-list li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 6px;
    height: 18px;
    background: #e6dede;
    width: 2px;
}

ul.strip3-list li:last-child::after {
    display: none;
}

ul.strip3-list li:nth-child(1):before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 4px 0;
    width: 14px;
    height: 14px;
    background: #11b142;
    border-radius: 50%;
    content: "";
    animation: fade 1s ease-in-out infinite;
}

@keyframes fade {
    0% {
        opacity: 100%;
    }

    50% {
        opacity: 30%;
    }

    70% {
        opacity: 100%;
    }

    100% {
        opacity: 100%;
    }
}

.hourglass {
    display: inline-block;
    vertical-align: middle;
    margin: -5px 8px 0 0;
    animation: rotateP 2.5s ease-in-out forwards infinite;
}

@media (max-width: 590px) {
    .hourglass {
        margin: -5px 6px 0 0;
        max-width: 15px;
    }

    ul.strip3-list {
        gap: 10px;
    }

    .strip3 {
        padding: 20px 0px;
    }

    .mb-80 {
        margin-bottom: 20px !important;
        padding-bottom: calc(1.5rem + 110px);
    }

}

@keyframes rotateP {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(180deg)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(00deg)
    }

    100% {
        transform: rotate(360deg)
    }
}


.our .stars {
    font-size: 29px;
    font-weight: 900;
}

.our p {
    margin: 0;
    color: var(--text-color);
}

.free-shipping-section {
    background-color: var(--primary-color-dark);
    color: #fff;
}

@media(max-width: 991px) {
    .free-shipping-section {
        text-align: center;
    }
}

.free-shipping-section img {
    max-width: 180px;
    filter: invert(1);
}

@media(max-width: 991px) {
    .free-shipping-section img {
        max-width: 100px;
    }
}

.free-shipping-section h2 {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
}

@media(max-width: 991px) {
    .free-shipping-section h2 {
        font-size: 30px;
    }
}

.free-shipping-section p {
    font-size: 18px;
    margin: 0;
}

.free-shipping-section p span {
    font-weight: 600;
    color: var(--contrast-color);
}

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