.chadgpt-types-of-rewards-wrapper {
width: 100%;
padding: 0;
}
.chadgpt-types-of-rewards-grid.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0px;
padding: 0;
}
.chadgpt-types-of-rewards-card {
width: 100%;
border-radius: 16px;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
}
.chadgpt-types-of-rewards-image {
width: 100%;
position: relative;
overflow: hidden;
flex-shrink: 0;
}
.chadgpt-types-of-rewards-image img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.chadgpt-types-of-rewards-content {
display: none !important;
}
.chadgpt-types-of-rewards-title {
display: none !important;
}
.chadgpt-types-of-rewards-desc {
display: none !important;
}
.chadgpt-types-of-rewards-link {
display: none !important;
} @media (max-width: 1024px) and (min-width: 769px) {
.chadgpt-types-of-rewards-grid.grid-container {
display: none !important;
}
} @media (max-width: 768px) {
.chadgpt-types-of-rewards-grid.grid-container {
display: none !important;
}
} @media (max-width: 1024px) { .chadgpt-types-of-rewards-mobile {
display: block !important;
position: relative !important;
width: 100% !important;
padding: 0 !important;
} .chadgpt-types-of-rewards-slider {
display: flex !important;
overflow-x: auto !important;
scroll-snap-type: x mandatory !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
gap: 0 !important;
padding: 0 20px !important;
}
.chadgpt-types-of-rewards-slider::-webkit-scrollbar {
display: none !important;
} .chadgpt-types-of-rewards-slide {
flex: 0 0 40% !important;
width: 100% !important;
scroll-snap-align: start !important;
padding: 0 5px !important;
box-sizing: border-box !important;
}
.chadgpt-types-of-rewards-slide .chadgpt-types-of-rewards-card {
width: 100% !important;
border-radius: 16px !important;
position: relative !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}
.chadgpt-types-of-rewards-slide .chadgpt-types-of-rewards-content {
display: none !important;
}
.chadgpt-types-of-rewards-slide .chadgpt-types-of-rewards-image {
width: 100% !important;
position: relative !important;
overflow: hidden !important;
flex-shrink: 0 !important;
min-height: 200px !important;
}
.chadgpt-types-of-rewards-slide .chadgpt-types-of-rewards-image img {
width: 100% !important;
height: auto !important;
display: block !important;
object-fit: cover !important;
min-height: 200px !important;
}
.chadgpt-types-of-rewards-slide .chadgpt-types-of-rewards-content {
padding: 20px !important;
} .chadgpt-types-of-rewards-nav {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 15px !important;
margin-top: 20px !important;
padding: 0 20px !important;
} .chadgpt-types-of-rewards-arrow {
display: none !important;
} .chadgpt-types-of-rewards-dots {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
}
.chadgpt-types-of-rewards-dot {
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
background-color: #D1D1D6 !important;
border: none !important;
padding: 0 !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
}
.chadgpt-types-of-rewards-dot.active {
background-color: #1D1D1F !important;
transform: scale(1.2) !important;
}
.chadgpt-types-of-rewards-dot:hover:not(.active) {
background-color: #86868B !important;
}
} @media (max-width: 768px) {
.chadgpt-types-of-rewards-slide {
flex: 0 0 90% !important;
}
} @media (min-width: 1025px) {
.chadgpt-types-of-rewards-mobile {
display: none !important;
}
}