{"id":1377,"date":"2025-10-28T12:11:35","date_gmt":"2025-10-28T06:41:35","guid":{"rendered":"https:\/\/earthcraftltd.com\/?page_id=1377"},"modified":"2025-10-31T05:17:32","modified_gmt":"2025-10-30T23:47:32","slug":"about-us-2","status":"publish","type":"page","link":"https:\/\/earthcraftltd.com\/index.php\/about-us-2\/","title":{"rendered":"About Us 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1377\" class=\"elementor elementor-1377\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-50bd59c elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-glass-effect-no wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"50bd59c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7e1b3de exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"7e1b3de\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d26cb7d jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"d26cb7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');\n  \n  .hero-container {\n    font-family: 'Montserrat', sans-serif;\n    padding: 0;\n    background: #ffffff;\n    position: relative;\n    overflow: hidden;\n    margin: 0;\n    box-sizing: border-box;\n  }\n  \n  .hero-container * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  \n  .hero-wrapper {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    min-height: 600px;\n    max-width: 1400px;\n    margin: 0 auto;\n    align-items: center;\n    gap: 60px;\n    padding: 80px 40px;\n    position: relative;\n  }\n  \n  \/* Animated background elements *\/\n  .hero-bg-pattern {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    opacity: 0.03;\n    background-image: \n      repeating-linear-gradient(45deg, #00bbe8 0, #00bbe8 1px, transparent 1px, transparent 20px),\n      repeating-linear-gradient(-45deg, #00bbe8 0, #00bbe8 1px, transparent 1px, transparent 20px);\n    pointer-events: none;\n    z-index: 0;\n  }\n  \n  .hero-content {\n    position: relative;\n    z-index: 2;\n    animation: slideInLeft 1s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  @keyframes slideInLeft {\n    from {\n      opacity: 0;\n      transform: translateX(-60px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n  \n  .hero-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 20px;\n    background: rgba(0, 187, 232, 0.08);\n    border: 1px solid rgba(0, 187, 232, 0.2);\n    border-radius: 50px;\n    margin-bottom: 25px;\n    animation: fadeIn 1s 0.2s backwards;\n  }\n  \n  .hero-label-dot {\n    width: 8px;\n    height: 8px;\n    background: #00bbe8;\n    border-radius: 50%;\n    animation: pulse 2s ease-in-out infinite;\n  }\n  \n  @keyframes pulse {\n    0%, 100% {\n      transform: scale(1);\n      opacity: 1;\n    }\n    50% {\n      transform: scale(1.3);\n      opacity: 0.7;\n    }\n  }\n  \n  .hero-label-text {\n    font-size: 13px;\n    font-weight: 600;\n    color: #00bbe8;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n  }\n  \n  .hero-title {\n    font-size: 30px;\n    font-weight: 800;\n    color: #061a28;\n    line-height: 1.3;\n    margin-bottom: 20px;\n    letter-spacing: -0.5px;\n    animation: fadeIn 1s 0.3s backwards;\n  }\n  \n  .hero-title-highlight {\n    color: #00bbe8;\n    position: relative;\n    display: inline-block;\n  }\n  \n  .hero-title-highlight::after {\n    content: '';\n    position: absolute;\n    bottom: 2px;\n    left: 0;\n    width: 100%;\n    height: 8px;\n    background: rgba(0, 187, 232, 0.15);\n    z-index: -1;\n    animation: expandHighlight 1s 0.8s backwards;\n  }\n  \n  @keyframes expandHighlight {\n    from {\n      width: 0;\n    }\n    to {\n      width: 100%;\n    }\n  }\n  \n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n      transform: translateY(20px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  \n  .hero-subheadline {\n    font-size: 17px;\n    font-weight: 500;\n    color: #061a28;\n    line-height: 1.7;\n    margin-bottom: 25px;\n    animation: fadeIn 1s 0.4s backwards;\n  }\n  \n  .hero-intro {\n    font-size: 15px;\n    font-weight: 400;\n    color: #061a28;\n    line-height: 1.8;\n    margin-bottom: 35px;\n    opacity: 0.85;\n    animation: fadeIn 1s 0.5s backwards;\n  }\n  \n  .hero-stats {\n    display: flex;\n    gap: 40px;\n    animation: fadeIn 1s 0.6s backwards;\n  }\n  \n  .stat-item {\n    position: relative;\n  }\n  \n  .stat-item::before {\n    content: '';\n    position: absolute;\n    left: -20px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 4px;\n    height: 40px;\n    background: #00bbe8;\n    border-radius: 2px;\n  }\n  \n  .stat-number {\n    font-size: 32px;\n    font-weight: 800;\n    color: #00bbe8;\n    display: block;\n    line-height: 1;\n    margin-bottom: 5px;\n  }\n  \n  .stat-label {\n    font-size: 13px;\n    font-weight: 600;\n    color: #061a28;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n  \n  .hero-image-wrapper {\n    position: relative;\n    z-index: 2;\n    animation: slideInRight 1s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  @keyframes slideInRight {\n    from {\n      opacity: 0;\n      transform: translateX(60px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n  \n  .hero-image-container {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(6, 26, 40, 0.15);\n    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  .hero-image-container:hover {\n    transform: scale(1.02) translateY(-5px);\n    box-shadow: 0 25px 80px rgba(0, 187, 232, 0.25);\n  }\n  \n  .hero-image-container::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(0, 187, 232, 0.1), transparent 50%);\n    opacity: 0;\n    transition: opacity 0.5s;\n    z-index: 1;\n  }\n  \n  .hero-image-container:hover::before {\n    opacity: 1;\n  }\n  \n  .hero-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.5s;\n  }\n  \n  .hero-image-container:hover .hero-image {\n    transform: scale(1.05);\n  }\n  \n  \/* Decorative floating shapes *\/\n  .hero-shape {\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n  }\n  \n  .shape-1 {\n    width: 100px;\n    height: 100px;\n    border: 2px solid rgba(0, 187, 232, 0.2);\n    top: 10%;\n    right: 10%;\n    animation: floatShape1 8s ease-in-out infinite;\n  }\n  \n  .shape-2 {\n    width: 60px;\n    height: 60px;\n    background: rgba(0, 187, 232, 0.08);\n    bottom: 15%;\n    left: 5%;\n    animation: floatShape2 10s ease-in-out infinite;\n  }\n  \n  @keyframes floatShape1 {\n    0%, 100% {\n      transform: translate(0, 0) rotate(0deg);\n    }\n    50% {\n      transform: translate(20px, -20px) rotate(180deg);\n    }\n  }\n  \n  @keyframes floatShape2 {\n    0%, 100% {\n      transform: translate(0, 0);\n    }\n    50% {\n      transform: translate(-15px, 15px);\n    }\n  }\n  \n  \/* Image decorative frame *\/\n  .hero-image-deco {\n    position: absolute;\n    width: 200px;\n    height: 200px;\n    border: 3px solid #00bbe8;\n    border-radius: 20px;\n    opacity: 0.3;\n    z-index: 0;\n  }\n  \n  .deco-top {\n    top: -20px;\n    left: -20px;\n  }\n  \n  .deco-bottom {\n    bottom: -20px;\n    right: -20px;\n    animation: rotateFrame 20s linear infinite;\n  }\n  \n  @keyframes rotateFrame {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n  }\n  \n  \/* Responsive styles *\/\n  @media (max-width: 968px) {\n    .hero-wrapper {\n      grid-template-columns: 1fr;\n      gap: 40px;\n      padding: 60px 20px;\n      min-height: auto;\n    }\n    \n    .hero-content {\n      text-align: center;\n    }\n    \n    .hero-label {\n      display: inline-flex;\n      margin-bottom: 20px;\n    }\n    \n    .hero-title {\n      font-size: 20px;\n      margin-bottom: 15px;\n    }\n    \n    .hero-subheadline {\n      font-size: 16px;\n      margin-bottom: 20px;\n    }\n    \n    .hero-intro {\n      font-size: 14px;\n      margin-bottom: 30px;\n      text-align: center;\n    }\n    \n    .hero-stats {\n      justify-content: center;\n      gap: 30px;\n      flex-wrap: wrap;\n    }\n    \n    .stat-item::before {\n      display: none;\n    }\n    \n    .stat-number {\n      font-size: 28px;\n    }\n    \n    .stat-label {\n      font-size: 11px;\n    }\n    \n    .hero-image-wrapper {\n      order: -1;\n    }\n    \n    .hero-shape {\n      display: none;\n    }\n    \n    .hero-image-deco {\n      display: none;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .hero-wrapper {\n      padding: 50px 15px;\n      gap: 30px;\n    }\n    \n    .hero-label {\n      padding: 6px 16px;\n      margin-bottom: 15px;\n    }\n    \n    .hero-label-text {\n      font-size: 11px;\n      letter-spacing: 1px;\n    }\n    \n    .hero-label-dot {\n      width: 6px;\n      height: 6px;\n    }\n    \n    .hero-title {\n      font-size: 18px;\n    }\n    \n    .hero-subheadline {\n      font-size: 14px;\n      text-align: justify;\n      padding: 0 5px;\n    }\n    \n    .hero-intro {\n      font-size: 13px;\n      text-align: justify;\n      padding: 0 5px;\n    }\n    \n    .hero-stats {\n      gap: 20px;\n    }\n    \n    .stat-number {\n      font-size: 24px;\n    }\n    \n    .stat-label {\n      font-size: 10px;\n    }\n    \n    .hero-image-container {\n      border-radius: 15px;\n    }\n  }\n<\/style>\n\n<div class=\"hero-container\">\n  <div class=\"hero-bg-pattern\"><\/div>\n  \n  <div class=\"hero-wrapper\">\n    <div class=\"hero-shape shape-1\"><\/div>\n    <div class=\"hero-shape shape-2\"><\/div>\n    \n    <div class=\"hero-content\">\n      <div class=\"hero-label\">\n        <span class=\"hero-label-dot\"><\/span>\n        <span class=\"hero-label-text\">Since 2010<\/span>\n      <\/div>\n      \n      <h3 class=\"hero-title\">\n        Turning Land into<br> <span class=\"hero-title-highlight\">Landmarks<\/span> Since 2010\n      <\/h3>\n      \n      <p class=\"hero-subheadline\">\n        With every brick we lay, we build more than just structures - we build trust, comfort, and a legacy of excellence.\n      <\/p>\n      \n      <p class=\"hero-intro\">\n        Founded in 2010, Earth Craft Ltd. has grown from a single residential project to becoming one of Odisha's most trusted and recognized real estate companies. With an unwavering focus on quality, commitment, and innovation, we have delivered homes and commercial spaces that continue to inspire pride and confidence.\n      <\/p>\n      \n      <div class=\"hero-stats\">\n        <div class=\"stat-item\">\n          <span class=\"stat-number\">15+<\/span>\n          <span class=\"stat-label\">Years Strong<\/span>\n        <\/div>\n        <div class=\"stat-item\">\n          <span class=\"stat-number\">100+<\/span>\n          <span class=\"stat-label\">Projects<\/span>\n        <\/div>\n        <div class=\"stat-item\">\n          <span class=\"stat-number\">5000+<\/span>\n          <span class=\"stat-label\">Happy Families<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"hero-image-wrapper\">\n      <div class=\"hero-image-deco deco-top\"><\/div>\n      <div class=\"hero-image-container\">\n        <img decoding=\"async\" src=\"https:\/\/earthcraftltd.com\/wp-content\/uploads\/2025\/10\/Your-paragraph-text-1.png\" alt=\"Earth Craft Ltd - Building Excellence\" class=\"hero-image\">\n      <\/div>\n      <div class=\"hero-image-deco deco-bottom\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2981f68 elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-glass-effect-no wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"2981f68\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-89a5940 exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"89a5940\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-161a39f jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"161a39f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');\n  \n  .story-container {\n    font-family: 'Montserrat', sans-serif;\n    padding: 80px 20px;\n    background: #ffffff;\n    position: relative;\n    overflow: hidden;\n    margin: 0;\n    box-sizing: border-box;\n  }\n  \n  .story-container * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  \n  \/* Background elements *\/\n  .story-bg-element {\n    position: absolute;\n    pointer-events: none;\n    z-index: 0;\n  }\n  \n  .bg-circle-blur {\n    width: 500px;\n    height: 500px;\n    background: radial-gradient(circle, rgba(0, 187, 232, 0.06) 0%, transparent 70%);\n    border-radius: 50%;\n    filter: blur(40px);\n    animation: floatSlow 20s ease-in-out infinite;\n  }\n  \n  .blur-1 {\n    top: -150px;\n    left: -150px;\n  }\n  \n  .blur-2 {\n    bottom: -150px;\n    right: -150px;\n    animation-delay: 5s;\n  }\n  \n  @keyframes floatSlow {\n    0%, 100% {\n      transform: translate(0, 0);\n    }\n    50% {\n      transform: translate(50px, 50px);\n    }\n  }\n  \n  .story-content-wrapper {\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n  \n  .story-header {\n    text-align: center;\n    margin-bottom: 60px;\n    animation: fadeInDown 0.8s ease-out;\n  }\n  \n  @keyframes fadeInDown {\n    from {\n      opacity: 0;\n      transform: translateY(-40px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  \n  .story-tag {\n    display: inline-block;\n    font-size: 13px;\n    font-weight: 600;\n    color: #00bbe8;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n    position: relative;\n    padding: 0 40px;\n  }\n  \n  .story-tag::before,\n  .story-tag::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    width: 25px;\n    height: 2px;\n    background: #00bbe8;\n    transform: translateY(-50%);\n    animation: expandTagLine 1s ease-out 0.5s both;\n  }\n  \n  @keyframes expandTagLine {\n    from {\n      width: 0;\n    }\n    to {\n      width: 25px;\n    }\n  }\n  \n  .story-tag::before {\n    left: 0;\n  }\n  \n  .story-tag::after {\n    right: 0;\n  }\n  \n  .story-title {\n    font-size: 30px;\n    font-weight: 700;\n    color: #061a28;\n    margin: 0;\n    line-height: 1.4;\n    letter-spacing: 0.5px;\n  }\n  \n  .story-main-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n    margin-bottom: 60px;\n  }\n  \n  .story-timeline-section {\n    position: relative;\n    animation: slideInLeft 1s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  @keyframes slideInLeft {\n    from {\n      opacity: 0;\n      transform: translateX(-50px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n  \n  .timeline-line {\n    position: absolute;\n    left: 30px;\n    top: 40px;\n    bottom: 40px;\n    width: 3px;\n    background: linear-gradient(180deg, #00bbe8, rgba(0, 187, 232, 0.2));\n    border-radius: 2px;\n  }\n  \n  .timeline-item {\n    position: relative;\n    padding-left: 80px;\n    margin-bottom: 40px;\n    opacity: 0;\n    animation: fadeInUp 0.8s forwards;\n  }\n  \n  .timeline-item:nth-child(1) { animation-delay: 0.3s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.5s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.7s; }\n  \n  @keyframes fadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  \n  .timeline-dot {\n    position: absolute;\n    left: 20px;\n    top: 8px;\n    width: 24px;\n    height: 24px;\n    background: #ffffff;\n    border: 4px solid #00bbe8;\n    border-radius: 50%;\n    box-shadow: 0 0 0 8px rgba(0, 187, 232, 0.1);\n    z-index: 2;\n    animation: pulse 2s ease-in-out infinite;\n  }\n  \n  @keyframes pulse {\n    0%, 100% {\n      box-shadow: 0 0 0 8px rgba(0, 187, 232, 0.1);\n    }\n    50% {\n      box-shadow: 0 0 0 12px rgba(0, 187, 232, 0.05);\n    }\n  }\n  \n  .timeline-year {\n    font-size: 16px;\n    font-weight: 800;\n    color: #00bbe8;\n    margin-bottom: 8px;\n    display: block;\n  }\n  \n  .timeline-text {\n    font-size: 15px;\n    font-weight: 500;\n    color: #061a28;\n    line-height: 1.7;\n  }\n  \n  .story-text-section {\n    animation: slideInRight 1s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  @keyframes slideInRight {\n    from {\n      opacity: 0;\n      transform: translateX(50px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n  \n  .story-paragraph {\n    font-size: 16px;\n    font-weight: 400;\n    color: #061a28;\n    line-height: 1.9;\n    margin-bottom: 25px;\n    opacity: 0;\n    animation: fadeInUp 0.8s forwards;\n  }\n  \n  .story-paragraph:nth-child(1) { animation-delay: 0.4s; }\n  .story-paragraph:nth-child(2) { animation-delay: 0.6s; }\n  \n  .story-highlight {\n    background: rgba(0, 187, 232, 0.08);\n    padding: 30px;\n    border-radius: 15px;\n    border-left: 4px solid #00bbe8;\n    margin-top: 30px;\n    opacity: 0;\n    animation: fadeInUp 0.8s 0.8s forwards;\n  }\n  \n  .story-highlight-text {\n    font-size: 15px;\n    font-weight: 600;\n    color: #061a28;\n    line-height: 1.8;\n    font-style: italic;\n  }\n  \n  .story-values-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 25px;\n    margin-top: 50px;\n  }\n  \n  .value-card {\n    background: #ffffff;\n    padding: 35px 25px;\n    border-radius: 15px;\n    border: 2px solid rgba(0, 187, 232, 0.1);\n    box-shadow: 0 5px 25px rgba(6, 26, 40, 0.06);\n    text-align: center;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    opacity: 0;\n    animation: fadeInUp 0.8s forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .value-card:nth-child(1) { animation-delay: 0.9s; }\n  .value-card:nth-child(2) { animation-delay: 1s; }\n  .value-card:nth-child(3) { animation-delay: 1.1s; }\n  \n  .value-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(0, 187, 232, 0.05), transparent);\n    transition: left 0.6s;\n  }\n  \n  .value-card:hover::before {\n    left: 100%;\n  }\n  \n  .value-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 15px 40px rgba(0, 187, 232, 0.15);\n    border-color: #00bbe8;\n  }\n  \n  .value-icon {\n    font-size: 36px;\n    margin-bottom: 15px;\n    display: block;\n    transition: transform 0.4s;\n  }\n  \n  .value-card:hover .value-icon {\n    transform: scale(1.2) rotateY(360deg);\n  }\n  \n  .value-title {\n    font-size: 17px;\n    font-weight: 700;\n    color: #061a28;\n    margin-bottom: 8px;\n  }\n  \n  .value-description {\n    font-size: 13px;\n    font-weight: 500;\n    color: #061a28;\n    line-height: 1.6;\n    opacity: 0.8;\n  }\n  \n  \/* Responsive styles *\/\n  @media (max-width: 968px) {\n    .story-container {\n      padding: 60px 15px;\n    }\n    \n    .story-header {\n      margin-bottom: 40px;\n    }\n    \n    .story-title {\n      font-size: 20px;\n    }\n    \n    .story-main-content {\n      grid-template-columns: 1fr;\n      gap: 40px;\n      margin-bottom: 40px;\n    }\n    \n    .timeline-line {\n      left: 20px;\n    }\n    \n    .timeline-item {\n      padding-left: 60px;\n      margin-bottom: 30px;\n    }\n    \n    .timeline-dot {\n      left: 10px;\n      width: 20px;\n      height: 20px;\n      border-width: 3px;\n    }\n    \n    .timeline-year {\n      font-size: 14px;\n    }\n    \n    .timeline-text {\n      font-size: 14px;\n    }\n    \n    .story-paragraph {\n      font-size: 14px;\n      text-align: center;\n    }\n    \n    .story-highlight {\n      padding: 25px 20px;\n    }\n    \n    .story-highlight-text {\n      font-size: 14px;\n      text-align: center;\n    }\n    \n    .story-values-grid {\n      grid-template-columns: 1fr;\n      gap: 20px;\n      margin-top: 40px;\n    }\n    \n    .value-card {\n      padding: 30px 20px;\n    }\n    \n    .value-icon {\n      font-size: 32px;\n    }\n    \n    .value-title {\n      font-size: 16px;\n    }\n    \n    .value-description {\n      font-size: 12px;\n    }\n    \n    .bg-circle-blur {\n      display: none;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .story-container {\n      padding: 50px 10px;\n    }\n    \n    .story-tag {\n      font-size: 11px;\n      letter-spacing: 2px;\n      padding: 0 35px;\n    }\n    \n    .story-tag::before,\n    .story-tag::after {\n      width: 20px;\n    }\n    \n    .story-title {\n      font-size: 18px;\n    }\n    \n    .timeline-item {\n      padding-left: 50px;\n    }\n    \n    .story-paragraph {\n      font-size: 13px;\n      text-align: justify;\n      padding: 0 5px;\n    }\n    \n    .story-highlight {\n      padding: 20px 15px;\n      margin-top: 25px;\n    }\n    \n    .story-highlight-text {\n      font-size: 13px;\n      text-align: justify;\n    }\n    \n    .value-card {\n      padding: 25px 15px;\n    }\n    \n    .value-icon {\n      font-size: 28px;\n    }\n    \n    .value-title {\n      font-size: 15px;\n    }\n  }\n<\/style>\n\n<div class=\"story-container\">\n  <div class=\"story-bg-element bg-circle-blur blur-1\"><\/div>\n  <div class=\"story-bg-element bg-circle-blur blur-2\"><\/div>\n  \n  <div class=\"story-content-wrapper\">\n    <div class=\"story-header\">\n      <div class=\"story-tag\">Our Story (Journey & Growth)<\/div>\n      <h3 class=\"story-title\">From a Modest Start to a Construction Powerhouse<\/h3>\n    <\/div>\n    \n    <div class=\"story-main-content\">\n      <div class=\"story-timeline-section\">\n        <div class=\"timeline-line\"><\/div>\n        \n        <div class=\"timeline-item\">\n          <div class=\"timeline-dot\"><\/div>\n          <span class=\"timeline-year\">2010<\/span>\n          <p class=\"timeline-text\">Founded with a vision to transform real estate in Odisha<\/p>\n        <\/div>\n        \n        <div class=\"timeline-item\">\n          <div class=\"timeline-dot\"><\/div>\n          <span class=\"timeline-year\">2015-2020<\/span>\n          <p class=\"timeline-text\">Expanded across Patia, Jharpada, Puri, and Khandagiri<\/p>\n        <\/div>\n        \n        <div class=\"timeline-item\">\n          <div class=\"timeline-dot\"><\/div>\n          <span class=\"timeline-year\">2025<\/span>\n          <p class=\"timeline-text\">Recognized as one of India's premier construction houses<\/p>\n        <\/div>\n      <\/div>\n      \n      <div class=\"story-text-section\">\n        <p class=\"story-paragraph\">\n          What began as a small initiative with one residential project has now evolved into a full-fledged real estate and construction enterprise. Over the years, Earth Craft Ltd. has successfully completed multiple landmark projects across Patia, Jharpada, Puri, Khandagiri, and other key locations in Odisha.\n        <\/p>\n        \n        <p class=\"story-paragraph\">\n          Our growth is built on a strong foundation of integrity, timely delivery, and customer satisfaction. Today, Earth Craft stands tall as one of India's premier construction houses, ready to take on challenges that redefine urban living.\n        <\/p>\n        \n        <div class=\"story-highlight\">\n          <p class=\"story-highlight-text\">\n            \"From a single residential project to a construction powerhouse \u2014 our journey reflects unwavering commitment to excellence and customer trust.\"\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"story-values-grid\">\n      <div class=\"value-card\">\n        <span class=\"value-icon\">\ud83c\udfd7\ufe0f<\/span>\n        <div class=\"value-title\">Integrity<\/div>\n        <div class=\"value-description\">Building trust through transparent and ethical practices<\/div>\n      <\/div>\n      \n      <div class=\"value-card\">\n        <span class=\"value-icon\">\u23f1\ufe0f<\/span>\n        <div class=\"value-title\">Timely Delivery<\/div>\n        <div class=\"value-description\">Committed to meeting deadlines without compromise<\/div>\n      <\/div>\n      \n      <div class=\"value-card\">\n        <span class=\"value-icon\">\u2b50<\/span>\n        <div class=\"value-title\">Customer Satisfaction<\/div>\n        <div class=\"value-description\">Your happiness is our ultimate achievement<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c505470 elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-glass-effect-no wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"c505470\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a35f5fb exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"a35f5fb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e169f0b jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"e169f0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');\n  \n  .vision-container {\n    font-family: 'Montserrat', sans-serif;\n    padding: 80px 20px;\n    background: #ffffff;\n    position: relative;\n    overflow: hidden;\n    margin: 0;\n    box-sizing: border-box;\n  }\n  \n  .vision-container * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  \n  \/* Animated background *\/\n  .vision-bg-pattern {\n    position: absolute;\n    inset: 0;\n    opacity: 0.04;\n    background-image: radial-gradient(circle, #00bbe8 1px, transparent 1px);\n    background-size: 30px 30px;\n    animation: patternMove 30s linear infinite;\n    pointer-events: none;\n    z-index: 0;\n  }\n  \n  @keyframes patternMove {\n    0% { transform: translate(0, 0); }\n    100% { transform: translate(30px, 30px); }\n  }\n  \n  .vision-content-wrapper {\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n  \n  .vision-header {\n    text-align: center;\n    margin-bottom: 60px;\n    animation: fadeInDown 0.8s ease-out;\n  }\n  \n  @keyframes fadeInDown {\n    from {\n      opacity: 0;\n      transform: translateY(-40px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  \n  .vision-tag {\n    display: inline-block;\n    font-size: 13px;\n    font-weight: 600;\n    color: #00bbe8;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n    position: relative;\n    padding: 0 40px;\n  }\n  \n  .vision-tag::before,\n  .vision-tag::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    width: 25px;\n    height: 2px;\n    background: #00bbe8;\n    transform: translateY(-50%);\n    animation: expandTagLine 1s ease-out 0.5s both;\n  }\n  \n  @keyframes expandTagLine {\n    from { width: 0; }\n    to { width: 25px; }\n  }\n  \n  .vision-tag::before {\n    left: 0;\n  }\n  \n  .vision-tag::after {\n    right: 0;\n  }\n  \n  .vision-title {\n    font-size: 30px;\n    font-weight: 700;\n    color: #061a28;\n    margin: 0;\n    line-height: 1.4;\n    letter-spacing: 0.5px;\n  }\n  \n  .vision-cards-wrapper {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    margin-bottom: 50px;\n  }\n  \n  \/* Vision Card *\/\n  .vision-card {\n    background: #ffffff;\n    padding: 50px 40px;\n    border-radius: 20px;\n    border: 2px solid rgba(0, 187, 232, 0.15);\n    box-shadow: 0 10px 40px rgba(6, 26, 40, 0.08);\n    position: relative;\n    overflow: hidden;\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    opacity: 0;\n    animation: slideInLeft 1s 0.3s forwards;\n  }\n  \n  @keyframes slideInLeft {\n    from {\n      opacity: 0;\n      transform: translateX(-50px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n  \n  .vision-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: #00bbe8;\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  .vision-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .vision-card::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(0, 187, 232, 0.03), transparent);\n    opacity: 0;\n    transition: opacity 0.5s;\n  }\n  \n  .vision-card:hover::after {\n    opacity: 1;\n  }\n  \n  .vision-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 20px 60px rgba(0, 187, 232, 0.2);\n    border-color: rgba(0, 187, 232, 0.4);\n  }\n  \n  \/* Mission Card *\/\n  .mission-card {\n    background: #ffffff;\n    padding: 50px 40px;\n    border-radius: 20px;\n    border: 2px solid rgba(0, 187, 232, 0.15);\n    box-shadow: 0 10px 40px rgba(6, 26, 40, 0.08);\n    position: relative;\n    overflow: hidden;\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    opacity: 0;\n    animation: slideInRight 1s 0.3s forwards;\n  }\n  \n  @keyframes slideInRight {\n    from {\n      opacity: 0;\n      transform: translateX(50px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n  \n  .mission-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: #00bbe8;\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  .mission-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .mission-card::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(0, 187, 232, 0.03), transparent);\n    opacity: 0;\n    transition: opacity 0.5s;\n  }\n  \n  .mission-card:hover::after {\n    opacity: 1;\n  }\n  \n  .mission-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 20px 60px rgba(0, 187, 232, 0.2);\n    border-color: rgba(0, 187, 232, 0.4);\n  }\n  \n  .card-icon-wrapper {\n    width: 80px;\n    height: 80px;\n    background: rgba(0, 187, 232, 0.1);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 25px;\n    position: relative;\n    transition: all 0.5s;\n  }\n  \n  .card-icon-wrapper::before {\n    content: '';\n    position: absolute;\n    inset: -5px;\n    border: 2px dashed rgba(0, 187, 232, 0.3);\n    border-radius: 50%;\n    animation: rotate360 20s linear infinite;\n  }\n  \n  @keyframes rotate360 {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n  }\n  \n  .vision-card:hover .card-icon-wrapper,\n  .mission-card:hover .card-icon-wrapper {\n    transform: scale(1.1);\n    background: rgba(0, 187, 232, 0.15);\n  }\n  \n  .card-icon {\n    font-size: 40px;\n  }\n  \n  .card-label {\n    font-size: 12px;\n    font-weight: 700;\n    color: #00bbe8;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin-bottom: 15px;\n  }\n  \n  .card-content-text {\n    font-size: 16px;\n    font-weight: 500;\n    color: #061a28;\n    line-height: 1.9;\n  }\n  \n  .mission-list {\n    list-style: none;\n    margin-top: 20px;\n  }\n  \n  .mission-item {\n    position: relative;\n    padding-left: 35px;\n    margin-bottom: 20px;\n    font-size: 15px;\n    font-weight: 500;\n    color: #061a28;\n    line-height: 1.8;\n    opacity: 0;\n    animation: fadeInUp 0.8s forwards;\n  }\n  \n  .mission-item:nth-child(1) { animation-delay: 0.6s; }\n  .mission-item:nth-child(2) { animation-delay: 0.7s; }\n  .mission-item:nth-child(3) { animation-delay: 0.8s; }\n  \n  @keyframes fadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(20px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  \n  .mission-item::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 8px;\n    width: 20px;\n    height: 20px;\n    background: #00bbe8;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: transform 0.3s;\n  }\n  \n  .mission-item::after {\n    content: '\u2713';\n    position: absolute;\n    left: 6px;\n    top: 8px;\n    color: #ffffff;\n    font-size: 12px;\n    font-weight: 700;\n  }\n  \n  .mission-card:hover .mission-item::before {\n    transform: scale(1.2);\n  }\n  \n  \/* Purpose Statement *\/\n  .purpose-statement {\n    background: linear-gradient(135deg, rgba(0, 187, 232, 0.08), rgba(0, 187, 232, 0.03));\n    padding: 45px 50px;\n    border-radius: 20px;\n    text-align: center;\n    border: 2px solid rgba(0, 187, 232, 0.2);\n    position: relative;\n    overflow: hidden;\n    opacity: 0;\n    animation: fadeInUp 0.8s 0.9s forwards;\n  }\n  \n  .purpose-statement::before {\n    content: '';\n    position: absolute;\n    top: -2px;\n    left: -2px;\n    right: -2px;\n    bottom: -2px;\n    background: linear-gradient(45deg, #00bbe8, transparent, #00bbe8);\n    border-radius: 20px;\n    opacity: 0;\n    transition: opacity 0.5s;\n    z-index: -1;\n  }\n  \n  .purpose-statement:hover::before {\n    opacity: 0.3;\n  }\n  \n  .purpose-icon {\n    font-size: 48px;\n    margin-bottom: 20px;\n    display: block;\n    animation: float 3s ease-in-out infinite;\n  }\n  \n  @keyframes float {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n  }\n  \n  .purpose-text {\n    font-size: 18px;\n    font-weight: 600;\n    color: #061a28;\n    line-height: 1.7;\n    font-style: italic;\n  }\n  \n  .purpose-highlight {\n    color: #00bbe8;\n    font-weight: 700;\n  }\n  \n  \/* Responsive styles *\/\n  @media (max-width: 968px) {\n    .vision-container {\n      padding: 60px 15px;\n    }\n    \n    .vision-header {\n      margin-bottom: 40px;\n    }\n    \n    .vision-title {\n      font-size: 20px;\n    }\n    \n    .vision-cards-wrapper {\n      grid-template-columns: 1fr;\n      gap: 30px;\n      margin-bottom: 40px;\n    }\n    \n    .vision-card,\n    .mission-card {\n      padding: 40px 30px;\n    }\n    \n    .card-icon-wrapper {\n      width: 70px;\n      height: 70px;\n      margin-bottom: 20px;\n    }\n    \n    .card-icon {\n      font-size: 36px;\n    }\n    \n    .card-label {\n      font-size: 11px;\n    }\n    \n    .card-content-text {\n      font-size: 14px;\n      text-align: center;\n    }\n    \n    .mission-item {\n      font-size: 14px;\n      padding-left: 30px;\n      text-align: left;\n    }\n    \n    .mission-item::before {\n      width: 18px;\n      height: 18px;\n    }\n    \n    .mission-item::after {\n      font-size: 11px;\n      left: 5px;\n    }\n    \n    .purpose-statement {\n      padding: 35px 30px;\n    }\n    \n    .purpose-icon {\n      font-size: 40px;\n    }\n    \n    .purpose-text {\n      font-size: 16px;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .vision-container {\n      padding: 50px 10px;\n    }\n    \n    .vision-tag {\n      font-size: 11px;\n      letter-spacing: 2px;\n      padding: 0 35px;\n    }\n    \n    .vision-tag::before,\n    .vision-tag::after {\n      width: 20px;\n    }\n    \n    .vision-title {\n      font-size: 18px;\n    }\n    \n    .vision-card,\n    .mission-card {\n      padding: 35px 25px;\n    }\n    \n    .card-icon-wrapper {\n      width: 60px;\n      height: 60px;\n    }\n    \n    .card-icon {\n      font-size: 32px;\n    }\n    \n    .card-content-text {\n      font-size: 13px;\n      text-align: justify;\n      padding: 0 5px;\n    }\n    \n    .mission-item {\n      font-size: 13px;\n      text-align: justify;\n      padding: 0 5px 0 30px;\n    }\n    \n    .purpose-statement {\n      padding: 30px 20px;\n    }\n    \n    .purpose-icon {\n      font-size: 36px;\n    }\n    \n    .purpose-text {\n      font-size: 14px;\n      text-align: justify;\n    }\n  }\n<\/style>\n\n<div class=\"vision-container\">\n  <div class=\"vision-bg-pattern\"><\/div>\n  \n  <div class=\"vision-content-wrapper\">\n    <div class=\"vision-header\">\n      <div class=\"vision-tag\">Our Vision & Mission<\/div>\n      <h3 class=\"vision-title\">Our Purpose Drives Everything We Build<\/h3>\n    <\/div>\n    \n    <div class=\"vision-cards-wrapper\">\n      <!-- Vision Card -->\n      <div class=\"vision-card\">\n        <div class=\"card-icon-wrapper\">\n          <span class=\"card-icon\">\ud83d\udd2d<\/span>\n        <\/div>\n        <div class=\"card-label\">Our Vision<\/div>\n        <p class=\"card-content-text\">\n          To be a benchmark in real estate development by creating sustainable, inspiring, and high-quality living spaces that enhance lives and communities.\n        <\/p>\n      <\/div>\n      \n      <!-- Mission Card -->\n      <div class=\"mission-card\">\n        <div class=\"card-icon-wrapper\">\n          <span class=\"card-icon\">\ud83c\udfaf<\/span>\n        <\/div>\n        <div class=\"card-label\">Our Mission<\/div>\n        <ul class=\"mission-list\">\n          <li class=\"mission-item\">\n            To build projects that reflect trust, innovation, and architectural excellence.\n          <\/li>\n          <li class=\"mission-item\">\n            To ensure on-time delivery and customer delight at every step.\n          <\/li>\n          <li class=\"mission-item\">\n            To grow responsibly, maintaining transparency and long-term value in every relationship.\n          <\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    \n    <!-- Purpose Statement -->\n    <div class=\"purpose-statement\">\n      <span class=\"purpose-icon\">\ud83d\udc8e<\/span>\n      <p class=\"purpose-text\">\n        Every project we undertake is guided by our commitment to <span class=\"purpose-highlight\">quality, integrity, and innovation<\/span> \u2014 creating spaces where dreams come home.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-904eb94 elementor-section-full_width elementor-section-height-default elementor-section-height-default exad-glass-effect-no wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"904eb94\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1601d62 exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"1601d62\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bd30246 jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"bd30246\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');\n  \n  .values-container {\n    font-family: 'Montserrat', sans-serif;\n    padding: 80px 20px;\n    background: #061a28;\n    position: relative;\n    overflow: hidden;\n    margin: 0;\n    box-sizing: border-box;\n  }\n  \n  .values-container * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  \n  .values-glow-orb {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(80px);\n    opacity: 0.15;\n    animation: floatGlow 15s ease-in-out infinite;\n    pointer-events: none;\n    z-index: 0;\n  }\n  \n  .glow-1 {\n    width: 400px;\n    height: 400px;\n    background: #00bbe8;\n    top: -100px;\n    right: -100px;\n  }\n  \n  .glow-2 {\n    width: 350px;\n    height: 350px;\n    background: #00bbe8;\n    bottom: -100px;\n    left: -100px;\n    animation-delay: 5s;\n  }\n  \n  @keyframes floatGlow {\n    0%, 100% {\n      transform: translate(0, 0);\n    }\n    50% {\n      transform: translate(50px, -50px);\n    }\n  }\n  \n  .values-content-wrapper {\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n  \n  .values-header {\n    text-align: center;\n    margin-bottom: 60px;\n    animation: fadeInDown 0.8s ease-out;\n  }\n  \n  @keyframes fadeInDown {\n    from {\n      opacity: 0;\n      transform: translateY(-40px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  \n  .values-tag {\n    display: inline-block;\n    font-size: 13px;\n    font-weight: 600;\n    color: #00bbe8;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n    position: relative;\n    padding: 0 40px;\n  }\n  \n  .values-tag::before,\n  .values-tag::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    width: 25px;\n    height: 2px;\n    background: #00bbe8;\n    transform: translateY(-50%);\n    animation: expandTagLine 1s ease-out 0.5s both;\n  }\n  \n  @keyframes expandTagLine {\n    from { width: 0; }\n    to { width: 25px; }\n  }\n  \n  .values-tag::before {\n    left: 0;\n  }\n  \n  .values-tag::after {\n    right: 0;\n  }\n  \n  .values-title {\n    font-size: 30px;\n    font-weight: 700;\n    color: #ffffff !important; \/* \ud83d\udd25 forced white color *\/\n    margin: 0;\n    line-height: 1.4;\n    letter-spacing: 0.5px;\n  }\n  \n  .values-grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 25px;\n    margin-bottom: 50px;\n  }\n  \n  .value-card {\n    background: rgba(255, 255, 255, 0.03);\n    backdrop-filter: blur(10px);\n    padding: 45px 35px;\n    border-radius: 20px;\n    border: 1px solid rgba(0, 187, 232, 0.2);\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    opacity: 0;\n    animation: fadeInUp 0.8s forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .value-card:nth-child(1) { animation-delay: 0.3s; }\n  .value-card:nth-child(2) { animation-delay: 0.4s; }\n  .value-card:nth-child(3) { animation-delay: 0.5s; }\n  .value-card:nth-child(4) { animation-delay: 0.6s; }\n  .value-card:nth-child(5) { animation-delay: 0.7s; }\n  \n  @keyframes fadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(40px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  \n  .value-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: #00bbe8;\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  .value-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .value-card::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(0, 187, 232, 0.1), transparent);\n    opacity: 0;\n    transition: opacity 0.5s;\n  }\n  \n  .value-card:hover::after {\n    opacity: 1;\n  }\n  \n  .value-card:hover {\n    transform: translateY(-12px);\n    background: rgba(255, 255, 255, 0.05);\n    border-color: #00bbe8;\n    box-shadow: 0 20px 60px rgba(0, 187, 232, 0.3);\n  }\n  \n  .value-icon-wrapper {\n    width: 70px;\n    height: 70px;\n    background: rgba(0, 187, 232, 0.15);\n    border: 2px solid rgba(0, 187, 232, 0.3);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 25px;\n    position: relative;\n    transition: all 0.5s;\n  }\n  \n  .value-icon-wrapper::before {\n    content: '';\n    position: absolute;\n    inset: -8px;\n    border: 2px dashed rgba(0, 187, 232, 0.3);\n    border-radius: 50%;\n    animation: rotate360 25s linear infinite;\n  }\n  \n  @keyframes rotate360 {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n  }\n  \n  .value-card:hover .value-icon-wrapper {\n    transform: scale(1.15) rotateY(360deg);\n    background: rgba(0, 187, 232, 0.25);\n    border-color: #00bbe8;\n  }\n  \n  .value-icon {\n    font-size: 36px;\n    position: relative;\n    z-index: 1;\n  }\n  \n  .value-name {\n    font-size: 20px;\n    font-weight: 700;\n    color: #ffffff;\n    text-align: center;\n    margin-bottom: 12px;\n    transition: color 0.3s;\n  }\n  \n  .value-card:hover .value-name {\n    color: #00bbe8;\n  }\n  \n  .value-description {\n    font-size: 14px;\n    font-weight: 400;\n    color: rgba(255, 255, 255, 0.85);\n    text-align: center;\n    line-height: 1.7;\n  }\n  \n  .value-card.highlight {\n    background: linear-gradient(135deg, rgba(0, 187, 232, 0.12), rgba(0, 187, 232, 0.05));\n    border: 2px solid rgba(0, 187, 232, 0.4);\n  }\n  \n  .value-card.highlight .value-icon-wrapper {\n    background: rgba(0, 187, 232, 0.2);\n    border-width: 3px;\n  }\n  \n  .values-quote {\n    text-align: center;\n    margin-top: 50px;\n    padding: 40px 30px;\n    position: relative;\n    opacity: 0;\n    animation: fadeInUp 0.8s 0.8s forwards;\n  }\n  \n  .quote-icon {\n    font-size: 48px;\n    color: rgba(0, 187, 232, 0.3);\n    margin-bottom: 20px;\n    display: block;\n    animation: float 3s ease-in-out infinite;\n  }\n  \n  @keyframes float {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n  }\n  \n  .quote-text {\n    font-size: 18px;\n    font-weight: 600;\n    color: #ffffff;\n    line-height: 1.8;\n    font-style: italic;\n    max-width: 700px;\n    margin: 0 auto;\n  }\n  \n  .quote-highlight {\n    color: #00bbe8;\n    font-weight: 700;\n  }\n  \n  \/* Responsive styles omitted for brevity (unchanged) *\/\n<\/style>\n\n<div class=\"values-container\">\n  <div class=\"values-glow-orb glow-1\"><\/div>\n  <div class=\"values-glow-orb glow-2\"><\/div>\n  \n  <div class=\"values-content-wrapper\">\n    <div class=\"values-header\">\n      <div class=\"values-tag\">Our Core Values<\/div>\n      <h3 class=\"values-title\">Values That Shape Our Work and Relationships<\/h3>\n    <\/div>\n    \n    <div class=\"values-grid\">\n      <div class=\"value-card\">\n        <div class=\"value-icon-wrapper\"><span class=\"value-icon\">\ud83d\udee1\ufe0f<\/span><\/div>\n        <div class=\"value-name\">Integrity<\/div>\n        <p class=\"value-description\">We do what's right, always.<\/p>\n      <\/div>\n      \n      <div class=\"value-card\">\n        <div class=\"value-icon-wrapper\"><span class=\"value-icon\">\ud83d\udc8e<\/span><\/div>\n        <div class=\"value-name\">Quality<\/div>\n        <p class=\"value-description\">Every detail, every finish - built to last.<\/p>\n      <\/div>\n      \n      <div class=\"value-card\">\n        <div class=\"value-icon-wrapper\"><span class=\"value-icon\">\ud83e\udd1d<\/span><\/div>\n        <div class=\"value-name\">Commitment<\/div>\n        <p class=\"value-description\">We deliver what we promise, on time.<\/p>\n      <\/div>\n      \n      <div class=\"value-card\">\n        <div class=\"value-icon-wrapper\"><span class=\"value-icon\">\ud83d\udca1<\/span><\/div>\n        <div class=\"value-name\">Innovation<\/div>\n        <p class=\"value-description\">Adapting modern technologies and sustainable designs.<\/p>\n      <\/div>\n      \n      <div class=\"value-card highlight\">\n        <div class=\"value-icon-wrapper\"><span class=\"value-icon\">\u2764\ufe0f<\/span><\/div>\n        <div class=\"value-name\">Customer First<\/div>\n        <p class=\"value-description\">We build not just houses, but homes filled with happiness.<\/p>\n      <\/div>\n    <\/div>\n    \n    <div class=\"values-quote\">\n      <span class=\"quote-icon\">\"<\/span>\n      <p class=\"quote-text\">\n        Our values are not just words on a page \u2014 they are the <span class=\"quote-highlight\">foundation of every decision<\/span> we make and every relationship we build.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6017e04 elementor-section-full_width elementor-section-height-default elementor-section-height-default exad-glass-effect-no wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"6017e04\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-41dae4c exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"41dae4c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-891591c jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"891591c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');\n  \n  .expertise-container {\n    font-family: 'Montserrat', sans-serif;\n    padding: 80px 20px;\n    background: #ffffff;\n    position: relative;\n    overflow: hidden;\n    margin: 0;\n    box-sizing: border-box;\n  }\n  \n  .expertise-container * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  \n  \/* Background elements *\/\n  .expertise-bg-orb {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(80px);\n    opacity: 0.08;\n    animation: floatOrb 18s ease-in-out infinite;\n    pointer-events: none;\n    z-index: 0;\n  }\n  \n  .orb-1 {\n    width: 450px;\n    height: 450px;\n    background: #00bbe8;\n    top: -150px;\n    left: -150px;\n  }\n  \n  .orb-2 {\n    width: 400px;\n    height: 400px;\n    background: #00bbe8;\n    bottom: -150px;\n    right: -150px;\n    animation-delay: 5s;\n  }\n  \n  @keyframes floatOrb {\n    0%, 100% {\n      transform: translate(0, 0) scale(1);\n    }\n    50% {\n      transform: translate(40px, 40px) scale(1.1);\n    }\n  }\n  \n  .expertise-content-wrapper {\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n  \n  .expertise-header {\n    text-align: center;\n    margin-bottom: 60px;\n    animation: fadeInDown 0.8s ease-out;\n  }\n  \n  @keyframes fadeInDown {\n    from {\n      opacity: 0;\n      transform: translateY(-40px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  \n  .expertise-tag {\n    display: inline-block;\n    font-size: 13px;\n    font-weight: 600;\n    color: #00bbe8;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n    position: relative;\n    padding: 0 40px;\n  }\n  \n  .expertise-tag::before,\n  .expertise-tag::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    width: 25px;\n    height: 2px;\n    background: #00bbe8;\n    transform: translateY(-50%);\n    animation: expandTagLine 1s ease-out 0.5s both;\n  }\n  \n  @keyframes expandTagLine {\n    from { width: 0; }\n    to { width: 25px; }\n  }\n  \n  .expertise-tag::before {\n    left: 0;\n  }\n  \n  .expertise-tag::after {\n    right: 0;\n  }\n  \n  .expertise-title {\n    font-size: 30px;\n    font-weight: 700;\n    color: #061a28;\n    margin: 0 0 25px 0;\n    line-height: 1.4;\n    letter-spacing: 0.5px;\n  }\n  \n  .expertise-intro {\n    font-size: 16px;\n    font-weight: 500;\n    color: #061a28;\n    line-height: 1.8;\n    max-width: 700px;\n    margin: 0 auto;\n    opacity: 0;\n    animation: fadeInUp 0.8s 0.2s forwards;\n  }\n  \n  @keyframes fadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  \n  .expertise-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 35px;\n    margin-bottom: 50px;\n  }\n  \n  .expertise-card {\n    background: #ffffff;\n    padding: 45px 35px;\n    border-radius: 20px;\n    border: 2px solid rgba(0, 187, 232, 0.1);\n    box-shadow: 0 8px 35px rgba(6, 26, 40, 0.06);\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    opacity: 0;\n    animation: fadeInUp 0.8s forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .expertise-card:nth-child(1) { animation-delay: 0.3s; }\n  .expertise-card:nth-child(2) { animation-delay: 0.4s; }\n  .expertise-card:nth-child(3) { animation-delay: 0.5s; }\n  \n  .expertise-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 5px;\n    background: #00bbe8;\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  .expertise-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .expertise-card::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(0, 187, 232, 0.05), transparent);\n    opacity: 0;\n    transition: opacity 0.5s;\n  }\n  \n  .expertise-card:hover::after {\n    opacity: 1;\n  }\n  \n  .expertise-card:hover {\n    transform: translateY(-12px);\n    box-shadow: 0 20px 60px rgba(0, 187, 232, 0.2);\n    border-color: rgba(0, 187, 232, 0.4);\n  }\n  \n  .expertise-icon-wrapper {\n    width: 90px;\n    height: 90px;\n    background: rgba(0, 187, 232, 0.08);\n    border-radius: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 25px;\n    position: relative;\n    transition: all 0.5s;\n  }\n  \n  .expertise-icon-wrapper::before {\n    content: '';\n    position: absolute;\n    inset: -4px;\n    border: 2px solid rgba(0, 187, 232, 0.2);\n    border-radius: 22px;\n    transition: all 0.5s;\n  }\n  \n  .expertise-card:hover .expertise-icon-wrapper {\n    background: rgba(0, 187, 232, 0.12);\n    transform: rotateY(360deg);\n  }\n  \n  .expertise-card:hover .expertise-icon-wrapper::before {\n    inset: -8px;\n    border-color: #00bbe8;\n  }\n  \n  .expertise-icon {\n    font-size: 45px;\n  }\n  \n  .expertise-name {\n    font-size: 21px;\n    font-weight: 700;\n    color: #061a28;\n    margin-bottom: 15px;\n    transition: color 0.3s;\n  }\n  \n  .expertise-card:hover .expertise-name {\n    color: #00bbe8;\n  }\n  \n  .expertise-description {\n    font-size: 15px;\n    font-weight: 400;\n    color: #061a28;\n    line-height: 1.8;\n    opacity: 0.85;\n  }\n  \n  \/* Bottom statement *\/\n  .expertise-statement {\n    background: linear-gradient(135deg, rgba(0, 187, 232, 0.06), rgba(0, 187, 232, 0.02));\n    padding: 40px 50px;\n    border-radius: 20px;\n    border: 2px solid rgba(0, 187, 232, 0.15);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    opacity: 0;\n    animation: fadeInUp 0.8s 0.6s forwards;\n  }\n  \n  .expertise-statement::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(0, 187, 232, 0.08), transparent);\n    transition: left 0.8s;\n  }\n  \n  .expertise-statement:hover::before {\n    left: 100%;\n  }\n  \n  .statement-icon {\n    font-size: 40px;\n    display: block;\n    margin-bottom: 20px;\n    animation: bounce 2s ease-in-out infinite;\n  }\n  \n  @keyframes bounce {\n    0%, 100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-10px);\n    }\n  }\n  \n  .statement-text {\n    font-size: 17px;\n    font-weight: 600;\n    color: #061a28;\n    line-height: 1.8;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n  \n  .statement-highlight {\n    color: #00bbe8;\n    font-weight: 700;\n  }\n  \n  \/* Decorative elements *\/\n  .expertise-deco {\n    position: absolute;\n    width: 120px;\n    height: 120px;\n    border: 3px dashed rgba(0, 187, 232, 0.15);\n    border-radius: 50%;\n    animation: rotate360 30s linear infinite;\n    pointer-events: none;\n  }\n  \n  .deco-1 {\n    top: 15%;\n    left: 5%;\n  }\n  \n  .deco-2 {\n    bottom: 20%;\n    right: 8%;\n    animation-direction: reverse;\n  }\n  \n  @keyframes rotate360 {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n  }\n  \n  \/* Responsive styles *\/\n  @media (max-width: 968px) {\n    .expertise-container {\n      padding: 60px 15px;\n    }\n    \n    .expertise-header {\n      margin-bottom: 40px;\n    }\n    \n    .expertise-title {\n      font-size: 20px;\n      margin-bottom: 20px;\n    }\n    \n    .expertise-intro {\n      font-size: 14px;\n    }\n    \n    .expertise-grid {\n      grid-template-columns: 1fr;\n      gap: 25px;\n      margin-bottom: 40px;\n    }\n    \n    .expertise-card {\n      padding: 40px 30px;\n    }\n    \n    .expertise-icon-wrapper {\n      width: 80px;\n      height: 80px;\n      margin-bottom: 20px;\n    }\n    \n    .expertise-icon {\n      font-size: 40px;\n    }\n    \n    .expertise-name {\n      font-size: 19px;\n    }\n    \n    .expertise-description {\n      font-size: 14px;\n      text-align: center;\n    }\n    \n    .expertise-statement {\n      padding: 35px 30px;\n    }\n    \n    .statement-icon {\n      font-size: 36px;\n    }\n    \n    .statement-text {\n      font-size: 15px;\n    }\n    \n    .expertise-deco {\n      display: none;\n    }\n    \n    .expertise-bg-orb {\n      opacity: 0.05;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .expertise-container {\n      padding: 50px 10px;\n    }\n    \n    .expertise-tag {\n      font-size: 11px;\n      letter-spacing: 2px;\n      padding: 0 35px;\n    }\n    \n    .expertise-tag::before,\n    .expertise-tag::after {\n      width: 20px;\n    }\n    \n    .expertise-title {\n      font-size: 18px;\n    }\n    \n    .expertise-intro {\n      font-size: 13px;\n      text-align: justify;\n      padding: 0 5px;\n    }\n    \n    .expertise-card {\n      padding: 35px 25px;\n    }\n    \n    .expertise-icon-wrapper {\n      width: 70px;\n      height: 70px;\n    }\n    \n    .expertise-icon {\n      font-size: 36px;\n    }\n    \n    .expertise-name {\n      font-size: 18px;\n    }\n    \n    .expertise-description {\n      font-size: 13px;\n      text-align: justify;\n      padding: 0 5px;\n    }\n    \n    .expertise-statement {\n      padding: 30px 20px;\n    }\n    \n    .statement-icon {\n      font-size: 32px;\n    }\n    \n    .statement-text {\n      font-size: 14px;\n      text-align: justify;\n    }\n  }\n<\/style>\n\n<div class=\"expertise-container\">\n  <div class=\"expertise-bg-orb orb-1\"><\/div>\n  <div class=\"expertise-bg-orb orb-2\"><\/div>\n  <div class=\"expertise-deco deco-1\"><\/div>\n  <div class=\"expertise-deco deco-2\"><\/div>\n  \n  <div class=\"expertise-content-wrapper\">\n    <div class=\"expertise-header\">\n      <div class=\"expertise-tag\">Our Expertise (What We Do)<\/div>\n      <h3 class=\"expertise-title\"><b>Diverse Expertise, One Trusted Name<\/b><\/h3>\n      <p class=\"expertise-intro\">Earth Craft Ltd. offers a complete spectrum of construction and real estate services:<\/p>\n    <\/div>\n    \n    <div class=\"expertise-grid\">\n      <div class=\"expertise-card\">\n        <div class=\"expertise-icon-wrapper\">\n          <span class=\"expertise-icon\">\ud83c\udfe0<\/span>\n        <\/div>\n        <div class=\"expertise-name\">Residential Projects<\/div>\n        <p class=\"expertise-description\">\n          Elegant, comfortable, and future-ready homes designed for every lifestyle.\n        <\/p>\n      <\/div>\n      \n      <div class=\"expertise-card\">\n        <div class=\"expertise-icon-wrapper\">\n          <span class=\"expertise-icon\">\ud83c\udfe2<\/span>\n        <\/div>\n        <div class=\"expertise-name\">Commercial Complexes<\/div>\n        <p class=\"expertise-description\">\n          Malls, multiplexes, and offices that set new standards of convenience and design.\n        <\/p>\n      <\/div>\n      \n      <div class=\"expertise-card\">\n        <div class=\"expertise-icon-wrapper\">\n          <span class=\"expertise-icon\">\ud83d\udd04<\/span>\n        <\/div>\n        <div class=\"expertise-name\">Redevelopment Projects<\/div>\n        <p class=\"expertise-description\">\n          Modernizing existing spaces into efficient, value-adding properties.\n        <\/p>\n      <\/div>\n    <\/div>\n    \n    <div class=\"expertise-statement\">\n      <span class=\"statement-icon\">\u2728<\/span>\n      <p class=\"statement-text\">\n        Every project we undertake reflects our <span class=\"statement-highlight\">attention to detail, technical proficiency, and passion for perfection.<\/span>\n      <\/p>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4418e4a elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-glass-effect-no wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"4418e4a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e85ae6a exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"e85ae6a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0f5d7bd jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"0f5d7bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');\n  \n  .achievements-wrapper * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n  }\n  \n  .achievements-wrapper {\n    background: #ffffff;\n    padding: 80px 20px;\n    overflow: hidden;\n  }\n  \n  .achievements-container {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  \n  .achievements-header {\n    text-align: center;\n    margin-bottom: 60px;\n    opacity: 0;\n    animation: fadeInUp 0.8s ease forwards;\n  }\n  \n  .achievements-subtitle {\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #00bbe8;\n    margin-bottom: 15px;\n    opacity: 0;\n    animation: fadeInUp 0.8s ease 0.2s forwards;\n  }\n  \n  .achievements-title {\n    font-size: 30px;\n    font-weight: 800;\n    color: #061a28;\n    line-height: 1.3;\n    margin-bottom: 0;\n    opacity: 0;\n    animation: fadeInUp 0.8s ease 0.4s forwards;\n  }\n  \n  .stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 30px;\n    margin-bottom: 50px;\n  }\n  \n  .stat-card {\n    background: #ffffff;\n    border: 2px solid #f0f4f8;\n    border-radius: 20px;\n    padding: 40px 30px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUpStagger 0.6s ease forwards;\n  }\n  \n  .stat-card:nth-child(1) { animation-delay: 0.5s; }\n  .stat-card:nth-child(2) { animation-delay: 0.6s; }\n  .stat-card:nth-child(3) { animation-delay: 0.7s; }\n  .stat-card:nth-child(4) { animation-delay: 0.8s; }\n  \n  .stat-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background: #00bbe8;\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  .stat-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .stat-card:hover {\n    transform: translateY(-10px);\n    border-color: #00bbe8;\n    box-shadow: 0 20px 40px rgba(0, 187, 232, 0.15);\n  }\n  \n  .stat-icon {\n    font-size: 50px;\n    margin-bottom: 20px;\n    display: inline-block;\n    transition: transform 0.4s ease;\n  }\n  \n  .stat-card:hover .stat-icon {\n    transform: scale(1.2) rotate(5deg);\n  }\n  \n  .stat-number {\n    font-size: 42px;\n    font-weight: 800;\n    color: #061a28;\n    margin-bottom: 10px;\n    line-height: 1;\n    display: block;\n  }\n  \n  .stat-label {\n    font-size: 16px;\n    font-weight: 600;\n    color: #00bbe8;\n    line-height: 1.4;\n  }\n  \n  .achievements-subtext {\n    text-align: center;\n    font-size: 16px;\n    line-height: 1.8;\n    color: #061a28;\n    max-width: 700px;\n    margin: 0 auto;\n    padding: 30px;\n    background: #f8fbfd;\n    border-radius: 15px;\n    border-left: 4px solid #00bbe8;\n    opacity: 0;\n    animation: fadeInUp 0.8s ease 1s forwards;\n  }\n  \n  @keyframes fadeInUp {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  \n  @keyframes fadeInUpStagger {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  \n  @keyframes pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.05); }\n  }\n  \n  \/* Mobile Responsive *\/\n  @media (max-width: 768px) {\n    .achievements-wrapper {\n      padding: 50px 15px;\n    }\n    \n    .achievements-header {\n      margin-bottom: 40px;\n    }\n    \n    .achievements-subtitle {\n      font-size: 12px;\n      letter-spacing: 2px;\n    }\n    \n    .achievements-title {\n      font-size: 20px;\n    }\n    \n    .stats-grid {\n      grid-template-columns: 1fr;\n      gap: 20px;\n      margin-bottom: 30px;\n    }\n    \n    .stat-card {\n      padding: 30px 20px;\n    }\n    \n    .stat-icon {\n      font-size: 40px;\n      margin-bottom: 15px;\n    }\n    \n    .stat-number {\n      font-size: 36px;\n    }\n    \n    .stat-label {\n      font-size: 14px;\n    }\n    \n    .achievements-subtext {\n      font-size: 14px;\n      padding: 20px;\n      text-align: justify;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .stat-number {\n      font-size: 32px;\n    }\n    \n    .stat-icon {\n      font-size: 36px;\n    }\n  }\n<\/style>\n\n<div class=\"achievements-wrapper\">\n  <div class=\"achievements-container\">\n    <div class=\"achievements-header\">\n      <div class=\"achievements-subtitle\"><Achievements & Numbers That Inspire Trust<\/div>\n      <h3 class=\"achievements-title\"><b>Our Journey in Numbers<\/b><\/h3>\n    <\/div>\n    \n    <div class=\"stats-grid\">\n      <div class=\"stat-card\">\n        <div class=\"stat-icon\">\ud83c\udfe0<\/div>\n        <span class=\"stat-number\">5+<\/span>\n        <div class=\"stat-label\">Completed Projects<\/div>\n      <\/div>\n      \n      <div class=\"stat-card\">\n        <div class=\"stat-icon\">\ud83d\ude0a<\/div>\n        <span class=\"stat-number\">493+<\/span>\n        <div class=\"stat-label\">Happy Customers<\/div>\n      <\/div>\n      \n      <div class=\"stat-card\">\n        <div class=\"stat-icon\">\ud83d\udcc6<\/div>\n        <span class=\"stat-number\">25+<\/span>\n        <div class=\"stat-label\">Years of Experience<br>(as of Oct 2025)<\/div>\n      <\/div>\n      \n      <div class=\"stat-card\">\n        <div class=\"stat-icon\">\ud83d\udccd<\/div>\n        <span class=\"stat-number\">100%<\/span>\n        <div class=\"stat-label\">Projects Across Odisha<\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"achievements-subtext\">\n      Each number is a story - of trust, hard work, and happy homeowners.\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5dc977d elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-glass-effect-no wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"5dc977d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1afca4d exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"1afca4d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1517f6c jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"1517f6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700;800&display=swap');\n\n.ecl-testimonials-wrapper {\n  font-family: 'Montserrat', sans-serif;\n  margin: 0;\n  padding: 0;\n  background: #ffffff;\n  overflow: hidden;\n}\n\n.ecl-testimonials-wrapper * {\n  box-sizing: border-box;\n}\n\n.ecl-testimonials-section {\n  position: relative;\n  width: 100%;\n  padding: 80px 20px;\n  background: #ffffff;\n}\n\n.ecl-testimonials-header {\n  text-align: center;\n  margin-bottom: 60px;\n  animation: fadeInDown 0.8s ease-out;\n}\n\n@keyframes fadeInDown {\n  from {\n    opacity: 0;\n    transform: translateY(-40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.ecl-testimonials-tag {\n  display: inline-block;\n  font-size: 13px;\n  font-weight: 600;\n  color: #00bbe8;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  margin-bottom: 20px;\n  position: relative;\n  padding: 0 40px;\n}\n\n.ecl-testimonials-tag::before,\n.ecl-testimonials-tag::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  width: 25px;\n  height: 2px;\n  background: #00bbe8;\n  transform: translateY(-50%);\n  animation: expandTagLine 1s ease-out 0.5s both;\n}\n\n@keyframes expandTagLine {\n  from {\n    width: 0;\n  }\n  to {\n    width: 25px;\n  }\n}\n\n.ecl-testimonials-tag::before {\n  left: 0;\n}\n\n.ecl-testimonials-tag::after {\n  right: 0;\n}\n\n.ecl-testimonials-section h3 {\n  font-size: 30px;\n  font-weight: 700;\n  color: #061a28;\n  margin: 0;\n  line-height: 1.4;\n  letter-spacing: 0.5px;\n}\n\n.ecl-testimonials-container {\n  max-width: 1100px;\n  margin: 0 auto;\n  position: relative;\n}\n\n.ecl-carousel-wrapper {\n  position: relative;\n  overflow: hidden;\n  padding: 20px 60px;\n}\n\n.ecl-testimonials-track {\n  display: flex;\n  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.ecl-testimonial-item {\n  min-width: 100%;\n  padding: 0 20px;\n  opacity: 0;\n  transition: opacity 0.6s ease;\n}\n\n.ecl-testimonial-item.active {\n  opacity: 1;\n}\n\n.ecl-testimonial-card {\n  background: #ffffff;\n  padding: 50px 45px;\n  border-radius: 20px;\n  box-shadow: 0 15px 50px rgba(6, 26, 40, 0.1);\n  position: relative;\n  border: 2px solid rgba(0, 187, 232, 0.1);\n  transition: all 0.4s ease;\n}\n\n.ecl-testimonial-card:hover {\n  box-shadow: 0 25px 70px rgba(6, 26, 40, 0.15);\n  border-color: rgba(0, 187, 232, 0.3);\n  transform: translateY(-5px);\n}\n\n.ecl-quote-icon {\n  width: 60px;\n  height: 60px;\n  margin: 0 auto 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 187, 232, 0.1);\n  border-radius: 50%;\n  position: relative;\n}\n\n.ecl-quote-icon::before {\n  content: '';\n  position: absolute;\n  width: 75px;\n  height: 75px;\n  border-radius: 50%;\n  border: 2px dashed #00bbe8;\n  opacity: 0.3;\n  animation: rotateQuote 20s linear infinite;\n}\n\n@keyframes rotateQuote {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.ecl-quote-svg {\n  width: 28px;\n  height: 28px;\n  fill: #00bbe8;\n}\n\n.ecl-testimonial-text {\n  font-size: 18px;\n  font-weight: 400;\n  color: #061a28;\n  line-height: 1.9;\n  text-align: center;\n  margin: 0 0 35px 0;\n  font-style: italic;\n  position: relative;\n}\n\n.ecl-testimonial-divider {\n  width: 60px;\n  height: 3px;\n  background: #00bbe8;\n  margin: 0 auto 25px;\n  transition: width 0.4s ease;\n}\n\n.ecl-testimonial-card:hover .ecl-testimonial-divider {\n  width: 90px;\n}\n\n.ecl-testimonial-author {\n  text-align: center;\n}\n\n.ecl-author-name {\n  font-size: 17px;\n  font-weight: 700;\n  color: #061a28;\n  margin: 0 0 5px 0;\n}\n\n.ecl-author-title {\n  font-size: 14px;\n  font-weight: 500;\n  color: #00bbe8;\n  margin: 0;\n  letter-spacing: 0.5px;\n}\n\n.ecl-carousel-nav {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 50px;\n  height: 50px;\n  background: #ffffff;\n  border: 2px solid #00bbe8;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  z-index: 10;\n}\n\n.ecl-carousel-nav:hover {\n  background: #00bbe8;\n  transform: translateY(-50%) scale(1.1);\n  box-shadow: 0 5px 20px rgba(0, 187, 232, 0.4);\n}\n\n.ecl-carousel-nav svg {\n  width: 20px;\n  height: 20px;\n  fill: #00bbe8;\n  transition: fill 0.3s ease;\n}\n\n.ecl-carousel-nav:hover svg {\n  fill: #ffffff;\n}\n\n.ecl-nav-prev {\n  left: 0;\n}\n\n.ecl-nav-next {\n  right: 0;\n}\n\n.ecl-carousel-dots {\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 40px;\n}\n\n.ecl-dot {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: rgba(0, 187, 232, 0.3);\n  cursor: pointer;\n  transition: all 0.3s ease;\n  border: 2px solid transparent;\n}\n\n.ecl-dot.active {\n  background: #00bbe8;\n  transform: scale(1.3);\n  border-color: rgba(0, 187, 232, 0.3);\n  box-shadow: 0 0 15px rgba(0, 187, 232, 0.5);\n}\n\n.ecl-dot:hover {\n  background: #00bbe8;\n  transform: scale(1.2);\n}\n\n.ecl-background-shape {\n  position: absolute;\n  pointer-events: none;\n  z-index: 0;\n}\n\n.ecl-shape-left {\n  width: 350px;\n  height: 350px;\n  background: radial-gradient(circle, rgba(0, 187, 232, 0.05) 0%, transparent 70%);\n  border-radius: 50%;\n  top: -100px;\n  left: -100px;\n  animation: floatShape1 10s ease-in-out infinite;\n}\n\n.ecl-shape-right {\n  width: 300px;\n  height: 300px;\n  background: radial-gradient(circle, rgba(0, 187, 232, 0.04) 0%, transparent 70%);\n  border-radius: 50%;\n  bottom: -80px;\n  right: -80px;\n  animation: floatShape2 12s ease-in-out infinite;\n}\n\n@keyframes floatShape1 {\n  0%, 100% {\n    transform: translate(0, 0) scale(1);\n  }\n  50% {\n    transform: translate(40px, 40px) scale(1.1);\n  }\n}\n\n@keyframes floatShape2 {\n  0%, 100% {\n    transform: translate(0, 0) scale(1);\n  }\n  50% {\n    transform: translate(-30px, -30px) scale(1.15);\n  }\n}\n\n.ecl-stars {\n  display: flex;\n  justify-content: center;\n  gap: 5px;\n  margin-bottom: 20px;\n}\n\n.ecl-star {\n  width: 20px;\n  height: 20px;\n  fill: #00bbe8;\n  animation: starPulse 2s ease-in-out infinite;\n}\n\n.ecl-star:nth-child(1) { animation-delay: 0s; }\n.ecl-star:nth-child(2) { animation-delay: 0.1s; }\n.ecl-star:nth-child(3) { animation-delay: 0.2s; }\n.ecl-star:nth-child(4) { animation-delay: 0.3s; }\n.ecl-star:nth-child(5) { animation-delay: 0.4s; }\n\n@keyframes starPulse {\n  0%, 100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.2);\n    opacity: 0.8;\n  }\n}\n\n@media (max-width: 968px) {\n  .ecl-testimonials-section {\n    padding: 60px 15px;\n  }\n\n  .ecl-testimonials-header {\n    margin-bottom: 40px;\n  }\n\n  .ecl-testimonials-section h3 {\n    font-size: 20px;\n  }\n\n  .ecl-carousel-wrapper {\n    padding: 20px 10px;\n  }\n\n  .ecl-testimonial-card {\n    padding: 40px 30px;\n  }\n\n  .ecl-quote-icon {\n    width: 50px;\n    height: 50px;\n    margin-bottom: 25px;\n  }\n\n  .ecl-quote-icon::before {\n    width: 65px;\n    height: 65px;\n  }\n\n  .ecl-quote-svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  .ecl-testimonial-text {\n    font-size: 16px;\n    line-height: 1.8;\n    text-align: center;\n    margin-bottom: 30px;\n  }\n\n  .ecl-author-name {\n    font-size: 16px;\n  }\n\n  .ecl-author-title {\n    font-size: 13px;\n  }\n\n  .ecl-carousel-nav {\n    width: 45px;\n    height: 45px;\n  }\n\n  .ecl-carousel-nav svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  .ecl-nav-prev {\n    left: -5px;\n  }\n\n  .ecl-nav-next {\n    right: -5px;\n  }\n\n  .ecl-background-shape {\n    display: none;\n  }\n\n  .ecl-stars {\n    gap: 4px;\n    margin-bottom: 18px;\n  }\n\n  .ecl-star {\n    width: 18px;\n    height: 18px;\n  }\n}\n\n@media (max-width: 480px) {\n  .ecl-testimonials-section {\n    padding: 50px 10px;\n  }\n\n  .ecl-testimonials-tag {\n    font-size: 11px;\n    letter-spacing: 2px;\n    padding: 0 35px;\n  }\n\n  .ecl-testimonials-tag::before,\n  .ecl-testimonials-tag::after {\n    width: 20px;\n  }\n\n  .ecl-testimonials-section h3 {\n    font-size: 18px;\n  }\n\n  .ecl-testimonial-card {\n    padding: 35px 25px;\n  }\n\n  .ecl-testimonial-text {\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .ecl-author-name {\n    font-size: 15px;\n  }\n\n  .ecl-author-title {\n    font-size: 12px;\n  }\n\n  .ecl-carousel-nav {\n    width: 40px;\n    height: 40px;\n  }\n\n  .ecl-carousel-nav svg {\n    width: 16px;\n    height: 16px;\n  }\n\n  .ecl-carousel-dots {\n    gap: 10px;\n    margin-top: 35px;\n  }\n\n  .ecl-dot {\n    width: 10px;\n    height: 10px;\n  }\n\n  .ecl-stars {\n    gap: 3px;\n  }\n\n  .ecl-star {\n    width: 16px;\n    height: 16px;\n  }\n}\n<\/style>\n\n<div class=\"ecl-testimonials-wrapper\">\n  <section class=\"ecl-testimonials-section\">\n    <div class=\"ecl-background-shape ecl-shape-left\"><\/div>\n    <div class=\"ecl-background-shape ecl-shape-right\"><\/div>\n\n    <div class=\"ecl-testimonials-header\">\n      <div class=\"ecl-testimonials-tag\">What Homeowners Say<\/div>\n      <h3>Real Stories. Real Satisfaction.<\/h3>\n    <\/div>\n\n    <div class=\"ecl-testimonials-container\">\n      <div class=\"ecl-carousel-wrapper\">\n        \n        <div class=\"ecl-carousel-nav ecl-nav-prev\">\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/>\n          <\/svg>\n        <\/div>\n\n        <div class=\"ecl-testimonials-track\">\n          \n          <!-- Testimonial 1 -->\n          <div class=\"ecl-testimonial-item active\">\n            <div class=\"ecl-testimonial-card\">\n              <div class=\"ecl-quote-icon\">\n                <svg class=\"ecl-quote-svg\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"\/>\n                <\/svg>\n              <\/div>\n              \n              <div class=\"ecl-stars\">\n                <svg class=\"ecl-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                <\/svg>\n                <svg class=\"ecl-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                <\/svg>\n                <svg class=\"ecl-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                <\/svg>\n                <svg class=\"ecl-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                <\/svg>\n                <svg class=\"ecl-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                <\/svg>\n              <\/div>\n\n              <p class=\"ecl-testimonial-text\">\n                \"Earth Craft LTD helped me in every step of the home-buying process. Quality, commitment, and care \u2014 all in one.\"\n              <\/p>\n\n              <div class=\"ecl-testimonial-divider\"><\/div>\n\n              <div class=\"ecl-testimonial-author\">\n                <p class=\"ecl-author-name\">Satya Mishra<\/p>\n                <p class=\"ecl-author-title\">Govt. Employee<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Testimonial 2 -->\n          <div class=\"ecl-testimonial-item\">\n            <div class=\"ecl-testimonial-card\">\n              <div class=\"ecl-quote-icon\">\n                <svg class=\"ecl-quote-svg\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"\/>\n                <\/svg>\n              <\/div>\n              \n              <div class=\"ecl-stars\">\n                <svg class=\"ecl-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                <\/svg>\n                <svg class=\"ecl-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                <\/svg>\n                <svg class=\"ecl-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                <\/svg>\n                <svg class=\"ecl-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                <\/svg>\n                <svg class=\"ecl-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                <\/svg>\n              <\/div>\n\n              <p class=\"ecl-testimonial-text\">\n                \"Delivered on time, and the finishing exceeded expectations. Truly professional.\"\n              <\/p>\n\n              <div class=\"ecl-testimonial-divider\"><\/div>\n\n              <div class=\"ecl-testimonial-author\">\n                <p class=\"ecl-author-name\">Mitali Rana<\/p>\n                <p class=\"ecl-author-title\">Banker<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Testimonial 3 -->\n          <div class=\"ecl-testimonial-item\">\n            <div class=\"ecl-testimonial-card\">\n              <div class=\"ecl-quote-icon\">\n                <svg class=\"ecl-quote-svg\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"\/>\n                <\/svg>\n              <\/div>\n              \n              <div class=\"ecl-stars\">\n                <svg class=\"ecl-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                <\/svg>\n                <svg class=\"ecl-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                <\/svg>\n                <svg class=\"ecl-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                <\/svg>\n                <svg class=\"ecl-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                <\/svg>\n                <svg class=\"ecl-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                <\/svg>\n              <\/div>\n\n              <p class=\"ecl-testimonial-text\">\n                \"They made my dream of owning a home a reality. Highly recommended!\"\n              <\/p>\n\n              <div class=\"ecl-testimonial-divider\"><\/div>\n\n              <div class=\"ecl-testimonial-author\">\n                <p class=\"ecl-author-name\">Sidheswar Das<\/p>\n                <p class=\"ecl-author-title\">Businessman<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"ecl-carousel-nav ecl-nav-next\">\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/>\n          <\/svg>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"ecl-carousel-dots\">\n        <span class=\"ecl-dot active\" data-index=\"0\"><\/span>\n        <span class=\"ecl-dot\" data-index=\"1\"><\/span>\n        <span class=\"ecl-dot\" data-index=\"2\"><\/span>\n      <\/div>\n\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(function() {\n  let currentSlide = 0;\n  const slides = document.querySelectorAll('.ecl-testimonial-item');\n  const dots = document.querySelectorAll('.ecl-dot');\n  const prevBtn = document.querySelector('.ecl-nav-prev');\n  const nextBtn = document.querySelector('.ecl-nav-next');\n  const track = document.querySelector('.ecl-testimonials-track');\n\n  function showSlide(index) {\n    slides.forEach((slide, i) => {\n      slide.classList.remove('active');\n      dots[i].classList.remove('active');\n    });\n\n    if (index >= slides.length) {\n      currentSlide = 0;\n    } else if (index < 0) {\n      currentSlide = slides.length - 1;\n    } else {\n      currentSlide = index;\n    }\n\n    track.style.transform = `translateX(-${currentSlide * 100}%)`;\n    slides[currentSlide].classList.add('active');\n    dots[currentSlide].classList.add('active');\n  }\n\n  function nextSlide() {\n    showSlide(currentSlide + 1);\n  }\n\n  function prevSlide() {\n    showSlide(currentSlide - 1);\n  }\n\n  nextBtn.addEventListener('click', nextSlide);\n  prevBtn.addEventListener('click', prevSlide);\n\n  dots.forEach((dot, index) => {\n    dot.addEventListener('click', () => {\n      showSlide(index);\n    });\n  });\n\n  \/\/ Auto-play carousel\n  setInterval(nextSlide, 5000);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e1c9638 elementor-section-full_width elementor-section-height-default elementor-section-height-default exad-glass-effect-no wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"e1c9638\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f306e40 exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"f306e40\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b396a40 jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"b396a40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700;800&display=swap');\n\n.ecl-cta-wrapper {\n  font-family: 'Montserrat', sans-serif;\n  margin: 0;\n  padding: 0;\n  background: #ffffff;\n  overflow: hidden;\n}\n\n.ecl-cta-wrapper * {\n  box-sizing: border-box;\n}\n\n.ecl-cta-section {\n  position: relative;\n  width: 100%;\n  padding: 80px 20px;\n  background: #061a28;\n  overflow: hidden;\n}\n\n.ecl-cta-content {\n  max-width: 1200px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  animation: fadeInScale 1s ease-out;\n}\n\n@keyframes fadeInScale {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n.ecl-cta-section h3 {\n  font-size: 30px;\n  font-weight: 700;\n  color: #ffffff;\n  margin: 0 0 20px 0;\n  line-height: 1.3;\n  letter-spacing: 0.5px;\n  animation: slideInDown 0.8s ease-out 0.2s both;\n}\n\n@keyframes slideInDown {\n  from {\n    opacity: 0;\n    transform: translateY(-30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.ecl-cta-subheadline {\n  font-size: 18px;\n  font-weight: 400;\n  color: #ffffff;\n  line-height: 1.7;\n  margin: 0 0 40px 0;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  opacity: 0.95;\n  animation: slideInUp 0.8s ease-out 0.4s both;\n}\n\n@keyframes slideInUp {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.ecl-cta-button {\n  display: inline-block;\n  padding: 18px 45px;\n  background: #00bbe8;\n  color: #ffffff;\n  font-size: 16px;\n  font-weight: 700;\n  text-decoration: none;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  border-radius: 50px;\n  border: 3px solid #00bbe8;\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  overflow: hidden;\n  z-index: 1;\n  animation: buttonPulse 0.8s ease-out 0.6s both;\n  box-shadow: 0 10px 30px rgba(0, 187, 232, 0.3);\n}\n\n@keyframes buttonPulse {\n  from {\n    opacity: 0;\n    transform: scale(0.9);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n.ecl-cta-button::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  background: #ffffff;\n  transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  z-index: -1;\n}\n\n.ecl-cta-button:hover::before {\n  left: 0;\n}\n\n.ecl-cta-button:hover {\n  color: #00bbe8;\n  border-color: #ffffff;\n  transform: translateY(-5px);\n  box-shadow: 0 15px 40px rgba(0, 187, 232, 0.5);\n}\n\n.ecl-cta-button::after {\n  content: '\u2192';\n  margin-left: 10px;\n  display: inline-block;\n  transition: transform 0.3s ease;\n}\n\n.ecl-cta-button:hover::after {\n  transform: translateX(5px);\n}\n\n.ecl-floating-home {\n  position: absolute;\n  pointer-events: none;\n  z-index: 1;\n  opacity: 0.15;\n}\n\n.ecl-floating-home svg {\n  width: 100%;\n  height: 100%;\n  fill: #00bbe8;\n}\n\n.ecl-home-1 {\n  width: 120px;\n  height: 120px;\n  top: 10%;\n  left: 5%;\n  animation: floatHome1 10s ease-in-out infinite;\n}\n\n.ecl-home-2 {\n  width: 90px;\n  height: 90px;\n  top: 20%;\n  right: 8%;\n  animation: floatHome2 12s ease-in-out infinite;\n}\n\n.ecl-home-3 {\n  width: 100px;\n  height: 100px;\n  bottom: 15%;\n  left: 10%;\n  animation: floatHome3 14s ease-in-out infinite;\n}\n\n.ecl-home-4 {\n  width: 110px;\n  height: 110px;\n  bottom: 20%;\n  right: 7%;\n  animation: floatHome4 11s ease-in-out infinite;\n}\n\n.ecl-home-5 {\n  width: 80px;\n  height: 80px;\n  top: 50%;\n  left: 15%;\n  animation: floatHome5 13s ease-in-out infinite;\n}\n\n.ecl-home-6 {\n  width: 95px;\n  height: 95px;\n  top: 60%;\n  right: 12%;\n  animation: floatHome6 15s ease-in-out infinite;\n}\n\n@keyframes floatHome1 {\n  0%, 100% {\n    transform: translate(0, 0) rotate(0deg);\n  }\n  50% {\n    transform: translate(30px, 40px) rotate(10deg);\n  }\n}\n\n@keyframes floatHome2 {\n  0%, 100% {\n    transform: translate(0, 0) rotate(0deg);\n  }\n  50% {\n    transform: translate(-25px, 35px) rotate(-8deg);\n  }\n}\n\n@keyframes floatHome3 {\n  0%, 100% {\n    transform: translate(0, 0) rotate(0deg);\n  }\n  50% {\n    transform: translate(35px, -30px) rotate(12deg);\n  }\n}\n\n@keyframes floatHome4 {\n  0%, 100% {\n    transform: translate(0, 0) rotate(0deg);\n  }\n  50% {\n    transform: translate(-30px, -35px) rotate(-10deg);\n  }\n}\n\n@keyframes floatHome5 {\n  0%, 100% {\n    transform: translate(0, 0) rotate(0deg);\n  }\n  50% {\n    transform: translate(25px, 30px) rotate(8deg);\n  }\n}\n\n@keyframes floatHome6 {\n  0%, 100% {\n    transform: translate(0, 0) rotate(0deg);\n  }\n  50% {\n    transform: translate(-35px, 25px) rotate(-12deg);\n  }\n}\n\n.ecl-float-circle {\n  position: absolute;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(0, 187, 232, 0.08) 0%, transparent 70%);\n  pointer-events: none;\n  z-index: 1;\n}\n\n.ecl-circle-1 {\n  width: 300px;\n  height: 300px;\n  top: -100px;\n  left: -100px;\n  animation: pulseCircle1 8s ease-in-out infinite;\n}\n\n.ecl-circle-2 {\n  width: 250px;\n  height: 250px;\n  bottom: -80px;\n  right: -80px;\n  animation: pulseCircle2 10s ease-in-out infinite;\n}\n\n.ecl-circle-3 {\n  width: 200px;\n  height: 200px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  animation: pulseCircle3 12s ease-in-out infinite;\n}\n\n@keyframes pulseCircle1 {\n  0%, 100% {\n    transform: scale(1);\n    opacity: 0.5;\n  }\n  50% {\n    transform: scale(1.2);\n    opacity: 0.8;\n  }\n}\n\n@keyframes pulseCircle2 {\n  0%, 100% {\n    transform: scale(1);\n    opacity: 0.5;\n  }\n  50% {\n    transform: scale(1.15);\n    opacity: 0.7;\n  }\n}\n\n@keyframes pulseCircle3 {\n  0%, 100% {\n    transform: translate(-50%, -50%) scale(1);\n    opacity: 0.3;\n  }\n  50% {\n    transform: translate(-50%, -50%) scale(1.3);\n    opacity: 0.6;\n  }\n}\n\n.ecl-dots-pattern {\n  position: absolute;\n  display: grid;\n  grid-template-columns: repeat(4, 6px);\n  gap: 12px;\n  z-index: 1;\n}\n\n.ecl-dots-pattern span {\n  width: 6px;\n  height: 6px;\n  background: rgba(0, 187, 232, 0.4);\n  border-radius: 50%;\n  animation: dotPulse 2s ease-in-out infinite;\n}\n\n.ecl-dots-pattern span:nth-child(1) { animation-delay: 0s; }\n.ecl-dots-pattern span:nth-child(2) { animation-delay: 0.2s; }\n.ecl-dots-pattern span:nth-child(3) { animation-delay: 0.4s; }\n.ecl-dots-pattern span:nth-child(4) { animation-delay: 0.6s; }\n\n@keyframes dotPulse {\n  0%, 100% {\n    transform: scale(1);\n    opacity: 0.4;\n  }\n  50% {\n    transform: scale(1.5);\n    opacity: 0.8;\n  }\n}\n\n.ecl-dots-top-left {\n  top: 50px;\n  left: 20%;\n}\n\n.ecl-dots-top-right {\n  top: 60px;\n  right: 18%;\n}\n\n.ecl-dots-bottom-left {\n  bottom: 50px;\n  left: 22%;\n}\n\n.ecl-dots-bottom-right {\n  bottom: 60px;\n  right: 20%;\n}\n\n@media (max-width: 968px) {\n  .ecl-cta-section {\n    padding: 60px 15px;\n  }\n\n  .ecl-cta-section h3 {\n    font-size: 20px;\n    margin-bottom: 15px;\n  }\n\n  .ecl-cta-subheadline {\n    font-size: 16px;\n    line-height: 1.6;\n    margin-bottom: 35px;\n  }\n\n  .ecl-cta-button {\n    padding: 16px 40px;\n    font-size: 14px;\n  }\n\n  .ecl-floating-home {\n    opacity: 0.1;\n  }\n\n  .ecl-home-1 {\n    width: 80px;\n    height: 80px;\n    left: 3%;\n  }\n\n  .ecl-home-2 {\n    width: 70px;\n    height: 70px;\n    right: 5%;\n  }\n\n  .ecl-home-3 {\n    width: 75px;\n    height: 75px;\n    left: 5%;\n  }\n\n  .ecl-home-4 {\n    width: 85px;\n    height: 85px;\n    right: 4%;\n  }\n\n  .ecl-home-5 {\n    display: none;\n  }\n\n  .ecl-home-6 {\n    display: none;\n  }\n\n  .ecl-float-circle {\n    width: 200px;\n    height: 200px;\n  }\n\n  .ecl-circle-1 {\n    width: 200px;\n    height: 200px;\n  }\n\n  .ecl-circle-2 {\n    width: 180px;\n    height: 180px;\n  }\n\n  .ecl-circle-3 {\n    width: 150px;\n    height: 150px;\n  }\n\n  .ecl-dots-pattern {\n    display: none;\n  }\n}\n\n@media (max-width: 480px) {\n  .ecl-cta-section {\n    padding: 50px 10px;\n  }\n\n  .ecl-cta-section h3 {\n    font-size: 18px;\n    margin-bottom: 12px;\n  }\n\n  .ecl-cta-subheadline {\n    font-size: 14px;\n    line-height: 1.6;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n\n  .ecl-cta-button {\n    padding: 14px 35px;\n    font-size: 13px;\n    letter-spacing: 0.5px;\n  }\n\n  .ecl-floating-home {\n    opacity: 0.08;\n  }\n\n  .ecl-home-1 {\n    width: 60px;\n    height: 60px;\n  }\n\n  .ecl-home-2 {\n    width: 55px;\n    height: 55px;\n  }\n\n  .ecl-home-3 {\n    width: 58px;\n    height: 58px;\n  }\n\n  .ecl-home-4 {\n    width: 65px;\n    height: 65px;\n  }\n\n  .ecl-float-circle-1 {\n    width: 150px;\n    height: 150px;\n  }\n\n  .ecl-float-circle-2 {\n    width: 130px;\n    height: 130px;\n  }\n\n  .ecl-circle-3 {\n    width: 120px;\n    height: 120px;\n  }\n}\n<\/style>\n\n<div class=\"ecl-cta-wrapper\">\n  <section class=\"ecl-cta-section\">\n    \n    <!-- Floating Home Icons -->\n    <div class=\"ecl-floating-home ecl-home-1\">\n      <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z\"\/>\n      <\/svg>\n    <\/div>\n    \n    <div class=\"ecl-floating-home ecl-home-2\">\n      <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M12 5.69l5 4.5V18h-2v-6H9v6H7v-7.81l5-4.5M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z\"\/>\n      <\/svg>\n    <\/div>\n    \n    <div class=\"ecl-floating-home ecl-home-3\">\n      <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M12 3L4 9v12h16V9l-8-6zm6 16h-3v-5h-2v5H7V9l5-3.8L17 9v10z\"\/>\n      <\/svg>\n    <\/div>\n    \n    <div class=\"ecl-floating-home ecl-home-4\">\n      <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M19 9.3V4h-3v2.6L12 3L2 12h3v8h6v-6h2v6h6v-8h3l-3-2.7zM10 10c0-1.1.9-2 2-2s2 .9 2 2h-4z\"\/>\n      <\/svg>\n    <\/div>\n    \n    <div class=\"ecl-floating-home ecl-home-5\">\n      <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M12 3L2 12h3v8h14v-8h3L12 3zm0 2.69l6 5.4V18h-3v-5H9v5H6v-6.91l6-5.4z\"\/>\n      <\/svg>\n    <\/div>\n    \n    <div class=\"ecl-floating-home ecl-home-6\">\n      <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M12 5.69l5 4.5V18h-2v-6H9v6H7v-7.81l5-4.5M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z\"\/>\n      <\/svg>\n    <\/div>\n    \n    <!-- Floating Circles -->\n    <div class=\"ecl-float-circle ecl-circle-1\"><\/div>\n    <div class=\"ecl-float-circle ecl-circle-2\"><\/div>\n    <div class=\"ecl-float-circle ecl-circle-3\"><\/div>\n    \n    <!-- Dots Pattern -->\n    <div class=\"ecl-dots-pattern ecl-dots-top-left\">\n      <span><\/span><span><\/span><span><\/span><span><\/span>\n    <\/div>\n    <div class=\"ecl-dots-pattern ecl-dots-top-right\">\n      <span><\/span><span><\/span><span><\/span><span><\/span>\n    <\/div>\n    <div class=\"ecl-dots-pattern ecl-dots-bottom-left\">\n      <span><\/span><span><\/span><span><\/span><span><\/span>\n    <\/div>\n    <div class=\"ecl-dots-pattern ecl-dots-bottom-right\">\n      <span><\/span><span><\/span><span><\/span><span><\/span>\n    <\/div>\n    \n    <!-- Content -->\n    <div class=\"ecl-cta-content\">\n      <h3>Ready to Find Your Dream Home?<\/h3>\n      <p class=\"ecl-cta-subheadline\">\n        Visit our office or talk to our experts - let's build your next chapter together.\n      <\/p>\n      <a href=\"https:\/\/earthcraftltd.com\/index.php\/contact\/\" class=\"ecl-cta-button\">Book a Free Consultation<\/a>\n    <\/div>\n    \n  <\/section>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Since 2010 Turning Land into Landmarks Since 2010 With every brick we lay, we build more than just structures &#8211; we build trust, comfort, and a legacy of excellence. Founded in 2010, Earth Craft Ltd. has grown from a single residential project to becoming one of Odisha&#8217;s most trusted and recognized real estate companies. With an unwavering focus on quality, commitment, and innovation, we have delivered homes and commercial spaces that continue to inspire pride and confidence. 15+ Years Strong 100+ Projects 5000+ Happy Families Our Story (Journey &#038; Growth) From a Modest Start to a Construction Powerhouse 2010 Founded with a vision to transform real estate in Odisha 2015-2020 Expanded across Patia, Jharpada, Puri, and Khandagiri 2025 Recognized as one of India&#8217;s premier construction houses What began as a small initiative with one residential project has now evolved into a full-fledged real estate and construction enterprise. Over the years, Earth Craft Ltd. has successfully completed multiple landmark projects across Patia, Jharpada, Puri, Khandagiri, and other key locations in Odisha. Our growth is built on a strong foundation of integrity, timely delivery, and customer satisfaction. Today, Earth Craft stands tall as one of India&#8217;s premier construction houses, ready to take on challenges that redefine urban living. &#8220;From a single residential project to a construction powerhouse \u2014 our journey reflects unwavering commitment to excellence and customer trust.&#8221; \ud83c\udfd7\ufe0f Integrity Building trust through transparent and ethical practices \u23f1\ufe0f Timely Delivery Committed to meeting deadlines without compromise \u2b50 Customer Satisfaction Your happiness is our ultimate achievement Our Vision &#038; Mission Our Purpose Drives Everything We Build \ud83d\udd2d Our Vision To be a benchmark in real estate development by creating sustainable, inspiring, and high-quality living spaces that enhance lives and communities. \ud83c\udfaf Our Mission To build projects that reflect trust, innovation, and architectural excellence. To ensure on-time delivery and customer delight at every step. To grow responsibly, maintaining transparency and long-term value in every relationship. \ud83d\udc8e Every project we undertake is guided by our commitment to quality, integrity, and innovation \u2014 creating spaces where dreams come home. Our Core Values Values That Shape Our Work and Relationships \ud83d\udee1\ufe0f Integrity We do what&#8217;s right, always. \ud83d\udc8e Quality Every detail, every finish &#8211; built to last. \ud83e\udd1d Commitment We deliver what we promise, on time. \ud83d\udca1 Innovation Adapting modern technologies and sustainable designs. \u2764\ufe0f Customer First We build not just houses, but homes filled with happiness. &#8220; Our values are not just words on a page \u2014 they are the foundation of every decision we make and every relationship we build. Our Expertise (What We Do) Diverse Expertise, One Trusted Name Earth Craft Ltd. offers a complete spectrum of construction and real estate services: \ud83c\udfe0 Residential Projects Elegant, comfortable, and future-ready homes designed for every lifestyle. \ud83c\udfe2 Commercial Complexes Malls, multiplexes, and offices that set new standards of convenience and design. \ud83d\udd04 Redevelopment Projects Modernizing existing spaces into efficient, value-adding properties. \u2728 Every project we undertake reflects our attention to detail, technical proficiency, and passion for perfection.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1377","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/earthcraftltd.com\/index.php\/wp-json\/wp\/v2\/pages\/1377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/earthcraftltd.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/earthcraftltd.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/earthcraftltd.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/earthcraftltd.com\/index.php\/wp-json\/wp\/v2\/comments?post=1377"}],"version-history":[{"count":49,"href":"https:\/\/earthcraftltd.com\/index.php\/wp-json\/wp\/v2\/pages\/1377\/revisions"}],"predecessor-version":[{"id":1567,"href":"https:\/\/earthcraftltd.com\/index.php\/wp-json\/wp\/v2\/pages\/1377\/revisions\/1567"}],"wp:attachment":[{"href":"https:\/\/earthcraftltd.com\/index.php\/wp-json\/wp\/v2\/media?parent=1377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}