.elementor-1477 .elementor-element.elementor-element-a1b3085{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1477 .elementor-element.elementor-element-a1b3085:not(.elementor-motion-effects-element-type-background), .elementor-1477 .elementor-element.elementor-element-a1b3085 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sports360market.com/wp-content/uploads/2026/03/soccer-players-action-professional-stadium-1-scaled.jpg");}.elementor-1477 .elementor-element.elementor-element-d99f3be .elementor-repeater-item-cca0e21 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://sports360market.com/wp-content/uploads/2026/03/soccer-players-action-professional-stadium-1-scaled.jpg);background-size:cover;}.elementor-1477 .elementor-element.elementor-element-d99f3be .elementor-repeater-item-cca0e21 .elementor-background-overlay{background-color:#00000094;}.elementor-1477 .elementor-element.elementor-element-d99f3be .elementor-repeater-item-0fc34d1 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://sports360market.com/wp-content/uploads/2026/03/soccer-players-action-professional-stadium-scaled.jpg);background-size:cover;}.elementor-1477 .elementor-element.elementor-element-d99f3be .elementor-repeater-item-0fc34d1 .elementor-background-overlay{background-color:#0000009E;}.elementor-1477 .elementor-element.elementor-element-d99f3be .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-1477 .elementor-element.elementor-element-d99f3be{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1477 .elementor-element.elementor-element-d99f3be .swiper-slide-contents{max-width:66%;}.elementor-1477 .elementor-element.elementor-element-d99f3be .swiper-slide-inner{text-align:center;}.elementor-1477 .elementor-element.elementor-element-471429b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1477 .elementor-element.elementor-element-340b79c{text-align:center;}.elementor-1477 .elementor-element.elementor-element-340b79c .elementor-heading-title{text-transform:uppercase;letter-spacing:0.4px;}.elementor-1477 .elementor-element.elementor-element-3e7f5b1{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1477 .elementor-element.elementor-element-e59a52b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:70px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1477 .elementor-element.elementor-element-707c319{text-align:center;}.elementor-1477 .elementor-element.elementor-element-707c319 .elementor-heading-title{text-transform:uppercase;letter-spacing:0.4px;}.elementor-1477 .elementor-element.elementor-element-dec3d63 .elementskit-post-image-card{display:block;}.elementor-1477 .elementor-element.elementor-element-dec3d63 .btn-wraper{text-align:left;}.elementor-1477 .elementor-element.elementor-element-dec3d63 .post-meta-list{text-align:left;}.elementor-1477 .elementor-element.elementor-element-dec3d63 .elementskit-post-body .entry-title{text-align:left;}.elementor-1477 .elementor-element.elementor-element-dec3d63 .elementskit-entry-header .entry-title{text-align:left;}.elementor-1477 .elementor-element.elementor-element-dec3d63 .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-1477 .elementor-element.elementor-element-c4cd904{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:70px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1477 .elementor-element.elementor-element-3960cc3{text-align:center;}.elementor-1477 .elementor-element.elementor-element-3960cc3 .elementor-heading-title{text-transform:uppercase;letter-spacing:0.4px;}.elementor-1477 .elementor-element.elementor-element-7521260.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1477 .elementor-element.elementor-element-7521260.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1477 .elementor-element.elementor-element-7521260.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:14px;}.elementor-1477 .elementor-element.elementor-element-7521260.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1477 .elementor-element.elementor-element-23d950a .elementor-button{background-color:#104ECA;fill:#FFFFFF;color:#FFFFFF;}@media(max-width:1024px){.elementor-1477 .elementor-element.elementor-element-3e7f5b1{--e-con-grid-template-columns:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-1477 .elementor-element.elementor-element-dec3d63 .elementskit-blog-block-post, .elementor-1477 .elementor-element.elementor-element-dec3d63 .elementskit-post-image-card, .elementor-1477 .elementor-element.elementor-element-dec3d63 .elementskit-post-card{margin:0px 0px 30px 0px;}.elementor-1477 .elementor-element.elementor-element-c4cd904{--padding-top:70px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1477 .elementor-element.elementor-element-7521260.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1477 .elementor-element.elementor-element-3e7f5b1{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1477 .elementor-element.elementor-element-e59a52b{--padding-top:70px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1477 .elementor-element.elementor-element-707c319 .elementor-heading-title{font-size:18px;}.elementor-1477 .elementor-element.elementor-element-dec3d63 .elementskit-blog-block-post, .elementor-1477 .elementor-element.elementor-element-dec3d63 .elementskit-post-image-card, .elementor-1477 .elementor-element.elementor-element-dec3d63 .elementskit-post-card{margin:0px 0px 30px 0px;}.elementor-1477 .elementor-element.elementor-element-c4cd904{--padding-top:70px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1477 .elementor-element.elementor-element-3960cc3 .elementor-heading-title{font-size:18px;}.elementor-1477 .elementor-element.elementor-element-7521260.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for html, class: .elementor-element-ded8c73 *//* ===== Wrapper ===== */
.s360-cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
}

/* Responsive */
@media (max-width: 1024px) {
.s360-cards {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 600px) {
.s360-cards {
grid-template-columns: 1fr;
}
}

/* ===== Card ===== */
.s360-card-item {
position: relative;
overflow: hidden;
border-radius: 14px;
cursor: pointer;
box-shadow: 0 8px 25px rgba(0,0,0,0.08);
transition: transform 0.3s ease;
}

.s360-card-item img {
width: 100%;
height: 280px;
object-fit: cover;
display: block;
transition: transform 0.5s ease;
}

/* ===== Overlay ===== */
.s360-card-overlay {
position: absolute;
bottom: 0;
width: 100%;
padding: 20px;
background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
}

.s360-card-overlay h3 {
margin: 0;
font-size: 22px;
color: #fff;
font-weight: 600;
}

/* ===== Hover ===== */
.s360-card-item:hover img {
transform: scale(1.08);
}

.s360-card-item:hover {
transform: translateY(-6px);
}/* End custom CSS */