/* Change title color */

.swal2-title {
    color: #3bb77e !important;
    font-weight: 900;
    /* your custom color */
}


/* Change progress bar color */

.swal2-timer-progress-bar {
    background: #2e3094 !important;
    /* your custom color */
}


/* Reduce margin between title and text */

.swal2-title {
    padding: 10px !important;
    /* default is ~20px */
}

.swal2-html-container {
    padding: 5px 0;
    color: #2e3094 !important;
}

.swal2-icon {
    transform: scale(0.8);
    /* make bigger, 1 = default */
}

.swal2-title-error {
    color: #e74c3c !important;
}


/* header cart  */

.cart-dropdown-wrap button {
    background-color: transparent;
    border: none;
    transition: 0.3s ease-in-out;
}

.cart-dropdown-wrap button:hover {
    color: #3bb77e;
}


/* Header category section */

.sub-categories {
    display: none;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    position: absolute;
    left: 90%;
    top: -10px;
    width: 100%;
    z-index: 55;
    padding: 0;
    margin-left: 5px;
}

.sub-categories li {
    margin: 5px 0 !important;
}

.category-item {
    position: relative;
}

.category-item:hover .sub-categories {
    display: block;
}


/* mobile menu logout btn */

.menu-item-has-children {
    border-bottom: 1px solid #ddd !important;
}

.menu-item-has-children button {
    background-color: transparent !important;
    border: none;
    color: #353535;
    padding: 0 !important;
    font-weight: 600;
}

.menu-item-has-children button:active,
.menu-item-has-children button:hover {
    background-color: transparent !important;
    color: #353535 !important;
    font-weight: 600;
}


/* hero carousel section */

.carousel-heading {
    font-size: 48px !important;
}

@media screen and (max-width: 576px) {
    .carousel-heading {
        font-size: 32px !important;
    }
}


/* Deals of the day section */

.deals-img img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}


/* Products page */

.filter-input-select {
    width: 80px;
    margin-left: 10px;
}


/* single product page */

.breadcrumb span {
    padding: 0 3px;
}

.whatsapp-button {
    margin-top: 10px;
}

.whatsapp-button img {
    height: 60px;
}

.product-input-qty {
    display: flex;
}

.product-input-qty #qty_data {
    max-width: 100px !important;
    text-align: center;
    border-radius: 0 !important;
}

.buy-now-btn {
    background: #2E3094;
}

.buy-now-btn:hover {
    background: #242568;
}

.add-to-cart:hover {
    background-color: #2d8d60;
}

.slider-nav-thumbnails img {
    height: 100px;
    width: 100px;
    object-fit: cover;
}

.fixed-whatsapp-btn {
    position: fixed;
    bottom: 3.5rem;
    right: 1.5rem;
    z-index: 55;
}

.fixed-whatsapp-btn img {
    width: 60px;
    height: 60px;
}

@media screen and (max-width: 576px) {
    .add-to-cart,
    .buy-now-btn {
        padding: 5px 20px !important;
    }
    .btn-decrement,
    .btn-increment {
        line-height: 1 !important;
    }
    .product-info {
        padding: 20px !important;
    }
    .stock-status {
        margin-bottom: 5px;
    }
    .product-detail-rating {
        padding: 3px 0;
        display: none;
    }
    .cart-single-price {
        font-size: 18px;
    }
    .detail-info .product-price {
        margin: 5px 15px;
    }
    .qtty-output {
        height: 36px;
    }
    .size-filter.list-filter li a {
        line-height: 25px;
        height: 25px;
    }
    .whatsapp-button img {
        height: 40px;
    }
    .stock-status {
        padding: 3px 5px;
    }
    .fixed-whatsapp-btn img {
        width: 45px;
        height: 45px;
    }
    .product-input-qty #qty_data {
        max-width: 60px !important;
    }
}


/* Single product review section */

.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    gap: 5px;
}

.rating input {
    display: none;
}

.rating label {
    font-size: 25px;
    color: #ccc;
    cursor: pointer;
    transition: color 0.2s ease;
}

.rating input:checked~label {
    color: #ffc107;
}

.rating label:hover,
.rating label:hover~label {
    color: #ffca2c;
}

.comment-form {
    margin-top: 30px;
}

.comment-form textarea {
    border-radius: 10px;
    border: 1px solid #ddd;
    padding: 10px;
}

.button-contactForm {
    background-color: #28a745;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 10px 20px;
    transition: 0.2s;
}

.button-contactForm:hover {
    background-color: #218838;
}

.qtty-output {
    min-width: 1.5rem;
}


/* main img(big) */


/* preloader */

.spinner:before {
    transform: rotateX(60deg) rotateY(45deg) rotateZ(45deg);
    animation: 750ms rotateBefore infinite linear reverse;
}

.spinner:after {
    transform: rotateX(240deg) rotateY(45deg) rotateZ(45deg);
    animation: 750ms rotateAfter infinite linear;
}

.spinner:before,
.spinner:after {
    box-sizing: border-box;
    content: '';
    display: block;
    position: absolute;
    margin-top: -5em;
    margin-left: -5em;
    width: 10em;
    height: 10em;
    transform-style: preserve-3d;
    transform-origin: 50%;
    transform: rotateY(50%);
    perspective-origin: 50% 50%;
    perspective: 340px;
    background-size: 10em 10em;
    background-image: url(../imgs/loader.svg);
}


/* sitNSpin.less */

@keyframes rotateBefore {
    from {
        transform: rotateX(60deg) rotateY(45deg) rotateZ(0deg);
    }
    to {
        transform: rotateX(60deg) rotateY(45deg) rotateZ(-360deg);
    }
}

@keyframes rotateAfter {
    from {
        transform: rotateX(240deg) rotateY(45deg) rotateZ(0deg);
    }
    to {
        transform: rotateX(240deg) rotateY(45deg) rotateZ(360deg);
    }
}


/* change currency symbol */

.currency {
    height: 14px;
    width: 14px;
    margin-right: 3px;
}

.current-currency {
    height: 20px;
}


/* checkout page */

.order_table table .product-thumbnail img {
    max-width: 60px !important;
}

.table .product-thumbnail {
    width: 25% !important;
}

@media screen and (max-width: 576px) {
    .table .product-thumbnail {
        width: 15% !important;
    }
}

@media screen and (max-width: 480px) {
    .table .product-thumbnail {
        width: 15% !important;
    }
    .order_table table .product-thumbnail img {
        max-width: 50px !important;
    }
}

.checkoutBtn {
    padding: 10px 20px !important;
}

.grand-total {
    color: #218838;
}

.checkout-input {
    height: 48px !important;
}

@media screen and (max-width: 768px) {
    .newsletter .newsletter-inner {
        padding: 20px;
    }
    .newsletter .newsletter-inner .newsletter-title {
        font-size: 25px;
    }
}


/* shop cart page */

.shopping-summery table tbody tr img {
    max-width: 80px;
}

.detail-extralink .detail-qty {
    margin: 0 5px;
}

.shopping-summery table thead th {
    padding: 10px 0;
}

.continue-btn {
    padding: 10px;
}

@media screen and (max-width: 576px) {
    .price h4 {
        font-size: 18px !important;
    }
    .cart_total_amount h4 {
        font-size: 18px !important;
    }
}

.search-pro-info {
    padding: 5px 10px !important;
}

.suggest-current-price {
    font-size: 18px;
}


/* Header */

.search-suggestions {
    top: 100%;
    right: 0;
    z-index: 999;
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-top: none;
    width: 75% !important;
}

.suggestion-item {
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: background-color 0.2s;
}

.suggestion-item:hover {
    background-color: #f8f9fa;
}

.suggestion-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
}

.suggestion-item .product-price img {
    width: 15px;
    height: 15px;
}

.suggestion-item .product-info {
    flex: 1;
}

.suggestion-item .product-title {
    font-weight: 500;
    margin-bottom: 4px;
    color: #253D4E;
}

.suggestion-item .product-meta {
    font-size: 13px;
    color: #7E7E7E;
    margin-bottom: 4px;
}

.suggestion-item .product-price {
    color: #3BB77E;
    font-weight: 500;
}

.suggestion-item .product-price .regular-price {
    text-decoration: line-through;
    color: #7E7E7E;
    margin-left: 8px;
    font-weight: normal;
}

.suggestion-item .discount-badge {
    background: #ffeaea;
    color: #ff5757;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 12px;
    margin-left: 8px;
}


/* about cards */

#aboutCards i {
    font-size: 3rem;
    margin-bottom: 1rem;
}

#aboutCards .featured-card {
    padding: 1.5rem;
}

#aboutCards h4,
#aboutCards p {
    margin-bottom: 10px;
}

@media screen and (max-width: 576px) {
    #aboutCards i {
        font-size: 2.5rem;
    }
    #aboutCards .featured-card {
        padding: 1rem;
    }
    #carousel-form {
        display: none !important;
    }
}