/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
.wd-search-cat>a:hover,
a {
    text-decoration: none !important;
}

#mainSlider .contianer h2,
#mainSlider .contianer h3,
#mainSlider .contianer h4 {
    font-family: Agency FB;
    font-weight: 600;
    line-height: 70px;
}

.promoBannerright .banner-subtitle,
.second .banner h4 {
    font-size: 73px !important;
    font-weight: 500 !important;
    line-height: 70px !important;
}

.singleblog-card img,
img.blog-single-imag.lazyloaded {
    object-position: center;
    object-position: center;
}

a,
footer a {
    color: var(--wd-link-color);
}

#marquee,
.marquee {
    box-sizing: border-box;
}

.wd-search-cat>a:hover {
    color: #056839;
}

.cat-row .vc_column-inner,
.centerBanner-leftright .vc_column-inner,
.dRop-mega .vc_column-inner,
.headingPopup .liner-continer,
.lastBanner-row .vc_column-inner,
.shez .wpb_single_image.vc_align_center,
.tax-product_cat .custom-top-rated-products li {
    margin-bottom: 0 !important;
}

.reviews-box .info-box-content {
    align-self: center;
    padding: 10px 21px;
}

.reviews-box .info-box-content::before {
    content: url("https://footballjersey.pk/wp-content/uploads/2025/01/imgpsh_fullsize_anim-4.png");
    display: block;
    width: 40px;
    height: auto;
}

.mobile-silde .category-image-wrapp {
    border-radius: 10px;
}

.product-image {
    width: 80px;
}

.custom-top-rated-products .product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.custom-top-rated-products .product-details h4 {
    font-size: 13px !important;
    line-height: 15px;
}

.custom-top-rated-products .star-rating {
    font-size: 10px;
}

.custom-top-rated-products .woocommerce-Price-amount.amount {
    font-size: 12px !important;
}



.centerBanner-image,
.centerBanner-image img {
    width: 410px;
    display: block;
    margin: 0 auto;
}

.wc-tab-inner li {
    margin-bottom: 5px;
}

.contrecap,
.dRop-mega span,
.product_gridd .wd-wpb,
.yith-wapo-container,
div#tab-description p,
h3 {
    margin-bottom: 10px;
}

.wd-dropdown-menu.wd-design-full-width {
    padding-top: 0 !important;
}

.cate-rom {
    padding-top: 10px !important;
}

.tag-boxs,
div#recent-comments-4,
div#wapo-total-price-table,
div#woodmart-instagram-3,
p:empty {
    display: none;
}

span.yrm-toggle-expand.yrm-toggle-expand-1 {
    background: #1b683b !important;
    transition: 0.25s;
    opacity: 1;
    color: #fff;
    padding: 10px 30px;
    border-radius: 7px;
    height: 40px;
    width: 130px;
}

.centerBtn.btn-style-link:hover,
span.yrm-toggle-expand.yrm-toggle-expand-1:hover {
    transition: 0.25s;
    background: #0e341e !important;
    color: #fff;
}

#woocommerce_product_categories-2 {
    overflow-y: scroll;
    height: 400px;
}

#woocommerce_product_categories-2::-webkit-scrollbar {
    width: 8px;
}

#woocommerce_product_categories-2::-webkit-scrollbar-thumb {
    background: #046739;
    border-radius: 4px;
}

#woocommerce_product_categories-2::-webkit-scrollbar-thumb:hover {
    background: #000;
}

[class*="wd-carousel-spacing-"] .owl-nav>div[class*="prev"] {
    left: 0 !important;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: visible;
}

[class*="wd-carousel-spacing-"] .owl-nav>div[class*="next"] {
    right: 0 !important;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: visible;
}

[class*="wd-carousel-spacing-"] .owl-nav>.wd-btn-arrow:after {
    font-size: 20px;
    line-height: 1;
    color: WHITE;
    background-color: BLACK;
    width: 40px;
    height: 40px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 100%;
}

.sect-more {
    padding: 30px;
}

.sect-more p {
    font-size: 16px;
    color: #333;
}

.sect-more h2 {
    font-size: 30px;
    line-height: 30px;
}

.menu-item-17362 .nav-link-text,
.menu-item-17502 .nav-link-text {
    color: red;
}

.archive .woocommerce-page .main-page-wrapper {
    max-width: 100%;
    padding: 0;
}

.archive .main-page-wrapper .container {
    max-width: 100%;
}

.vc_row[data-vc-full-width].vc_hidden {
    opacity: 1 !important;
}

.close-side-widget a {
    visibility: hidden;
    flex-direction: row-reverse;
}

.close-side-widget ::before {
    visibility: visible !important;
}

#menu-item-12668 li,
.dRop-mega .sub-sub-menu li {
    padding: 0 !important;
}

.wd-popup-inner .wd-social-icons {
    text-align: left;
}

#wpcf7-f16848-o1 label,
.centerBtn.btn-style-link span,
.latest-post h4,
.wd-popup-inner span.wd-icon {
    color: #fff;
}

.wd-popup.wd-promo-popup {
    max-width: 1020px !important;
}

.product-grid-item:hover {
    box-shadow: 0 0 0 0 #00000024;
    box-shadow: 0 0 8px 0 #00000024;
}

#wpcf7-f16848-o1 input {
    border: 1px solid #ffffffa8;
    border-radius: 4px;
    margin-top: 7px;
}

#wpcf7-f16848-o1 input[type="submit"] {
    background: #056839;
    border: 0 !important;
    color: #fff;
    border-radius: 3px !important;
    font-size: 16px;
    text-transform: capitalize;
    padding: 14px 30px;
}

#wpcf7-f16848-o1 input[type="submit"]:hover {
    background: #fff;
    color: #056839;
}

.dRop-mega li a {
    color: #fff;
    padding-top: 0;
    padding-bottom: 4px;
    font-size: 16px;
}

.dRop-mega li ul li a {
    line-height: 25px;
}

.dRop-mega span {
    font-size: 18px;
    line-height: 20px;
}

.dRop-mega .vc_col-has-fill>.vc_column-inner,
.main-page-wrapper,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0;
}

.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    -webkit-animation: 2s infinite NAME-YOUR-ANIMATION;
}

@-webkit-keyframes NAME-YOUR-ANIMATION {

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -o-transform: rotate(5deg);
    }

    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
    }
}

.second .banner .banner-image::before {
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.2) 75%);
    position: absolute;
    left: 0;
    opacity: 0;
    transition: 0.5s;
}

.second .banner-image {
    transition: 0.5s;
}

.wd-empty-mini-cart .btn,
.wd-header-cart.wd-design-2 .wd-cart-number,
.wd-header-cart.wd-design-5 .wd-cart-number,
.wd-nav[class*="wd-style-underline"] .nav-link-text:after,
a.btn.wd-load-more:hover {
    background: #000 !important;
}

.price .amount {
    color: #000;
}

.latest-post h3 a:hover,
.newArrivals-tabs li,
.newArrivals-tabs li a,
.option-price .amount {
    color: #fff !important;
}

.wd-underline-bordered u {
    border-color: #000 !important;
}

.section_padding {
    padding: 50px 0;
}

.section_padding h4 {
    padding-bottom: 10px;
}

.main-footer .footer-column-2 div#nav_menu-18 {
    padding-left: 50px;
}

.footer-column-3,
.footer-column-4,
.main-footer .footer-column-2 {
    padding-top: 40px;
}

.main-footer .footer-column-1 img.attachment-medium {
    width: 150px;
}

.whb-main-header .whb-column.whb-col-right {
    justify-content: flex-start;
}

.whb-main-header .menu li {
    padding: 0 30px;
}

.site-logo .wd-logo img {
    width: 180px;
    object-fit: contain;
    height: 230px;
}

.rotate {
    animation: 1s linear infinite rotation;
}

.second .banner a:hover {
    background: #4a4a4a;
}

.categBanner.banner-hover-background:not(.banner-background) .wrapper-content-banner:after {
    background: #000000ad;
}

.newArrivals-tabs li {
    background: #2d2d2d;
    padding: 0 30px;
}

.banner_fiver h4,
.banner_fiver p {
    color: #e8e8ff !important;
    font-family: "Agency FB";
}

.newArrivals-tabs li.wd-active {
    background: #000;
}

.newArrivals-tabs li.wd-active a span:after {
    display: none !important;
    background-color: transparent !important;
}

.newArrivals-tabs ul,
.post-blog-wrapper {
    margin-bottom: 40px;
}

.cat-row {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 580px;
    background-position: center;
}

.latest-post h3,
.singleblog-cardcontent h3 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 54px;
}

.centerBanner-image {
    animation: 5s ease-in-out infinite float;
    box-shadow: 0 0 !important;
}

.product-grid-item {
    padding: 0 0 20px 0;
}

.home .product-grid-item {
    padding: 0 0 20px 0;
}

.site-content {
    margin: 0;
}

.product-summary-shadow .summary-inner {
    box-shadow: none !important;
    padding-top: 40px;
}

.product-image-wrap {
    border: 1px solid #00000026;
}

.woocommerce-product-gallery {
    padding-top: 50px;
}

@keyframes rotation {

    0%,
    100%,
    50% {
        transform: rotate(0);
    }

    25% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(10deg);
    }
}

@keyframes float {

    0%,
    100% {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.6);
        transform: translatey(0);
    }

    50% {
        box-shadow: 0 25px 15px 0 rgba(0, 0, 0, 0.2);
        transform: translatey(-20px);
    }
}

@keyframes attention {

    0%,
    100% {
        transform: translate(0);
    }

    10%,
    50%,
    80% {
        transform: translate(-2px, -2px);
    }

    20%,
    60%,
    90% {
        transform: translate(2px, -2px);
    }

    30%,
    70% {
        transform: translate(-2px, 2px);
    }

    40% {
        transform: translate(2px, 2px);
    }
}

#mainSlider .contianer {
    margin: 0 auto;
    max-width: 1482px;
    align-items: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

#mainSlider .contianer h3 {
    color: #fff;
    font-size: 62px;
    text-transform: uppercase;
    margin: 11px 0 50px;
}

#mainSlider .contianer h2 {
    font-size: 88px;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
}

#mainSlider .bannerbuttonWrapper a,
.centerBannerDetails .info-btn-wrapper a {
    width: fit-content;
    padding: 18px 30px;
    background: #3ea351;
    color: #fff;
    text-transform: uppercase;
}

#mainSlider .contianer h4 {
    color: #fff;
    font-size: 52px;
    text-transform: uppercase;
    margin: 51px 0 0;
}

#mainSlider .bannerbuttonWrapper a {
    font-family: Poppins;
    font-size: 14px;
    border-radius: 10px;
    font-weight: 700;
    margin-bottom: 80px;
    display: block;
}

#mainSlider .bannerbuttonWrapper a:hover {
    background: #046739;
}

#mainSlider .contianer a.bordebtn:hover {
    background: #000 !important;
    color: #fff;
}

#mainSlider .contianer a.bordebtn {
    background: 0 0 !important;
    border: 1px solid #000;
    margin-left: 10px;
    color: #000;
    font-weight: 700;
}

.second .banner h4 {
    font-family: "Agency FB";
    margin-bottom: 70px;
}

.second .banner a {
    padding: 18px 30px;
    font-family: Poppins;
}

.banner_fiver h4 {
    font-size: 50px !important;
    font-weight: 500;
    position: relative;
    margin-bottom: 0 !important;
    width: 35%;
    margin: 0 auto;
}

.banner_fiver p {
    font-size: 32px;
}

.banner_fiver h4::after {
    content: url(https://stageportfoilo.com/wp/marimount/wp-content/uploads/2023/02/heading-img-copy-5.png);
    position: absolute;
    top: 96px;
    left: 35%;
    text-align: center;
}

.cat-item-219,
.cat-item-246,
.cat-item-269,
.yith-wapo-addon-label .option-price,
button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
    display: none !important;
}

.promoBanner:before {
    content: "";
    position: absolute;
    width: 580px;
    height: 520px;
    background: url(images/leftbannerasseat.png) 0 0/530px no-repeat;
    display: block !important;
    bottom: -50px;
    overflow: visible;
    z-index: 9;
}

.promoBanner,
.promoBannerright {
    overflow: visible !important;
}

.promoBanner:after {
    content: "";
    width: 540px;
    height: 77px;
    background: #01ae29;
    display: block;
    right: 0;
    position: absolute;
    z-index: 1;
    bottom: 97px;
}

.promoBannerright .banner-subtitle {
    font-family: "Agency FB";
}

.promoBannerright .banner-title-wrap {
    text-align: left !important;
    width: 46% !important;
    float: right !important;
}

.promoBannerright:before {
    content: "";
    width: 496px;
    height: 450px;
    background: url(images/rightpromobanner.png) 0 0/480px no-repeat;
    position: absolute;
    bottom: -40px;
}

.centerBannerDetails {
    text-align: center;
    width: 400px !important;
    margin: 0 auto;
    background: url(images/center-label.png) center/100%;
    border-radius: 100% !important;
    height: 400px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed #fff;
}

.centerBannerDetails .info-btn-wrapper a {
    text-align: center;
    margin: 0 auto;
    display: block;
    font-family: Poppins;
    font-size: 14px;
    border-radius: 10px;
    font-weight: 700;
}

.centerBannerDetails .info-box-subtitle,
.centerBannerDetails .info-box-title {
    text-transform: uppercase;
    margin-bottom: 0;
}

.centerBannerDetails .info-box-content {
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding-top: 30px;
}

.centerBannerDetails .info-btn-wrapper a:hover {
    background: #046739;
    color: #fff;
}

.yith-wapo-option .checkbox-button-container {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 14px;
    background: #1b683b;
    padding: 4px 9px;
    color: #fff !important;
}

.yith-wapo-option .checkbox-button-container input {
    margin-right: 0 !important;
    margin-bottom: 3px;
    accent-color: #000;
}

.yith-wapo-option .checkbox-button-container label {
    color: #fff !important;
    text-transform: uppercase;
}

.yith-wapo-block .yith-wapo-addon.empty-title {
    margin-top: 0;
}

.wd-swatches-product[data-id="pa_favorite-star"] .wd-swatch {
    width: 80px;
    height: 110px;
}

body.archive.search.search-no-results,
body.archive.search.search-results,
td.value.cell,
th.label.cell {
    display: block;
}

.woocommerce-product-details__short-description li {
    margin-bottom: 4px;
}

.banner_four a.btn {
    background: #056839;
    color: #fff !important;
    font-size: 19px;
    padding: 20px 50px;
}

.lastBanner.promo-banner .banner-image img {
    width: 100% !important;
    height: 540px !important;
}

.woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name {
    text-align: center;
    font-family: Poppins;
    opacity: 1;
    margin-bottom: 15px;
    background: #056839;
    color: #fff !important;
    padding: 10px 0;
}

.wc-bacs-bank-details-heading {
    text-align: center;
    color: #056839;
    border-bottom: 1px solid #0568394f;
    margin: 0 70px 40px;
    display: block;
    padding-bottom: 10px;
}

section.woocommerce-bacs-bank-details {
    background: #f9f9f9;
    padding: 30px 10px;
    border: 2px dashed #056839;
}

.account_number {
    font-size: 12px;
    line-height: 14px;
    font-weight: 800;
    color: #000;
}

.woocommerce-bacs-bank-details :is(.woocommerce-thankyou-order-details, .wc-bacs-bank-details) li {
    padding: 13px 12px;
    color: #000 !important;
    font-weight: 600;
    font-size: 14px;
    margin: 0 2px;
    border: 1px solid #e2d9d9 !important;
    line-height: 21px;
}

.woocommerce-bacs-bank-details :is(.woocommerce-thankyou-order-details, .wc-bacs-bank-details) strong {
    margin-top: 5px;
    font-size: 13px;
    color: #585858 !important;
}

li.woocommerce-order-overview__order.order strong {
    margin-top: 5px;
    font-size: 13px;
    color: #585858 !important;
}

:is(.woocommerce-thankyou-order-details, .wc-bacs-bank-details) li {
    padding: 13px 12px;
    color: #000 !important;
    font-weight: 600;
    font-size: 14px;
    margin: 0 2px;
    border: 1px solid #e2d9d9 !important;
    line-height: 21px;
}

.woocommerce-order:not(.wd-with-extra-content) {
    max-width: 1025px;
}

.contactdetails-top {
    background: #e5e5e5;
    padding: 30px 0;
}

.getintouchBox .info-box-title {
    font-size: 28px !important;
    color: #1b683b;
}

.getintouchBox .info-box-inner p {
    color: #000 !important;
}

.wd-info-box.getintouchBox {
    background: #fff !important;
    padding: 40px !important;
}

#wpcf7-f1938-p5288-o1 input[type="submit"],
#wpcf7-f9097-p9098-o1 input[type="submit"] {
    background: #1b683b;
    color: #fff;
}

.centerBtn.btn-style-link {
    background: #1b683b !important;
    transition: 0.25s;
    opacity: 1;
    color: #fff;
    padding: 10px 30px;
    border-radius: 7px;
}

.centerBtn:hover span {
    margin-left: 5px;
    transition: 0.25s;
}

.shop-content-area {
    margin-bottom: 20px;
}

#wpcf7-f8423-p8424-o1 label {
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
}

#wpcf7-f8423-p8424-o1 input,
#wpcf7-f8423-p8424-o1 select {
    margin-top: 10px;
}

.sizeguideImg img {
    width: 280px;
}

.giveAwayform-row {
    background: #f0f0f0a1;
    border: 2px dashed #121212;
}

#mainSlider .slick-dots {
    font-size: 0;
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    justify-content: center;
}

.bannerbuttonWrapper,
.search {
    align-items: center;
    display: flex;
}

#mainSlider .slick-dots li button {
    font-size: 0;
    background: #030e0b;
    margin: 0 4px;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    padding: 0 !important;
}

#mainSlider .slick-dots .slick-active button {
    background: #dbdbdb;
}

.bannerbuttonWrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    justify-content: center;
}

.search input.form-control.me-2 {
    color: #fff;
    background: #f4f5f8;
    color: var(--thm-black);
}

.searchform.wd-with-cat input[type="text"] {
    border-radius: 8px;
    border-color: #056839;
}

.wd-search-cat>a {
    border-color: #065a31;
}

.single-cat-icon,
.single-post #menu-main-mega-menu,
.whb-header {
    margin-bottom: 0;
}

a.btn.wd-load-more {
    background: #056839 !important;
    color: #fff;
    border: 0 !important;
    animation: 2s infinite forwards attention;
}

.slide-product.owl-carousel-item .wapo-addon-title {
    font-size: 14px;
}

.wd-order-extra-content h3 {
    font-family: Poppins;
    font-size: 25px;
    font-weight: 800 !important;
    text-transform: capitalize;
    text-align: center;
}

.wd-order-extra-content h4 {
    font-family: Poppins;
    font-size: 20px;
    margin-bottom: 0;
    color: red;
}

.dRop-mega .wd-sub-menu li>a:hover {
    color: rgb(205 204 204) !important;
}

p.wapo-addon-description,
.yith-wapo-block .yith-wapo-addon .yith-wapo-option p.description {
    color: #1b683b !important;
    font-style: italic !important;
}

.yith-wapo-block .yith-wapo-addon .yith-wapo-option p.description {
    font-size: 14px;
}

p.wapo-addon-description:after,
p.wapo-addon-description:before,
.yith-wapo-block .yith-wapo-addon .yith-wapo-option p.description:before,
.yith-wapo-block .yith-wapo-addon .yith-wapo-option p.description:after {
    content: "*";
}

div#mainblogcards {
    display: flex;
    flex-flow: row wrap;
    color: var(--white);
    gap: 10px;
    padding: 15px 0;
    width: 100%;
}

.singleblog-card {
    width: 32%;
    margin-right: 0;
    margin-bottom: 30px;
}

.singleblog-cardcontent p {
    margin-bottom: 6px;
    color: #5a5a5a;
}

.blog-btn a {
    color: #205a42;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: underline !important;
    font-size: 16px;
}

.post-box {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.blogs-cont {
    margin: 25px 0;
}

.blog-wraper {
    display: flex;
    padding-left: 10px;
}

.blogs-client {
    margin-right: 13px;
}

.blogs-client h6 {
    color: var(--wd-title-color);
    font-weight: var(--wd-title-font-weight);
    font-size: 12px;
}

.latest-post h3 {
    overflow: hidden;
    width: 100%;
    color: #fff;
}

.singleblog-cardcontent h3 {
    font-size: 24px;
    line-height: 28px;
    font-family: math;
    font-weight: 800 !important;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}

.latest-post h4,
.single-post a,
.single-post p {
    font-family: Poppins;
}

.search {
    position: relative;
    margin-bottom: 25px;
}

.search i.fa-solid.fa-magnifying-glass {
    position: absolute;
    right: 30px;
}

.latestpost-img {
    width: 20%;
}

.search i.fa-solid.fa-magnifying-glass,
.search input.form-control.me-2::placeholder {
    color: #fff;
}

.post-cont {
    width: 80%;
}

.post-box h3 {
    font-size: 20px;
}

.post-cont h3 {
    font-size: 18px;
}

.latest-author {
    display: flex;
    align-items: center;
    gap: 20px;
}

.latest-post .categories-box ul li a {
    font-family: math;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
}

.latest-post {
    background: #f4f5f8;
    margin-bottom: 35px;
}

.latest-post li {
    list-style: none;
}

img.blog-single-imag.lazyloaded {
    object-fit: cover;
}

.latest-post ul,
.single-product .related-and-upsells .product-grid-item {
    padding: 0;
}

.blog-left table td {
    border-right: 1px solid #e0e0e0;
}

.blog-para td b,
.blog-para td span,
.blog-para td strong,
.blog-para th span,
.blog-para th strong,
.single-post p {
    color: var(--wd-text-color);
}

.blog-left a,
.blog-left a span {
    color: #056839;
    font-weight: 600 !important;
}

.blog-left a:hover {
    color: var(--wd-link-color-hover);
    text-decoration: none;
}

.blog-left table {
    border: 2px solid #056839 !important;
}

.blog-left table tr td {
    border: 0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.blog-left table tr:hover {
    background: #0568390f;
}

.breadcrumbs a {
    color: #fff;
}

.blog-left table tr td:last-child {
    border-right: 1px solid #e0e0e0 !important;
}

.blog-para td,
.blog-para th,
.single-cat-icon a h3 {
    text-align: center;
}

.blog-para th b,
.blog-para th strong {
    color: var(--wd-title-color);
}

.latest-author p {
    margin: 0;
    color: #fff;
    font-size: 13px;
}

.singleblog-cardcontent {
    margin-top: 15px;
    padding: 0 5px;
}

.latest-post,
.search input.form-control.me-2 {
    position: relative;
    display: block;
    background: #205a42e3;
}

.main-banner-home figure,
.main-banner-home figure div,
.main-banner-home figure div img,
.single-banner img {
    width: 100%;
}

.singleBannerWrapper {
    position: relative;
}

.latestpost-img img {
    width: 104px !important;
    height: 47px !important;
    object-fit: cover;
    margin-bottom: 55px;
    margin-left: 0;
    border-radius: 4px;
}

.singleblog-card img {
    object-fit: cover;
    width: 382px !important;
    height: 179px !important;
    object-fit: cover !important;
}

.search input.form-control.me-2 {
    line-height: 41px;
    padding: 19px 80px 19px 35px;
    color: var(--thm-black);
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    width: 100%;
    height: 30px;
    border: 1px solid #f4f5f8 !important;
    border-radius: 7px;
}

.latest-post {
    padding: 30px 20px;
    border-radius: 7px;
}

img.blog-single-imag.lazyloaded {
    object-fit: cover;
    width: 850px !important;
    height: 393px !important;
    object-fit: cover !important;
    border-radius: 5px !important;
}

.latest-post h4 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 15px !important;
}

.blog-para h2,
.blogs-cont h1,
.blogs-cont h2 {
    color: var(--wd-title-color);
    font-weight: var(--wd-title-font-weight);
}

.search-results {
    display: block !important;
}

.single-post h1,
.single-post h2,
.single-post h3,
.single-post h4,
.single-post h5,
.single-post h6 {
    font-family: math;
}

.blog-para p,
.blog-para ul,
blog-para a {
    font-size: 16px;
}

.blogs-cont h1,
.blogs-cont h2 {
    margin-bottom: var(--wd-tags-mb);
    text-transform: var(--wd-title-transform);
    font-style: var(--wd-title-font-style);
    font-size: 28px;
}

.blog-para h2 {
    font-size: 24px;
}

footer a:hover {
    color: var(--wd-link-color-hover);
}

nav.posts-navigation .nav-next a,
nav.posts-navigation .nav-previous a {
    color: #205a42;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
}

.page-id-16773 fieldset {
    padding: 0;
    border: 0 !important;
}


@media (max-width: 1800px) {
    .centerBanner-cutomjersey {
        height: auto !important;
        width: 100%;
    }

    .centerBanner-cutomjersey.promo-banner .banner-image :is(img, picture),
    .lastBanner .promo-banner .banner-image :is(img, picture) {
        object-fit: contain;
        max-width: 100%;
        height: 100%;
    }

    .lastBanner.promo-banner .banner-image img {
        height: 100% !important;
    }

    .promo-banner .banner-image :is(img, picture) {
        object-fit: cover;
        height: 100%;
    }

    .twoPromo .promo-banner .banner-image :is(img, picture) {
        object-fit: cover;
        height: 100%;
    }
}

@media (max-width: 1600px) {
    .singleblog-card img {
        height: 177px !important;
        object-fit: cover !important;
        object-position: center;
    }

    singleblog-cardcontent {
        margin-top: 20px !important;
    }

    .threeBanner img {
        height: 100% !important;
        object-fit: cover !important;
    }
}

@media (max-width: 1500px) {
    .bannerbuttonWrapper {
        padding-left: 50px;
    }

    singleblog-cardcontent {
        margin-top: 20px !important;
    }

    .threeBanner img {
        height: 100% !important;
        object-fit: cover !important;
    }

}

@media (max-width: 1400px) {
    #mainSlider .contianer h2 {
        font-size: 75px;
    }

    #mainSlider .contianer h3 {
        font-size: 51px;
        margin-bottom: 40px;
        margin-top: 0;
    }

    #mainSlider .contianer h4 {
        font-size: 40px;
        margin-top: 21px;
    }

    .section_padding h4 {
        padding-bottom: 10px;
    }

    #menu-left-nav {
        width: 100%;
        justify-content: space-evenly;
    }

    #menu-right-menu {
        justify-content: ce;
    }

    .menu .nav-link-text {
        font-size: 14px;
    }

    #mainSlider .contianer {
        min-height: 520px;
    }

    .whb-main-header .menu li {
        padding: 0;
    }


}

@media (max-width: 1280px) {
    .whb-main-header .menu li {
        padding: 0 10px;
    }

    .singleblog-cardcontent h3 {
        font-size: 27px !important;
        line-height: 30px !important;
    }

    .singleblog-cardcontent {
        margin-top: 18px !important;
        margin-left: 2px !important;
    }

    .vc_column_container>.vc_column-inner {
        box-sizing: border-box;
        padding-right: 15px;
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .centerBanner-cutomjersey {
        height: auto !important;
    }

    .section_padding {
        padding: 20px 0;
    }

    .singleblog-cardcontent h3 {
        font-size: 27px !important;
        line-height: 30px !important;
    }

    .singleblog-cardcontent {
        margin-top: 18px !important;
        margin-left: 2px !important;
    }

    .post-cont h3 {
        font-size: 20px;
    }

    .post-box {
        display: flex;
        flex-direction: column;
        align-items: flex-start !important;
    }

    .latestpost-img img {
        width: 112px !important;
        height: 53px !important;
        object-fit: cover;
        margin-bottom: 15px;
        margin-left: 0;
        border-radius: 4px;
    }
}

@media (max-width: 1024px) {
    .latest-post h4 {
        font-size: 24px;
        font-family: Poppins;
        font-weight: 600;
    }

    .second .banner h4 {
        font-size: 42px !important;
        line-height: 52px !important;
    }

    .vc_custom_1628606741414 {
        margin: 0 !important;
    }

    .footer-column {
        padding-left: 25px;
    }

    #mainSlider .contianer h3 {
        font-size: 40px;
        line-height: 36px;
    }

    #mainSlider .contianer h2 {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 0;
    }

    .banner_four a.btn {
        padding: 15px 34px;
        font-size: 15px;
    }

    .givwawayTitle .info-box-title {
        font-size: 43px !important;
        line-height: 41px !important;
    }

    .singleblog-card img {
        height: 145px !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .singleblog-cardcontent h3 {
        font-size: 24px !important;
        line-height: 26px !important;
    }

    .singleblog-cardcontent {
        margin-top: 14px !important;
    }

    .post-cont h3 {
        font-size: 19px !important;
    }

    .latestpost-img img {
        width: 105px !important;
        height: 35px !important;
        object-fit: cover;
        margin-bottom: 62px !important;
        margin-left: 0 !important;
        border-radius: 4px;
        display: none;
    }

    .latest-author {
        display: flex;
        align-items: center;
        gap: 6px !important;
    }

    .latest-author p {
        margin: 0;
        font-size: 14px !important;
    }

    img.blog-single-imag.lazyloaded {
        width: 852px !important;
        height: 310px !important;
        object-fit: cover !important;
        border-radius: 5px !important;
    }

    .woocommerce-cart .cart-totals-section .cart-totals-inner {
        margin-bottom: 35px;
    }
}

@media (max-width: 800px) {
    #mainSlider .contianer h2 {
        font-size: 50px;
        line-height: 50px;
    }

    #mainSlider .contianer h3 {
        margin-bottom: 34px;
        line-height: 36px;
        font-size: 33px;
    }

    #mainSlider .bannerbuttonWrapper a {
        font-size: 14px;
        padding: 15px 30px;
    }

    #mainSlider .contianer h4 {
        font-size: 31px;
        margin-top: 21px;
    }

    .givwawayTitle .info-box-title {
        font-size: 36px !important;
        line-height: 37px !important;
    }

    .singleblog-card img {
        height: 108px !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .singleblog-cardcontent h3 {
        font-size: 22px !important;
        line-height: 22px !important;
        margin-bottom: 12px !important;
    }

    .post-cont h3 {
        font-size: 16px !important;
    }

    .latest-post h4 {
        font-size: 25px;
        font-family: Poppins;
        font-weight: 600;
    }

    .latestpost-img {
        display: none;
    }

    img.blog-single-imag.lazyloaded {
        width: 847px !important;
        height: 236px !important;
        object-fit: cover !important;
        border-radius: 5px !important;
    }

    .latest-author p {
        margin: 0;
        font-size: 11px !important;
    }
}

@media (max-width: 767px) {
    .wd-order-extra-content h3 {
        font-size: 18px;
    }

    .vc_row.wpb_row.vc_row-fluid.threeBanner.vc_custom_1695652819882.vc_row-no-padding.vc_row-o-content-top.vc_row-flex.wd-rs-65119bfdd1ed5 {
        display: flex;
        flex-flow: nowrap !important;
    }

    .second .banner h4 {
        font-size: 32px !important;
        line-height: 42px !important;
    }

    .threeBanner .promo-banner .banner-image :is(img, picture) {
        object-fit: contain;
        margin: 10px 0;
    }

    .centerBanner-cutomjersey {
        height: auto !important;
    }

    .website-wrapper .wd-rs-63f2675dac491,
    .website-wrapper .wd-rs-65115ce690c9e,
    .website-wrapper .wd-rs-65115ec171583 {
        margin-bottom: 0 !important;
    }

    img.blog-single-imag.lazyloaded {
        width: 847px !important;
        height: 340px !important;
        object-fit: cover !important;
        border-radius: 5px !important;
    }

    .footer-sidebar .vc_custom_1695743502797 {
        margin-top: 42px !important;
    }

    .contact_social {
        margin-top: 10px;
    }

    .contrecap {
        margin-bottom: 10px;
    }

    .blog-right {
        display: none;
    }

    .main-footer .footer-column-2 div#nav_menu-18 {
        padding-left: 0;
    }

    .threeBanner img {
        height: 100% !important;
        object-fit: cover !important;
    }

    .vc_row.wpb_row.vc_row-fluid.threeBanner.vc_custom_1735206850173.vc_row-no-padding.vc_row-o-content-top.vc_row-flex.wd-rs-676d27d701132 {
        display: flex;
        flex-flow: nowrap;
    }

    #mainSlider .slick-dots li button {
        width: 10px;
        height: 10px;
    }

    .slide-main {
        display: block !important;
    }

    div[class*="wd-carousel-spacing"] .owl-nav>div[class*="next"] {
        margin-right: 0;
    }

    div[class*="wd-carousel-spacing"] .owl-nav>div[class*="prev"] {
        margin-left: 0;
    }

    .vc_row.wpb_row.vc_inner.vc_row-fluid.mobile-category.vc_row-o-content-middle.vc_row-flex.wd-rs-67924a065ca80 {
        flex-flow: nowrap;
        justify-content: center !important;
        text-align: center;
        flex: 0 0 auto;
        white-space: nowrap;
    }

    [class*="wd-carousel-spacing-"] .owl-nav>.wd-btn-arrow:after {
        font-size: 10px;
        line-height: 1;
        color: WHITE;
        background-color: BLACK;
        width: 25px;
        height: 25px;
        text-align: center;
        align-items: center;
        justify-content: center;
        display: flex;
        border-radius: 100%;
    }

    .centerBtn.btn-style-link {
        padding: 7px 15px;
    }

    .vc_row.wpb_row.vc_row-fluid.section_padding,
    .website-wrapper .wd-rs-67470cc024f26 {
        margin-bottom: 10px !important;
    }

    .shez .owl-prev.wd-btn-arrow {
        margin-left: 10px !important;
    }

    .shez .owl-next.wd-btn-arrow {
        margin-right: 10px !important;
    }

    .sect-more {
        padding: 0;
    }

    .sect-more h2 {
        font-size: 22px;
        line-height: 25px;
    }

    .reviews-box p {
        font-size: 13px;
        line-height: 18px;
    }

    .reviews-box img {
        width: 80%;
        object-fit: cover;
    }

    .reviews-box .info-box-icon {
        text-align: center;
    }

    .reviews-box .info-box-content {
        align-self: center;
        padding: 10px 0;
    }
}

@media (max-width: 600px) {
    #mainSlider .contianer h2 {
        font-size: 40px;
        line-height: 40px;
    }

    #mainSlider .contianer h3 {
        font-size: 23px;
    }

    .newArrivals-tabs li {
        padding: 0 10px;
    }

    .threeBanner .promo-banner .banner-image :is(img, picture) {
        object-fit: cover;
        margin: 10px 0;
        max-height: 100%;
        object-position: top;
    }

    .product-summary-shadow .summary-inner {
        padding: 20px 25px 15px !important;
    }

    .product_title {
        font-size: 18px;
    }

    .singleblog-cardcontent p {
        font-size: 10px;
        line-height: 15px;
        margin-bottom: 8px;
    }

    .singleblog-cardcontent h3 {
        font-size: 18px !important;
        line-height: 19px !important;
        margin-bottom: 12px !important;
    }

    .singleblog-cardcontent {
        margin-top: 8px !important;
    }

    .singleblog-card img {
        height: 113px !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .singleblog-card {
        width: 44% !important;
        margin-right: 28px !important;
        margin-bottom: 10px !important;
    }

    div#mainblogcards {
        flex-flow: wrap !important;
        justify-content: left !important;
        display: flex !important;
        flex-direction: row !important;
    }

    img.blog-single-imag.lazyloaded {
        width: 834px !important;
        height: 262px !important;
        object-fit: cover !important;
        border-radius: 5px !important;
    }

    .vc_row.wpb_row.vc_row-fluid.threeBanner.vc_custom_1735206850173.vc_row-no-padding.vc_row-o-content-top.vc_row-flex.wd-rs-676d27d701132 {
        flex-flow: wrap !important;
    }
}

@media (max-width: 500px) {
    .bannerbuttonWrapper {
        padding-left: 30px;
    }

    #mainSlider .contianer h3 {
        margin-bottom: 24px;
    }

    #mainSlider .contianer h2 {
        font-size: 30px;
        line-height: 30px;
    }

    #mainSlider .contianer h4 {
        margin-top: 1px;
        font-size: 20px;
    }

    .newArrivals-tabs ul.wd-nav.wd-nav-tabs {
        flex-flow: wrap;
    }

    .newArrivals-tabs li {
        margin: 4px 3px !important;
    }

    #mainSlider .bannerbuttonWrapper a {
        padding: 12px 30px;
    }

    div#mainblogcards {
        flex-flow: wrap !important;
        justify-content: left !important;
        display: flex !important;
        flex-direction: row !important;
    }

    .singleblog-card {
        width: 100% !important;
        margin-right: 0 !important;
        padding-bottom: 10px !important;
    }

    .singleblog-card img {
        object-fit: contain !important;
        object-position: center !important;
        width: 100% !important;
        height: 65% !important;
    }

    .vc_column_container>.vc_column-inner {
        box-sizing: border-box;
        width: 100%;
    }

    .blog-right {
        display: none;
    }

    img.blog-single-imag.lazyloaded {
        width: 831px !important;
        height: 214px !important;
        object-fit: cover !important;
        border-radius: 5px !important;
    }
}

@media (max-width: 420px) {
    #mainSlider .contianer h2 {
        font-size: 40px;
        line-height: 50px;
    }

    #mainSlider .contianer h3 {
        line-height: 24px;
        font-size: 23px;
    }

    #mainSlider .bannerbuttonWrapper a {
        padding: 15px;
    }

    .wd-rs-63f27cf36a165 {
        --wd-img-height: 300px;
    }

    #mainSlider .contianer h2,
    #mainSlider .contianer h3,
    #mainSlider .contianer h4 {
        text-align: center;
    }

    .bannerbuttonWrapper {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }

    .blog-right {
        display: none;
    }

    img.blog-single-imag.lazyloaded {
        width: 800px !important;
        height: 174px !important;
        object-fit: cover !important;
        border-radius: 5px !important;
    }

    .read-sect,
    .sect-more h2,
    .sect-more p {
        text-align: center !important;
    }

    .product-image-link .product-labels span.featured.product-label {
        font-size: 10px !important;
    }
}

@media (max-width: 375px) {
    img.blog-single-imag.lazyloaded {
        width: 800px !important;
        height: 158px !important;
        object-fit: cover !important;
        border-radius: 5px !important;
    }

    .centerBanner-image img {
        width: 300px;
    }

    .blog-right {
        display: none;
    }
}

@media (min-width: 769px) {
    .searchform.wd-with-cat input[type="text"] {
        padding-right: 610px !important;
    }
}

.dRop-mega {
    height: 300px;
}

.img-col-dropdown .vc_column-inner * {
    height: 100%;
    width: 100%;
}

.img-col-dropdown .vc_column-inner img {
    object-fit: cover;
    width: 300px;
    height: 300px;
}

.wd-dropdown.sub-menu-dropdown {
    width: 300px;
    padding: 0;
}

#menu-item-12668 .wd-dropdown.sub-menu-dropdown ul li a {
    padding: 12px 20px;
}

.woocommerce-cart .cart-table-section,
.woocommerce-checkout form.woocommerce-checkout #customer_details {
    margin-bottom: 35px;
}

.archive .wd-term-desc h3,
.mobile-category .wd-info-box .info-box-content h3,
.single-product .product-tabs-wrapper .woocommerce-tabs ul li a span,
.single-product .related-and-upsells h3,
.single-product .rvpw-recently-view.products h2,
footer h4 {
    font-family: var(--wd-title-font);
}

.woocommerce-checkout .payment_methods li:first-child>label {
    position: relative;
    padding-left: 30px;
}

.woocommerce-checkout .payment_methods li:first-child>input {
    accent-color: #046739;
}

.woocommerce-checkout .payment_methods li:first-child>label:before {
    position: absolute;
    content: "";
    left: 0;
    background-image: url(https://stageportfoilo.com/wp/ask/wp-content/uploads/2025/01/product-1.png);
    font-family: "Font Awesome 5 Free";
    width: 25px;
    height: 25px;
    top: 0;
    background-size: contain;
}

.marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
}

#marquee,
#marquee .ue-marquee-tag {
    align-items: center;
    direction: ltr;
    display: flex;
}

.marquee-content {
    display: inline-block;
    padding-left: 5%;
    animation: 4s linear infinite scroll;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.marquee-section {
    background-color: #1b683b;
    padding: 6px 0;
}

.marquee-section .vc_col-sm-12 .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

#marquee .marquee-content:hover {
    animation-play-state: paused;
}

#marquee {
    overflow: hidden;
}

#marquee .marquee-content {
    display: flex;
    will-change: transform;
    animation: 20s linear 25ms infinite marquee_ticker;
}

#marquee .ue-marquee-tag {
    width: auto;
    color: #000;
    justify-content: center;
    transition: 0.2s;
    white-space: nowrap;
    padding: 0 25px;
}

#marquee .ue-marquee-tag a {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    -webkit-text-stroke: 0px;
}

#marquee .ue_marq_text_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #fff;
    padding: 0 25px;
    font-size: 14px;
}

@keyframes marquee_ticker {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }
}

@media (max-width: 1024px) {
    #marquee .ue_marq_text_wrap {
        font-size: 13px;
    }
}

.product-image-link .product-labels {
    flex-direction: row;
    max-width: 100%;
    justify-content: space-between;
    width: 100%;
    inset-inline-start: 0;
    padding: 0 10px;
    align-items: center;
}

.product-image-link .product-labels span.featured.product-label {
    border-radius: 6px;
    min-height: max-content;
    padding: 10px 15px;
    font-size: 13px;
    margin-bottom: 10px;
}

.read-more-option {
    display: none;
    margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
    .misc-section.vc_row {
        padding-top: 0 !important;
        padding-bottom: 30px !important;
    }

    .misc-section .single-misc {
        width: 50%;
    }

    .misc-section .single-misc .misc-items {
        margin-bottom: 20px !important;
        flex-direction: column;
    }

    .misc-section .single-misc .misc-items .box-icon-wrapper {
        margin-right: 10px;
        max-width: 100%;
        text-align: center;
    }

    .misc-section .single-misc .misc-items .info-box-content {
        text-align: center;
    }

    .misc-section .single-misc .misc-items h4 {
        margin-bottom: 0;
    }
}

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

    .wd-entities-title,
    .wd-entities-title.barebt a {
        position: relative;
        overflow: hidden;
        white-space: nowrap;
    }

    .home .spacer-section .slider-type-product,
    .woocommerce-cart .cart-table-section {
        margin-bottom: 0;
    }

    .home .spacer-section .slider-type-product .product-grid-item {
        padding: 0;
    }

    .home .vc_row.threeBanner {
        padding-top: 0 !important;
    }

    .wd-entities-title {
        padding-right: 10px;
        text-overflow: ellipsis;
    }

    .wd-entities-title.barebt:before {
        position: absolute;
        content: "...";
        right: 0;
        top: 0;
    }

    .wd-entities-title.barebt a {
        display: flex;
        height: 20px;
    }

    .misc-section .single-misc .misc-items h4 {
        font-size: 16px;
        margin-top: 5px;
    }
}

.single-cat-icon a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: auto;
}

.icon {
    width: 105px;
    height: 105px;
    background-image: url("https://footballjersey.pk/wp-content/uploads/2025/02/newicons.webp");
    background-repeat: no-repeat;
    margin-bottom: 15px;
}

.icon-football {
    background-position: -15px -15px;
}

.icon-football-jersey {
    background-position: -125px -15px;
}

.icon-cricket {
    background-position: -235px -10px;
}

.icon-cricket-jersey {
    background-position: -350px -10px;
}

.icon-badminton {
    background-position: -460px -10px;
}

.icon-board-games {
    background-position: -570px -10px;
}

.icon-boxing {
    background-position: -10px -125px;
}

.icon-table-tennis {
    background-position: -125px -125px;
}

.icon-squash {
    background-position: -235px -125px;
}

.icon-fitness {
    background-position: -350px -125px;
}

.icon-cycling {
    background-position: -575px -125px;
}

.icon-swimming {
    background-position: -465px -125px;
}

.icon-whatsapp {
    width: 75px;
    height: 75px;
    background-position: -680px -30px;
    display: block;
    margin-bottom: 0;
}

.payment-sprite {
    width: 300px;
    height: 40px;
    background-position: -465px -230px;
}

.single-cat-icon a h3 {
    margin-bottom: 20px !important;
}

@media screen and (max-width: 767px) {
    .misc-section {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .misc-section .single-misc {
        width: 50%;
    }

    .cat-icons-section>div {
        display: flex;
        flex-flow: row wrap;
    }

    .cat-icons-section .vc_col-sm-2 {
        width: 25%;
    }
}

@media screen and (max-width: 479px) {
    .cat-icons-section .vc_col-sm-2 {
        width: 33%;
    }
}

.dRop-mega .wd-sub-menu li>a:hover {
    color: #cdcdcd !important;
}

@media screen and (max-width: 600px) {
    .icon {
        width: 90px;
        height: 90px;
        background-size: 570px;
    }

    .icon-whatsapp {
        background-size: auto;
    }

    .icon-football {
        background-position: 0 0;
    }

    .icon-football-jersey {
        background-position: -88px 0px;
    }

    .icon-cricket {
        background-position: -174px 0;
    }

    .icon-cricket-jersey {
        background-position: -255px 0;
    }

    .icon-badminton {
        background-position: -340px 0;
    }

    .icon-board-games {
        background-position: -423px 0;
    }

    .icon-boxing {
        background-position: 0 -88px;
    }

    .icon-table-tennis {
        background-position: -90px -90px;
    }

    .icon-squash {
        background-position: -173px -90px;
    }

    .icon-fitness {
        background-position: -257px -90px;
    }

    .icon-cycling {
        background-position: -430px -88px;
    }

    .icon-swimming {
        background-position: -340px -88px;
    }
}

html {
    scroll-behavior: smooth;
}

.right-text h2,
.section-head h2,
.single-kit-step h2 {
    text-transform: uppercase;
}

.single-personalize-img img {
    width: 100%;
    height: 100%;
}

.full-width-field,
.bulk-form {
    width: 100%;
    float: left;
}

.half-width {
    width: 49%;
    float: left;
}

.half-width:nth-child(odd) {
    margin-right: 2%;
}

.single-field input,
.single-field select,
.single-field textarea {
    background-color: #ededed;
}

.single-field select option {
    color: #000000;
}

.single-field input::placeholder,
.single-field select,
.single-field textarea::placeholder {
    color: #00000050;
}

.single-field label {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.bulk-form input[type="submit"] {
    font-size: 14px;
    color: #fff;
    background-color: #1b683b;
}

#wd-67d2bc08562db .info-box-subtitle {
    text-transform: uppercase;
}

@media screen and (max-width:600px) {
    .home .section_padding .vc_column_container>.vc_column-inner {
        padding-left: 5px;
        padding-right: 5px;
    }

    .labels-rounded .out-of-stock.product-label {
        min-height: 50px;
        min-width: 50px;
        font-size: 11px;
    }
}

.wd-term-desc,
.read-sect,
.term-description {
    padding: 20px;
    border: 2px dashed #056839;
    background-color: #f1f1f1;
}