.elementor-11106 .elementor-element.elementor-element-4827988d:not(.elementor-motion-effects-element-type-background), .elementor-11106 .elementor-element.elementor-element-4827988d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.emode.lk/wp-content/uploads/2026/01/team-bg-section-Edit.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-11106 .elementor-element.elementor-element-4827988d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-100px;margin-bottom:0px;padding:085px 0px 080px 015px;overflow:visible;}.elementor-11106 .elementor-element.elementor-element-4827988d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11106 .elementor-element.elementor-element-cdb30b0{margin-top:-150px;margin-bottom:0px;padding:0px 0px 0px 0px;overflow:visible;}.elementor-11106 .elementor-element.elementor-element-258df63 > .elementor-element-populated{margin:0px 70px 0px 0px;--e-column-margin-right:70px;--e-column-margin-left:0px;}.elementor-11106 .elementor-element.elementor-element-258df63{z-index:99;}.elementor-11106 .elementor-element.elementor-element-0ca3c82 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-11106 .elementor-element.elementor-element-0ca3c82 .ct-heading .item--title{font-family:"Poppins", Sans-serif;font-size:28px;line-height:48px;margin-bottom:0px;}.elementor-11106 .elementor-element.elementor-element-0ca3c82 .ct-heading .ct-text-highlight{color:#3C2CFF;}.elementor-11106 .elementor-element.elementor-element-0ca3c82 .ct-heading .item--sub-title{color:#3630FF !important;font-family:"Roboto", Sans-serif;font-size:20px;}.elementor-11106 .elementor-element.elementor-element-0ca3c82 .ct-heading .item--sub-title span::before, .elementor-11106 .elementor-element.elementor-element-0ca3c82 .ct-heading .item--sub-title span::after{background-color:#3630FF !important;}.elementor-11106 .elementor-element.elementor-element-257c778 > .elementor-widget-container{margin:0px 0px 29px 0px;padding:0% 4% 0% 0%;}.elementor-11106 .elementor-element.elementor-element-257c778 .ct-text-editor{text-align:justify;color:#1B1B1B;}.elementor-11106 .elementor-element.elementor-element-257c778{font-family:"Poppins", Sans-serif;font-size:15px;line-height:29px;}.elementor-11106 .elementor-element.elementor-element-8deef81{width:auto;max-width:auto;font-size:18px;line-height:30px;}.elementor-11106 .elementor-element.elementor-element-8deef81 > .elementor-widget-container{margin:0px 10px 0px 0px;}.elementor-11106 .elementor-element.elementor-element-8deef81 .ct-text-editor{color:#1C1D20;}.elementor-11106 .elementor-element.elementor-element-8deef81 .ct-text-editor a{color:#1C1D20;font-weight:700;text-decoration:underline;}.elementor-11106 .elementor-element.elementor-element-8deef81 .ct-text-editor a.link-underline{border-color:#1C1D20;}.elementor-11106 .elementor-element.elementor-element-8deef81 .ct-text-editor a:hover{color:#0052F2;}.elementor-11106 .elementor-element.elementor-element-deb05a5{width:auto;max-width:auto;}.elementor-11106 .elementor-element.elementor-element-deb05a5 > .elementor-widget-container{margin:0px 5px 0px 0px;}.elementor-11106 .elementor-element.elementor-element-a5328ce{width:auto;max-width:auto;}.elementor-11106 .elementor-element.elementor-element-a5328ce .ct-button-wrapper .btn{font-family:"Poppins", Sans-serif;}.elementor-11106 .elementor-element.elementor-element-a5328ce .ct-button-wrapper .ct-button-icon i{color:#0D7DFC;text-fill-color:#0D7DFC;-webkit-text-fill-color:#0D7DFC;background-image:none;}.elementor-11106 .elementor-element.elementor-element-a5328ce .ct-button-wrapper .ct-button-icon.ct-align-icon-right{margin-left:8px;}.elementor-11106 .elementor-element.elementor-element-5189f24 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-11106 .elementor-element.elementor-element-5189f24 .ct-video-button.style2 .ct-video-text{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:700;text-transform:none;letter-spacing:0px;color:#0052F2;}.elementor-11106 .elementor-element.elementor-element-e2d2baa > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-11106 .elementor-element.elementor-element-e2d2baa{padding:0px 0px 0px 0px;overflow:visible;}.elementor-11106 .elementor-element.elementor-element-07bbbeb > .elementor-widget-container{margin:0px 5px 0px 0px;}.elementor-11106 .elementor-element.elementor-element-cf88813 .ct-heading .item--title{font-family:"Poppins", Sans-serif;font-size:36px;line-height:48px;margin-bottom:22px;}.elementor-11106 .elementor-element.elementor-element-cf88813 .ct-heading .ct-text-highlight{color:#3C2CFF;}.elementor-11106 .elementor-element.elementor-element-cf88813 .ct-heading .item--sub-title{color:#3630FF !important;font-family:"Roboto", Sans-serif;font-size:20px;}.elementor-11106 .elementor-element.elementor-element-cf88813 .ct-heading .item--sub-title span::before, .elementor-11106 .elementor-element.elementor-element-cf88813 .ct-heading .item--sub-title span::after{background-color:#3630FF !important;}.elementor-11106 .elementor-element.elementor-element-dca317b > .elementor-widget-container{padding:0% 5% 0% 0%;}.elementor-11106 .elementor-element.elementor-element-dca317b .ct-text-editor{color:#666666;}.elementor-11106 .elementor-element.elementor-element-dca317b{font-size:17px;line-height:27px;}.elementor-11106 .elementor-element.elementor-element-b60879d:not(.elementor-motion-effects-element-type-background), .elementor-11106 .elementor-element.elementor-element-b60879d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.emode.lk/wp-content/uploads/2026/02/re-Conta-Banner-Bottam.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-11106 .elementor-element.elementor-element-b60879d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;overflow:visible;}.elementor-11106 .elementor-element.elementor-element-b60879d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11106 .elementor-element.elementor-element-64c4b55 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-11106 .elementor-element.elementor-element-31e3230 > .elementor-widget-container{padding:0% 20% 0% 0%;}.elementor-11106 .elementor-element.elementor-element-31e3230 .ct-heading .item--title{font-family:"Poppins", Sans-serif;margin-bottom:18px;}.elementor-11106 .elementor-element.elementor-element-85a30f8{width:auto;max-width:auto;font-family:"Fira Sans", Sans-serif;font-size:18px;font-weight:700;}.elementor-11106 .elementor-element.elementor-element-85a30f8 > .elementor-widget-container{margin:0px 0px 17px 0px;}.elementor-11106 .elementor-element.elementor-element-85a30f8 .ct-text-editor{color:#0C65F8;}.elementor-11106 .elementor-element.elementor-element-1236b77 > .elementor-widget-container{padding:0% 10% 0% 0%;}.elementor-11106 .elementor-element.elementor-element-1236b77 .ct-testimonial .item--title{font-family:"Poppins", Sans-serif;}.elementor-11106 .elementor-element.elementor-element-1236b77 .ct-testimonial .item--description{font-family:"Poppins", Sans-serif;}.elementor-11106 .elementor-element.elementor-element-7d3ebe2 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-11106 .elementor-element.elementor-element-0e29fd2{--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;overflow:visible;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-11106 .elementor-element.elementor-element-0ca3c82 .ct-heading .item--title{font-size:32px;line-height:42px;}.elementor-11106 .elementor-element.elementor-element-0ca3c82 .ct-heading .item--sub-title{font-size:18px;}.elementor-11106 .elementor-element.elementor-element-257c778 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11106 .elementor-element.elementor-element-8deef81{font-size:16px;line-height:28px;}.elementor-11106 .elementor-element.elementor-element-cf88813 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11106 .elementor-element.elementor-element-cf88813 .ct-heading .item--title{font-size:32px;line-height:42px;}.elementor-11106 .elementor-element.elementor-element-cf88813 .ct-heading .item--sub-title{font-size:18px;}.elementor-11106 .elementor-element.elementor-element-31e3230 .ct-heading .item--title{font-size:36px;}}@media(max-width:767px){.elementor-11106 .elementor-element.elementor-element-8deef81 > .elementor-widget-container{margin:0px 25px 0px 0px;}.elementor-11106 .elementor-element.elementor-element-deb05a5 > .elementor-widget-container{margin:0px 0px 0px -12px;}.elementor-11106 .elementor-element.elementor-element-3a59eae > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-11106 .elementor-element.elementor-element-72ef925 > .elementor-widget-container{margin:0px 0px 22px 0px;}.elementor-11106 .elementor-element.elementor-element-e2d2baa{padding:0px 0px 0px 0px;}.elementor-11106 .elementor-element.elementor-element-dca317b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11106 .elementor-element.elementor-element-b60879d:not(.elementor-motion-effects-element-type-background), .elementor-11106 .elementor-element.elementor-element-b60879d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top left;}.elementor-11106 .elementor-element.elementor-element-b60879d{padding:90px 0px 0px 0px;}.elementor-11106 .elementor-element.elementor-element-31e3230 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11106 .elementor-element.elementor-element-31e3230 .ct-heading .item--title{font-size:32px;}.elementor-11106 .elementor-element.elementor-element-1236b77 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-11106 .elementor-element.elementor-element-258df63{width:58.646%;}.elementor-11106 .elementor-element.elementor-element-3a59eae{width:41.354%;}.elementor-11106 .elementor-element.elementor-element-86952fb{width:55%;}.elementor-11106 .elementor-element.elementor-element-78cf8be{width:45%;}}@media(max-width:1024px) and (min-width:768px){.elementor-11106 .elementor-element.elementor-element-64c4b55{width:60%;}.elementor-11106 .elementor-element.elementor-element-7d3ebe2{width:40%;}}/* Start custom CSS for html, class: .elementor-element-97cfcf1 */<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">

<style>
    /* --- SECTION & CONTAINER --- */
    .premium-cv-section {
        padding: 80px 20px;
        background-color: #f4f7f6; 
        /* Poppins font applied specifically here */
        font-family: 'Poppins', sans-serif !important; 
    }

    .cv-container {
        max-width: 1200px;
        margin: 0 auto;
    }

    /* --- GRID LAYOUT --- */
    .cv-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
        gap: 30px;
    }

    /* --- CARD DESIGN --- */
    .cv-card {
        background: #ffffff;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        position: relative;
        border: 1px solid #eaeaea;
    }

    .cv-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    }

    /* --- GRADIENT BOTTOM LINE --- */
    .cv-card::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: linear-gradient(to right, transparent, currentColor, transparent);
        transform: scaleX(0);
        transform-origin: center; 
        transition: transform 0.4s ease;
        opacity: 0.8;
    }

    .cv-card:hover::after {
        transform: scaleX(1);
    }

    .cv-content {
        padding: 35px;
    }

    /* --- HEADER (Icon + Title) --- */
    .cv-header {
        display: flex;
        align-items: center;
        margin-bottom: 25px;
    }

    .cv-icon-wrapper {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 20px;
        background-color: rgba(0, 0, 0, 0.04);
        color: currentColor; 
        font-size: 32px;
        transition: all 0.4s ease;
    }
    
    .cv-card:hover .cv-icon-wrapper {
        background-color: currentColor;
        color: #ffffff;
        box-shadow: 0 0 20px currentColor;
    }

    .cv-header h3 {
        margin: 0;
        font-family: 'Poppins', sans-serif !important;
        font-size: 1.5rem;
        font-weight: 700; 
        color: #2c3e50;
        letter-spacing: 0.5px;
    }

    .cv-content p {
        font-family: 'Poppins', sans-serif !important;
        color: #666;
        line-height: 1.7;
        font-size: 1rem; 
        font-weight: 300; 
        margin: 0;
    }

    /* --- COLOR THEMES --- */
    .theme-blue { color: #3498db; }
    .theme-orange { color: #e67e22; }
    .theme-red { color: #e74c3c; }
    .theme-purple { color: #9b59b6; }
    .theme-green { color: #2ecc71; } 
    .theme-yellow { color: #f1c40f; }

    /* --- RESPONSIVE --- */
    @media (max-width: 768px) {
        .cv-grid {
            grid-template-columns: 1fr;
            gap: 20px;
        }
        .cv-content {
            padding: 25px;
        }
        .cv-header h3 {
            font-size: 1.3rem;
        }
    }
</style>

<div class="premium-cv-section">
    <div class="cv-container">
        <div class="cv-grid">
            
            <div class="cv-card theme-blue">
                <div class="cv-content">
                    <div class="cv-header">
                        <div class="cv-icon-wrapper"><span class="cv-icon">🚀</span></div>
                        <h3>Innovation</h3>
                    </div>
                    <p>To keep pace with the rapidly developing technology in the field, we warmly welcome and pursue novelty that enhances the standard.</p>
                </div>
            </div>

            <div class="cv-card theme-orange">
                <div class="cv-content">
                    <div class="cv-header">
                        <div class="cv-icon-wrapper"><span class="cv-icon">🤝</span></div>
                        <h3>Commitment</h3>
                    </div>
                    <p>Commitment is the key to success. It is a collective effort aimed at ultimate customer satisfaction. We demonstrate a commitment to safety.</p>
                </div>
            </div>

            <div class="cv-card theme-red">
                <div class="cv-content">
                    <div class="cv-header">
                        <div class="cv-icon-wrapper"><span class="cv-icon">❤️</span></div>
                        <h3>Caring</h3>
                    </div>
                    <p>The partners, the suppliers, the employees and finally the community are important equally for the growth and sustenance of our business.</p>
                </div>
            </div>

            <div class="cv-card theme-purple">
                <div class="cv-content">
                    <div class="cv-header">
                        <div class="cv-icon-wrapper"><span class="cv-icon">🛡️</span></div>
                        <h3>Integrity</h3>
                    </div>
                    <p>We believe that trust is the topmost factor affecting the success of our business. Therefore, honesty and integrity comes first.</p>
                </div>
            </div>

            <div class="cv-card theme-green">
                <div class="cv-content">
                    <div class="cv-header">
                        <div class="cv-icon-wrapper"><span class="cv-icon">🌳</span></div>
                        <h3>Go Green</h3>
                    </div>
                    <p>With a view to contributing towards minimizing Carbon Footprint, we try our level best to control emission of CO2 in our operations.</p>
                </div>
            </div>

            <div class="cv-card theme-yellow">
                <div class="cv-content">
                    <div class="cv-header">
                        <div class="cv-icon-wrapper"><span class="cv-icon">💎</span></div>
                        <h3>Loyalty</h3>
                    </div>
                    <p>We maintain a healthy inter-relations with our employees, the partners, the suppliers and also the clientele and seek their assistance.</p>
                </div>
            </div>

        </div>
    </div>
</div>/* End custom CSS */