.elementor-1382 .elementor-element.elementor-element-46c1120d{--display:flex;}.elementor-1382 .elementor-element.elementor-element-129b2bb3{--spacer-size:50px;}.elementor-1382 .elementor-element.elementor-element-7c225f63{text-align:center;}.elementor-1382 .elementor-element.elementor-element-27fc8af3{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--border-radius:35px 35px 35px 35px;}.elementor-1382 .elementor-element.elementor-element-543fdd8e{--display:flex;--justify-content:center;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:5px 5px 5px 5px;--border-top-width:5px;--border-right-width:5px;--border-bottom-width:5px;--border-left-width:5px;border-color:#F25C05;--border-color:#F25C05;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1382 .elementor-element.elementor-element-514ced5a{--display:flex;--justify-content:space-evenly;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:5px 5px 5px 5px;--border-top-width:5px;--border-right-width:5px;--border-bottom-width:5px;--border-left-width:5px;border-color:#F25C05;--border-color:#F25C05;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1382 .elementor-element.elementor-element-37b2f92a{--display:flex;--justify-content:space-evenly;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:5px 5px 5px 5px;--border-top-width:5px;--border-right-width:5px;--border-bottom-width:5px;--border-left-width:5px;border-color:#F25C05;--border-color:#F25C05;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1382 .elementor-element.elementor-element-e448f87{--display:flex;--justify-content:space-evenly;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:5px 5px 5px 5px;--border-top-width:5px;--border-right-width:5px;--border-bottom-width:5px;--border-left-width:5px;border-color:#F25C05;--border-color:#F25C05;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1382 .elementor-element.elementor-element-153d65a0{--display:flex;--justify-content:space-evenly;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:5px 5px 5px 5px;--border-top-width:5px;--border-right-width:5px;--border-bottom-width:5px;--border-left-width:5px;border-color:#F25C05;--border-color:#F25C05;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-1382 .elementor-element.elementor-element-543fdd8e{--width:100%;}.elementor-1382 .elementor-element.elementor-element-514ced5a{--width:100%;}.elementor-1382 .elementor-element.elementor-element-37b2f92a{--width:100%;}.elementor-1382 .elementor-element.elementor-element-e448f87{--width:100%;}.elementor-1382 .elementor-element.elementor-element-153d65a0{--width:100%;}}@media(max-width:1024px){.elementor-1382 .elementor-element.elementor-element-46c1120d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1382 .elementor-element.elementor-element-27fc8af3{--grid-auto-flow:row;}.elementor-1382 .elementor-element.elementor-element-543fdd8e{--margin-top:0px;--margin-bottom:0px;--margin-left:00px;--margin-right:0px;}.elementor-1382 .elementor-element.elementor-element-514ced5a{--margin-top:0px;--margin-bottom:0px;--margin-left:21px;--margin-right:0px;}.elementor-1382 .elementor-element.elementor-element-37b2f92a{--margin-top:0px;--margin-bottom:0px;--margin-left:21px;--margin-right:0px;}.elementor-1382 .elementor-element.elementor-element-e448f87{--margin-top:0px;--margin-bottom:0px;--margin-left:21px;--margin-right:0px;}.elementor-1382 .elementor-element.elementor-element-153d65a0{--margin-top:0px;--margin-bottom:0px;--margin-left:21px;--margin-right:0px;}}@media(max-width:767px){.elementor-1382 .elementor-element.elementor-element-27fc8af3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--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-1382 .elementor-element.elementor-element-543fdd8e{border-width:12px 12px 12px 12px;--border-top-width:12px;--border-right-width:12px;--border-bottom-width:12px;--border-left-width:12px;--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-1382 .elementor-element.elementor-element-2118ea79{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1382 .elementor-element.elementor-element-514ced5a{border-width:12px 12px 12px 12px;--border-top-width:12px;--border-right-width:12px;--border-bottom-width:12px;--border-left-width:12px;--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-1382 .elementor-element.elementor-element-37b2f92a{border-width:12px 12px 12px 12px;--border-top-width:12px;--border-right-width:12px;--border-bottom-width:12px;--border-left-width:12px;--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-1382 .elementor-element.elementor-element-e448f87{border-width:12px 12px 12px 12px;--border-top-width:12px;--border-right-width:12px;--border-bottom-width:12px;--border-left-width:12px;--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-1382 .elementor-element.elementor-element-153d65a0{border-width:12px 12px 12px 12px;--border-top-width:12px;--border-right-width:12px;--border-bottom-width:12px;--border-left-width:12px;--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-1382 .elementor-element.elementor-element-48711b92.elementor-element{--align-self:center;--order:99999 /* order end hack */;}}/* Start custom CSS for container, class: .elementor-element-543fdd8e */<style>
/* Card Container */
.custom-card-container {
    position: relative;
    width: 300px;
    background-color: white;
    border: 10px solid #ef6a00;
    border-radius: 40px;
    padding: 40px 25px 20px 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    box-sizing: border-box;
    margin: 30px auto; /* Centers the card in the column */
    font-family: 'Arial', sans-serif;
}

/* The "More Info" Tab */
.custom-badge {
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ef6a00;
    color: white;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 30px;
    border-radius: 20px;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Typography */
.custom-logo-title {
    font-size: 32px;
    margin: 0 0 20px 0;
    line-height: 1;
    text-align: center;
}

.custom-text-orange { color: #ef6a00; font-weight: 400; }
.custom-text-dark { color: #1a2b3c; font-weight: 700; text-transform: uppercase; }

.custom-description {
    font-size: 18px;
    color: #111;
    line-height: 1.4;
    margin-bottom: 15px;
    text-align: center;
}

/* List Styling */
.custom-feature-list {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #111;
    display: table; /* Helps center the list bullets */
    margin: 0 auto 20px auto;
}
.custom-feature-list li { margin-bottom: 8px; }

/* Image Styling */
.custom-image-wrapper { text-align: center; margin-top: 20px; }
.custom-product-image { max-width: 100%; height: auto; display: block; }
</style>

<div class="custom-card-container">
    <div class="custom-badge">MORE INFO</div>
    
    <div class="card-content">
        <h1 class="custom-logo-title">
            <span class="custom-text-orange">celebration</span><span class="custom-text-dark">BALL</span>
        </h1>

        <p class="custom-description">
            A unique <strong>'ONE OFF'</strong> Customised Football & Rugby ball.
        </p>

        <ul class="custom-feature-list">
            <li>Choose your template</li>
            <li>Choose your colours</li>
            <li>Add your message</li>
        </ul>

        <div class="custom-image-wrapper">
            <img src="https://i.imgur.com/example-balls.png" alt="Group of sports balls" class="custom-product-image"> 
        </div>
    </div>
</div>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-514ced5a */<style>
/* Card Container */
.custom-card-container {
    position: relative;
    width: 300px;
    background-color: white;
    border: 10px solid #ef6a00;
    border-radius: 40px;
    padding: 40px 25px 20px 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    box-sizing: border-box;
    margin: 30px auto; /* Centers the card in the column */
    font-family: 'Arial', sans-serif;
}

/* The "More Info" Tab */
.custom-badge {
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ef6a00;
    color: white;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 30px;
    border-radius: 20px;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Typography */
.custom-logo-title {
    font-size: 32px;
    margin: 0 0 20px 0;
    line-height: 1;
    text-align: center;
}

.custom-text-orange { color: #ef6a00; font-weight: 400; }
.custom-text-dark { color: #1a2b3c; font-weight: 700; text-transform: uppercase; }

.custom-description {
    font-size: 18px;
    color: #111;
    line-height: 1.4;
    margin-bottom: 15px;
    text-align: center;
}

/* List Styling */
.custom-feature-list {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #111;
    display: table; /* Helps center the list bullets */
    margin: 0 auto 20px auto;
}
.custom-feature-list li { margin-bottom: 8px; }

/* Image Styling */
.custom-image-wrapper { text-align: center; margin-top: 20px; }
.custom-product-image { max-width: 100%; height: auto; display: block; }
</style>

<div class="custom-card-container">
    <div class="custom-badge">MORE INFO</div>
    
    <div class="card-content">
        <h1 class="custom-logo-title">
            <span class="custom-text-orange">celebration</span><span class="custom-text-dark">BALL</span>
        </h1>

        <p class="custom-description">
            A unique <strong>'ONE OFF'</strong> Customised Football & Rugby ball.
        </p>

        <ul class="custom-feature-list">
            <li>Choose your template</li>
            <li>Choose your colours</li>
            <li>Add your message</li>
        </ul>

        <div class="custom-image-wrapper">
            <img src="https://i.imgur.com/example-balls.png" alt="Group of sports balls" class="custom-product-image"> 
        </div>
    </div>
</div>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37b2f92a */<style>
/* Card Container */
.custom-card-container {
    position: relative;
    width: 300px;
    background-color: white;
    border: 10px solid #ef6a00;
    border-radius: 40px;
    padding: 40px 25px 20px 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    box-sizing: border-box;
    margin: 30px auto; /* Centers the card in the column */
    font-family: 'Arial', sans-serif;
}

/* The "More Info" Tab */
.custom-badge {
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ef6a00;
    color: white;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 30px;
    border-radius: 20px;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Typography */
.custom-logo-title {
    font-size: 32px;
    margin: 0 0 20px 0;
    line-height: 1;
    text-align: center;
}

.custom-text-orange { color: #ef6a00; font-weight: 400; }
.custom-text-dark { color: #1a2b3c; font-weight: 700; text-transform: uppercase; }

.custom-description {
    font-size: 18px;
    color: #111;
    line-height: 1.4;
    margin-bottom: 15px;
    text-align: center;
}

/* List Styling */
.custom-feature-list {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #111;
    display: table; /* Helps center the list bullets */
    margin: 0 auto 20px auto;
}
.custom-feature-list li { margin-bottom: 8px; }

/* Image Styling */
.custom-image-wrapper { text-align: center; margin-top: 20px; }
.custom-product-image { max-width: 100%; height: auto; display: block; }
</style>

<div class="custom-card-container">
    <div class="custom-badge">MORE INFO</div>
    
    <div class="card-content">
        <h1 class="custom-logo-title">
            <span class="custom-text-orange">celebration</span><span class="custom-text-dark">BALL</span>
        </h1>

        <p class="custom-description">
            A unique <strong>'ONE OFF'</strong> Customised Football & Rugby ball.
        </p>

        <ul class="custom-feature-list">
            <li>Choose your template</li>
            <li>Choose your colours</li>
            <li>Add your message</li>
        </ul>

        <div class="custom-image-wrapper">
            <img src="https://i.imgur.com/example-balls.png" alt="Group of sports balls" class="custom-product-image"> 
        </div>
    </div>
</div>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e448f87 */<style>
/* Card Container */
.custom-card-container {
    position: relative;
    width: 300px;
    background-color: white;
    border: 10px solid #ef6a00;
    border-radius: 40px;
    padding: 40px 25px 20px 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    box-sizing: border-box;
    margin: 30px auto; /* Centers the card in the column */
    font-family: 'Arial', sans-serif;
}

/* The "More Info" Tab */
.custom-badge {
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ef6a00;
    color: white;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 30px;
    border-radius: 20px;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Typography */
.custom-logo-title {
    font-size: 32px;
    margin: 0 0 20px 0;
    line-height: 1;
    text-align: center;
}

.custom-text-orange { color: #ef6a00; font-weight: 400; }
.custom-text-dark { color: #1a2b3c; font-weight: 700; text-transform: uppercase; }

.custom-description {
    font-size: 18px;
    color: #111;
    line-height: 1.4;
    margin-bottom: 15px;
    text-align: center;
}

/* List Styling */
.custom-feature-list {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #111;
    display: table; /* Helps center the list bullets */
    margin: 0 auto 20px auto;
}
.custom-feature-list li { margin-bottom: 8px; }

/* Image Styling */
.custom-image-wrapper { text-align: center; margin-top: 20px; }
.custom-product-image { max-width: 100%; height: auto; display: block; }
</style>

<div class="custom-card-container">
    <div class="custom-badge">MORE INFO</div>
    
    <div class="card-content">
        <h1 class="custom-logo-title">
            <span class="custom-text-orange">celebration</span><span class="custom-text-dark">BALL</span>
        </h1>

        <p class="custom-description">
            A unique <strong>'ONE OFF'</strong> Customised Football & Rugby ball.
        </p>

        <ul class="custom-feature-list">
            <li>Choose your template</li>
            <li>Choose your colours</li>
            <li>Add your message</li>
        </ul>

        <div class="custom-image-wrapper">
            <img src="https://i.imgur.com/example-balls.png" alt="Group of sports balls" class="custom-product-image"> 
        </div>
    </div>
</div>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-153d65a0 */<style>
/* Card Container */
.custom-card-container {
    position: relative;
    width: 300px;
    background-color: white;
    border: 10px solid #ef6a00;
    border-radius: 40px;
    padding: 40px 25px 20px 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    box-sizing: border-box;
    margin: 30px auto; /* Centers the card in the column */
    font-family: 'Arial', sans-serif;
}

/* The "More Info" Tab */
.custom-badge {
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ef6a00;
    color: white;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 30px;
    border-radius: 20px;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Typography */
.custom-logo-title {
    font-size: 32px;
    margin: 0 0 20px 0;
    line-height: 1;
    text-align: center;
}

.custom-text-orange { color: #ef6a00; font-weight: 400; }
.custom-text-dark { color: #1a2b3c; font-weight: 700; text-transform: uppercase; }

.custom-description {
    font-size: 18px;
    color: #111;
    line-height: 1.4;
    margin-bottom: 15px;
    text-align: center;
}

/* List Styling */
.custom-feature-list {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #111;
    display: table; /* Helps center the list bullets */
    margin: 0 auto 20px auto;
}
.custom-feature-list li { margin-bottom: 8px; }

/* Image Styling */
.custom-image-wrapper { text-align: center; margin-top: 20px; }
.custom-product-image { max-width: 100%; height: auto; display: block; }
</style>

<div class="custom-card-container">
    <div class="custom-badge">MORE INFO</div>
    
    <div class="card-content">
        <h1 class="custom-logo-title">
            <span class="custom-text-orange">celebration</span><span class="custom-text-dark">BALL</span>
        </h1>

        <p class="custom-description">
            A unique <strong>'ONE OFF'</strong> Customised Football & Rugby ball.
        </p>

        <ul class="custom-feature-list">
            <li>Choose your template</li>
            <li>Choose your colours</li>
            <li>Add your message</li>
        </ul>

        <div class="custom-image-wrapper">
            <img src="https://i.imgur.com/example-balls.png" alt="Group of sports balls" class="custom-product-image"> 
        </div>
    </div>
</div>/* End custom CSS */