.elementor-590 .elementor-element.elementor-element-ce42f30{--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-590 .elementor-element.elementor-element-64dd710{--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-590 .elementor-element.elementor-element-64dd710.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-590 .elementor-element.elementor-element-2c725dd{width:var( --container-widget-width, 1440px );max-width:1440px;--container-widget-width:1440px;--container-widget-flex-grow:0;}.elementor-590 .elementor-element.elementor-element-2c725dd.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-590 .elementor-element.elementor-element-5919a51{--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-590 .elementor-element.elementor-element-5919a51:not(.elementor-motion-effects-element-type-background), .elementor-590 .elementor-element.elementor-element-5919a51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F0E6;}.elementor-590 .elementor-element.elementor-element-c82eedb{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-590 .elementor-element.elementor-element-c82eedb.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-590 .elementor-element.elementor-element-bdea53c{width:var( --container-widget-width, 106.54% );max-width:106.54%;--container-widget-width:106.54%;--container-widget-flex-grow:0;}.elementor-590 .elementor-element.elementor-element-bdea53c.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-590 .elementor-element.elementor-element-4d1130e{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-590 .elementor-element.elementor-element-170be38.elementor-element{--align-self:center;}.elementor-590 .elementor-element.elementor-element-83e637b{--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-590 .elementor-element.elementor-element-83e637b:not(.elementor-motion-effects-element-type-background), .elementor-590 .elementor-element.elementor-element-83e637b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBF2F1;}.elementor-590 .elementor-element.elementor-element-83e637b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-590 .elementor-element.elementor-element-ab6986e{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-590 .elementor-element.elementor-element-ab6986e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-590 .elementor-element.elementor-element-6fc4348.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-590 .elementor-element.elementor-element-8094bd0{--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-590 .elementor-element.elementor-element-8094bd0.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-590 .elementor-element.elementor-element-ce933eb{width:var( --container-widget-width, 112.447% );max-width:112.447%;--container-widget-width:112.447%;--container-widget-flex-grow:0;}.elementor-590 .elementor-element.elementor-element-ce933eb.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-590 .elementor-element.elementor-element-12168d9{--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-590 .elementor-element.elementor-element-12168d9:not(.elementor-motion-effects-element-type-background), .elementor-590 .elementor-element.elementor-element-12168d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F0E6;}.elementor-590 .elementor-element.elementor-element-be5cb2a{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-590 .elementor-element.elementor-element-be5cb2a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-590 .elementor-element.elementor-element-13c0d84{--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;--justify-content:center;}.elementor-590 .elementor-element.elementor-element-ea31745{--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-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-590 .elementor-element.elementor-element-bdea53c.elementor-element{--align-self:flex-start;}.elementor-590 .elementor-element.elementor-element-6fc4348.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-590 .elementor-element.elementor-element-ce42f30{--content-width:1440px;}.elementor-590 .elementor-element.elementor-element-64dd710{--width:100%;}.elementor-590 .elementor-element.elementor-element-5919a51{--content-width:1440px;}.elementor-590 .elementor-element.elementor-element-c82eedb{--width:50.304%;}.elementor-590 .elementor-element.elementor-element-4d1130e{--width:50%;}.elementor-590 .elementor-element.elementor-element-83e637b{--width:1440px;}.elementor-590 .elementor-element.elementor-element-ab6986e{--width:39.673%;}.elementor-590 .elementor-element.elementor-element-8094bd0{--width:68.016%;}.elementor-590 .elementor-element.elementor-element-12168d9{--content-width:1440px;}.elementor-590 .elementor-element.elementor-element-be5cb2a{--width:67.151%;}.elementor-590 .elementor-element.elementor-element-13c0d84{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-2c725dd *//* 📦 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 */
/* Start custom CSS for html, class: .elementor-element-bdea53c *//* 📦 Vision Box */
.vision-box {
    background-color: #f4fef6;  /* Light greenish background */
    border: 2px solid darkgreen;
    border-radius: 14px;
    padding: 30px;
    max-width: 800px;
    margin: 30px auto;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* 🔥 Box Hover */
.vision-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

/* 🎯 Heading */
.vision-heading {
    background-color: darkgreen;
    color: white;
    font-size: 28px;
    font-weight: 700;
    border-left: 8px solid darkred;
    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 */
.vision-heading:hover {
    background-color: #065f46;
    transform: translateY(-2px);
}

/* 📜 Description */
.vision-desc {
    font-size: 18px;
    color: #222;
    line-height: 1.9;
    margin-top: 20px;
    text-align: justify;
    position: relative;
    padding-left: 12px;
    border-left: 4px solid darkred;
}

/* 🌟 Description Hover Line Effect */
.vision-desc:hover {
    background-color: #f9f9f9;
    border-left-color: tomato;
    transition: background-color 0.3s ease, border-left-color 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ce933eb *//* 📦 Mission Box Styling */
.mission-box {
    background-color: #fef9f6;  /* Soft warm background */
    border: 2px solid darkred;
    border-radius: 14px;
    padding: 30px;
    max-width: 800px;
    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 */
.mission-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

/* 🎯 Heading Styling */
.mission-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 */
.mission-heading:hover {
    background-color: #8b0000;
    transform: translateY(-2px);
}

/* 📜 Description Styling */
.mission-desc {
    font-size: 18px;
    color: #222;
    line-height: 1.9;
    margin-top: 20px;
    text-align: justify;
    position: relative;
    padding-left: 12px;
    border-left: 4px solid darkgreen;
    transition: background-color 0.3s ease, border-left-color 0.3s ease;
}

/* 🌟 Description Hover Effect */
.mission-desc:hover {
    background-color: #f9f9f9;
    border-left-color: limegreen;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e283545 *//* 🎯 Heading Styling */
.goal-heading {
    background: linear-gradient(90deg, darkgreen, darkred);
    color: white;
    font-size: 32px;
    font-weight: 800;
    padding: 14px 24px;
    border-radius: 10px;
    text-align: center;
    margin: 0 auto 25px auto;
    display: block;
    width: fit-content;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    transition: color 0.3s ease, background-color 0.3s ease, transform 0.4s ease;
}

.goal-heading:hover {
    color: black;
    background: #e6f4ea;
    transform: translateY(-3px);
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

/* ✅ List Container */
.goal-positive {
    list-style: none;
    padding-left: 0;
    margin-top: 20px;
}

/* ✔️ List Item Styling */
.goal-positive li {
    background-color: #0f172a; /* Dark background */
    color: #f1f5f9; /* Soft white text */
    margin-bottom: 15px;
    padding: 16px 20px 16px 50px;
    border-radius: 12px;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
    transition: 
        transform 0.3s ease, 
        box-shadow 0.3s ease, 
        background-color 0.3s ease, 
        color 0.3s ease;
    overflow: hidden;
}

/* ✨ Check Icon Before */
.goal-positive li::before {
    content: "✔️";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: limegreen;
    font-size: 20px;
    transition: 
        transform 0.3s ease, 
        color 0.3s ease;
}

/* 🌟 Hover Effect */
.goal-positive li:hover {
    transform: scale(1.03) translateX(5px);
    background-color: rgba(22, 163, 74, 0.2); /* Green glow */
    box-shadow: 
        0 10px 25px rgba(0,0,0,0.5), 
        0 0 20px rgba(34,197,94,0.5);
    color: black; /* 🔥 Text turns black */
}

/* ✔️ Icon Animation on Hover */
.goal-positive li:hover::before {
    transform: translateY(-50%) scale(1.4) rotate(20deg);
    color: #22c55e; /* Bright Green */
}

/* 🌈 Bottom Glow Line Animation */
.goal-positive li::after {
    content: "";
    position: absolute;
    height: 3px;
    width: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(90deg, darkred, darkgreen);
    transition: width 0.4s ease;
}

.goal-positive li:hover::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5cb2a */goal-positive li::before {
    content: "✔️"; 
    color: darkgreen;
    font-weight: bold;
    display: inline-block;
    width: 1.5em;
    margin-left: -1.5em;/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2c688bf *//* 🔥 Container Styling */
.core-values-section {
    background-color: #f9f9f9;
    border: 2px solid darkgreen;
    border-radius: 14px;
    padding: 30px;
    max-width: 900px;
    margin: 40px auto;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.core-values-section:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.2);
}

/* 🎯 Heading Styling */
.core-heading {
    background-color: darkgreen;
    color: white;
    font-size: 30px;
    font-weight: 800;
    padding: 14px 24px;
    border-radius: 10px;
    text-align: center;
    display: inline-block;
    margin-bottom: 20px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transition: background-color 0.3s ease;
}

.core-heading:hover {
    background-color: #14532d;
}

/* 📝 Description Styling */
.core-description {
    font-size: 17px;
    color: #333;
    margin-bottom: 25px;
    line-height: 1.7;
}

/* ✅ List Styling */
.core-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.core-list li {
    background-color: #fff;
    border-left: 6px solid darkgreen;
    padding: 14px 18px 14px 50px;
    margin-bottom: 15px;
    border-radius: 10px;
    position: relative;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* ✔️ Icon Before Each Item */
.core-list li::before {
    content: "✔️";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: darkgreen;
    font-size: 20px;
    transition: transform 0.3s ease, color 0.3s ease;
}

/* ✨ Hover Effect */
.core-list li:hover {
    background-color: #e6f4ea;
    transform: translateX(8px);
}

.core-list li:hover::before {
    transform: translateY(-50%) scale(1.3) rotate(10deg);
    color: limegreen;
}
body {
    background: yellow;
}/* End custom CSS */