{"id":1282,"date":"2025-10-28T07:10:21","date_gmt":"2025-10-28T01:40:21","guid":{"rendered":"https:\/\/earthcraftltd.com\/?page_id=1282"},"modified":"2025-10-31T05:50:02","modified_gmt":"2025-10-31T00:20:02","slug":"home-2","status":"publish","type":"page","link":"https:\/\/earthcraftltd.com\/","title":{"rendered":"Home 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1282\" class=\"elementor elementor-1282\" 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-f92bf3c 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=\"f92bf3c\" 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-766a3b3 exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"766a3b3\" 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-a37a504 jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"a37a504\" 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&display=swap');\n\n.ecl-hero-wrapper {\n  font-family: 'Montserrat', sans-serif;\n  margin: 0;\n  padding: 0;\n  background: #ffffff;\n  overflow: hidden;\n}\n\n.ecl-hero-section {\n  position: relative;\n  width: 100%;\n  height: 100vh;\n  min-height: 500px;\n  max-height: 800px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.ecl-slider-container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n\n.ecl-slide {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  transition: opacity 1.5s ease-in-out;\n}\n\n.ecl-slide.active {\n  opacity: 1;\n}\n\n.ecl-slide img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: brightness(0.5);\n}\n\n.ecl-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(135deg, rgba(6, 26, 40, 0.7) 0%, rgba(0, 187, 232, 0.3) 100%);\n  z-index: 2;\n}\n\n.ecl-content {\n  position: relative;\n  z-index: 3;\n  text-align: center;\n  padding: 40px 20px;\n  max-width: 1200px;\n  margin: 0 auto;\n  animation: fadeInUp 1.2s ease-out;\n}\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.ecl-title-wrapper {\n  margin-bottom: 30px;\n  position: relative;\n}\n\n.ecl-hero-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: 1px;\n  text-transform: uppercase;\n  animation: slideInLeft 1s ease-out 0.3s both;\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.ecl-decorative-line {\n  width: 80px;\n  height: 4px;\n  background: #00bbe8;\n  margin: 0 auto 30px;\n  animation: expandWidth 1s ease-out 0.6s both;\n  box-shadow: 0 0 20px rgba(0, 187, 232, 0.6);\n}\n\n@keyframes expandWidth {\n  from {\n    width: 0;\n  }\n  to {\n    width: 80px;\n  }\n}\n\n.ecl-subtitle {\n  font-size: 18px;\n  font-weight: 400;\n  color: #ffffff;\n  line-height: 1.8;\n  margin: 0;\n  max-width: 800px;\n  margin: 0 auto;\n  animation: fadeIn 1.5s ease-out 0.9s both;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.ecl-slide-indicators {\n  position: absolute;\n  bottom: 30px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  gap: 12px;\n  z-index: 4;\n}\n\n.ecl-indicator {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.4);\n  cursor: pointer;\n  transition: all 0.3s ease;\n  border: 2px solid transparent;\n}\n\n.ecl-indicator.active {\n  background: #00bbe8;\n  border-color: #ffffff;\n  transform: scale(1.2);\n  box-shadow: 0 0 15px rgba(0, 187, 232, 0.8);\n}\n\n.ecl-indicator:hover {\n  background: rgba(0, 187, 232, 0.7);\n  transform: scale(1.1);\n}\n\n.ecl-floating-accent {\n  position: absolute;\n  width: 300px;\n  height: 300px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(0, 187, 232, 0.15) 0%, transparent 70%);\n  z-index: 2;\n  animation: float 8s ease-in-out infinite;\n}\n\n.ecl-accent-1 {\n  top: -150px;\n  right: -150px;\n  animation-delay: 0s;\n}\n\n.ecl-accent-2 {\n  bottom: -150px;\n  left: -150px;\n  animation-delay: 4s;\n}\n\n@keyframes float {\n  0%, 100% {\n    transform: translate(0, 0) scale(1);\n  }\n  50% {\n    transform: translate(30px, 30px) scale(1.1);\n  }\n}\n\n@media (max-width: 768px) {\n  .ecl-hero-section {\n    min-height: 450px;\n    max-height: 600px;\n  }\n\n  .ecl-hero-section h3 {\n    font-size: 20px;\n    letter-spacing: 0.5px;\n  }\n\n  .ecl-subtitle {\n    font-size: 14px;\n    line-height: 1.7;\n    text-align: justify;\n    padding: 0 10px;\n  }\n\n  .ecl-decorative-line {\n    width: 60px;\n    margin-bottom: 20px;\n  }\n\n  .ecl-content {\n    padding: 30px 15px;\n  }\n\n  .ecl-title-wrapper {\n    margin-bottom: 20px;\n  }\n\n  .ecl-slide-indicators {\n    bottom: 20px;\n    gap: 10px;\n  }\n\n  .ecl-indicator {\n    width: 10px;\n    height: 10px;\n  }\n\n  .ecl-floating-accent {\n    width: 200px;\n    height: 200px;\n  }\n}\n\n@media (max-width: 480px) {\n  .ecl-hero-section {\n    min-height: 400px;\n  }\n\n  .ecl-hero-section h3 {\n    font-size: 18px;\n  }\n\n  .ecl-subtitle {\n    font-size: 13px;\n  }\n}\n<\/style>\n\n<div class=\"ecl-hero-wrapper\">\n  <section class=\"ecl-hero-section\">\n    <div class=\"ecl-slider-container\">\n      <div class=\"ecl-slide active\">\n        <img decoding=\"async\" src=\"https:\/\/earthcraftltd.com\/wp-content\/uploads\/2025\/10\/Earthcraft-Limited-2.png\" alt=\"Earth Craft Ltd Project 1\">\n      <\/div>\n      <div class=\"ecl-slide\">\n        <img decoding=\"async\" src=\"https:\/\/earthcraftltd.com\/wp-content\/uploads\/2025\/10\/Earthcraft-Limited-3.png\" alt=\"Earth Craft Ltd Project 2\">\n      <\/div>\n      <div class=\"ecl-slide\">\n        <img decoding=\"async\" src=\"https:\/\/earthcraftltd.com\/wp-content\/uploads\/2025\/10\/Earthcraft-Limited.png\" alt=\"Earth Craft Ltd Project 3\">\n      <\/div>\n    <\/div>\n\n    <div class=\"ecl-overlay\"><\/div>\n\n    <div class=\"ecl-floating-accent ecl-accent-1\"><\/div>\n    <div class=\"ecl-floating-accent ecl-accent-2\"><\/div>\n\n    <div class=\"ecl-content\">\n      <div class=\"ecl-title-wrapper\">\n        <h3>Building Landmarks. Shaping Dreams.<\/h3>\n        <div class=\"ecl-decorative-line\"><\/div>\n      <\/div>\n      <p class=\"ecl-subtitle\">\n        From luxury homes to iconic commercial spaces - Earth Craft Ltd. delivers quality you can trust and craftsmanship that lasts for generations.\n      <\/p>\n    <\/div>\n\n    <div class=\"ecl-slide-indicators\">\n      <span class=\"ecl-indicator active\" data-slide=\"0\"><\/span>\n      <span class=\"ecl-indicator\" data-slide=\"1\"><\/span>\n      <span class=\"ecl-indicator\" data-slide=\"2\"><\/span>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(function() {\n  const slides = document.querySelectorAll('.ecl-slide');\n  const indicators = document.querySelectorAll('.ecl-indicator');\n  let currentSlide = 0;\n  let slideInterval;\n\n  function showSlide(index) {\n    slides.forEach((slide, i) => {\n      slide.classList.remove('active');\n      indicators[i].classList.remove('active');\n    });\n    \n    slides[index].classList.add('active');\n    indicators[index].classList.add('active');\n    currentSlide = index;\n  }\n\n  function nextSlide() {\n    const next = (currentSlide + 1) % slides.length;\n    showSlide(next);\n  }\n\n  function startSlideshow() {\n    slideInterval = setInterval(nextSlide, 5000);\n  }\n\n  function stopSlideshow() {\n    clearInterval(slideInterval);\n  }\n\n  indicators.forEach((indicator, index) => {\n    indicator.addEventListener('click', () => {\n      stopSlideshow();\n      showSlide(index);\n      startSlideshow();\n    });\n  });\n\n  startSlideshow();\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-5644d43 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=\"5644d43\" 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-7a7b75c exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"7a7b75c\" 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-57d4ba7 jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"57d4ba7\" 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&display=swap');\n\n.ecl-about-wrapper {\n  font-family: 'Montserrat', sans-serif;\n  margin: 0;\n  padding: 0;\n  background: #ffffff;\n  overflow: hidden;\n}\n\n.ecl-about-section {\n  position: relative;\n  width: 100%;\n  padding: 80px 20px;\n  background: #ffffff;\n}\n\n.ecl-section-label {\n  text-align: center;\n  margin-bottom: 15px;\n  animation: fadeInDown 0.8s ease-out;\n}\n\n@keyframes fadeInDown {\n  from {\n    opacity: 0;\n    transform: translateY(-30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.ecl-section-label span {\n  display: inline-block;\n  font-size: 14px;\n  font-weight: 600;\n  color: #00bbe8;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  position: relative;\n  padding: 0 30px;\n}\n\n.ecl-section-label span::before,\n.ecl-section-label span::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  width: 20px;\n  height: 2px;\n  background: #00bbe8;\n  animation: expandLine 1s ease-out 0.5s both;\n}\n\n.ecl-section-label span::before {\n  left: 0;\n  transform: translateY(-50%);\n}\n\n.ecl-section-label span::after {\n  right: 0;\n  transform: translateY(-50%);\n}\n\n@keyframes expandLine {\n  from {\n    width: 0;\n  }\n  to {\n    width: 20px;\n  }\n}\n\n.ecl-about-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 60px;\n  align-items: center;\n}\n\n.ecl-about-content {\n  animation: slideInLeft 1s ease-out;\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.ecl-about-section h3 {\n  font-size: 30px;\n  font-weight: 700;\n  color: #061a28;\n  margin: 0 0 25px 0;\n  line-height: 1.4;\n  position: relative;\n}\n\n.ecl-about-text {\n  font-size: 16px;\n  font-weight: 400;\n  color: #061a28;\n  line-height: 1.9;\n  margin: 0 0 35px 0;\n  text-align: justify;\n  opacity: 0;\n  animation: fadeInText 1s ease-out 0.4s both;\n}\n\n@keyframes fadeInText {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.ecl-cta-button {\n  display: inline-block;\n  padding: 16px 40px;\n  background: #ffffff;\n  color: #00bbe8;\n  font-size: 15px;\n  font-weight: 600;\n  text-decoration: none;\n  border: 2px solid #00bbe8;\n  border-radius: 50px;\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  overflow: hidden;\n  z-index: 1;\n  letter-spacing: 0.5px;\n  animation: fadeInButton 1s ease-out 0.7s both;\n}\n\n@keyframes fadeInButton {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\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: #00bbe8;\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: #ffffff;\n  transform: translateY(-3px);\n  box-shadow: 0 10px 30px rgba(0, 187, 232, 0.3);\n}\n\n.ecl-about-image {\n  position: relative;\n  animation: slideInRight 1s ease-out;\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.ecl-image-container {\n  position: relative;\n  overflow: hidden;\n  border-radius: 20px;\n  box-shadow: 0 20px 60px rgba(6, 26, 40, 0.15);\n}\n\n.ecl-image-container img {\n  width: 100%;\n  height: auto;\n  display: block;\n  transition: transform 0.6s ease;\n}\n\n.ecl-image-container:hover img {\n  transform: scale(1.08);\n}\n\n.ecl-image-accent {\n  position: absolute;\n  width: 200px;\n  height: 200px;\n  border: 3px solid #00bbe8;\n  border-radius: 20px;\n  z-index: -1;\n  animation: floatAccent 6s ease-in-out infinite;\n}\n\n@keyframes floatAccent {\n  0%, 100% {\n    transform: translate(0, 0);\n  }\n  50% {\n    transform: translate(-15px, -15px);\n  }\n}\n\n.ecl-accent-top-right {\n  top: -20px;\n  right: -20px;\n  border-left: none;\n  border-bottom: none;\n}\n\n.ecl-accent-bottom-left {\n  bottom: -20px;\n  left: -20px;\n  border-top: none;\n  border-right: none;\n  animation-delay: 3s;\n}\n\n.ecl-decorative-dots {\n  position: absolute;\n  display: grid;\n  grid-template-columns: repeat(4, 8px);\n  gap: 12px;\n  z-index: -1;\n  opacity: 0.4;\n}\n\n.ecl-decorative-dots span {\n  width: 8px;\n  height: 8px;\n  background: #00bbe8;\n  border-radius: 50%;\n  animation: pulseDot 2s ease-in-out infinite;\n}\n\n.ecl-decorative-dots span:nth-child(2) { animation-delay: 0.2s; }\n.ecl-decorative-dots span:nth-child(3) { animation-delay: 0.4s; }\n.ecl-decorative-dots span:nth-child(4) { animation-delay: 0.6s; }\n\n@keyframes pulseDot {\n  0%, 100% {\n    transform: scale(1);\n    opacity: 0.4;\n  }\n  50% {\n    transform: scale(1.3);\n    opacity: 0.8;\n  }\n}\n\n.ecl-dots-top {\n  top: -40px;\n  left: 50px;\n}\n\n.ecl-dots-bottom {\n  bottom: -40px;\n  right: 50px;\n}\n\n@media (max-width: 968px) {\n  .ecl-about-section {\n    padding: 60px 20px;\n  }\n\n  .ecl-about-container {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n\n  .ecl-about-section h3 {\n    font-size: 20px;\n    text-align: center;\n    margin-bottom: 20px;\n  }\n\n  .ecl-section-label {\n    margin-bottom: 10px;\n  }\n\n  .ecl-about-text {\n    font-size: 14px;\n    line-height: 1.8;\n    margin-bottom: 30px;\n    text-align: justify;\n  }\n\n  .ecl-about-content {\n    text-align: center;\n  }\n\n  .ecl-cta-button {\n    padding: 14px 35px;\n    font-size: 14px;\n  }\n\n  .ecl-image-accent {\n    width: 150px;\n    height: 150px;\n  }\n\n  .ecl-accent-top-right {\n    top: -15px;\n    right: -15px;\n  }\n\n  .ecl-accent-bottom-left {\n    bottom: -15px;\n    left: -15px;\n  }\n\n  .ecl-decorative-dots {\n    display: none;\n  }\n}\n\n@media (max-width: 480px) {\n  .ecl-about-section {\n    padding: 50px 15px;\n  }\n\n  .ecl-about-section h3 {\n    font-size: 18px;\n  }\n\n  .ecl-about-text {\n    font-size: 13px;\n  }\n\n  .ecl-section-label span {\n    font-size: 12px;\n    letter-spacing: 2px;\n    padding: 0 25px;\n  }\n\n  .ecl-cta-button {\n    padding: 12px 30px;\n    font-size: 13px;\n  }\n\n  .ecl-image-accent {\n    width: 120px;\n    height: 120px;\n  }\n}\n<\/style>\n\n<div class=\"ecl-about-wrapper\">\n  <section class=\"ecl-about-section\">\n    <div class=\"ecl-section-label\">\n      <span>About Us<\/span>\n    <\/div>\n    \n    <div class=\"ecl-about-container\">\n      <div class=\"ecl-about-content\">\n        <h3>Building Your Future, <br>One Home at a Time<\/h3>\n        \n        <p class=\"ecl-about-text\">\n          Established in 2010, Earth Craft LTD has grown from a single residential project into one of Odisha's leading general contractors. With over 25 years of industry experience, we specialize in crafting premium residential habitats across Odisha. Our footprint spans key locations like Patia, Jharpada, Puri, and Khandagiri, Puri - each project reflecting our commitment to quality, innovation, and timely delivery. Today, Earth Craft stands tall as a trusted name in Indian construction, building spaces that elevate lifestyles and exceed expectations.\n        <\/p>\n        \n        <a href=\"https:\/\/earthcraftltd.com\/index.php\/about-us-2\/\" class=\"ecl-cta-button\">Learn More About Our Journey<\/a>\n      <\/div>\n      \n      <div class=\"ecl-about-image\">\n        <div class=\"ecl-decorative-dots ecl-dots-top\">\n          <span><\/span><span><\/span><span><\/span><span><\/span>\n        <\/div>\n        \n        <div class=\"ecl-image-container\">\n          <div class=\"ecl-image-accent ecl-accent-top-right\"><\/div>\n          <div class=\"ecl-image-accent ecl-accent-bottom-left\"><\/div>\n          <img decoding=\"async\" src=\"https:\/\/earthcraftltd.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-30-2025-03_02_43-PM.png\" alt=\"Earth Craft Ltd Construction\">\n        <\/div>\n        \n        <div class=\"ecl-decorative-dots ecl-dots-bottom\">\n          <span><\/span><span><\/span><span><\/span><span><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-142078b 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=\"142078b\" 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-27cd4dd exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"27cd4dd\" 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-f2607c1 jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"f2607c1\" 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-trust-wrapper {\n  font-family: 'Montserrat', sans-serif;\n  margin: 0;\n  padding: 0;\n  background: #ffffff;\n  overflow: hidden;\n}\n\n.ecl-trust-wrapper * {\n  box-sizing: border-box;\n}\n\n.ecl-trust-section {\n  position: relative;\n  width: 100%;\n  padding: 60px 20px;\n  background: #ffffff;\n}\n\n.ecl-trust-container {\n  max-width: 1300px;\n  margin: 0 auto;\n  position: relative;\n}\n\n.ecl-stats-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 0;\n  position: relative;\n}\n\n.ecl-stat-item {\n  position: relative;\n  padding: 50px 30px;\n  text-align: center;\n  background: #ffffff;\n  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  opacity: 0;\n  transform: translateY(40px);\n  animation: fadeInUp 0.8s ease-out forwards;\n}\n\n.ecl-stat-item:nth-child(1) {\n  animation-delay: 0.2s;\n  border-right: 1px solid rgba(0, 187, 232, 0.2);\n}\n\n.ecl-stat-item:nth-child(2) {\n  animation-delay: 0.4s;\n  border-right: 1px solid rgba(0, 187, 232, 0.2);\n}\n\n.ecl-stat-item:nth-child(3) {\n  animation-delay: 0.6s;\n}\n\n@keyframes fadeInUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.ecl-stat-item:hover {\n  transform: translateY(-10px);\n  background: #ffffff;\n  box-shadow: 0 15px 40px rgba(0, 187, 232, 0.15);\n  z-index: 2;\n}\n\n.ecl-stat-icon {\n  width: 70px;\n  height: 70px;\n  margin: 0 auto 25px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.ecl-icon-circle {\n  width: 70px;\n  height: 70px;\n  border-radius: 50%;\n  background: #ffffff;\n  border: 3px solid #00bbe8;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.4s ease;\n}\n\n.ecl-stat-item:hover .ecl-icon-circle {\n  background: #00bbe8;\n  transform: rotate(360deg);\n  box-shadow: 0 0 30px rgba(0, 187, 232, 0.4);\n}\n\n.ecl-icon-circle::before {\n  content: '';\n  position: absolute;\n  width: 85px;\n  height: 85px;\n  border-radius: 50%;\n  border: 2px dashed #00bbe8;\n  opacity: 0.3;\n  animation: rotateDashed 20s linear infinite;\n}\n\n@keyframes rotateDashed {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.ecl-icon-svg {\n  width: 35px;\n  height: 35px;\n  fill: #00bbe8;\n  transition: all 0.4s ease;\n}\n\n.ecl-stat-item:hover .ecl-icon-svg {\n  fill: #ffffff;\n}\n\n.ecl-stat-number {\n  font-size: 48px;\n  font-weight: 800;\n  color: #061a28;\n  line-height: 1;\n  margin: 0 0 8px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 5px;\n}\n\n.ecl-counter {\n  display: inline-block;\n}\n\n.ecl-stat-plus {\n  font-size: 42px;\n  font-weight: 700;\n  color: #00bbe8;\n}\n\n.ecl-stat-divider {\n  width: 50px;\n  height: 3px;\n  background: #00bbe8;\n  margin: 15px auto;\n  transition: width 0.4s ease;\n}\n\n.ecl-stat-item:hover .ecl-stat-divider {\n  width: 80px;\n}\n\n.ecl-stat-label {\n  font-size: 16px;\n  font-weight: 600;\n  color: #061a28;\n  line-height: 1.5;\n  margin: 0;\n  letter-spacing: 0.5px;\n}\n\n.ecl-background-accent {\n  position: absolute;\n  width: 400px;\n  height: 400px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(0, 187, 232, 0.05) 0%, transparent 70%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.ecl-accent-left {\n  top: -200px;\n  left: -200px;\n  animation: pulseAccent 8s ease-in-out infinite;\n}\n\n.ecl-accent-right {\n  bottom: -200px;\n  right: -200px;\n  animation: pulseAccent 8s ease-in-out infinite 4s;\n}\n\n@keyframes pulseAccent {\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@media (max-width: 968px) {\n  .ecl-trust-section {\n    padding: 50px 15px;\n  }\n\n  .ecl-stats-grid {\n    grid-template-columns: 1fr;\n    gap: 30px;\n  }\n\n  .ecl-stat-item {\n    padding: 40px 20px;\n    border-right: none !important;\n    border-bottom: 1px solid rgba(0, 187, 232, 0.2);\n  }\n\n  .ecl-stat-item:last-child {\n    border-bottom: none;\n  }\n\n  .ecl-stat-icon {\n    width: 60px;\n    height: 60px;\n    margin-bottom: 20px;\n  }\n\n  .ecl-icon-circle {\n    width: 60px;\n    height: 60px;\n  }\n\n  .ecl-icon-circle::before {\n    width: 75px;\n    height: 75px;\n  }\n\n  .ecl-icon-svg {\n    width: 30px;\n    height: 30px;\n  }\n\n  .ecl-stat-number {\n    font-size: 40px;\n  }\n\n  .ecl-stat-plus {\n    font-size: 36px;\n  }\n\n  .ecl-stat-label {\n    font-size: 15px;\n  }\n\n  .ecl-background-accent {\n    width: 300px;\n    height: 300px;\n  }\n\n  .ecl-accent-left {\n    top: -150px;\n    left: -150px;\n  }\n\n  .ecl-accent-right {\n    bottom: -150px;\n    right: -150px;\n  }\n}\n\n@media (max-width: 480px) {\n  .ecl-trust-section {\n    padding: 40px 10px;\n  }\n\n  .ecl-stat-item {\n    padding: 35px 15px;\n  }\n\n  .ecl-stat-number {\n    font-size: 36px;\n  }\n\n  .ecl-stat-plus {\n    font-size: 32px;\n  }\n\n  .ecl-stat-label {\n    font-size: 14px;\n  }\n\n  .ecl-stat-divider {\n    width: 40px;\n  }\n}\n<\/style>\n\n<div class=\"ecl-trust-wrapper\">\n  <section class=\"ecl-trust-section\">\n    <div class=\"ecl-background-accent ecl-accent-left\"><\/div>\n    <div class=\"ecl-background-accent ecl-accent-right\"><\/div>\n    \n    <div class=\"ecl-trust-container\">\n      <div class=\"ecl-stats-grid\">\n        \n        <div class=\"ecl-stat-item\">\n          <div class=\"ecl-stat-icon\">\n            <div class=\"ecl-icon-circle\">\n              <svg class=\"ecl-icon-svg\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5zm0 18c-3.86-1.04-7-5.28-7-9V8.3l7-3.11v14.82z\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"ecl-stat-number\">\n            <span class=\"ecl-counter\" data-target=\"25\">0<\/span>\n            <span class=\"ecl-stat-plus\">+<\/span>\n          <\/div>\n          <div class=\"ecl-stat-divider\"><\/div>\n          <p class=\"ecl-stat-label\">Years | Legacy of Trust<\/p>\n        <\/div>\n\n        <div class=\"ecl-stat-item\">\n          <div class=\"ecl-stat-icon\">\n            <div class=\"ecl-icon-circle\">\n              <svg class=\"ecl-icon-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          <\/div>\n          <div class=\"ecl-stat-number\">\n            <span class=\"ecl-counter\" data-target=\"493\">0<\/span>\n            <span class=\"ecl-stat-plus\">+<\/span>\n          <\/div>\n          <div class=\"ecl-stat-divider\"><\/div>\n          <p class=\"ecl-stat-label\">Families Welcomed Home<\/p>\n        <\/div>\n\n        <div class=\"ecl-stat-item\">\n          <div class=\"ecl-stat-icon\">\n            <div class=\"ecl-icon-circle\">\n              <svg class=\"ecl-icon-svg\" 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          <\/div>\n          <div class=\"ecl-stat-number\">\n            <span class=\"ecl-counter\" data-target=\"5\">0<\/span>\n            <span class=\"ecl-stat-plus\">+<\/span>\n          <\/div>\n          <div class=\"ecl-stat-divider\"><\/div>\n          <p class=\"ecl-stat-label\">Landmark Projects Delivered<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(function() {\n  const counters = document.querySelectorAll('.ecl-counter');\n  const speed = 200;\n  let animated = false;\n\n  const animateCounters = () => {\n    if (animated) return;\n    animated = true;\n\n    counters.forEach(counter => {\n      const target = +counter.getAttribute('data-target');\n      const increment = target \/ speed;\n      let count = 0;\n\n      const updateCount = () => {\n        count += increment;\n        if (count < target) {\n          counter.innerText = Math.ceil(count);\n          setTimeout(updateCount, 10);\n        } else {\n          counter.innerText = target;\n        }\n      };\n\n      updateCount();\n    });\n  };\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        animateCounters();\n      }\n    });\n  }, { threshold: 0.5 });\n\n  const trustSection = document.querySelector('.ecl-trust-section');\n  if (trustSection) {\n    observer.observe(trustSection);\n  }\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-f63c890 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=\"f63c890\" 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-20464fc exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"20464fc\" 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-35d6517 jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"35d6517\" 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.ecl-why-wrapper {\n  font-family: 'Montserrat', sans-serif;\n  margin: 0;\n  padding: 0;\n  background: #061a28;\n  overflow: hidden;\n}\n.ecl-why-wrapper * {\n  box-sizing: border-box;\n}\n.ecl-why-section {\n  position: relative;\n  width: 100%;\n  padding: 80px 20px;\n  background: #061a28;\n}\n.ecl-section-header {\n  text-align: center;\n  margin-bottom: 60px;\n  animation: fadeInDown 0.8s ease-out;\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.ecl-section-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.ecl-section-tag::before,\n.ecl-section-tag::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  width: 25px;\n  height: 2px;\n  background: #00bbe8;\n  transform: translateY(-50%);\n}\n.ecl-section-tag::before {\n  left: 0;\n}\n.ecl-section-tag::after {\n  right: 0;\n}\n.ecl-why-section h3 {\n  font-size: 30px;\n  font-weight: 700;\n  color: #ffffff;\n  margin: 0;\n  line-height: 1.4;\n  letter-spacing: 0.5px;\n}\n.ecl-features-container {\n  max-width: 1400px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 25px;\n  position: relative;\n}\n.ecl-feature-card {\n  position: relative;\n  padding: 30px 25px;\n  background: #ffffff;\n  border-radius: 16px;\n  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  opacity: 0;\n  transform: translateY(40px);\n  animation: fadeInUp 0.8s ease-out forwards;\n  overflow: hidden;\n}\n.ecl-feature-card:nth-child(1) {\n  animation-delay: 0.2s;\n}\n.ecl-feature-card:nth-child(2) {\n  animation-delay: 0.3s;\n}\n.ecl-feature-card:nth-child(3) {\n  animation-delay: 0.4s;\n}\n.ecl-feature-card:nth-child(4) {\n  animation-delay: 0.5s;\n}\n@keyframes fadeInUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.ecl-feature-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 ease;\n}\n.ecl-feature-card:hover::before {\n  transform: scaleX(1);\n}\n.ecl-feature-card:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 20px 50px rgba(0, 187, 232, 0.2);\n}\n.ecl-feature-icon-wrapper {\n  width: 55px;\n  height: 55px;\n  margin-bottom: 20px;\n  position: relative;\n}\n.ecl-feature-icon-bg {\n  width: 55px;\n  height: 55px;\n  background: #061a28;\n  border-radius: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.4s ease;\n  transform: rotate(0deg);\n}\n.ecl-feature-card:hover .ecl-feature-icon-bg {\n  transform: rotate(10deg) scale(1.1);\n  box-shadow: 0 10px 25px rgba(0, 187, 232, 0.3);\n}\n.ecl-feature-icon-bg::before {\n  content: '';\n  position: absolute;\n  top: -4px;\n  right: -4px;\n  bottom: -4px;\n  left: -4px;\n  border: 2px solid #00bbe8;\n  border-radius: 16px;\n  opacity: 0;\n  transition: opacity 0.4s ease;\n}\n.ecl-feature-card:hover .ecl-feature-icon-bg::before {\n  opacity: 1;\n}\n.ecl-feature-icon {\n  width: 28px;\n  height: 28px;\n  fill: #00bbe8;\n  transition: all 0.4s ease;\n}\n.ecl-feature-card:hover .ecl-feature-icon {\n  fill: #ffffff;\n}\n.ecl-feature-title {\n  font-size: 17px;\n  font-weight: 700;\n  color: #061a28;\n  margin: 0 0 12px 0;\n  line-height: 1.3;\n  transition: color 0.3s ease;\n}\n.ecl-feature-card:hover .ecl-feature-title {\n  color: #00bbe8;\n}\n.ecl-feature-text {\n  font-size: 13px;\n  font-weight: 400;\n  color: #061a28;\n  line-height: 1.6;\n  margin: 0;\n  text-align: justify;\n}\n.ecl-floating-shape {\n  position: absolute;\n  border-radius: 50%;\n  pointer-events: none;\n  z-index: 0;\n}\n.ecl-shape-1 {\n  width: 300px;\n  height: 300px;\n  background: radial-gradient(circle, rgba(0, 187, 232, 0.08) 0%, transparent 70%);\n  top: -100px;\n  left: -100px;\n  animation: float1 8s ease-in-out infinite;\n}\n.ecl-shape-2 {\n  width: 250px;\n  height: 250px;\n  background: radial-gradient(circle, rgba(0, 187, 232, 0.06) 0%, transparent 70%);\n  bottom: -80px;\n  right: -80px;\n  animation: float2 10s ease-in-out infinite;\n}\n@keyframes float1 {\n  0%, 100% {\n    transform: translate(0, 0) scale(1);\n  }\n  50% {\n    transform: translate(40px, 40px) scale(1.1);\n  }\n}\n@keyframes float2 {\n  0%, 100% {\n    transform: translate(0, 0) scale(1);\n  }\n  50% {\n    transform: translate(-30px, -30px) scale(1.15);\n  }\n}\n.ecl-decorative-dots {\n  position: absolute;\n  display: grid;\n  grid-template-columns: repeat(3, 6px);\n  gap: 10px;\n  z-index: 0;\n}\n.ecl-decorative-dots span {\n  width: 6px;\n  height: 6px;\n  background: #00bbe8;\n  border-radius: 50%;\n  opacity: 0.3;\n  animation: pulseDot 2s ease-in-out infinite;\n}\n.ecl-decorative-dots span:nth-child(2) { animation-delay: 0.2s; }\n.ecl-decorative-dots span:nth-child(3) { animation-delay: 0.4s; }\n@keyframes pulseDot {\n  0%, 100% {\n    transform: scale(1);\n    opacity: 0.3;\n  }\n  50% {\n    transform: scale(1.5);\n    opacity: 0.6;\n  }\n}\n.ecl-dots-top-left {\n  top: 50px;\n  left: 50px;\n}\n.ecl-dots-bottom-right {\n  bottom: 50px;\n  right: 50px;\n}\n@media (max-width: 1200px) {\n  .ecl-features-container {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n  }\n}\n@media (max-width: 968px) {\n  .ecl-why-section {\n    padding: 60px 15px;\n  }\n  .ecl-section-header {\n    margin-bottom: 40px;\n  }\n  .ecl-why-section h3 {\n    font-size: 20px;\n  }\n  .ecl-features-container {\n    grid-template-columns: 1fr;\n    gap: 30px;\n  }\n  .ecl-feature-card {\n    padding: 35px 25px;\n  }\n  .ecl-feature-icon-wrapper {\n    width: 60px;\n    height: 60px;\n    margin-bottom: 20px;\n  }\n  .ecl-feature-icon-bg {\n    width: 60px;\n    height: 60px;\n    border-radius: 14px;\n  }\n  .ecl-feature-icon {\n    width: 30px;\n    height: 30px;\n  }\n  .ecl-feature-title {\n    font-size: 18px;\n    text-align: center;\n    margin-bottom: 12px;\n  }\n  .ecl-feature-text {\n    font-size: 14px;\n    line-height: 1.7;\n  }\n  .ecl-floating-shape {\n    display: none;\n  }\n  .ecl-decorative-dots {\n    display: none;\n  }\n}\n@media (max-width: 480px) {\n  .ecl-why-section {\n    padding: 50px 10px;\n  }\n  .ecl-section-tag {\n    font-size: 11px;\n    letter-spacing: 2px;\n    padding: 0 35px;\n  }\n  .ecl-section-tag::before,\n  .ecl-section-tag::after {\n    width: 20px;\n  }\n  .ecl-why-section h3 {\n    font-size: 18px;\n  }\n  .ecl-feature-card {\n    padding: 30px 20px;\n  }\n  .ecl-feature-title {\n    font-size: 17px;\n  }\n  .ecl-feature-text {\n    font-size: 13px;\n  }\n}\n<\/style>\n<div class=\"ecl-why-wrapper\">\n  <section class=\"ecl-why-section\">\n    <div class=\"ecl-floating-shape ecl-shape-1\"><\/div>\n    <div class=\"ecl-floating-shape ecl-shape-2\"><\/div>\n    <div class=\"ecl-decorative-dots ecl-dots-top-left\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/div>\n    <div class=\"ecl-decorative-dots ecl-dots-bottom-right\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/div>\n    <div class=\"ecl-section-header\">\n      <div class=\"ecl-section-tag\">Why Choose Earth Craft?<\/div>\n      <h3>We Build More Than Structures. We Deliver Peace of Mind.<\/h3>\n    <\/div>\n    <div class=\"ecl-features-container\">\n      \n      <div class=\"ecl-feature-card\">\n        <div class=\"ecl-feature-icon-wrapper\">\n          <div class=\"ecl-feature-icon-bg\">\n            <svg class=\"ecl-feature-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 14.2L11 13V7h1.5v5.2l4.5 2.7-.8 1.3z\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n        <h4 class=\"ecl-feature-title\">Timely Possession, Guaranteed.<\/h4>\n        <p class=\"ecl-feature-text\">Stop worrying about delays. We plan meticulously to hand over the keys to your new home on the date we promise, so you can start making memories without the wait.<\/p>\n      <\/div>\n      <div class=\"ecl-feature-card\">\n        <div class=\"ecl-feature-icon-wrapper\">\n          <div class=\"ecl-feature-icon-bg\">\n            <svg class=\"ecl-feature-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n        <h4 class=\"ecl-feature-title\">Uncompromising Quality, Certified.<\/h4>\n        <p class=\"ecl-feature-text\">Your safety is non-negotiable. We use only the highest-grade materials and rigorous quality checks, ensuring your home stands strong for generations.<\/p>\n      <\/div>\n      <div class=\"ecl-feature-card\">\n        <div class=\"ecl-feature-icon-wrapper\">\n          <div class=\"ecl-feature-icon-bg\">\n            <svg class=\"ecl-feature-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n        <h4 class=\"ecl-feature-title\">Strategic, Lifestyle-Centric Locations.<\/h4>\n        <p class=\"ecl-feature-text\">Live where life happens. Our projects are strategically placed in prime areas like Patia and Puri, putting the best schools, hospitals, and amenities right at your doorstep.<\/p>\n      <\/div>\n      <div class=\"ecl-feature-card\">\n        <div class=\"ecl-feature-icon-wrapper\">\n          <div class=\"ecl-feature-icon-bg\">\n            <svg class=\"ecl-feature-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3zm0 14.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n        <h4 class=\"ecl-feature-title\">A Home Designed Around You.<\/h4>\n        <p class=\"ecl-feature-text\">From spacious layouts to modern amenities like swimming pools and 24\/7 security, every detail is crafted for your comfort, convenience, and well-being.<\/p>\n      <\/div>\n    <\/div>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8d2fc25 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=\"8d2fc25\" 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-0de381b exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"0de381b\" 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-fc69a61 jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"fc69a61\" 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-upcoming-wrapper {\n  font-family: 'Montserrat', sans-serif;\n  margin: 0;\n  padding: 0;\n  background: #ffffff;\n  overflow: hidden;\n}\n\n.ecl-upcoming-wrapper * {\n  box-sizing: border-box;\n}\n\n.ecl-upcoming-section {\n  position: relative;\n  width: 100%;\n  padding: 80px 20px;\n  background: #ffffff;\n}\n\n.ecl-upcoming-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-upcoming-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: 8px 25px;\n  border: 2px solid #00bbe8;\n  border-radius: 30px;\n  animation: tagPulse 2s ease-in-out infinite;\n}\n\n@keyframes tagPulse {\n  0%, 100% {\n    box-shadow: 0 0 0 0 rgba(0, 187, 232, 0.4);\n  }\n  50% {\n    box-shadow: 0 0 0 10px rgba(0, 187, 232, 0);\n  }\n}\n\n.ecl-upcoming-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-upcoming-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  position: relative;\n}\n\n.ecl-project-showcase {\n  position: relative;\n  background: #ffffff;\n  border-radius: 25px;\n  overflow: hidden;\n  box-shadow: 0 20px 60px rgba(6, 26, 40, 0.12);\n  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  animation: slideUp 1s ease-out;\n}\n\n@keyframes slideUp {\n  from {\n    opacity: 0;\n    transform: translateY(50px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.ecl-project-showcase:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 30px 80px rgba(6, 26, 40, 0.18);\n}\n\n.ecl-showcase-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  gap: 0;\n}\n\n.ecl-showcase-image-wrapper {\n  position: relative;\n  width: 100%;\n  height: 550px;\n  overflow: hidden;\n  order: 2;\n}\n\n.ecl-showcase-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s ease;\n}\n\n.ecl-project-showcase:hover .ecl-showcase-image {\n  transform: scale(1.08);\n}\n\n.ecl-coming-soon-badge {\n  position: absolute;\n  top: 30px;\n  right: 30px;\n  background: #00bbe8;\n  color: #ffffff;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  padding: 10px 25px;\n  border-radius: 30px;\n  z-index: 3;\n  box-shadow: 0 5px 20px rgba(0, 187, 232, 0.4);\n  animation: badgeBounce 2s ease-in-out infinite;\n}\n\n@keyframes badgeBounce {\n  0%, 100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-8px);\n  }\n}\n\n.ecl-showcase-content {\n  padding: 60px 50px;\n  position: relative;\n  order: 1;\n}\n\n.ecl-project-title {\n  font-size: 36px;\n  font-weight: 800;\n  color: #061a28;\n  margin: 0 0 15px 0;\n  line-height: 1.2;\n  animation: fadeInLeft 0.8s ease-out 0.3s both;\n}\n\n@keyframes fadeInLeft {\n  from {\n    opacity: 0;\n    transform: translateX(-30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n.ecl-project-location {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: #00bbe8;\n  margin-bottom: 30px;\n  animation: fadeInLeft 0.8s ease-out 0.5s both;\n}\n\n.ecl-location-icon {\n  width: 20px;\n  height: 20px;\n  fill: #00bbe8;\n}\n\n.ecl-project-description {\n  font-size: 16px;\n  font-weight: 400;\n  color: #061a28;\n  line-height: 1.9;\n  margin: 0 0 25px 0;\n  text-align: justify;\n  animation: fadeInText 0.8s ease-out 0.7s both;\n}\n\n@keyframes fadeInText {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.ecl-project-features {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-bottom: 35px;\n  animation: fadeInText 0.8s ease-out 0.9s both;\n}\n\n.ecl-feature-badge {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  font-weight: 600;\n  color: #061a28;\n  background: rgba(0, 187, 232, 0.08);\n  padding: 8px 16px;\n  border-radius: 25px;\n  border: 1px solid rgba(0, 187, 232, 0.2);\n  transition: all 0.3s ease;\n}\n\n.ecl-feature-badge:hover {\n  background: rgba(0, 187, 232, 0.15);\n  border-color: rgba(0, 187, 232, 0.4);\n  transform: translateY(-2px);\n}\n\n.ecl-feature-icon {\n  width: 16px;\n  height: 16px;\n  fill: #00bbe8;\n}\n\n.ecl-project-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 40px;\n  background: #00bbe8;\n  color: #ffffff;\n  font-size: 15px;\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: buttonSlide 0.8s ease-out 1.1s both;\n}\n\n@keyframes buttonSlide {\n  from {\n    opacity: 0;\n    transform: translateX(-30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n.ecl-project-cta::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  background: #061a28;\n  transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  z-index: -1;\n}\n\n.ecl-project-cta:hover::before {\n  left: 0;\n}\n\n.ecl-project-cta:hover {\n  color: #ffffff;\n  border-color: #061a28;\n  transform: translateX(5px);\n  box-shadow: 0 10px 30px rgba(6, 26, 40, 0.3);\n}\n\n.ecl-cta-arrow {\n  width: 18px;\n  height: 18px;\n  fill: currentColor;\n  transition: transform 0.3s ease;\n}\n\n.ecl-project-cta:hover .ecl-cta-arrow {\n  transform: translateX(5px);\n}\n\n.ecl-decorative-element {\n  position: absolute;\n  pointer-events: none;\n}\n\n.ecl-deco-circle {\n  width: 150px;\n  height: 150px;\n  border: 3px solid rgba(0, 187, 232, 0.15);\n  border-radius: 50%;\n  top: -30px;\n  left: -30px;\n  animation: rotateCircle 20s linear infinite;\n}\n\n@keyframes rotateCircle {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.ecl-deco-dots {\n  display: grid;\n  grid-template-columns: repeat(3, 8px);\n  gap: 12px;\n  bottom: 40px;\n  right: 40px;\n}\n\n.ecl-deco-dots span {\n  width: 8px;\n  height: 8px;\n  background: #00bbe8;\n  border-radius: 50%;\n  opacity: 0.4;\n  animation: dotPulse 2s ease-in-out infinite;\n}\n\n.ecl-deco-dots span:nth-child(1) { animation-delay: 0s; }\n.ecl-deco-dots span:nth-child(2) { animation-delay: 0.3s; }\n.ecl-deco-dots span:nth-child(3) { 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-floating-shape {\n  position: absolute;\n  width: 300px;\n  height: 300px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(0, 187, 232, 0.04) 0%, transparent 70%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.ecl-shape-1 {\n  top: -100px;\n  left: -100px;\n  animation: floatShape1 10s ease-in-out infinite;\n}\n\n.ecl-shape-2 {\n  bottom: -100px;\n  right: -100px;\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@media (max-width: 968px) {\n  .ecl-upcoming-section {\n    padding: 60px 15px;\n  }\n\n  .ecl-upcoming-header {\n    margin-bottom: 40px;\n  }\n\n  .ecl-upcoming-section h3 {\n    font-size: 20px;\n  }\n\n  .ecl-showcase-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .ecl-showcase-image-wrapper {\n    height: 350px;\n    order: 1;\n  }\n\n  .ecl-showcase-content {\n    padding: 40px 30px;\n    order: 2;\n  }\n\n  .ecl-project-title {\n    font-size: 24px;\n    text-align: center;\n    margin-bottom: 12px;\n  }\n\n  .ecl-project-location {\n    justify-content: center;\n    font-size: 15px;\n    margin-bottom: 25px;\n  }\n\n  .ecl-project-description {\n    font-size: 14px;\n    line-height: 1.8;\n    margin-bottom: 20px;\n    text-align: justify;\n  }\n\n  .ecl-project-features {\n    justify-content: center;\n    margin-bottom: 30px;\n  }\n\n  .ecl-feature-badge {\n    font-size: 12px;\n    padding: 7px 14px;\n  }\n\n  .ecl-project-cta {\n    padding: 14px 35px;\n    font-size: 13px;\n    display: inline-flex;\n    margin: 0 auto;\n  }\n\n  .ecl-coming-soon-badge {\n    top: 20px;\n    right: 20px;\n    font-size: 11px;\n    padding: 8px 20px;\n  }\n\n  .ecl-decorative-element {\n    display: none;\n  }\n\n  .ecl-floating-shape {\n    display: none;\n  }\n}\n\n@media (max-width: 480px) {\n  .ecl-upcoming-section {\n    padding: 50px 10px;\n  }\n\n  .ecl-upcoming-tag {\n    font-size: 11px;\n    letter-spacing: 2px;\n    padding: 6px 20px;\n  }\n\n  .ecl-upcoming-section h3 {\n    font-size: 18px;\n  }\n\n  .ecl-showcase-image-wrapper {\n    height: 280px;\n  }\n\n  .ecl-showcase-content {\n    padding: 35px 25px;\n  }\n\n  .ecl-project-title {\n    font-size: 22px;\n  }\n\n  .ecl-project-location {\n    font-size: 14px;\n  }\n\n  .ecl-project-description {\n    font-size: 13px;\n  }\n\n  .ecl-project-features {\n    gap: 10px;\n  }\n\n  .ecl-feature-badge {\n    font-size: 11px;\n    padding: 6px 12px;\n  }\n\n  .ecl-project-cta {\n    padding: 12px 30px;\n    font-size: 12px;\n  }\n\n  .ecl-coming-soon-badge {\n    font-size: 10px;\n    padding: 7px 18px;\n  }\n}\n<\/style>\n\n<div class=\"ecl-upcoming-wrapper\">\n  <section class=\"ecl-upcoming-section\">\n    <div class=\"ecl-floating-shape ecl-shape-1\"><\/div>\n    <div class=\"ecl-floating-shape ecl-shape-2\"><\/div>\n\n    <div class=\"ecl-upcoming-header\">\n      <div class=\"ecl-upcoming-tag\">Coming Soon<\/div>\n      <h3>Our Upcoming Project<\/h3>\n    <\/div>\n\n    <div class=\"ecl-upcoming-container\">\n      <div class=\"ecl-project-showcase\">\n        \n        <div class=\"ecl-showcase-grid\">\n          \n          <div class=\"ecl-showcase-content\">\n            <div class=\"ecl-decorative-element ecl-deco-circle\"><\/div>\n            <div class=\"ecl-decorative-element ecl-deco-dots\">\n              <span><\/span><span><\/span><span><\/span>\n            <\/div>\n\n            <h4 class=\"ecl-project-title\">Highnice Apartment<\/h4>\n            \n            <div class=\"ecl-project-location\">\n              <svg class=\"ecl-location-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n              <\/svg>\n              <span>Patrapada, Bhubaneswar<\/span>\n            <\/div>\n\n            <p class=\"ecl-project-description\">\n              Experience unparalleled luxury and comfort in the heart of Bhubaneswar's most sought-after location. Highnice Apartment brings you contemporary architecture, world-class amenities, and a lifestyle designed for those who dream big. With meticulously planned spaces and premium finishes, this upcoming project redefines modern living in Odisha's capital city.\n            <\/p>\n\n            <div class=\"ecl-project-features\">\n              <div class=\"ecl-feature-badge\">\n                <svg class=\"ecl-feature-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 2L2 12h3v8h6v-6h2v6h6v-8h3L12 2z\"\/>\n                <\/svg>\n                <span>Premium Apartments<\/span>\n              <\/div>\n              <div class=\"ecl-feature-badge\">\n                <svg class=\"ecl-feature-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n                <\/svg>\n                <span>Prime Location<\/span>\n              <\/div>\n              <div class=\"ecl-feature-badge\">\n                <svg class=\"ecl-feature-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z\"\/>\n                <\/svg>\n                <span>24\/7 Security<\/span>\n              <\/div>\n              <div class=\"ecl-feature-badge\">\n                <svg class=\"ecl-feature-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.1-.9-2-2-2zm0 14H3V5h18v12z\"\/>\n                <\/svg>\n                <span>Modern Amenities<\/span>\n              <\/div>\n            <\/div>\n\n            <a href=\"https:\/\/earthcraftltd.com\/index.php\/patrapada\/\" class=\"ecl-project-cta\">\n              <span>View Details<\/span>\n              <svg class=\"ecl-cta-arrow\" 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            <\/a>\n          <\/div>\n\n          <div class=\"ecl-showcase-image-wrapper\">\n            <div class=\"ecl-coming-soon-badge\">Launching Soon<\/div>\n            <img decoding=\"async\" src=\"https:\/\/earthcraftltd.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-30-2025-03_02_43-PM-1024x683.png\" alt=\"Highnice Apartment Patrapada\" class=\"ecl-showcase-image\">\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n    <\/div>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-51bd37e 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=\"51bd37e\" 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-4a39069 exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"4a39069\" 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-e3bc477 jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"e3bc477\" 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-projects-wrapper {\n  font-family: 'Montserrat', sans-serif;\n  margin: 0;\n  padding: 0;\n  background: #ffffff;\n  overflow: hidden;\n}\n\n.ecl-projects-wrapper * {\n  box-sizing: border-box;\n}\n\n.ecl-projects-section {\n  position: relative;\n  width: 100%;\n  padding: 80px 20px;\n  background: #ffffff;\n}\n\n.ecl-projects-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-projects-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-projects-tag::before,\n.ecl-projects-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-projects-tag::before {\n  left: 0;\n}\n\n.ecl-projects-tag::after {\n  right: 0;\n}\n\n.ecl-projects-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-projects-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 50px;\n  position: relative;\n}\n\n.ecl-project-card {\n  position: relative;\n  background: #ffffff;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 10px 40px rgba(6, 26, 40, 0.1);\n  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  opacity: 0;\n  transform: translateY(50px);\n  animation: slideUp 0.8s ease-out forwards;\n}\n\n.ecl-project-card:nth-child(1) {\n  animation-delay: 0.2s;\n}\n\n.ecl-project-card:nth-child(2) {\n  animation-delay: 0.4s;\n}\n\n@keyframes slideUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.ecl-project-card:hover {\n  transform: translateY(-15px);\n  box-shadow: 0 25px 60px rgba(6, 26, 40, 0.2);\n}\n\n.ecl-project-image-wrapper {\n  position: relative;\n  width: 100%;\n  height: 320px;\n  overflow: hidden;\n}\n\n.ecl-project-image-wrapper::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(180deg, transparent 0%, rgba(6, 26, 40, 0.7) 100%);\n  z-index: 2;\n  opacity: 0.8;\n  transition: opacity 0.4s ease;\n}\n\n.ecl-project-card:hover .ecl-project-image-wrapper::before {\n  opacity: 0.5;\n}\n\n.ecl-project-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s ease;\n}\n\n.ecl-project-card:hover .ecl-project-image {\n  transform: scale(1.1);\n}\n\n.ecl-project-badge {\n  position: absolute;\n  top: 20px;\n  right: 20px;\n  background: #00bbe8;\n  color: #ffffff;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  padding: 8px 18px;\n  border-radius: 30px;\n  z-index: 3;\n  animation: fadeInBadge 0.8s ease-out 0.6s both;\n}\n\n@keyframes fadeInBadge {\n  from {\n    opacity: 0;\n    transform: translateX(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n.ecl-project-content {\n  padding: 35px 30px 30px;\n  position: relative;\n}\n\n.ecl-project-title {\n  font-size: 24px;\n  font-weight: 700;\n  color: #061a28;\n  margin: 0 0 15px 0;\n  line-height: 1.3;\n  transition: color 0.3s ease;\n}\n\n.ecl-project-card:hover .ecl-project-title {\n  color: #00bbe8;\n}\n\n.ecl-project-description {\n  font-size: 15px;\n  font-weight: 400;\n  color: #061a28;\n  line-height: 1.7;\n  margin: 0 0 25px 0;\n  text-align: justify;\n}\n\n.ecl-project-info {\n  margin-bottom: 20px;\n}\n\n.ecl-info-row {\n  display: flex;\n  align-items: flex-start;\n  margin-bottom: 12px;\n  font-size: 14px;\n  color: #061a28;\n  line-height: 1.6;\n}\n\n.ecl-info-icon {\n  width: 18px;\n  height: 18px;\n  fill: #00bbe8;\n  margin-right: 10px;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n.ecl-amenities-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 25px;\n}\n\n.ecl-amenity-tag {\n  font-size: 12px;\n  font-weight: 600;\n  color: #061a28;\n  background: rgba(0, 187, 232, 0.1);\n  padding: 6px 14px;\n  border-radius: 20px;\n  border: 1px solid rgba(0, 187, 232, 0.3);\n  transition: all 0.3s ease;\n}\n\n.ecl-project-card:hover .ecl-amenity-tag {\n  background: #00bbe8;\n  color: #ffffff;\n  border-color: #00bbe8;\n}\n\n.ecl-project-cta {\n  display: inline-block;\n  width: 100%;\n  padding: 14px 30px;\n  background: #ffffff;\n  color: #00bbe8;\n  font-size: 14px;\n  font-weight: 700;\n  text-decoration: none;\n  text-align: center;\n  border: 2px solid #00bbe8;\n  border-radius: 50px;\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  overflow: hidden;\n  z-index: 1;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n}\n\n.ecl-project-cta::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  background: #00bbe8;\n  transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  z-index: -1;\n}\n\n.ecl-project-cta:hover::before {\n  left: 0;\n}\n\n.ecl-project-cta:hover {\n  color: #ffffff;\n  transform: translateY(-2px);\n  box-shadow: 0 8px 20px rgba(0, 187, 232, 0.3);\n}\n\n.ecl-floating-circle {\n  position: absolute;\n  width: 400px;\n  height: 400px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(0, 187, 232, 0.05) 0%, transparent 70%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.ecl-circle-1 {\n  top: -150px;\n  left: -150px;\n  animation: floatCircle1 10s ease-in-out infinite;\n}\n\n.ecl-circle-2 {\n  bottom: -150px;\n  right: -150px;\n  animation: floatCircle2 12s ease-in-out infinite;\n}\n\n@keyframes floatCircle1 {\n  0%, 100% {\n    transform: translate(0, 0) scale(1);\n  }\n  50% {\n    transform: translate(30px, 30px) scale(1.1);\n  }\n}\n\n@keyframes floatCircle2 {\n  0%, 100% {\n    transform: translate(0, 0) scale(1);\n  }\n  50% {\n    transform: translate(-40px, -40px) scale(1.15);\n  }\n}\n\n@media (max-width: 968px) {\n  .ecl-projects-section {\n    padding: 60px 15px;\n  }\n\n  .ecl-projects-header {\n    margin-bottom: 40px;\n  }\n\n  .ecl-projects-section h3 {\n    font-size: 20px;\n  }\n\n  .ecl-projects-container {\n    grid-template-columns: 1fr;\n    gap: 35px;\n  }\n\n  .ecl-project-image-wrapper {\n    height: 280px;\n  }\n\n  .ecl-project-content {\n    padding: 30px 25px 25px;\n  }\n\n  .ecl-project-title {\n    font-size: 20px;\n    text-align: center;\n    margin-bottom: 12px;\n  }\n\n  .ecl-project-description {\n    font-size: 14px;\n    line-height: 1.7;\n    margin-bottom: 20px;\n  }\n\n  .ecl-info-row {\n    font-size: 13px;\n    margin-bottom: 10px;\n  }\n\n  .ecl-amenity-tag {\n    font-size: 11px;\n    padding: 5px 12px;\n  }\n\n  .ecl-project-cta {\n    padding: 12px 25px;\n    font-size: 13px;\n  }\n\n  .ecl-floating-circle {\n    display: none;\n  }\n}\n\n@media (max-width: 480px) {\n  .ecl-projects-section {\n    padding: 50px 10px;\n  }\n\n  .ecl-projects-tag {\n    font-size: 11px;\n    letter-spacing: 2px;\n    padding: 0 35px;\n  }\n\n  .ecl-projects-tag::before,\n  .ecl-projects-tag::after {\n    width: 20px;\n  }\n\n  .ecl-projects-section h3 {\n    font-size: 18px;\n  }\n\n  .ecl-project-image-wrapper {\n    height: 240px;\n  }\n\n  .ecl-project-badge {\n    font-size: 10px;\n    padding: 6px 14px;\n    top: 15px;\n    right: 15px;\n  }\n\n  .ecl-project-content {\n    padding: 25px 20px 20px;\n  }\n\n  .ecl-project-title {\n    font-size: 18px;\n  }\n\n  .ecl-project-description {\n    font-size: 13px;\n  }\n\n  .ecl-info-row {\n    font-size: 12px;\n  }\n\n  .ecl-amenities-list {\n    gap: 6px;\n    margin-bottom: 20px;\n  }\n\n  .ecl-amenity-tag {\n    font-size: 10px;\n    padding: 4px 10px;\n  }\n\n  .ecl-project-cta {\n    font-size: 12px;\n    padding: 11px 20px;\n  }\n}\n<\/style>\n\n<div class=\"ecl-projects-wrapper\">\n  <section class=\"ecl-projects-section\">\n    <div class=\"ecl-floating-circle ecl-circle-1\"><\/div>\n    <div class=\"ecl-floating-circle ecl-circle-2\"><\/div>\n\n    <div class=\"ecl-projects-header\">\n      <div class=\"ecl-projects-tag\">Completed Projects<\/div>\n      <h3>Our Creations That Define Modern Living<\/h3>\n    <\/div>\n\n    <div class=\"ecl-projects-container\">\n      \n      <!-- Project 1: Ketaki Enclave -->\n      <div class=\"ecl-project-card\">\n        <div class=\"ecl-project-image-wrapper\">\n          <div class=\"ecl-project-badge\">Completed<\/div>\n          <img decoding=\"async\" src=\"https:\/\/earthcraftltd.com\/wp-content\/uploads\/2022\/11\/1-e1669728339431.jpg\" alt=\"Ketaki Enclave Bhubaneswar\" class=\"ecl-project-image\">\n        <\/div>\n        \n        <div class=\"ecl-project-content\">\n          <h4 class=\"ecl-project-title\">Ketaki Enclave \u2013 Bhubaneswar<\/h4>\n          \n          <p class=\"ecl-project-description\">\n            Experience comfort and elegance with premium amenities in the city's most connected neighbourhood.\n          <\/p>\n          \n          <div class=\"ecl-project-info\">\n            <div class=\"ecl-info-row\">\n              <svg class=\"ecl-info-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n              <\/svg>\n              <span><strong>Nearby:<\/strong> Esplanade 1 (1 km) | Mother's Public School (500 m)<\/span>\n            <\/div>\n          <\/div>\n          \n          <div class=\"ecl-amenities-list\">\n            <span class=\"ecl-amenity-tag\">Pool<\/span>\n            <span class=\"ecl-amenity-tag\">Gym<\/span>\n            <span class=\"ecl-amenity-tag\">Play Area<\/span>\n            <span class=\"ecl-amenity-tag\">24x7 Security<\/span>\n          <\/div>\n          \n          <a href=\"#\" class=\"ecl-project-cta\">View Project Details<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Project 2: The Sun Gate -->\n      <div class=\"ecl-project-card\">\n        <div class=\"ecl-project-image-wrapper\">\n          <div class=\"ecl-project-badge\">Completed<\/div>\n          <img decoding=\"async\" src=\"https:\/\/earthcraftltd.com\/wp-content\/uploads\/2022\/11\/puri.jpg\" alt=\"The Sun Gate Puri\" class=\"ecl-project-image\">\n        <\/div>\n        \n        <div class=\"ecl-project-content\">\n          <h4 class=\"ecl-project-title\">The Sun Gate \u2013 Puri<\/h4>\n          \n          <p class=\"ecl-project-description\">\n            Live close to heritage and the sea \u2014 where modern living meets divine serenity.\n          <\/p>\n          \n          <div class=\"ecl-project-info\">\n            <div class=\"ecl-info-row\">\n              <svg class=\"ecl-info-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n              <\/svg>\n              <span><strong>Nearby:<\/strong> Jagannath Temple (300 m) | Puri Beach (4 km)<\/span>\n            <\/div>\n          <\/div>\n          \n          <div class=\"ecl-amenities-list\">\n            <span class=\"ecl-amenity-tag\">Sea View<\/span>\n            <span class=\"ecl-amenity-tag\">Market Access<\/span>\n            <span class=\"ecl-amenity-tag\">Security<\/span>\n            <span class=\"ecl-amenity-tag\">Water Supply<\/span>\n          <\/div>\n          \n          <a href=\"#\" class=\"ecl-project-cta\">View Project Details<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1f83f44 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=\"1f83f44\" 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-9eb9dec exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"9eb9dec\" 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-cc21f65 jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"cc21f65\" 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-e7f4ece 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=\"e7f4ece\" 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-02004e2 exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"02004e2\" 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-0c0ec21 jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"0c0ec21\" 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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-99a4d92 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=\"99a4d92\" 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-3d6c6e1 exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"3d6c6e1\" 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-8404eca jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"8404eca\" 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&display=swap');\n  \n  .location-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  .location-container * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  \n  \/* Animated background elements *\/\n  .bg-circle {\n    position: absolute;\n    border-radius: 50%;\n    opacity: 0.05;\n    animation: float 20s infinite ease-in-out;\n    pointer-events: none;\n    z-index: 0;\n  }\n  \n  .circle-1 {\n    width: 300px;\n    height: 300px;\n    background: #00bbe8;\n    top: -100px;\n    right: -100px;\n    animation-delay: 0s;\n  }\n  \n  .circle-2 {\n    width: 200px;\n    height: 200px;\n    background: #061a28;\n    bottom: -50px;\n    left: -50px;\n    animation-delay: 3s;\n  }\n  \n  @keyframes float {\n    0%, 100% { transform: translate(0, 0) scale(1); }\n    33% { transform: translate(30px, -30px) scale(1.1); }\n    66% { transform: translate(-20px, 20px) scale(0.9); }\n  }\n  \n  .content-wrapper {\n    max-width: 1400px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n  \n  .location-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  .location-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  .location-tag::before,\n  .location-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  .location-tag::before {\n    left: 0;\n  }\n  \n  .location-tag::after {\n    right: 0;\n  }\n  \n  .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  .locations-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 20px;\n    margin-bottom: 40px;\n    max-width: 1300px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  \n  .location-card {\n    background: #ffffff;\n    padding: 25px 15px;\n    border-radius: 12px;\n    border: 2px solid transparent;\n    box-shadow: 0 5px 25px rgba(6, 26, 40, 0.08);\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    cursor: pointer;\n  }\n  \n  .location-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.1), transparent);\n    transition: left 0.5s;\n  }\n  \n  .location-card:hover::before {\n    left: 100%;\n  }\n  \n  .location-card:nth-child(1) { animation-delay: 0.3s; }\n  .location-card:nth-child(2) { animation-delay: 0.4s; }\n  .location-card:nth-child(3) { animation-delay: 0.5s; }\n  .location-card:nth-child(4) { animation-delay: 0.6s; }\n  .location-card:nth-child(5) { animation-delay: 0.7s; }\n  .location-card:nth-child(6) { animation-delay: 0.8s; }\n  \n  .location-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 15px 40px rgba(0, 187, 232, 0.2);\n    border-color: #00bbe8;\n  }\n  \n  .location-icon {\n    width: 45px;\n    height: 45px;\n    background: #00bbe8;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 15px;\n    transition: all 0.4s;\n  }\n  \n  .location-card:hover .location-icon {\n    transform: rotate(360deg) scale(1.1);\n    background: #061a28;\n  }\n  \n  .location-icon svg {\n    width: 22px;\n    height: 22px;\n    fill: #ffffff;\n  }\n  \n  .location-name {\n    font-size: 17px;\n    font-weight: 600;\n    color: #061a28;\n    text-align: center;\n    transition: color 0.3s;\n  }\n  \n  .location-card:hover .location-name {\n    color: #00bbe8;\n  }\n  \n  .subtext {\n    font-size: 16px;\n    font-weight: 400;\n    color: #061a28;\n    text-align: center;\n    line-height: 1.8;\n    opacity: 0;\n    animation: fadeInUp 0.8s 0.9s forwards;\n    max-width: 700px;\n    margin: 0 auto;\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  \/* Responsive styles *\/\n  @media (max-width: 1200px) {\n    .locations-grid {\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n    }\n  }\n  \n  @media (max-width: 968px) {\n    .location-container {\n      padding: 60px 15px;\n    }\n    \n    .location-header {\n      margin-bottom: 40px;\n    }\n    \n    .title {\n      font-size: 20px;\n    }\n    \n    .locations-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 20px;\n      margin-bottom: 30px;\n    }\n    \n    .location-card {\n      padding: 30px 20px;\n    }\n    \n    .location-name {\n      font-size: 20px;\n    }\n    \n    .subtext {\n      font-size: 14px;\n      text-align: center;\n    }\n    \n    .circle-1, .circle-2 {\n      display: none;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .location-container {\n      padding: 50px 10px;\n    }\n    \n    .location-tag {\n      font-size: 11px;\n      letter-spacing: 2px;\n      padding: 0 35px;\n    }\n    \n    .location-tag::before,\n    .location-tag::after {\n      width: 20px;\n    }\n    \n    .title {\n      font-size: 18px;\n    }\n    \n    .locations-grid {\n      grid-template-columns: 1fr;\n    }\n    \n    .location-icon {\n      width: 45px;\n      height: 45px;\n    }\n    \n    .location-icon svg {\n      width: 22px;\n      height: 22px;\n    }\n    \n    .location-name {\n      font-size: 18px;\n    }\n    \n    .subtext {\n      text-align: justify;\n      padding: 0 5px;\n    }\n  }\n<\/style>\n<div class=\"location-container\">\n  <div class=\"bg-circle circle-1\"><\/div>\n  <div class=\"bg-circle circle-2\"><\/div>\n  \n  <div class=\"content-wrapper\">\n    <div class=\"location-header\">\n      <div class=\"location-tag\">Our Presence (Location Highlights)<\/div>\n      <h3 class=\"title\"><b>Building Across Odisha's Prime Locations<\/b><\/h3>\n    <\/div>\n    \n    <div class=\"locations-grid\">\n      <div class=\"location-card\">\n        <div class=\"location-icon\">\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"location-name\">Patia<\/div>\n      <\/div>\n      \n      <div class=\"location-card\">\n        <div class=\"location-icon\">\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"location-name\">Jharpada<\/div>\n      <\/div>\n      \n      <div class=\"location-card\">\n        <div class=\"location-icon\">\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"location-name\">Khandagiri<\/div>\n      <\/div>\n      \n      <div class=\"location-card\">\n        <div class=\"location-icon\">\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"location-name\">Puri<\/div>\n      <\/div>\n      \n      <div class=\"location-card\">\n        <div class=\"location-icon\">\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"location-name\">Rasulgarh<\/div>\n      <\/div>\n      \n      <div class=\"location-card\">\n        <div class=\"location-icon\">\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"location-name\">More<\/div>\n      <\/div>\n    <\/div>\n    \n    <p class=\"subtext\">Each project strategically located for superior connectivity and lifestyle convenience.<\/p>\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-2487e4a elementor-section-full_width elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile 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=\"2487e4a\" 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-1546269 exad-glass-effect-no jltma-glass-effect-no exad-sticky-section-no\" data-id=\"1546269\" 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-a5af15d jltma-glass-effect-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"a5af15d\" 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  .connect-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  .connect-container * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  \n  \/* Modern grid pattern background *\/\n  .grid-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-image: \n      linear-gradient(rgba(0, 187, 232, 0.03) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(0, 187, 232, 0.03) 1px, transparent 1px);\n    background-size: 50px 50px;\n    pointer-events: none;\n    z-index: 0;\n    animation: gridMove 20s linear infinite;\n  }\n  \n  @keyframes gridMove {\n    0% { transform: translate(0, 0); }\n    100% { transform: translate(50px, 50px); }\n  }\n  \n  \/* Floating orbs *\/\n  .floating-orb {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(60px);\n    opacity: 0.15;\n    animation: float 15s ease-in-out infinite;\n    pointer-events: none;\n    z-index: 0;\n  }\n  \n  .orb-1 {\n    width: 400px;\n    height: 400px;\n    background: #00bbe8;\n    top: -100px;\n    right: -100px;\n    animation-delay: 0s;\n  }\n  \n  .orb-2 {\n    width: 350px;\n    height: 350px;\n    background: #061a28;\n    bottom: -80px;\n    left: -80px;\n    animation-delay: 3s;\n  }\n  \n  @keyframes float {\n    0%, 100% { transform: translate(0, 0); }\n    33% { transform: translate(50px, -50px); }\n    66% { transform: translate(-30px, 30px); }\n  }\n  \n  .connect-content {\n    max-width: 1100px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n  \n  .connect-header {\n    text-align: center;\n    margin-bottom: 60px;\n    opacity: 0;\n    animation: fadeInUp 0.8s forwards;\n  }\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  .connect-title {\n    font-size: 30px;\n    font-weight: 800;\n    color: #061a28;\n    margin-bottom: 15px;\n    letter-spacing: -0.5px;\n    position: relative;\n    display: inline-block;\n  }\n  \n  .connect-title::before {\n    content: '';\n    position: absolute;\n    bottom: -10px;\n    left: 0;\n    width: 0;\n    height: 4px;\n    background: #00bbe8;\n    border-radius: 2px;\n    animation: expandWidth 1s 0.5s forwards;\n  }\n  \n  @keyframes expandWidth {\n    to { width: 100%; }\n  }\n  \n  .connect-subheadline {\n    font-size: 17px;\n    font-weight: 400;\n    color: #061a28;\n    line-height: 1.7;\n    opacity: 0;\n    animation: fadeInUp 0.8s 0.2s forwards;\n    max-width: 600px;\n    margin: 0 auto;\n  }\n  \n  .contact-info-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    margin-bottom: 50px;\n  }\n  \n  .contact-card {\n    background: #ffffff;\n    padding: 40px 30px;\n    border-radius: 20px;\n    border: 1px solid rgba(0, 187, 232, 0.1);\n    box-shadow: 0 10px 40px rgba(6, 26, 40, 0.04);\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    backdrop-filter: blur(10px);\n  }\n  \n  .contact-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.5s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  .contact-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .contact-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  .contact-card:hover::after {\n    opacity: 1;\n  }\n  \n  .contact-card:nth-child(1) { animation-delay: 0.3s; }\n  .contact-card:nth-child(2) { animation-delay: 0.4s; }\n  .contact-card:nth-child(3) { animation-delay: 0.5s; }\n  \n  .contact-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.3);\n  }\n  \n  .contact-icon-wrapper {\n    width: 70px;\n    height: 70px;\n    margin: 0 auto 25px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  \n  .contact-icon-bg {\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 187, 232, 0.1);\n    border-radius: 50%;\n    transition: all 0.5s;\n  }\n  \n  .contact-card:hover .contact-icon-bg {\n    transform: scale(1.2);\n    background: rgba(0, 187, 232, 0.15);\n  }\n  \n  .contact-icon {\n    font-size: 32px;\n    position: relative;\n    z-index: 1;\n    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n  }\n  \n  .contact-card:hover .contact-icon {\n    transform: scale(1.15) rotateY(360deg);\n  }\n  \n  .contact-details {\n    text-align: center;\n  }\n  \n  .contact-label {\n    font-size: 12px;\n    font-weight: 700;\n    color: #00bbe8;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin-bottom: 12px;\n  }\n  \n  .contact-text {\n    font-size: 15px;\n    font-weight: 500;\n    color: #061a28;\n    line-height: 1.7;\n  }\n  \n  .contact-text a {\n    color: #061a28;\n    text-decoration: none;\n    transition: all 0.3s;\n    position: relative;\n  }\n  \n  .contact-text a::after {\n    content: '';\n    position: absolute;\n    bottom: -2px;\n    left: 0;\n    width: 0;\n    height: 2px;\n    background: #00bbe8;\n    transition: width 0.3s;\n  }\n  \n  .contact-text a:hover {\n    color: #00bbe8;\n  }\n  \n  .contact-text a:hover::after {\n    width: 100%;\n  }\n  \n  .cta-wrapper {\n    text-align: center;\n    opacity: 0;\n    animation: fadeInUp 0.8s 0.6s forwards;\n  }\n  \n  .cta-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 20px 50px;\n    background: #00bbe8;\n    color: #ffffff;\n    font-size: 16px;\n    font-weight: 700;\n    text-decoration: none;\n    border-radius: 60px;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid #00bbe8;\n    box-shadow: 0 10px 35px rgba(0, 187, 232, 0.35);\n    position: relative;\n    overflow: hidden;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    font-size: 14px;\n  }\n  \n  .cta-button::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 0;\n    height: 0;\n    border-radius: 50%;\n    background: #061a28;\n    transform: translate(-50%, -50%);\n    transition: width 0.6s, height 0.6s;\n  }\n  \n  .cta-button:hover::before {\n    width: 400px;\n    height: 400px;\n  }\n  \n  .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 50px rgba(0, 187, 232, 0.5);\n    border-color: #061a28;\n  }\n  \n  .cta-button:active {\n    transform: translateY(-1px) scale(0.98);\n  }\n  \n  .cta-button span {\n    position: relative;\n    z-index: 1;\n  }\n  \n  .cta-arrow {\n    position: relative;\n    z-index: 1;\n    display: inline-block;\n    transition: transform 0.4s;\n  }\n  \n  .cta-button:hover .cta-arrow {\n    transform: translateX(8px);\n  }\n  \n  \/* Stats decoration *\/\n  .connect-stats {\n    display: flex;\n    justify-content: center;\n    gap: 60px;\n    margin-top: 50px;\n    opacity: 0;\n    animation: fadeInUp 0.8s 0.8s forwards;\n  }\n  \n  .stat-item {\n    text-align: center;\n  }\n  \n  .stat-number {\n    font-size: 32px;\n    font-weight: 800;\n    color: #00bbe8;\n    display: block;\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  \/* Responsive styles *\/\n  @media (max-width: 968px) {\n    .connect-container {\n      padding: 60px 15px;\n    }\n    \n    .connect-header {\n      margin-bottom: 40px;\n    }\n    \n    .connect-title {\n      font-size: 20px;\n      margin-bottom: 12px;\n    }\n    \n    .connect-subheadline {\n      font-size: 16px;\n    }\n    \n    .contact-info-grid {\n      grid-template-columns: 1fr;\n      gap: 20px;\n      margin-bottom: 35px;\n    }\n    \n    .contact-card {\n      padding: 35px 25px;\n    }\n    \n    .contact-icon-wrapper {\n      width: 60px;\n      height: 60px;\n      margin-bottom: 20px;\n    }\n    \n    .contact-icon {\n      font-size: 28px;\n    }\n    \n    .contact-label {\n      font-size: 11px;\n    }\n    \n    .contact-text {\n      font-size: 14px;\n      text-align: center;\n    }\n    \n    .cta-button {\n      padding: 18px 45px;\n      font-size: 13px;\n    }\n    \n    .connect-stats {\n      gap: 40px;\n      margin-top: 40px;\n    }\n    \n    .stat-number {\n      font-size: 28px;\n    }\n    \n    .stat-label {\n      font-size: 11px;\n    }\n    \n    .floating-orb {\n      display: none;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .connect-container {\n      padding: 50px 10px;\n    }\n    \n    .connect-title {\n      font-size: 18px;\n    }\n    \n    .connect-subheadline {\n      font-size: 14px;\n      text-align: justify;\n      padding: 0 5px;\n    }\n    \n    .contact-card {\n      padding: 30px 20px;\n    }\n    \n    .contact-icon-wrapper {\n      width: 55px;\n      height: 55px;\n    }\n    \n    .contact-icon {\n      font-size: 24px;\n    }\n    \n    .cta-button {\n      padding: 16px 40px;\n      font-size: 12px;\n      gap: 10px;\n    }\n    \n    .connect-stats {\n      flex-direction: column;\n      gap: 25px;\n      margin-top: 35px;\n    }\n    \n    .stat-number {\n      font-size: 24px;\n    }\n    \n    .stat-label {\n      font-size: 10px;\n    }\n    \n    .grid-background {\n      opacity: 0.5;\n    }\n  }\n<\/style>\n\n<div class=\"connect-container\">\n  <div class=\"grid-background\"><\/div>\n  <div class=\"floating-orb orb-1\"><\/div>\n  <div class=\"floating-orb orb-2\"><\/div>\n  \n  <div class=\"connect-content\">\n    <div class=\"connect-header\">\n      <h3 class=\"connect-title\"><b>Let's Connect<\/b><\/h3>\n      <p class=\"connect-subheadline\">We're here to guide you through every step \u2014 from selection to possession.<\/p>\n    <\/div>\n    \n    <div class=\"contact-info-grid\">\n      <div class=\"contact-card\">\n        <div class=\"contact-icon-wrapper\">\n          <div class=\"contact-icon-bg\"><\/div>\n          <div class=\"contact-icon\">\ud83d\udccd<\/div>\n        <\/div>\n        <div class=\"contact-details\">\n          <div class=\"contact-label\">Our Location<\/div>\n          <div class=\"contact-text\">Plot No 491\/1, Ground Floor, Saheed Nagar, Bhubaneswar, Odisha 751007<\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"contact-card\">\n        <div class=\"contact-icon-wrapper\">\n          <div class=\"contact-icon-bg\"><\/div>\n          <div class=\"contact-icon\">\ud83d\udce7<\/div>\n        <\/div>\n        <div class=\"contact-details\">\n          <div class=\"contact-label\">Email Us<\/div>\n          <div class=\"contact-text\"><a href=\"mailto:earthcraftodisha@gmail.com\">earthcraftodisha@gmail.com<\/a><\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"contact-card\">\n        <div class=\"contact-icon-wrapper\">\n          <div class=\"contact-icon-bg\"><\/div>\n          <div class=\"contact-icon\">\ud83d\udcde<\/div>\n        <\/div>\n        <div class=\"contact-details\">\n          <div class=\"contact-label\">Call Us<\/div>\n          <div class=\"contact-text\">\n            <a href=\"tel:7008461233\">7008461233<\/a> \/ <a href=\"tel:9437739118\">9437739118<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"cta-wrapper\">\n      <a href=\"https:\/\/earthcraftltd.com\/index.php\/contact\/\" class=\"cta-button\">\n        <span>Send an Enquiry<\/span>\n        <span class=\"cta-arrow\">\u2192<\/span>\n      <\/a>\n    <\/div>\n    \n    <div class=\"connect-stats\">\n      <div class=\"stat-item\">\n        <span class=\"stat-number\"><\/span>\n        <span class=\"stat-label\"><\/span>\n      <\/div>\n      <div class=\"stat-item\">\n        <span class=\"stat-number\"><\/span>\n        <span class=\"stat-label\"><\/span>\n      <\/div>\n      <div class=\"stat-item\">\n        <span class=\"stat-number\"><\/span>\n        <span class=\"stat-label\"> <\/span>\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Building Landmarks. Shaping Dreams. From luxury homes to iconic commercial spaces &#8211; Earth Craft Ltd. delivers quality you can trust and craftsmanship that lasts for generations. About Us Building Your Future, One Home at a Time Established in 2010, Earth Craft LTD has grown from a single residential project into one of Odisha&#8217;s leading general contractors. With over 25 years of industry experience, we specialize in crafting premium residential habitats across Odisha. Our footprint spans key locations like Patia, Jharpada, Puri, and Khandagiri, Puri &#8211; each project reflecting our commitment to quality, innovation, and timely delivery. Today, Earth Craft stands tall as a trusted name in Indian construction, building spaces that elevate lifestyles and exceed expectations. Learn More About Our Journey 0 + Years | Legacy of Trust 0 + Families Welcomed Home 0 + Landmark Projects Delivered Why Choose Earth Craft? We Build More Than Structures. We Deliver Peace of Mind. Timely Possession, Guaranteed. Stop worrying about delays. We plan meticulously to hand over the keys to your new home on the date we promise, so you can start making memories without the wait. Uncompromising Quality, Certified. Your safety is non-negotiable. We use only the highest-grade materials and rigorous quality checks, ensuring your home stands strong for generations. Strategic, Lifestyle-Centric Locations. Live where life happens. Our projects are strategically placed in prime areas like Patia and Puri, putting the best schools, hospitals, and amenities right at your doorstep. A Home Designed Around You. From spacious layouts to modern amenities like swimming pools and 24\/7 security, every detail is crafted for your comfort, convenience, and well-being. Coming Soon Our Upcoming Project Highnice Apartment Patrapada, Bhubaneswar Experience unparalleled luxury and comfort in the heart of Bhubaneswar&#8217;s most sought-after location. Highnice Apartment brings you contemporary architecture, world-class amenities, and a lifestyle designed for those who dream big. With meticulously planned spaces and premium finishes, this upcoming project redefines modern living in Odisha&#8217;s capital city. Premium Apartments Prime Location 24\/7 Security Modern Amenities View Details Launching Soon Completed Projects Our Creations That Define Modern Living Completed Ketaki Enclave \u2013 Bhubaneswar Experience comfort and elegance with premium amenities in the city&#8217;s most connected neighbourhood. Nearby: Esplanade 1 (1 km) | Mother&#8217;s Public School (500 m) Pool Gym Play Area 24&#215;7 Security View Project Details Completed The Sun Gate \u2013 Puri Live close to heritage and the sea \u2014 where modern living meets divine serenity. Nearby: Jagannath Temple (300 m) | Puri Beach (4 km) Sea View Market Access Security Water Supply View Project Details What Homeowners Say Real Stories. Real Satisfaction. &#8220;Earth Craft LTD helped me in every step of the home-buying process. Quality, commitment, and care \u2014 all in one.&#8221; Satya Mishra Govt. Employee &#8220;Delivered on time, and the finishing exceeded expectations. Truly professional.&#8221; Mitali Rana Banker &#8220;They made my dream of owning a home a reality. Highly recommended!&#8221; Sidheswar Das Businessman Ready to Find Your Dream Home? Visit our office or talk to our experts &#8211; let&#8217;s build your next chapter together. Book a Free Consultation Our Presence (Location Highlights) Building Across Odisha&#8217;s Prime Locations Patia Jharpada Khandagiri Puri Rasulgarh More Each project strategically located for superior connectivity and lifestyle convenience. Let&#8217;s Connect We&#8217;re here to guide you through every step \u2014 from selection to possession. \ud83d\udccd Our Location Plot No 491\/1, Ground Floor, Saheed Nagar, Bhubaneswar, Odisha 751007 \ud83d\udce7 Email Us earthcraftodisha@gmail.com \ud83d\udcde Call Us 7008461233 \/ 9437739118 Send an Enquiry \u2192<\/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-1282","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/earthcraftltd.com\/index.php\/wp-json\/wp\/v2\/pages\/1282","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=1282"}],"version-history":[{"count":100,"href":"https:\/\/earthcraftltd.com\/index.php\/wp-json\/wp\/v2\/pages\/1282\/revisions"}],"predecessor-version":[{"id":1579,"href":"https:\/\/earthcraftltd.com\/index.php\/wp-json\/wp\/v2\/pages\/1282\/revisions\/1579"}],"wp:attachment":[{"href":"https:\/\/earthcraftltd.com\/index.php\/wp-json\/wp\/v2\/media?parent=1282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}