.elementor-143 .elementor-element.elementor-element-33457eb{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-cb81859 */.sm-about-wrap, .sm-about-wrap * { box-sizing: border-box; }
.sm-about-wrap { max-width: 100%; margin: 0 auto; padding: 40px 0; font-family: inherit; color: #0F172A; }
.sm-about-hero { text-align: center; margin-bottom: 50px; }
.sm-about-title { font-size: 38px; color: #0F172A; font-weight: 800; margin: 0 0 20px 0; line-height: 1.2; letter-spacing: -0.5px; }
.sm-about-subtitle { font-size: 18px; color: #0F172A; opacity: 0.8; max-width: 800px; margin: 0 auto; line-height: 1.6; }
.sm-about-stats { display: flex; justify-content: center; gap: 30px; margin-bottom: 60px; flex-wrap: wrap; }
.sm-about-stat-card { background: #FFFFFF; border: 1px solid #F8FAFC; border-radius: 16px; padding: 35px 20px; text-align: center; box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04); min-width: 220px; flex: 1; border-bottom: 5px solid #FF5000; transition: transform 0.3s ease; }
.sm-about-stat-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(255, 80, 0, 0.12); }
.sm-about-stat-num { font-size: 46px; font-weight: 900; color: #FF5000; margin-bottom: 10px; line-height: 1; }
.sm-about-stat-text { font-size: 14px; color: #0F172A; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.9; }
.sm-about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin-bottom: 70px; align-items: center; }
.sm-about-text-block h2 { font-size: 30px; color: #0F172A; font-weight: 800; margin: 0 0 20px 0; line-height: 1.3; }
.sm-about-text-block p { font-size: 16px; line-height: 1.8; margin: 0 0 15px 0; opacity: 0.85; }

.sm-about-image {
    background: #F8FAFC;
    border-radius: 20px;
    height: 100%;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed #FF5000;
    color: #FF5000;
    font-weight: 700;
    font-size: 18px;
    box-shadow: inset 0 2px 10px rgba(15, 23, 42, 0.02);
    overflow: hidden; 
    position: relative; 
}

.sm-about-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    object-position: center; 
    z-index: 1; 
}

.sm-about-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 60px; }
.sm-about-feature { background: #FFFFFF; padding: 35px 25px; border-radius: 16px; box-shadow: 0 4px 15px rgba(15, 23, 42, 0.03); border: 1px solid #F8FAFC; transition: all 0.3s ease; position: relative; overflow: hidden; }
.sm-about-feature::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #FF5000, #FFA040); opacity: 0; transition: opacity 0.3s ease; }
.sm-about-feature:hover { transform: translateY(-5px); border-color: #FF5000; box-shadow: 0 12px 30px rgba(255, 80, 0, 0.12); }
.sm-about-feature:hover::before { opacity: 1; }
.sm-about-icon { font-size: 36px; margin-bottom: 20px; display: inline-block; padding: 15px; background: rgba(255, 80, 0, 0.1); border-radius: 12px; color: #FF5000; }
.sm-about-feature h3 { font-size: 20px; color: #0F172A; margin: 0 0 12px 0; font-weight: 800; }
.sm-about-feature p { font-size: 15px; opacity: 0.8; margin: 0; line-height: 1.6; }

.sm-about-cta { background: linear-gradient(135deg, #1E293B 0%, #0F172A 100%); padding: 60px 40px; border-radius: 20px; text-align: center; color: #FFFFFF; box-shadow: 0 20px 40px rgba(15, 23, 42, 0.2); border-bottom: 6px solid #FF5000; }
.sm-about-cta h3 { font-size: 32px; margin: 0 0 15px 0; font-weight: 800; color: #FFFFFF !important; }
.sm-about-cta p { font-size: 18px; margin: 0 auto 35px auto; opacity: 0.9; max-width: 600px; }
.sm-about-btn { display: inline-block; background: #FF5000; color: #FFFFFF !important; padding: 18px 45px; border-radius: 10px; font-weight: 800; font-size: 16px; text-decoration: none; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(255, 80, 0, 0.3); border: none; cursor: pointer; }
.sm-about-btn:hover { background: #FFFFFF; color: #FF5000 !important; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(255, 80, 0, 0.4); }

@media (max-width: 992px) {
    .sm-about-content { grid-template-columns: 1fr; }
    .sm-about-image { min-height: 300px; }
    .sm-about-features { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .sm-about-features { grid-template-columns: 1fr; }
    .sm-about-title { font-size: 30px; }
    .sm-about-stat-card { min-width: 100%; padding: 25px 20px; }
    .sm-about-text-block h2 { font-size: 26px; }
    .sm-about-cta h3 { font-size: 26px; }
}/* End custom CSS */