.elementor-100588 .elementor-element.elementor-element-d131476{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--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-100588 .elementor-element.elementor-element-4fae0b3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-100588 .elementor-element.elementor-element-5b48d31{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--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-100588 .elementor-element.elementor-element-e379cdb{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-100588 .elementor-element.elementor-element-0446af2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--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-100588 .elementor-element.elementor-element-a5bd02f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-100588 .elementor-element.elementor-element-613b888{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--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-100588 .elementor-element.elementor-element-8896ecf{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-100588 .elementor-element.elementor-element-05ccfd3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--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-100588 .elementor-element.elementor-element-90e2308{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-100588 .elementor-element.elementor-element-c6e0571{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100588 .elementor-element.elementor-element-c6e0571.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-100588 .elementor-element.elementor-element-190b78b{--display:flex;--justify-content:center;--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-100588 .elementor-element.elementor-element-b866f6c{width:var( --container-widget-width, 60.534% );max-width:60.534%;padding:0px 0px 0px 10px;--container-widget-width:60.534%;--container-widget-flex-grow:0;}.elementor-100588 .elementor-element.elementor-element-b866f6c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-100588 .elementor-element.elementor-element-b866f6c .elementor-icon-box-wrapper{text-align:left;}.elementor-100588 .elementor-element.elementor-element-b866f6c .elementor-icon-box-title, .elementor-100588 .elementor-element.elementor-element-b866f6c .elementor-icon-box-title a{font-size:42px;font-weight:600;}.elementor-100588 .elementor-element.elementor-element-b866f6c .elementor-icon-box-description{font-size:18px;}.elementor-100588 .elementor-element.elementor-element-01a5614{--display:flex;--justify-content:center;--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-100588 .elementor-element.elementor-element-6139f5b{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-100588 .elementor-element.elementor-element-6139f5b .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #0459D7 0%, #16CAF2 100%);}.elementor-100588 .elementor-element.elementor-element-6139f5b.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-100588 .elementor-element.elementor-element-6139f5b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-100588 .elementor-element.elementor-element-6139f5b:after{content:"0.66";}.elementor-100588 .elementor-element.elementor-element-6139f5b .elementor-post__thumbnail__link{width:100%;}.elementor-100588 .elementor-element.elementor-element-6139f5b .elementor-post__meta-data span + span:before{content:"•";}.elementor-100588 .elementor-element.elementor-element-6139f5b .elementor-post__card{border-color:#16CAF2;border-width:1px;}.elementor-100588 .elementor-element.elementor-element-6139f5b .elementor-post__text{margin-top:20px;}.elementor-100588 .elementor-element.elementor-element-6139f5b .elementor-post__thumbnail img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-100588 .elementor-element.elementor-element-6139f5b .elementor-post__badge{right:0;}.elementor-100588 .elementor-element.elementor-element-6139f5b .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-100588 .elementor-element.elementor-element-6139f5b .elementor-post__meta-data{color:#0459D7;font-size:16px;font-weight:600;text-transform:capitalize;font-style:normal;}.elementor-100588 .elementor-element.elementor-element-6139f5b .elementor-post__excerpt p{font-size:16px;}.elementor-100588 .elementor-element.elementor-element-ee09356{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100588 .elementor-element.elementor-element-c6f9551{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-100588 .elementor-element.elementor-element-4d6c392{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100588 .elementor-element.elementor-element-39bbaa5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-100588 .elementor-element.elementor-element-2370931{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--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-100588 .elementor-element.elementor-element-2370931:not(.elementor-motion-effects-element-type-background), .elementor-100588 .elementor-element.elementor-element-2370931 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sourcecodelab.co/wp-content/uploads/2025/11/faq.png");}.elementor-100588 .elementor-element.elementor-element-2fee069{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:80px 0px 80px 0px;}@media(max-width:1024px){.elementor-100588 .elementor-element.elementor-element-b866f6c{width:var( --container-widget-width, 691.773px );max-width:691.773px;--container-widget-width:691.773px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-100588 .elementor-element.elementor-element-6139f5b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-100588 .elementor-element.elementor-element-6139f5b:after{content:"0.5";}.elementor-100588 .elementor-element.elementor-element-6139f5b .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-a5bd02f */.crypto-sports-why {
    max-width: 1320px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.crypto-sports-why__container {
    background: white;
    border-radius: 20px;
    padding: 3rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.crypto-sports-why__header {
    text-align: center;
    margin-bottom: 3rem;
}

.crypto-sports-why__title {
    font-size: 2.5rem;
    font-weight: 700;
    background: linear-gradient(90deg, #6a11cb, #2575fc);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.crypto-sports-why__subtitle {
    font-size: 1.2rem;
    color: #555;
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.6;
}

.crypto-sports-why__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.crypto-sports-why__card {
    background: #f8f9ff;
    border-radius: 16px;
    padding: 2rem;
    border: 1px solid #e6e9ff;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.crypto-sports-why__card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(106, 17, 203, 0.1);
    border-color: #6a11cb;
}

.crypto-sports-why__card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(to bottom, #6a11cb, #2575fc);
    opacity: 0.7;
}

.crypto-sports-why__card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #222;
    margin-bottom: 1rem;
    padding-left: 0;
}

.crypto-sports-why__card-text {
    color: #555;
    line-height: 1.6;
}

/* Icon styles (using Font Awesome classes if available) */
.crypto-sports-why__card-title::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* You would need to include Font Awesome for these to work */
.crypto-sports-why__grid article:nth-child(1) .crypto-sports-why__card-title::before {
    content: '\f023'; /* Lock icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #6a11cb;
}

.crypto-sports-why__grid article:nth-child(2) .crypto-sports-why__card-title::before {
    content: '\f085'; /* Cog icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #6a11cb;
}

.crypto-sports-why__grid article:nth-child(3) .crypto-sports-why__card-title::before {
    content: '\f1e6'; /* Plug icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #6a11cb;
}

.crypto-sports-why__grid article:nth-child(4) .crypto-sports-why__card-title::before {
    content: '\f153'; /* Bitcoin icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #6a11cb;
}

.crypto-sports-why__grid article:nth-child(5) .crypto-sports-why__card-title::before {
    content: '\f1ab'; /* Language icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #6a11cb;
}

.crypto-sports-why__grid article:nth-child(6) .crypto-sports-why__card-title::before {
    content: '\f3cd'; /* Mobile icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #6a11cb;
}

.crypto-sports-why__grid article:nth-child(7) .crypto-sports-why__card-title::before {
    content: '\f007'; /* User icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #6a11cb;
}

.crypto-sports-why__grid article:nth-child(8) .crypto-sports-why__card-title::before {
    content: '\f57d'; /* Globe icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #6a11cb;
}

/* Responsive Design */
@media (max-width: 992px) {
    .crypto-sports-why__container {
        padding: 2.5rem;
    }
    
    .crypto-sports-why__title {
        font-size: 2.2rem;
    }
}

@media (max-width: 768px) {
    .crypto-sports-why__grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .crypto-sports-why__container {
        padding: 2rem;
    }
    
    .crypto-sports-why__title {
        font-size: 1.8rem;
    }
}

@media (max-width: 480px) {
    .crypto-sports-why {
        padding: 1rem;
    }
    
    .crypto-sports-why__container {
        padding: 1.5rem;
    }
    
    .crypto-sports-why__card {
        padding: 1.5rem;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2fee069 *//* Note: Assuming the theme variables (--spacing, --color-gray-5, --text-3xl, etc.)
   from the original long CSS are available in the scope (e.g., in :root or :host) */

.benefits-section {
    position: relative; /* relative */
    text-align: center; /* text-center */
    background-color: var(--color-gray-5); /* bg-gray-5 */
}

/* .relative .z-10 .w-full .max-w-6xl .mx-auto .px-6 .lg:px-9 .pt-20 .lg:pt-32 */
.benefits-inner-container {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 72rem; /* approx max-w-6xl */
    margin: 0 auto; /* mx-auto */
    padding-left: calc(var(--spacing) * 6); /* px-6 */
    padding-right: calc(var(--spacing) * 6); /* px-6 */
    padding-top: calc(var(--spacing) * 20); /* pt-20 */
}

@media (min-width: 64rem) {
    .benefits-inner-container {
        padding-left: calc(var(--spacing) * 9); /* lg:px-9 */
        padding-right: calc(var(--spacing) * 9); /* lg:px-9 */
        padding-top: calc(var(--spacing) * 32); /* lg:pt-32 */
    }
}

/* .mb-6 .lg:mb-9 .flex .justify-center .items-center */
.benefits-tag-container {
    margin-bottom: calc(var(--spacing) * 6); /* mb-6 */
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (min-width: 64rem) {
    .benefits-tag-container {
        margin-bottom: calc(var(--spacing) * 9); /* lg:mb-9 */
    }
}

/* .flex .items-center .justify-center .text-xs .sm:text-sm .gap-2 .py-1\.5 .px-4 .rounded-full .bg-white .font-semibold .font-2 .tracking-\[0\.5px\] .uppercase */
.benefits-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    gap: calc(var(--spacing) * 2); /* gap-2 */
    padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 4); /* py-1.5 px-4 */
    border-radius: 9999px; /* rounded-full */
    background-color: var(--color-white);
    font-weight: var(--font-weight-semibold);
    font-family: var(--font-2);
    letter-spacing: 0.5px; /* tracking-[0.5px] */
    text-transform: uppercase;
}
@media (min-width: 40rem) {
    .benefits-tag {
        font-size: var(--text-sm); /* sm:text-sm */
    }
}
/* Note: SVG fill color is correctly hardcoded to #23B04E in HTML */


/* h2: .text-3xl .lg:text-5xl .font-bold .mb-8 .lg:mb-12 */
.benefits-section h2 {
    font-size: var(--text-3xl);
    font-weight: var(--font-weight-bold);
    margin-bottom: calc(var(--spacing) * 8); /* mb-8 */
    line-height: 1.1; /* Inherited h2 line-height */
}
@media (min-width: 64rem) {
    .benefits-section h2 {
        font-size: var(--text-5xl); /* lg:text-5xl */
        margin-bottom: calc(var(--spacing) * 12); /* lg:mb-12 */
    }
}

/* .flex .flex-wrap .lg:grid .lg:grid-cols-3 .gap-5 */
.benefits-grid {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 5); /* gap-5 */
    justify-content: center; /* helps center content when flex-wrap is active */
    list-style: none; /* ensures clean layout for list of cards */
    padding: 0;
    margin: 0;
}
@media (min-width: 64rem) {
    .benefits-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr)); /* lg:grid-cols-3 */
        /* flex and flex-wrap overridden by grid display */
    }
}

/* Card: .group .overflow-hidden .relative .flex-[1_0_320px] .flex .flex-col .items-center .gap-2 .bg-white .shadow-3 .rounded-xl .px-6 .py-8 .min-h-\[240px\] */
.benefit-card {
    overflow: hidden;
    position: relative;
    flex: 1 0 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 2); /* gap-2 */
    background-color: var(--color-white);
    box-shadow: var(--shadow-3); /* shadow-3 */
    border-radius: var(--radius-xl); /* rounded-xl */
    padding-left: calc(var(--spacing) * 6); /* px-6 */
    padding-right: calc(var(--spacing) * 6); /* px-6 */
    padding-top: calc(var(--spacing) * 8); /* py-8 */
    padding-bottom: calc(var(--spacing) * 8); /* py-8 */
    min-height: 240px;
}

/* Icon Wrapper: .w-16 .h-16 .rounded-xl .flex .justify-center .items-center .shadow-3 .mb-1 .bg-white */
.icon-wrapper {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
    border-radius: var(--radius-xl);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: var(--shadow-3);
    margin-bottom: calc(var(--spacing) * 1);
    background-color: var(--color-white);
}

/* h3 in Card: .text-lg .font-semibold .font-2 */
.benefit-card h3 {
    font-size: var(--text-lg);
    font-weight: var(--font-weight-semibold);
    font-family: var(--font-2);
    line-height: 1.1; /* Inherited h3 line-height */
}

/* p in Card: .text-base */
.benefit-card p {
    font-size: var(--text-base);
    line-height: 1.5; /* Inherited p line-height */
}

/* Special Animation Card (Card 2) Logic */
.animation-placeholder {
    display: none; /* hidden */
    /* This card is complex: .animation-64 .hidden .lg:flex .bg-gradient-to-b .from-gray-8 .to-white */
    background-image: linear-gradient(to bottom, var(--color-gray-8) 0%, var(--color-white) 100%);
}

@media (min-width: 64rem) {
    .animation-placeholder {
        display: flex; /* lg:flex (overrides hidden) */
    }
    /* Placeholder for GSAP/mask-animation-64 - these animations require JS and advanced CSS features. 
       The static appearance is based on the general card style applied above. */
}/* End custom CSS */