.jumbo-display {
    padding: 60px 0px;
    background-image: url("/Resources/assets/images/storein.webp");
    background-position: 0px 5%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

@media (max-width: 991px) {
    .jumbo-display {
        padding: 15px 0px;
    }
}

.jumbo-display::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.75);
}

.jumbo-display .display-text {
    position: relative;
    z-index: 10;
}

    .jumbo-display .display-text h1 {
        color: #fff;
        text-transform: uppercase;
        font-size: 42px;
        margin: 0px 0px 30px;
        font-family: sbold;
    }

@media (max-width: 991px) {
    .jumbo-display .display-text h1 {
        font-size: 24px;
        margin: 0px 0px 10px;
    }
}

.jumbo-display .display-text .breadcrumb {
    background-color: transparent;
    padding: 0px;
    margin: 0px;
}

    .jumbo-display .display-text .breadcrumb .breadcrumb-item {
        font-family: textbold;
        color: #fff;
    }

@media (max-width: 991px) {
    .jumbo-display .display-text .breadcrumb .breadcrumb-item {
        font-size: 13px;
    }
}

.jumbo-display .display-text .breadcrumb .breadcrumb-item ~ .breadcrumb-item {
    padding-left: 20px;
}

@media (max-width: 991px) {
    .jumbo-display .display-text .breadcrumb .breadcrumb-item ~ .breadcrumb-item {
        padding-left: 10px;
    }
}

.jumbo-display .display-text .breadcrumb .breadcrumb-item ~ .breadcrumb-item:before {
    position: relative;
    left: -5px;
    color: rgb(94, 94, 94);
    content: "/";
    font-family: textlight;
    font-size: 18px;
}

@media (max-width: 991px) {
    .jumbo-display .display-text .breadcrumb .breadcrumb-item ~ .breadcrumb-item:before {
        left: -2px;
        font-size: 13px;
    }
}

.jumbo-display .display-text .breadcrumb .breadcrumb-item a {
    color: #9eabb6;
    font-family: text;
}

@media (max-width: 991px) {
    .jumbo-display .display-text .breadcrumb .breadcrumb-item a {
        font-size: 13px;
    }
}

.jumbo-display .display-text .breadcrumb .breadcrumb-item a:hover {
    color: #00c3ff;
}

.panel {
    background-color: #fff;
    padding: 20px 25px;
    height: 100%;
}

    .panel .text-center {
        font-size: 14px;
        margin-bottom: 10px;
    }

        .panel .text-center a {
            color: #555;
            font-family: textbold;
        }

            .panel .text-center a:hover {
                color: #00c3ff;
            }

    .panel h4 {
        font-size: 18px;
        text-align: center;
        position: relative;
        background: #f6f6f6;
        margin: -19px -24px 20px;
        padding: 12px 10px;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

        .panel h4 .h-icon {
            position: relative;
            display: inline-block;
            width: 100%;
        }

            .panel h4 .h-icon img {
                height: 24px;
                opacity: 0.2;
            }

            .panel h4 .h-icon::after {
                content: "";
                height: 1px;
                width: 40px;
                background-color: #dadada;
                left: calc(50% + 20px);
                position: absolute;
                top: 55%;
            }

            .panel h4 .h-icon::before {
                content: "";
                height: 1px;
                width: 40px;
                background-color: #dadada;
                right: calc(50% + 20px);
                position: absolute;
                top: 55%;
            }

.jq-ry-container {
    padding: 0 !important;
}

.share-it {
    text-align: center;
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .share-it p {
        margin: 0 15px 0 0;
        font-size: 14px;
        font-family: textsb;
    }

    .share-it img {
        height: 25px;
        border-radius: 3px;
    }

    .share-it a {
        display: inline-block;
    }

.product-details {
    padding: 60px 0;
}

    .product-details .container {
        position: relative;
    }

    .product-details .padding50 {
        padding-left: 66px;
    }

    .product-details .container > .d-flex {
        position: relative;
    }

@media (min-width: 992px) {
    .product-details .container > .d-flex {
        padding-left: 50px;
    }
}

.product-details .numbering {
    font-size: calc(2vw + 20px);
    line-height: 1;
    padding: 1px 20px 10px;
    width: 90px;
    height: 90px;
    position: absolute;
    left: -20px;
    border-radius: 8px;
    color: #fff;
    z-index: 10;
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    top: 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
}

@media (max-width: 991px) {
    .product-details .numbering {
        font-size: calc(1vw + 20px);
        width: 60px;
        height: 50px;
        left: 0;
        padding: 0 0 5px;
    }
}

.product-details .numbering::after {
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #8f0002;
    position: absolute;
    z-index: -1;
    transform: skewX(-16deg);
    border-radius: 10px 3px 10px 3px;
}

.product-details .choose-product {
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 12px;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .product-details .choose-product .btn-default {
        display: inline-block;
        font-family: textbold;
        font-size: 14px;
        text-transform: uppercase;
        border-radius: 50px;
        padding: 10px 35px;
        background-color: #333;
        color: #fff;
        transition: 0.15s linear;
    }

@media (max-width: 576px) {
    .product-details .choose-product .btn-default {
        margin: 0;
    }

        .product-details .choose-product .btn-default ~ .bg-danger {
            margin-top: 10px;
        }
}

.product-details .choose-product .btn-default:hover {
    color: #fff;
    background-color: #000;
}

.product-details .rating-stars {
    text-align: right;
}

@media (max-width: 576px) {
    .product-details .rating-stars {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

        .product-details .rating-stars strong {
            right: 100% !important;
            top: 0 !important;
            left: auto !important;
            font-size: 14px !important;
        }

        .product-details .rating-stars .position-relative {
            left: 20px;
        }

        .product-details .rating-stars small {
            left: 20px;
        }
}

.product-details .rating-stars small {
    white-space: nowrap;
}

.product-details .rating-stars a {
    font-size: 12px;
    font-family: textbold;
    color: #111;
}

    .product-details .rating-stars a:hover {
        text-decoration: underline !important;
    }

.product-details .graph {
    padding: 15px;
    border: 1px solid #ddd;
    background-color: #fff;
}

@media (max-width: 991px) {
    .product-details .graph {
        margin-bottom: 30px;
    }
}

.product-details .graph #chartContainer {
    width: 100%;
    height: 310px;
}

.product-details .panel {
    padding: 0 !important;
    background-color: transparent;
}

@media (max-width: 991px) {
    .product-details .panel {
        margin-bottom: 30px;
    }
}

.product-details .panel h4 {
    margin: 0 !important;
    border: 1px solid #ddd;
    border-bottom: none !important;
}

.product-details .panel .list {
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
}

    .product-details .panel .list li {
        display: block;
        margin-bottom: 6px;
        font-family: text;
        font-size: 13px;
        display: flex;
        align-items: flex-start;
        color: #7b7b7b;
    }

        .product-details .panel .list li::before {
            content: "\f101";
            font-family: "Font Awesome 5 Pro";
            font-weight: 300;
            left: 0;
            font-size: 14px;
            margin-right: 6px;
            position: relative;
        }

        .product-details .panel .list li i {
            position: relative;
            top: 4px;
            margin-right: 10px;
            color: #ccc;
        }

        .product-details .panel .list li a {
            font-family: text;
            font-size: 13px;
            position: relative;
            display: flex;
            align-items: flex-start;
            width: 100%;
            color: #7b7b7b;
        }

            .product-details .panel .list li a:hover {
                color: #00c3ff;
            }

@media (max-width: 576px) {
    .product-details .panel .list li a {
        justify-content: center;
    }
}

@media (max-width: 380px) {
    .chartChecks {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center !important;
        flex-direction: column;
    }

        .chartChecks .radio-group + .radio-group {
            margin-top: 5px;
        }
}

.radio-group {
    display: flex;
    margin: 12px 0 0;
}

    .radio-group input {
        display: none;
    }

        .radio-group input:checked + .btn-secondary {
            background-color: #2d2d2d;
        }

        .radio-group input:checked + .btn-info {
            background-color: #005364;
        }

    .radio-group .btn {
        transition: none;
        cursor: pointer;
        border: none;
        margin: 0;
        border-radius: 0;
        font-family: textsb;
        font-size: 11px;
        padding: 3px 8px;
    }

@media (max-width: 1199px) {
    .radio-group .btn {
        font-size: 9px;
    }
}

.proptypes {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .proptypes .btn-pt {
        background: #3d3d3d;
        color: #fff;
        font-family: text;
        font-size: 12px;
        font-family: textsb;
        border-radius: 0;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .proptypes .btn-pt:hover {
            background-color: #1d1d1d;
        }

    .proptypes .dropdown.show .btn-pt {
        background-color: #1d1d1d;
    }

    .proptypes .dropdown-menu {
        padding: 0;
        border-radius: 0;
    }

        .proptypes .dropdown-menu a {
            font-family: textsb;
            font-size: 12px;
            padding: 7px 12px;
        }

            .proptypes .dropdown-menu a ~ a {
                border-top: 1px solid #e4e4e4;
            }

            .proptypes .dropdown-menu a:hover {
                background-color: #1d1d1d;
                color: #f1f1f1;
            }

.gallary {
    position: sticky;
    top: 80px;
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .gallary {
        position: relative;
        top: 0;
    }
}

.gallary .ribbon {
    background-color: #1d1d1d;
    color: #fff;
    position: absolute;
    top: 0;
    left: auto;
    right: 5px;
    z-index: 10;
    border-radius: 0 0 5px 5px;
    padding: 3px 6px;
    font-family: textsb;
    display: inline-block;
    font-size: 10px;
}

    .gallary .ribbon.r-new {
        background-color: #46ad4a;
    }

    .gallary .ribbon.r-soon {
        background-color: #2196f3;
    }

    .gallary .ribbon.r-ofstock {
        background-color: #d32f2f;
    }

.gallary .carousel .carousel-indicators {
    padding: 15px 0 0;
    display: inline-flex;
    position: relative;
    margin-right: 0;
    margin-left: 0;
    position: relative;
    justify-content: flex-start !important;
}

    .gallary .carousel .carousel-indicators li {
        -webkit-transition: 0.1s ease;
        -o-transition: 0.1s ease;
        transition: 0.1s ease;
        width: 80px;
        min-width: 80px;
        height: auto;
        text-indent: 0;
        border: 1px solid #ccc;
        position: relative;
        padding-top: 80px;
    }

        .gallary .carousel .carousel-indicators li.active {
            border: 1px solid #bbb;
        }

        .gallary .carousel .carousel-indicators li img {
            object-fit: contain;
            object-position: center;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            position: absolute;
        }

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

.gallary .img-holder {
    position: relative;
    padding-top: 72%;
    width: 100%;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #ddd;
}

    .gallary .img-holder img {
        padding: 5px;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-position: center;
        object-fit: contain;
    }

.overflow-thumbs {
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    text-align: center;
}

    .overflow-thumbs::-webkit-scrollbar {
        height: 7px;
        background-color: transparent;
        position: absolute;
        border-radius: 5px;
    }

    .overflow-thumbs::-webkit-scrollbar-thumb {
        background-color: #7b7b7b;
        border-radius: 5px;
    }

    .overflow-thumbs::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 5px;
    }

.listing {
    display: flex;
    gap: 10px;
    flex-direction: row;
}

@media (max-width: 992px) {
    .listing {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

.listing .gallary {
    height: 100%;
    margin-bottom: 0 !important;
    min-width: 360px;
}

@media (max-width: 991px) {
    .listing .gallary {
        min-width: calc(100% - 30px);
        margin-left: auto;
    }
}

.detail-content {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 30px;
}

    .detail-content .product-title {
        background-color: #f5f5f5;
        padding: 10px 15px;
        margin: -14px -14px 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

@media (max-width: 576px) {
    .detail-content .product-title {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

.detail-content .product-title h1 {
    text-transform: uppercase;
    font-size: 28px;
    font-family: bold;
    letter-spacing: 1px;
    margin: 0;
}

@media (max-width: 1199px) {
    .detail-content .product-title h1 {
        font-size: 24px;
    }
}

@media (max-width: 576px) {
    .detail-content .product-title h1 {
        font-size: 18px;
        letter-spacing: 0;
        margin-bottom: 8px;
    }
}

.detail-content .product-title .fa-star {
    color: #ffb100;
}

.detail-content .product-title small {
    font-family: textsb;
    font-size: 10px;
    color: #1d1d1d;
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.detail-content .product-title strong {
    position: absolute;
    top: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%);
    color: #8f0002;
}

.detail-content .d-text {
    font-size: 14px;
    font-family: text;
    margin: 0 0 15px;
    color: #7b7b7b;
}

.detail-content .hinf {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 15px 10px;
    background-color: #eef0f2;
    border: 1px solid #d8dce2;
    height: 100%;
    text-align: center;
}

@media (max-width: 576px) {
    .detail-content .hinf {
        padding: 11px 10px;
        justify-content: space-between;
    }
}

.detail-content .hinf span {
    font-family: textsb;
    font-size: 14px;
    color: rgb(85, 102, 118);
}

@media (max-width: 576px) {
    .detail-content .hinf span {
        font-size: 12px;
        min-width: 0;
        font-family: textsb;
        letter-spacing: -0.5px;
    }
}

.detail-content .hinf strong {
    font-family: bold;
    font-size: 18px;
    margin-top: 10px;
}

@media (max-width: 576px) {
    .detail-content .hinf strong {
        font-size: 13px;
        margin-top: 0;
    }
}

@media (max-width: 480px) {
    .detail-content .hinf strong {
        font-size: 11px;
        margin-top: 0;
    }
}

.detail-content .pricing {
    margin-top: 20px;
}

    .detail-content .pricing table {
        border-bottom: 1px solid #ddd;
        width: 100%;
    }

        .detail-content .pricing table tbody tr td,
        .detail-content .pricing table tbody tr th,
        .detail-content .pricing table tfoot tr td,
        .detail-content .pricing table tfoot tr th {
            border-top: 1px solid #ddd;
            padding: 5px;
            font-size: 14px;
            font-family: text;
        }

            .detail-content .pricing table tbody tr td:last-child {
                text-align: right;
            }

    .detail-content .pricing h5 {
        font-family: text;
        font-size: 14px;
        padding: 5px 0;
        font-family: textbold;
        margin: 0;
    }

    .detail-content .pricing h6 {
        font-family: textbold;
        margin: 0;
        font-size: 14px;
    }

        .detail-content .pricing h6 del {
            font-family: textbold;
            color: rgb(177, 0, 0);
        }

    .detail-content .pricing .text-success {
        color: rgb(18, 155, 18);
    }

    .detail-content .pricing .text-happy {
        color: #00c3ff;
    }

.detail-content .row {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

    .detail-content .row > div {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

.reviews {
    margin-top: 30px;
}

    .reviews h1 {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .reviews .row {
        margin-left: -2px !important;
        margin-right: -2px !important;
    }

        .reviews .row .tabbox {
            background-color: white;
            padding-inline: 15px;
            padding-block: 30px;
        }

            .reviews .row .tabbox h4 {
                padding-inline-start: 10px;
            }

            .reviews .row .tabbox .lower {
                padding-inline-start: 10px;
                margin-bottom: 15px;
            }

                .reviews .row .tabbox .lower .d-flex {
                    gap: 10px;
                }

                .reviews .row .tabbox .lower .rates .fa-star {
                    color: rgb(255, 208, 0);
                }

                .reviews .row .tabbox .lower .numbers {
                    font-family: textbold;
                    font-size: 14px;
                }

            .reviews .row .tabbox .nav-tabs {
                border-bottom: none;
            }

                .reviews .row .tabbox .nav-tabs .col-2 {
                    padding-inline: 5px;
                }

                .reviews .row .tabbox .nav-tabs a {
                    color: #57a5c6;
                }

                    .reviews .row .tabbox .nav-tabs a:active {
                        color: gray;
                    }

                    .reviews .row .tabbox .nav-tabs a:hover {
                        color: gray;
                    }

                .reviews .row .tabbox .nav-tabs .progress {
                    padding: 0;
                }

                    .reviews .row .tabbox .nav-tabs .progress .progress-bar {
                        background-color: rgb(255, 208, 0);
                    }

    .reviews label {
        font-family: textbold;
        font-size: 14px;
    }

    .reviews .form-control {
        border-radius: 0;
        background-color: #fff;
        font-family: text;
        font-size: 14px;
        border: 1px solid #ddd;
        min-height: 40px;
    }

        .reviews .form-control option {
            font-family: text;
        }

    .reviews .reviews-list {
        position: relative;
    }

    .reviews .add-review {
        width: 100%;
        display: block;
        text-align: center;
        margin-top: 10px;
    }

        .reviews .add-review button {
            display: inline-block;
        }

        .reviews .add-review a {
            display: inline-block;
            font-family: textbold;
            font-size: 14px;
            text-transform: uppercase;
            border-radius: 50px;
            padding: 10px 35px;
            border: 2px solid #333;
            color: #333;
            transition: 0.15s linear;
        }

@media (max-width: 767px) {
    .reviews .add-review a {
        font-size: 12px;
        padding: 6px 14px;
    }
}

.reviews .add-review a:hover {
    color: #00c3ff;
    background-color: #333;
    color: #fff;
}

.reviews .add-review .invert {
    display: inline-block;
    font-family: textbold;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 50px;
    padding: 10px 35px;
    border: 2px solid #333;
    color: #333;
    transition: 0.15s linear;
    margin: 12px 0;
}

@media (max-width: 767px) {
    .reviews .add-review .invert {
        font-size: 12px;
        padding: 6px 14px;
    }
}

.reviews .add-review .invert:hover {
    color: #00c3ff;
    background-color: #333;
    color: #fff;
}

.reviews-list {
    background-color: #fff;
    padding: 5px 15px;
}

.single-review {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    height: 100%;
}

    .single-review ~ .single-review {
        border-top: 1px solid #eee;
    }

    .single-review .jq-ry-container {
        display: inline-block !important;
        margin: 0 auto !important;
    }

    .single-review .fa-star {
        color: rgb(255, 208, 0);
    }

    .single-review .rates {
        margin-right: 5px !important;
        white-space: nowrap;
        display: flex;
    }

    .single-review .r-text {
        font-size: 13px;
        color: #000;
        margin: 7px 0 0 !important;
        background: #f4f5f6;
        padding: 4px 8px !important;
        border-radius: 5px;
    }

    .single-review .linear {
        background: -webkit-linear-gradient(#000, #fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .single-review .img-holder {
        width: 45px;
        min-width: 45px;
        height: 45px;
        border-radius: 100%;
        position: relative;
        overflow: hidden;
        display: block;
    }

        .single-review .img-holder img {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            object-fit: cover;
            object-position: center;
        }

    .single-review .plasticType {
        color: #990004;
        font-family: textbold;
        font-size: 14px;
        letter-spacing: 0.5px;
        display: inline-block;
        margin-bottom: 0;
        margin-left: 7px;
        margin-left: auto;
    }

    .single-review .capsule {
        color: #111;
        font-family: textsb;
        font-size: 12px;
        display: inline-block;
        margin-bottom: 0;
        margin-left: 7px;
    }

        .single-review .capsule:hover {
            text-decoration: underline !important;
            color: #990004;
        }

    .single-review .name {
        font-family: textbold;
        font-size: 14px;
        color: #111;
        display: block;
        margin-bottom: 0;
    }

        .single-review .name .premium-user {
            height: 24px;
            width: auto;
            margin: -13px -3px 0 0px;
        }

    .single-review .badge {
        margin-right: 10px;
        margin-top: 4px;
        color: #7d8589;
        font-family: "text";
        font-weight: 500;
        padding: 0;
    }

    .single-review .date {
        margin: 5px 0 0 auto !important;
        font-size: 12px;
    }

    .single-review .r-text {
        font-size: 13px;
        color: #000;
        margin: 2px 0 0;
    }

    .single-review .flex-box {
        display: flex;
        align-items: center;
        align-items: flex-start;
        width: 100%;
    }

        .single-review .flex-box .personInfo {
            flex-grow: 1;
            margin-left: 10px;
        }

        .single-review .flex-box .upper,
        .single-review .flex-box .lower {
            display: flex;
            align-items: center;
            width: 100%;
            flex-wrap: wrap;
        }

        .single-review .flex-box .lower {
            justify-content: space-between;
        }

            .single-review .flex-box .lower .d-flex {
                flex-wrap: wrap;
            }

@media (max-width: 767px) {
    .row {
        margin-left: -5px;
        margin-right: -5px;
    }

        .row > div {
            padding-left: 5px;
            padding-right: 5px;
        }
}

.pod {
    background-color: #fff;
    padding: 10px 10px 5px;
}

    .pod .img-holder {
        border: 1px solid #eee;
        padding: 5px;
        position: relative;
    }

        .pod .img-holder .ribbon {
            background-color: #1d1d1d;
            color: #fff;
            position: absolute;
            top: 0;
            left: auto;
            right: 5px;
            z-index: 10;
            border-radius: 0 0 5px 5px;
            padding: 3px 6px;
            font-family: textsb;
            display: inline-block;
            font-size: 10px;
        }

            .pod .img-holder .ribbon.r-new {
                background-color: #46ad4a;
            }

            .pod .img-holder .ribbon.r-soon {
                background-color: #2196f3;
            }

            .pod .img-holder .ribbon.r-ofstock {
                background-color: #d32f2f;
            }

        .pod .img-holder a {
            display: block;
            position: relative;
            padding-top: 100%;
            width: 100%;
        }

            .pod .img-holder a img {
                position: absolute;
                top: 0;
                left: 0;
                height: 100% !important;
                width: 100%;
                object-fit: contain;
                object-position: center;
                transition: 0.1s linear;
            }

@media (min-width: 768px) {
    .pod .img-holder a img {
        max-width: 197px;
    }
}

@media (min-width: 992px) {
    .pod .img-holder a img {
        max-width: 230px;
    }
}

@media (min-width: 1025px) {
    .pod .img-holder a img {
        max-width: 166px;
    }
}

@media (min-width: 1200px) {
    .pod .img-holder a img {
        max-width: 210px;
    }
}

@media (min-width: 1400px) {
    .pod .img-holder a img {
        max-width: 250px;
    }
}

.pod .img-holder a span {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff !important;
    color: #333;
    padding: 6px 8px 5px;
    border-radius: 3px;
    transition: 0.1s linear;
    font-family: textsb;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    opacity: 0;
}

@media (max-width: 576px) {
    .pod .img-holder a span {
        display: none !important;
    }
}

.pod .img-holder a span i {
    margin-right: 5px;
}

.pod .img-holder a span:hover {
    background-color: #333 !important;
    color: #fff !important;
}

.pod .text {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 0 0 10px;
    position: relative;
}

    .pod .text h4 {
        font-size: 14px !important;
        font-family: textbold !important;
        margin: 0 !important;
        color: #111 !important;
        background: transparent !important;
        background-color: #f5f5f5 !important;
        padding: 0 !important;
        min-height: 35px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

@media (max-width: 576px) {
    .pod .text h4 {
        font-size: 12px;
        letter-spacing: 0.1px;
    }
}

.pod .text h4 a {
    font-size: 14px;
    font-family: textbold;
    margin: 0;
    color: #111;
    text-align: center;
    display: block;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 576px) {
    .pod .text h4 a {
        font-size: 12px;
        letter-spacing: 0.1px;
    }
}

.pod .text .s-rate {
    font-size: 15px;
}

.pod .text .frow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 5px 0;
}

@media (max-width: 420px) {
    .pod .text .frow {
        flex-direction: column;
    }
}

.pod .text .frow p {
    font-size: 12px;
    font-family: medium;
    margin: 0 !important;
}

.pod .text .frow ul {
    margin: 0 !important;
    display: inline-flex;
}

    .pod .text .frow ul li {
        font-size: 11px;
        line-height: 12px;
        color: rgb(255, 192, 17);
    }

        .pod .text .frow ul li ~ li {
            margin-left: 0;
        }

.pod .text .p-info {
    text-align: left;
    font-family: text;
    font-size: 13px;
    margin-bottom: 10px;
    overflow: hidden;
}

@media (max-width: 576px) {
    .pod .text .p-info {
        text-align: center;
        font-size: 11px;
        display: none;
    }

        .pod .text .p-info .btn {
            width: 100%;
            margin-top: 5px;
        }
}

.pod .text .btn {
    border: 1px solid #ddd;
    color: #666;
    font-family: textsb;
    font-size: 12px;
    padding: 5px 0;
    white-space: nowrap;
    flex-grow: 1;
    border-radius: 50px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .pod .text .btn {
        font-family: textbold;
        font-size: 11px;
        padding: 5px 8px;
    }
}

@media (max-width: 576px) {
    .pod .text .btn {
        width: 100%;
    }
}

.pod .text .btn i {
    margin-right: 3px;
}

.pod .text .btn:hover {
    background-color: #333;
    color: #fff;
    border-color: #333;
}

.pod:hover .img-holder a span {
    top: 50%;
    opacity: 1;
}

.pod:hover .img-holder img {
    filter: blur(1px);
    opacity: 0.5;
}

.pod .text a.btn,
.slot .text a.btn {
    border: 1px solid #ddd;
    color: #666;
    font-family: textsb;
    font-size: 12px;
    padding: 5px 20px;
    border-radius: 50px;
    text-transform: uppercase;
}

    .pod .text a.btn:hover,
    .slot .text a.btn:hover {
        background-color: #333;
        color: #fff;
        border-color: #333;
    }

.pod .text .p-info {
    height: 57px;
}

.pod .text .btn {
    white-space: nowrap;
    flex-grow: 1;
    padding: 5px 0 !important;
}

.pod .text .d-flex {
    gap: 7px;
}

.pod .img-holder .ribbon {
    background-color: #1d1d1d;
    color: #fff;
    position: absolute;
    top: 0;
    left: auto;
    right: 5px;
    z-index: 10;
    border-radius: 0 0 5px 5px;
    padding: 3px 6px;
    font-family: textsb;
    display: inline-block;
    font-size: 10px;
}

    .pod .img-holder .ribbon.r-pre {
        background-color: #2196f3;
    }

@media (max-width: 576px) {
    .pod .text .d-flex {
        gap: 3px;
        flex-direction: column;
    }
}

.related-products {
    margin-bottom: 30px;
}

    .related-products .products .pod {
        margin-bottom: 30px;
    }

@media (max-width: 767px) {
    .related-products .products .pod {
        margin-bottom: 10px;
    }
}

.flight-details {
    margin-bottom: 30px;
}

    .flight-details .graph {
        border: none !important;
    }

        .flight-details .graph > div {
            height: 150px;
            width: 100%;
        }

    .flight-details .p-body {
        border: 1px solid #ddd;
        background-color: #fff;
    }

    .flight-details .fd-text {
        padding: 25px 25px 15px 5px;
        color: #7b7b7b;
        font-size: 14px;
    }

.canvasjs-chart-credit {
    display: none !important;
}

.grow-panel {
    display: flex;
    flex-direction: column;
}

    .grow-panel .list {
        flex-grow: 1;
    }

.modal label {
    margin: 0 !important;
    font-family: textbold;
    font-size: 12px;
}

.modal .btn {
    text-transform: uppercase;
}

.modal .form-group .slider {
    border: 0;
    color: #00c3ff;
    font-weight: bold;
    width: 100%;
    font-family: "textbold";
    margin-bottom: 5px;
    font-size: 12px;
}

.modal p {
    font-size: 14px;
    font-family: "textsb";
    margin: 15px 0 5px;
}

.ui-slider .ui-slider-handle {
    border-radius: 100%;
    width: 14px !important;
    height: 15px !important;
    top: -6px !important;
    cursor: pointer;
    border: 1px solid #9c9c9c;
    background: #cacaca;
}

    .ui-slider .ui-slider-handle:focus {
        outline: none !important;
        border: 1px solid #9c9c9c !important;
        background: #cacaca !important;
    }

    .ui-slider .ui-slider-handle:active {
        outline: none !important;
        background: #d28d8f !important;
        border-color: #d07678 !important;
    }

.ui-slider-horizontal {
    height: 6px !important;
}

.modal-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #ddd;
    padding: 10px 15px;
    width: 100%;
}

    .modal-actions .btn {
        font-size: 12px;
        text-transform: uppercase;
        padding: 8px 30px !important;
        margin: 0 !important;
        font-family: "textbold";
    }

        .modal-actions .btn ~ .btn {
            margin-left: 10px;
        }

.reviewsScroll {
    padding: 0 15px 0 0;
    max-height: calc(100vh - 160px);
    overflow-y: scroll;
}

@media (max-width: 767px) {
    .reviewsScroll {
        padding: 0;
    }
}

.reviewsScroll::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;
    position: absolute;
}

.reviewsScroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(to right, #790000, #a90000);
}

.reviewsScroll::-webkit-scrollbar-track {
    background-color: transparent;
}

.empty-reviews {
    background-color: #fff;
    padding: 50px 15px;
    text-transform: uppercase;
    border: 1px solid #ddd;
}

    .empty-reviews h4 {
        font-family: light;
        font-size: 32px;
    }

#add_review_modal .modal-body .form-control {
    width: 100% !important;
}

#add_review_modal .modal-body .small-label {
    border: 0;
    color: #840000;
    font-weight: bold;
    font-family: "textbold";
    margin-bottom: 5px;
    font-size: 12px;
}

.related-products .row {
    margin-inline: -5px;
}

    .related-products .row > div {
        padding-inline: 5px;
    }

        .related-products .row > div > div {
            margin: 0 0 10px !important;
        }

    .related-products .row .pod .text {
        padding: 0 0 8px;
    }