.elementor-3366 .elementor-element.elementor-element-dac9e49{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3366 .elementor-element.elementor-element-64bcb18{--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;}.elementor-3366 .elementor-element.elementor-element-64bcb18.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3366 .elementor-element.elementor-element-4ba3e3e{width:var( --container-widget-width, 1440px );max-width:1440px;--container-widget-width:1440px;--container-widget-flex-grow:0;}.elementor-3366 .elementor-element.elementor-element-4ba3e3e.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-3366 .elementor-element.elementor-element-dac9e49{--content-width:1440px;}.elementor-3366 .elementor-element.elementor-element-64bcb18{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-4ba3e3e *//* 📦 Main Container Styling */
.history-box {
    background-color: #fdf6f6; /* Light background with red tint */
    border: 2px solid darkred;
    border-radius: 14px;
    padding: 30px;
    max-width: 900px;
    margin: 30px auto;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* 🎯 Hover Effect on Box */
.history-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2);
}

/* 🔥 Heading Styling */
.history-heading {
    background-color: darkred;
    color: white;
    font-size: 28px;
    font-weight: 700;
    border-left: 8px solid darkgreen;
    padding: 14px 22px;
    border-radius: 8px;
    display: inline-block;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* ✨ Heading Hover Effect */
.history-heading:hover {
    background-color: #8b0000;
    transform: translateY(-2px);
}

/* 📜 Paragraph Text Styling */
.history-desc {
    font-size: 17px;
    color: #222;
    line-height: 1.9;
    margin-top: 20px;
    text-align: justify;
    position: relative;
    padding-left: 10px;
    border-left: 4px solid darkgreen;
}

/* 🌟 Optional Animated Highlight Line */
.history-desc:hover {
    background-color: #f9f9f9;
    border-left-color: limegreen;
    transition: background-color 0.3s ease, border-left-color 0.3s ease;
}/* End custom CSS */