.elementor-233522 .elementor-element.elementor-element-15f5a99:not(.elementor-motion-effects-element-type-background), .elementor-233522 .elementor-element.elementor-element-15f5a99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F9FB;}.elementor-233522 .elementor-element.elementor-element-15f5a99{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-233522 .elementor-element.elementor-element-15f5a99 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-233522 .elementor-element.elementor-element-0dc4613 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-233522 .elementor-element.elementor-element-0dc4613 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-233522 .elementor-element.elementor-element-c5616e5{width:var( --container-widget-width, 100.547% );max-width:100.547%;--container-widget-width:100.547%;--container-widget-flex-grow:0;}.elementor-233522 .elementor-element.elementor-element-7181749 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-233522 .elementor-element.elementor-element-7181749 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-233522 .elementor-element.elementor-element-aeec26d:not(.elementor-motion-effects-element-type-background), .elementor-233522 .elementor-element.elementor-element-aeec26d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E2937;}.elementor-233522 .elementor-element.elementor-element-aeec26d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-233522 .elementor-element.elementor-element-aeec26d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-233522 .elementor-element.elementor-element-e358fde{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-233522 .elementor-element.elementor-element-143f2dd{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-233522 .elementor-element.elementor-element-9021ae9:not(.elementor-motion-effects-element-type-background), .elementor-233522 .elementor-element.elementor-element-9021ae9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E7E7E7;}.elementor-233522 .elementor-element.elementor-element-9021ae9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-233522 .elementor-element.elementor-element-9021ae9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-233522 .elementor-element.elementor-element-2a63cbe:not(.elementor-motion-effects-element-type-background), .elementor-233522 .elementor-element.elementor-element-2a63cbe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-233522 .elementor-element.elementor-element-2a63cbe{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-233522 .elementor-element.elementor-element-2a63cbe > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-233522 .elementor-element.elementor-element-cf8af4a{margin-top:50px;margin-bottom:0px;}.elementor-233522 .elementor-element.elementor-element-0e7f10c .title + .subtitle{margin-bottom:0px;}.elementor-233522 .elementor-element.elementor-element-0e7f10c .subtitle + .title{margin-top:0px;}.elementor-233522 .elementor-element.elementor-element-0e7f10c .title{color:#0C1C28CC;}.elementor-233522 .elementor-element.elementor-element-0e7f10c h1, .elementor-233522 .elementor-element.elementor-element-0e7f10c h2, .elementor-233522 .elementor-element.elementor-element-0e7f10c h3, .elementor-233522 .elementor-element.elementor-element-0e7f10c h4, .elementor-233522 .elementor-element.elementor-element-0e7f10c h5, .elementor-233522 .elementor-element.elementor-element-0e7f10c h6{font-size:0.98em;font-weight:600;}.elementor-233522 .elementor-element.elementor-element-0e7f10c .subtitle{color:#0C1C28;font-size:37.5844px;font-weight:700;line-height:31.5844px;letter-spacing:-0.375844px;}.elementor-233522 .elementor-element.elementor-element-bdd221c{margin-top:23px;margin-bottom:0px;}.elementor-233522 .elementor-element.elementor-element-677cef1 > .elementor-widget-container{background-color:#FFFFFF;}.elementor-233522 .elementor-element.elementor-element-dfd7119{--spacer-size:50px;}.elementor-233522 .elementor-element.elementor-element-0442e0c:not(.elementor-motion-effects-element-type-background), .elementor-233522 .elementor-element.elementor-element-0442e0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5F2;}.elementor-233522 .elementor-element.elementor-element-0442e0c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-233522 .elementor-element.elementor-element-0442e0c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(min-width:768px){.elementor-233522 .elementor-element.elementor-element-0dc4613{width:6%;}.elementor-233522 .elementor-element.elementor-element-fff6c3e{width:87.332%;}.elementor-233522 .elementor-element.elementor-element-7181749{width:6%;}.elementor-233522 .elementor-element.elementor-element-b7b39d8{width:6%;}.elementor-233522 .elementor-element.elementor-element-1ca4e9f{width:87.332%;}.elementor-233522 .elementor-element.elementor-element-c30c701{width:6%;}.elementor-233522 .elementor-element.elementor-element-102ed5d{width:6%;}.elementor-233522 .elementor-element.elementor-element-f4c82db{width:87.332%;}.elementor-233522 .elementor-element.elementor-element-2e0e188{width:6%;}.elementor-233522 .elementor-element.elementor-element-664393b{width:6%;}.elementor-233522 .elementor-element.elementor-element-e3ad9ee{width:87.332%;}.elementor-233522 .elementor-element.elementor-element-f5de2d2{width:6%;}.elementor-233522 .elementor-element.elementor-element-9e671ee{width:6%;}.elementor-233522 .elementor-element.elementor-element-59a9f70{width:87.332%;}.elementor-233522 .elementor-element.elementor-element-0e00e55{width:6%;}.elementor-233522 .elementor-element.elementor-element-c68b71b{width:6%;}.elementor-233522 .elementor-element.elementor-element-f22930a{width:87.333%;}.elementor-233522 .elementor-element.elementor-element-1667b74{width:6%;}}/* Start custom CSS for ohio_carousel, class: .elementor-element-677cef1 */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Feature Box Design</title>

<style>
body {
    font-family: Arial, sans-serif;
    background: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

/* WRAPPER (IMPORTANT FOR PERFECT CENTER) */
.wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* FEATURE BOX */
.feature-box {
    text-align: center;
    padding: 30px 20px;
    border-radius: 18px;
    background: white;
    transition: 0.3s;
    max-width: 280px;
    border: 1px solid #ffe0cc;
    cursor: pointer;
}

/* HOVER */
.feature-box:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 2px 5px rgba(255,102,0,0.25);
}

/* ICON */
.feature-box img {
    width: 70px;
    margin: 0 auto 15px;
    display: block; /* CENTER IMAGE */
    transition: 0.3s;
}

/* ICON HOVER */
.feature-box:hover img {
    transform: scale(1.15) rotate(5deg);
}

/* TITLE */
.feature-box h3 {
    font-size: 20px;
    font-weight: 700;
    color: #ff6600;
    margin-bottom: 10px;
}

/* TEXT */
.feature-box p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

/* LINE */
.feature-box::after {
    content: "";
    width: 50px;
    height: 4px;
    background: #ff6600;
    display: block;
    margin: 15px auto 0;
    border-radius: 10px;
    transition: 0.3s;
}

.feature-box:hover::after {
    width: 80px;
}
</style>

</head>
<body>

<div class="wrapper">
    <div class="feature-box">
        <img src="https://cdn-icons-png.flaticon.com/512/3135/3135715.png" alt="icon">
        <h3>Creative Design</h3>
        <p>We provide modern and creative solutions to make your project stand out beautifully.</p>
    </div>
</div>

</body>
</html>/* End custom CSS */