{"id":171,"date":"2026-06-11T13:28:19","date_gmt":"2026-06-11T13:28:19","guid":{"rendered":"https:\/\/staging.samplesite.top\/binnaeng\/?page_id=171"},"modified":"2026-09-28T09:47:04","modified_gmt":"2026-09-28T09:47:04","slug":"civil-infrastructure","status":"publish","type":"page","link":"https:\/\/staging.samplesite.top\/binnaeng\/civil-infrastructure\/","title":{"rendered":"Civil Infrastructure"},"content":{"rendered":"<body>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"171\" class=\"elementor elementor-171\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccc26ae e-con-full e-flex e-con e-parent\" data-id=\"ccc26ae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a45955 elementor-widget elementor-widget-heading\" data-id=\"6a45955\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Civil Infrastructure <\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-647f2c8 e-con-full e-flex e-con e-parent\" data-id=\"647f2c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89f9a13 elementor-widget elementor-widget-html\" data-id=\"89f9a13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<!-- Google Fonts engine configured to download full Montserrat style ranges -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&amp;display=swap\" rel=\"stylesheet\">\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<div class=\"infra-wrapper\">\n  <div class=\"infra-container\">\n    \n    <div class=\"infra-image-col\">\n      <div class=\"infra-image-card\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"Civil Infrastructure Construction\" class=\"infra-bg-img\" loading=\"lazy\">\n        \n        <div class=\"infra-badge\">\n          <div class=\"infra-badge-check\">\n            <i class=\"fa-solid fa-check\"><\/i>\n          <\/div>\n          <div class=\"infra-badge-text\">\n            <span class=\"infra-counter\">150+<\/span>\n            <span class=\"infra-label\">Projects Delivered<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"infra-content-col\">\n      <div class=\"infra-tag\">\n        <span class=\"infra-tag-dot\"><\/span> Infrastructure Solutions\n      <\/div>\n      \n      <h2 class=\"infra-heading\">Civil Infrastructure<\/h2>\n      \n      <p class=\"infra-subheading\">\n        Building the backbone of modern society \u2014 from highways and bridges to drainage networks and large-scale earthworks.\n      <\/p>\n      \n      <div class=\"infra-list\">\n        \n        <div class=\"infra-item\">\n          <div class=\"infra-icon-box\">\n            <i class=\"fa-solid fa-road\"><\/i>\n          <\/div>\n          <div class=\"infra-item-text\">\n            <h3>Road Construction<\/h3>\n            <p>Highways, urban roads, and access routes engineered for durability and smooth traffic flow.<\/p>\n          <\/div>\n        <\/div>\n        \n        <div class=\"infra-item\">\n          <div class=\"infra-icon-box\">\n            <i class=\"fa-solid fa-bridge\"><\/i>\n          <\/div>\n          <div class=\"infra-item-text\">\n            <h3>Bridge Construction<\/h3>\n            <p>Robust bridge structures designed to connect communities and withstand demanding loads.<\/p>\n          <\/div>\n        <\/div>\n        \n        <div class=\"infra-item\">\n          <div class=\"infra-icon-box\">\n            <i class=\"fa-solid fa-droplet\"><\/i>\n          <\/div>\n          <div class=\"infra-item-text\">\n            <h3>Drainage Systems<\/h3>\n            <p>Smart drainage and stormwater solutions that protect infrastructure and prevent flooding.<\/p>\n          <\/div>\n        <\/div>\n        \n        <div class=\"infra-item\">\n          <div class=\"infra-icon-box\">\n            <i class=\"fa-solid fa-mountain\"><\/i>\n          <\/div>\n          <div class=\"infra-item-text\">\n            <h3>Earthworks &amp; Excavation<\/h3>\n            <p>Precision site preparation, grading, and excavation as the foundation for every project.<\/p>\n          <\/div>\n        <\/div>\n        \n      <\/div>\n    <\/div>\n    \n  <\/div>\n<\/div>\n\n<style>\n\/* CSS Reset scoped cleanly to the widget wrapper *\/\n.infra-wrapper * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  font-family: 'Montserrat', sans-serif !important; \/* Set global typography layout to Montserrat *\/\n}\n\n.infra-wrapper {\n  padding: 60px 20px;\n  background-color: #ffffff;\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.infra-container {\n  display: grid;\n  grid-template-columns: 0.95fr 1.05fr;\n  gap: 60px;\n  max-width: 1200px;\n  width: 100%;\n  align-items: center;\n}\n\n\/* --- Left Column (Image & Overlap) --- *\/\n.infra-image-col {\n  position: relative;\n  padding-bottom: 30px; \/* Gives room for the bottom right badge overhang *\/\n}\n\n.infra-image-card {\n  position: relative;\n  width: 100%;\n  height: 520px;\n  border-radius: 24px;\n}\n\n.infra-bg-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 24px;\n  display: block;\n}\n\n\/* Floating Project Badge *\/\n.infra-badge {\n  position: absolute;\n  bottom: -20px;\n  right: -20px;\n  background-color: #ffffff;\n  border-radius: 16px;\n  padding: 16px 24px;\n  display: flex;\n  align-items: center;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n  z-index: 5;\n  border: 1px solid #f0f4f8;\n}\n\n.infra-badge-check {\n  width: 42px;\n  height: 42px;\n  background-color: #965a29; \/* Deep rust brown theme tone from image *\/\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 14px;\n}\n\n.infra-badge-check i {\n  color: #ffffff;\n  font-size: 16px;\n}\n\n.infra-badge-text {\n  display: flex;\n  flex-direction: column;\n}\n\n.infra-counter {\n  font-size: 24px;\n  font-weight: 800; \/* Robust weight profile for statistical counters *\/\n  color: #0b1c33;\n  line-height: 1.1;\n  letter-spacing: -0.5px;\n}\n\n.infra-label {\n  font-size: 10px;\n  color: #64748b;\n  font-weight: 700;\n  margin-top: 3px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n\/* --- Right Column (Content & List) --- *\/\n.infra-tag {\n  display: inline-flex;\n  align-items: center;\n  background-color: #fdf2e9;\n  color: #965a29;\n  font-size: 11px;\n  font-weight: 700;\n  padding: 6px 14px;\n  border-radius: 20px;\n  margin-bottom: 20px;\n  letter-spacing: 0.5px;\n}\n\n.infra-tag-dot {\n  width: 6px;\n  height: 6px;\n  background-color: #965a29;\n  border-radius: 50%;\n  margin-right: 8px;\n}\n\n.infra-heading {\n  font-size: 44px;\n  font-weight: 800; \/* Extra Bold typography layer *\/\n  color: #0c1a30;\n  line-height: 1.15;\n  margin-bottom: 18px;\n  letter-spacing: -1px;\n}\n\n.infra-subheading {\n  font-size: 14.5px;\n  font-weight: 400;\n  line-height: 1.65;\n  color: #64748b;\n  margin-bottom: 35px;\n}\n\n\/* List UI *\/\n.infra-list {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.infra-item {\n  display: flex;\n  align-items: flex-start;\n}\n\n.infra-icon-box {\n  width: 40px;\n  height: 40px;\n  background-color: #fcefe6;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 18px;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n.infra-icon-box i {\n  color: #965a29;\n  font-size: 15px;\n}\n\n.infra-item-text h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: #0c1a30;\n  margin-bottom: 5px;\n  letter-spacing: -0.2px;\n}\n\n.infra-item-text p {\n  font-size: 13px;\n  font-weight: 400;\n  color: #64748b;\n  line-height: 1.55;\n}\n\n\/* --- Responsive Layout Configurations --- *\/\n@media (max-width: 1024px) {\n  .infra-container {\n    grid-template-columns: 1fr;\n    gap: 50px;\n  }\n  \n  .infra-image-col {\n    max-width: 600px;\n    margin: 0 auto;\n    width: 100%;\n  }\n\n  .infra-image-card {\n    height: 440px;\n  }\n}\n\n@media (max-width: 768px) {\n  .infra-wrapper {\n    padding: 40px 15px;\n  }\n  \n  .infra-heading {\n    font-size: 32px;\n  }\n  \n  .infra-image-card {\n    height: 340px;\n  }\n\n  .infra-badge {\n    right: 10px;\n    bottom: -15px;\n    padding: 12px 18px;\n  }\n\n  .infra-counter {\n    font-size: 20px;\n  }\n  \n  .infra-item {\n    gap: 0;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/body>","protected":false},"excerpt":{"rendered":"<p>Civil Infrastructure 150+ Projects Delivered Infrastructure Solutions Civil Infrastructure Building the backbone of modern society \u2014 from highways and bridges to drainage networks and large-scale earthworks. Road Construction Highways, urban&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-171","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/pages\/171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/comments?post=171"}],"version-history":[{"count":5,"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/pages\/171\/revisions"}],"predecessor-version":[{"id":840,"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/pages\/171\/revisions\/840"}],"wp:attachment":[{"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/media?parent=171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}