/* homepage css */
.jssorb032 {
    display: flex !important;
    align-items: center;
    gap: 8px;
    right: 20px !important;
    bottom: 20px !important;
}

.jssorb032 .i svg {
    display: none !important;
}

.jssorb032 .i {
    position: relative;
    width: 10px !important;
    height: 8px !important;
    border-radius: 12px;
    background: #cfcfcf;
    box-shadow: 0px 0px 4px -1px #626262 inset;
    transition: all 0.3s ease;
}

.jssorb032 .i .b {
    fill-opacity: 0.7;
    stroke: none !important;
    fill: #cbcbcb !important;
    stroke-width: 1200;
    stroke-miterlimit: 10;
    stroke-opacity: 0.25;
}

.jssorb032 .i:hover .b {
    fill: #000;
    fill-opacity: .6;
    stroke: #fff;
    stroke-opacity: .35;
}

.jssorb032 .iav .b {
    fill: black !important;
    fill-opacity: 1;
    stroke: #fff;
    stroke-opacity: .35;
}

.jssorb032 .i.idn {
    opacity: .3;
}

.jssora051 {
    display: block;
    position: absolute;
    cursor: pointer;
}

.jssora051 .a {
    fill: none;
    stroke: #fff;
    stroke-width: 960;
    stroke-miterlimit: 10;
}

.jssora051:hover {
    opacity: .8;
}

.jssora051.jssora051dn {
    opacity: .5;
}

.jssora051.jssora051ds {
    opacity: .3;
    pointer-events: none;
}

.slides img {
    height: auto !important;
}

.jssora051.arrowLeft-btn,
.jssora051.arrowRight-btn {
    width: 35px !important;
}

.jssorb032.navigator-dots {
    display: none !important;
}

/* Custom hidden-xs and visible-xs (Bootstrap-like) */
@media (max-width: 767px) {
    .jssorb032.navigator-dots {
        display: flex !important;
    }

    .jssora051.arrowLeft-btn,
    .jssora051.arrowRight-btn {
        display: none;
    }

    .hidden-xs {
        display: none !important;
    }

    .visible-xs {
        display: block !important;
    }

    .jssor-slider {
        width: 100% !important;
        top: 24px !important;
    }

    .jssorb032 .iav {
        background: #000 !important;
        transform: scaleX(1.7);
        transform-origin: center;
        width: 13px !important;
        border-radius: 3px !important;
        margin-right: 12px !important;
    }


}

@media (min-width: 768px) {
    .visible-xs {
        display: none !important;
    }
}

.top_categories_block_inside {
    width: 100%;
    overflow: hidden;
    padding-top: 30px;
}



/* ===== MOBILE ===== */

@media (max-width: 767px) {
}

.slider-container {
    scroll-behavior: smooth;
}

body.cms-home main#maincontent {
    width: 100% !important;
    max-width: 100% !important;
}

/* extra css apply only on that case when in live have same issue other wise not */
.landing-page-block a,
.landing-page-block img.showOnWeb {
    display: block;
}

.cms-home div#four_block,
.cms-home .col-xs-12.header-left,
.cms-home .row.fashion-brand-container,
.cms-home div#six_block_web,
.cms-home .heading_golfoy h2,
.cms-home .landing-page-block .col-sm-6.col-m-6.col-xs-12,
.cms-home .landing-page-block .col-sm-3.col-xs-6,
.cms-home .landing-page-block .col-sm-2.col-m-2.col-xs-2,
.cms-home .col-lg-1.col-md-2.col-sm-3.col-xs-4.icon_block,
.cms-home .col-xs-12.scroll_line_block {
    padding: 0px !important;
    margin: 0px !important;
}

.cms-home div#golfoy_container,
.g_footer_container>.row>div,
.container.custom_container.footer_container_bottom {
    width: 100%;
    max-width: 1400px !important;
    margin-right: auto;
    /* option css */
    margin-left: auto;
    /* option css */
    box-sizing: border-box;
    /* option css */
}

.col-xs-12.top_categories_block {
    padding: 0px;
}

.showOnmobile {
    display: none;
}

.landing-page-block img {
    width: 100%;
}

.offer-deals-block.m-top {
    max-width: 1280px;
    margin: auto;
}

.m-top {
    margin-top: 40px !important;
}

.dynamic-row-two-block {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    margin: 0;
}

.dynamic-row-two-block .dynamic-col-half {
    flex: 1 1 calc(50% - 35px);
    box-sizing: border-box;
}

.mp-rw-social.facebook-earning,
.mp-rw-social.twitter-earning {
    display: none !important;
}

body.cms-home main#maincontent {
    padding: 0px !important;
}

.cms-home div#golfoy_container,
.g_footer_container>.row>div,
.container.custom_container.footer_container_bottom {
    width: 100%;
    max-width: 1400px !important;
}

.online_partner.row .col-xs-12.header-left {
    margin: auto !important;
}


.op_logos {
    display: flex !important;
    gap: 10px;
}

.logo_online_partner {
    margin: 0px 0px !important;
}

body.cms-home main#maincontent {
    padding: 0px !important;
}

.techno-content-first-div p:first-of-type {
    font-weight: 700;
}

.techno-content {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    align-items: center;
}

button.black-golfoy-btn {
    background: #000;
    border-radius: 5px;
    padding: 8px 20px 5px;
    text-decoration: none;
}

button.black-golfoy-btn a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

span.strong-text {
    font-weight: 800;
}

.heading_golfoy.center.underline {
    text-align: center;
    position: relative;
}

.heading_golfoy h2 {
    font-size: 30px;
    font-family: 'HeadingPro', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.heading_golfoy.center.underline hr {
    width: 100px;
    border-bottom: 2px solid #000;
    margin: 5px auto 0;
}

.row.heading_golfoy_block {
    padding-block-end: 35px !important;
}

.cms-home .row.heading_golfoy_block {
    padding-top: 80px !important;
}

.tech-Ingolf-block .dynamic-row-two-block {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    margin: 0;
}

.tech-Ingolf-block .mb-thirtyfive {
    margin-bottom: 50px !important;
}

.FashionBrand-block,
.golfoy-Exclusive-block,
.offer-deals-block.m-top,
.get-ready-block,
.stay-game-block,
.tech-Ingolf-block,
.on-course-block {
    max-width: 1100px !important;
    margin: auto;
}

.dynamic-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0;
}

.brand-weLove-block .dynamic-col-6 {
    flex: 1 1 calc(16.6667% - 20px) !important;
    box-sizing: border-box;
}

.dynamic-col {
    flex: 1 1 calc(25% - 15.5px);
    box-sizing: border-box;
}

.m-b-ten {
    margin-bottom: 10px !important;
}

.on-course-block .dynamic-col {
    flex: 1 1 calc(12.5% - 180.5px);
}

.on-course-block .dynamic-col h4 {
    font-size: 14px;
    font-weight: 700;
    margin: 15px 0 2px;
    text-transform: uppercase;
    color: black;
    text-align: center;
}

.row.heading_golfoy_block_bg {
    padding-top: 35px !important;
    padding-block-end: 35px !important;
}

div#exclusive-new-scroll-container {
    gap: 20px;
    padding: 0px 40px;
}

@media only screen and (min-width: 1100px) and (max-width: 1400px) {
    .brand-weLove-block {
        max-width: 1100px !important;
        margin: auto;
    }

    .jlindeberg-block {
        max-width: 1280px !important;
        margin: auto;
    }

    .team-slider.jl_ss25 div#full_block {
        padding: 0px 20px 40px 20px !important;
    }
}

@media only screen and (min-width: 1439px) and (max-width: 1920px) {


    body.cms-home main#maincontent .container,
    .g_footer_container>.row>div,
    .container.custom_container.footer_container_bottom {
        padding: 0px !important;

    }
}

@media only screen and (min-width: 768px) and (max-width: 1439px) {

    body.cms-home main#maincontent .container,
    .col-xs-12.scroll_line_block,
    .g_footer_container>.row>div,
    .container.custom_container.footer_container_bottom {
        padding: 0px 20px !important;

    }
}

@media only screen and (max-width:767px) {

    .showOnWeb {
        display: none;
    }

    .landing-page-block img.showOnWeb {
        display: none;
    }

    .landing-page-block img.showOnmobile {
        display: block;
    }

    .cms-home div#golfoy_container {
        padding: 0px 5px;
    }

    .cms-home .row.heading_golfoy_block {
        padding-top: 40px !important;
    }

    .row.heading_golfoy_block {
        padding-block-end: 15px !important;
    }

    .heading_golfoy h2 {
        font-size: 20px;
    }

    .dynamic-row-two-block {
        flex-direction: column;
        gap: 20px;
    }

    .showOnmobile {
        display: block;
    }

    .tech-Ingolf-block .dynamic-row-two-block {
        gap: 5px;
    }

    .dynamic-row-two-block .dynamic-col-half {
        flex: 0 0 calc(50% - 3px);
    }

    .tech-Ingolf-block .dynamic-row-two-block {
        flex-direction: unset;
    }

    .techno-content {
        display: block;
    }

    .techno-content-first-div p:first-of-type,
    .techno-content-first-div p {
        font-size: 11px;
    }

    .techno-content p {
        margin-bottom: 5px;
        font-weight: 500;
    }

    button.black-golfoy-btn a {
        font-size: 8px;
    }

    button.black-golfoy-btn {
        padding: 3px 6px 4px 5px;
        width: 85px;
        margin-top: 5px;
    }

    .brand-weLove-block .dynamic-col-6 {
        flex: 0 0 calc(33.333% - 4px) !important;
    }

    .dynamic-row {
        gap: 5px;
    }

    .dynamic-col {
        flex: 0 0 calc(50% - 3px);
        box-sizing: border-box;
    }

    .on-course-block .dynamic-col {
        flex: 0 0 calc(25% - 6px);
    }

    .on-course-block .dynamic-col h4 {
        font-size: 1rem;
    }

    .mobile-three-block-item {
        flex: 0 0 calc(33.333% - 4px);
    }
}

/* EXCLUSIVE PAGE CSS  */
.golfoy-exclusive-container .golfoy-exclusive-new-container {
    position: relative;
    padding: 0px 10px 35px 10px;
    border-radius: 5px;
    overflow: hidden;
    z-index: 1;
    background: whitesmoke;
}

.full-width-block div#full_block {
    padding: 80px 0px 0px 0px !important;

}

.full-width-block img {
    border-radius: 20px;

}

.row.golfoy-exclusive-container .col-sm-12 {
    padding: 0px;
}

.golfoy-exclusive-container .exclusive-new-item img {
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    border-radius: 10px;
}

.golfoy-exclusive-container .ryt-arrow {
    color: black;
    font-weight: 600;
    border: none;
    padding: 0;
    margin-left: 5px;
    background-color: transparent;
    font-size: 12px;
}

.row.golfoy-exclusive-container .col-sm-9 {
    padding-left: 30px;
}

.cms-index-index main#maincontent .row.golfoy-exclusive-container {
    display: flex;
    border-radius: 5px;
    align-items: center;
    background-color: whitesmoke;
    padding: 0px !important;
    justify-content: center;
}

.golfoy-exclusive-container .col-sm-8 {
    padding: 0px;
}

.golfoy-exclusive-container p {
    font-size: 12px;
    color: #161616;
}

.golfoy-exclusive-container .golfoy-exclusive-new-container a.shop-nows {
    color: black;
    font-size: 12px;
    font-weight: 500;
    margin-top: 5px;
}

.row.golfoy-exclusive-container .col-sm-3 {
    padding: 0px;
}

.exclusive-product-grids-block a {
    text-decoration: none;
    width: 100%;
}

.golfoy-exclusive-container h4 {
    font-size: 14px;
    font-weight: 700;
    margin: 15px 0 2px;
    line-height: 19px;
    color: black;
    text-transform: uppercase;
}

.golfoy-exclusive-container .slider-new-title {
    text-transform: uppercase;
    margin-bottom: 30px;
    text-align: center;
}

.golfoy-exclusive-container .golfoy-exclusive-new-scroll-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    overflow-x: auto;
    align-items: center;
    scroll-behavior: smooth;
    white-space: nowrap;
    max-width: 100%;
}

.golfoy-exclusive-container .exclusive-product-grids-block {
    margin-right: 0px;

    height: auto;

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;
}

.golfoy-exclusive-container .exclusive-product-grids-block:last-child {
    margin-right: 0 !important;
}

.golfoy-exclusive-container .exclusive-new-item {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
}

.golfoy-exclusive-container .exclusive-new-scroll-btn {
    position: absolute;
    transform: translateY(-50%);
    background-color: #fff;
    border: none;
    width: 37px;
    height: 35px;
    cursor: pointer;
    border-radius: 50% !important;
    font-size: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.golfoy-exclusive-container .slider-new-prev-btn {
    left: 10px;
    z-index: 9999;
    display: none;
    opacity: 50%;
    top: 50%;
}

.golfoy-exclusive-container .slider-new-next-btn {
    right: 10px;
    top: 50%;
    opacity: 50%;
    display: none;
}

.full-width-block div#full_block img.mobile {
    display: none;
}

.golfoy-exclusive-new-container div#full_block {
    padding: 40px 0px !important;
}


/* button hide in payment page */

@media only screen and (max-width: 1024px) {
    .golfoy-exclusive-container .exclusive-product-grids-block {
        flex: 0 0 calc(25% - 10px);
    }
}

@media only screen and (max-width: 768px) {

    .golfoy-exclusive-container .exclusive-new-item {
        width: 100%;
        height: auto;
    }

    .full-width-block .hidden-xs-web {
        display: block !important;
    }

    .full-width-block div#full_block {
        padding: 40px 0px 0px 0px !important;
    }

    .full-width-block .col-xs-12 {
        padding: 0px !important;
    }

    .full-width-block div#full_block img.mobile {
        display: block;
    }

    div#exclusive-new-scroll-container {

        padding: 0px 0px;

    }

    .full-width-block div#full_block img.web {
        display: none;
    }

    .row.golfoy-exclusive-container .col-sm-12 {
        width: 100% !important;
    }

    .golfoy-exclusive-container .golfoy-exclusive-new-scroll-container::-webkit-scrollbar {
        display: none;
    }

    .golfoy-exclusive-container .slider-new-next-btn {
        right: 0px;
        top: 35%;
    }

    .golfoy-exclusive-container .exclusive-new-scroll-btn {
        top: 53%;
    }

    .selection-guide-container .selection-new-scroll-container {
        overflow-x: scroll;
    }

    .selection-guide-container .selection-new-scroll-container::-webkit-scrollbar {
        height: 1px;
    }

    .golfoy-exclusive-container .golfoy-exclusive-new-scroll-container,
    .selection-guide-container .selection-new-scroll-container {
        justify-content: unset;
    }

    .golfoy-exclusive-container .slider-new-prev-btn {
        display: block;
    }

    button.exclusive-new-scroll-btn.slider-new-next-btn {
        display: block;
    }

    .cms-index-index main#maincontent .row.golfoy-exclusive-container {
        padding: 0px 30px 0px 30px !important;
    }

    .golfoy-exclusive-container .golfoy-exclusive-new-scroll-container {
        gap: 0px;
    }

    .golfoy-exclusive-container .exclusive-product-grids-block {
        margin-right: 0px;
    }

}

@media only screen and (max-width: 480px) {
    .golfoy-exclusive-container h4 {
        margin: 0px 0 2px;
        font-size: 1.4rem;
    }

    .cms-index-index main#maincontent .row.golfoy-exclusive-container {
        margin: 0px;
    }

    .golfoy-exclusive-container .slider-new-title {
        margin-bottom: 20px;
    }

    .golfoy-exclusive-container .golfoy-exclusive-new-container a.shop-nows {
        font-size: 1.3rem;
        margin-top: 2px;
    }

    .golfoy-exclusive-container .golfoy-exclusive-new-container {
        padding: 0px 5px 25px 5px;
    }

    .golfoy-exclusive-container .exclusive-new-scroll-btn {
        width: 34px;
        height: 31px;
        font-size: 12px;
    }

    .row.golfoy-exclusive-container .col-sm-12 {
        padding: 0px;
    }

    .golfoy-exclusive-container h2 {
        text-align: center;
    }

    .row.golfoy-exclusive-container .col-sm-9 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .golfoy-exclusive-container p {
        text-align: center;
    }

    .cms-index-index main#maincontent .row.golfoy-exclusive-container {
        display: revert-layer;
        position: relative;
        align-items: center;
        overflow: hidden;
        background-color: whitesmoke;
        padding: 0px 0px !important;
    }

    .golfoy-exclusive-container .slider-new-prev-btn {
        left: 0px;
    }

    .golfoy-exclusive-container .slider-new-next-btn {
        right: 0px;
    }

    .golfoy-exclusive-container .golfoy-exclusive-new-scroll-container::-webkit-scrollbar {
        display: none;
    }

    .golfoy-exclusive-container .golfoy-exclusive-new-scroll-container {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: 0px 0px;
        overflow-x: auto;
    }
}

/* FASHION ARRIVAL CSS AND SCCRIPT  */
.row.fashion-brand-container .col-sm-12 {
    padding: 0px !important;
}

.fashion-brand-container .fashion-new-container {
    position: relative;
    padding: 0px 0px;
    overflow: hidden;
    background: transparent;
}

.fashion-brand-container .course-fashion-new-item img {
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    border-radius: 10px;
}

.fashion-brand-container .ryt-arrow {
    color: black;
    font-weight: 600;
    padding: 0;
    margin-left: 5px;
    background-color: transparent;
    font-size: 11px;
    margin-top: -1px;
}

.row.fashion-brand-container .col-sm-9 {
    padding-left: 30px;
}

.cms-index-index main#maincontent .row.fashion-brand-container {
    display: flex;
    border-radius: 5px;
    align-items: center;
    margin: 0px 0px 0px 0px !important;
}

.fashion-brand-container .col-sm-8 {
    padding: 0px;
}

.fashion-brand-container p {
    font-size: 12px;
    color: #161616;
}

.fashion-brand-container .fashion-new-container a.shop-nows {
    color: black;
    font-size: 1.2rem;
    font-weight: 500;
    margin-top: 2px;
}

.row.fashion-brand-container .col-sm-3 {
    padding: 0px;
}

.course-fashion-product-grids-block a {
    text-decoration: none;
    color: black;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 500;
    margin-top: 2px;
}

.fashion-brand-container h4 {
    font-size: 14px;
    font-weight: 700;
    margin: 15px 0 2px;
    text-transform: uppercase;
    color: black;
}

.fashion-brand-container .slider-new-title {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: white;
    text-align: center;
}

.fashion-brand-container .fashion-new-scroll-container {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: hidden;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    white-space: nowrap;
    max-width: 100%;
    margin: 0px 0px;
}

.fashion-brand-container .course-fashion-product-grids-block {
    height: auto;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.fashion-brand-container .course-fashion-new-item {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
}

.fashion-brand-container .fashion-new-scroll-btn {
    position: absolute;
    transform: translateY(-50%);
    background-color: #fff;
    border: none;
    width: 37px;
    color: black;
    height: 35px;
    cursor: pointer;
    border-radius: 50% !important;
    font-size: 15px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.fashion-brand-container .fashion-slider-new-prev-btn {
    left: -6px;
    z-index: 999;
    opacity: 50%;
    top: 50%;
    display: none;
}

.fashion-brand-container .fashion-slider-new-next-btn {
    right: -5px;
    top: 50%;
    display: none;
    opacity: 50%;
}

/* button hide in payment page */

@media only screen and (max-width: 1024px) {
    .fashion-brand-container .course-fashion-product-grids-block {
        flex: 0 0 calc(25% - 10px);
    }
}

@media only screen and (max-width: 768px) {
    .fashion-brand-container .fashion-new-scroll-container {
        margin: 0px 0px;
    }

    .cms-index-index main#maincontent .FashionBrand-block .row.fashion-brand-container {

        padding: 0px !important;

    }

    .row.fashion-brand-container .col-sm-12 {
        width: 100% !important;
    }

    .cms-index-index main#maincontent .row.fashion-brand-container {
        padding: 0px !important;
    }

    .fashion-brand-container .fashion-new-scroll-container {
        gap: 30px;
    }

    .fashion-brand-container .course-fashion-product-grids-block {
        flex: 0 0 calc(15% - 10px);
    }

    .fashion-brand-container .course-fashion-new-item {
        width: 165px;
    }
}

@media only screen and (max-width: 480px) {
    .fashion-brand-container .fashion-new-container {
        padding: 0px;
    }

    .fashion-brand-container .ryt-arrow {
        margin-top: 0px;
    }

    .fashion-brand-container h4 {
        font-size: 1.1rem;
    }

    .fashion-brand-container .fashion-new-container a.shop-nows {
        font-size: 1rem;
    }

    .fashion-brand-container .slider-new-title {
        margin-bottom: 20px;
    }

    .fashion-brand-container .fashion-new-scroll-btn {
        width: 25px;
        height: 25px;
        font-size: 11px;
        padding: 2px;
    }

    .row.fashion-brand-container .col-sm-12 {
        padding: 0px;
    }

    .fashion-brand-container h2 {
        text-align: center;
    }

    .row.fashion-brand-container .col-sm-9 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .fashion-brand-container p {
        text-align: center;
    }

    .cms-index-index main#maincontent .row.fashion-brand-container {
        display: revert-layer;
        position: relative;
        align-items: center;
        overflow: hidden;
        background-color: transparent;
    }

    .fashion-brand-container .course-fashion-new-item {
        width: 140px;
    }

    .fashion-brand-container .fashion-new-scroll-container {
        gap: 20px;
        justify-content: unset;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .fashion-brand-container .fashion-new-scroll-container::-webkit-scrollbar {
        display: none;
    }

    .fashion-brand-container .fashion-slider-new-prev-btn {
        left: 0px;
        display: block;
        top: 61%;
    }

    .fashion-brand-container .fashion-slider-new-next-btn {
        right: 0px;
        display: block;
        top: 61%;
    }

}

/* JLINDERBERG CSS  */
.team-slider.jl_ss25 img {
    border-radius: 10px;
}

.team-slider.jl_ss25 .heading_golfoy_left h2 {
    font-size: 26px !important;
}

.team-slider.jl_ss25 div#full_block {
    padding: 0px 10px 40px 10px;
}

.team-slider.jl_ss25 img.mobile {
    display: none;
}

.team-slider.jl_ss25 h2,
.team-slider.jl_ss25 p {
    text-align: center;
    font-weight: 700;
    margin-bottom: 15px;
}

.team-slider.jl_ss25 .slider-header p {
    padding: 0px 16px;
    font-weight: 600;
    padding-bottom: 10px;
    padding-top: 5px;
    text-transform: uppercase;
    font-size: 16px;
    color: black;
}

.team-slider.jl_ss25 .team-slider>div {
    display: inline-block;
    width: 100%;
}

.team-slider.jl_ss25 .slider-header {
    margin-top: 10px;
}

.team-slider.jl_ss25 {
    text-align: center;
    padding: 0px;
    background: #efe9e1;
    border-radius: 5px;
}

.web-padding .col-sm-12 {
    padding: 0px 40px;
}

@media only screen and (max-width:768px) {
    .team-slider .hidden-xs-web {
        display: block;
    }

    .team-slider.jl_ss25 div#full_block {
        padding: 0px;
    }

    .team-slider.jl_ss25 .heading_golfoy_left h2 {
        font-size: 20px !important;
    }

    .team-slider.jl_ss25 .row.full_block_web .col-xs-12 {
        padding: 0px 0px;
    }

    .team-slider.jl_ss25 .slider-header {
        margin-top: 0;

    }

    .team-slider.jl_ss25 img.web {
        display: none;
    }

    .team-slider.jl_ss25 img.mobile {
        display: block;
        width: 100%;
    }

    .team-slider.jl_ss25 .slider-header p {
        font-size: 12px;
        padding-top: 5px;
        text-align: center;
    }

    .team-slider.jl_ss25 .heading_golfoy_left h2 {
        text-align: center;
    }

    .team-slider.jl_ss25 {
        padding: 0px 5px 25px 5px;
        margin: 0;
    }
}

@media only screen and (max-width:400px) {
    .team-slider.jl_ss25 .heading_golfoy_left h2 {
        font-size: 14px !important;
        padding: 0px;
    }
}

@media only screen and (max-width:320px) {
    .team-slider.jl_ss25 .heading_golfoy_left h2 {
        font-size: 12px !important;
        padding: 0px;
    }
}

/* ===== PLAYING ESSENTIALS ===== */

.top_categories_block_inside {
    width: 100%;
    overflow: hidden;
    padding-top: 30px;
}


.top_categories.outer_container {
    padding: 40px 0px;
}
.slider-static-preview img {
    width: 100%;
}



/* ROW CONTAINER */
.icon_block_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* auto gap distribution */
}

/* EACH ICON */
.icon_block {
    flex: 0 0 calc(100% / 12);
    text-align: center;
    box-sizing: border-box;
}
.icon_block img {
    max-width: 75px;
}

/* ===============================
   BELOW 1120px → 6 PER ROW
================================ */
@media (max-width: 1120px) {
    .icon_block {
        flex: 0 0 calc(100% / 6);
        margin-bottom: 20px;
    }
}

/* ===============================
   BELOW 768px → 4 PER ROW
================================ */
@media (max-width: 768px) {
    .icon_block {
        flex: 0 0 calc(100% / 4);
    }
}

/* ===============================
   BELOW 480px → SCROLLABLE ROW
================================ */
@media (max-width: 480px) {

    .icon_block_row {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        gap: 12px;
        -webkit-overflow-scrolling: touch;
    }

    .icon_block {
        flex: 0 0 80px; /* fixed icon width */
        margin-bottom: 0px;
    }

    /* optional: hide scrollbar */
    .icon_block_row::-webkit-scrollbar {
        display: none;
    }
}