{"id":516,"date":"2026-11-02T09:26:05","date_gmt":"2026-11-02T09:26:05","guid":{"rendered":"https:\/\/gurgaonplotsand-work.colibriwp.com\/residential-land-and-plots\/?p=516"},"modified":"2026-11-02T09:44:13","modified_gmt":"2026-11-02T09:44:13","slug":"buy-residential-land-and-plots-in-gurgaon-at-competitive-prices","status":"publish","type":"post","link":"https:\/\/gurgaonplotsand-work.colibriwp.com\/residential-land-and-plots\/buy-residential-land-and-plots-in-gurgaon-at-competitive-prices\/","title":{"rendered":"Buy Residential Land and Plots in Gurgaon at Competitive Prices"},"content":{"rendered":"<div data-colibri-id=\"516-c1\" class=\"style-726 style-local-516-c1 position-relative\">\n  <!---->\n  <div data-colibri-component=\"section\" data-colibri-id=\"516-c2\" id=\"initial-content\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-727 style-local-516-c2 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"516-c3\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-728 style-local-516-c3 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-729-outer style-local-516-c4-outer\">\n            <div data-colibri-id=\"516-c4\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-729 style-local-516-c4 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"516-c5\" class=\"style-730 style-local-516-c5 position-relative h-element\">\n                  <!---->\n                  <div>\n                    <p style=\"text-align: justify;\" data-pm-slice=\"1 3 []\">Gurgaon, official name Gurugram, has established itself as one of India&#8217;s premier financial, technology, and real estate hubs. For home seekers, high-net-worth individuals, and institutional investors looking for capital appreciation\n                      or tailored living spaces, the decision to <strong>buy residential land and plots in Gurgaon<\/strong> represents a strategic step toward long-term wealth creation. Unlike pre-constructed apartments, owning land offers total architectural\n                      control, absolute ownership of the underlying land rights, and historically higher rates of value growth over time.<\/p>\n                    <p style=\"text-align: justify;\">As urban infrastructure expands outward along major transit corridors like the Dwarka Expressway, Southern Peripheral Road (SPR), Golf Course Extension Road, and New Gurgaon, securing a plot in a prime area ensures connectivity to\n                      corporate hubs, premium healthcare, international schools, and retail destinations. Navigating the real estate ecosystem requires an understanding of zoning regulations, master planning, land titles, and financial considerations.\n                      This guide provides a detailed analysis of market dynamics, legal checks, top micro-markets, and strategic insights for buyers planning to\n                      <a title=\"null\" href=\"https:\/\/www.gurgaonnewproject.com\/residential\"><strong>buy residential land in gurgaon<\/strong><\/a>.<\/p>\n\n                    <h2 style=\"text-align: justify;\"><strong>Understanding the Gurgaon Real Estate Market Dynamics<\/strong><\/h2>\n                    <h4 style=\"text-align: justify;\"><strong>Shift Toward Independent Living and Custom Homes<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">The modern housing sector in Millennium City has seen a distinct structural shift. While high-rise luxury apartments remain popular, a growing cohort of buyers prefers independent floors and custom-built villas. Purchasing a <strong>residential plot in gurgaon investment<\/strong>                      opportunity grants homeowners complete freedom over design, construction timelines, floor layouts, and sustainable building technologies.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>Land vs. Apartments: Capital Appreciation and Flexibility<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Land is an asset class defined by finite supply. While structural assets depreciate over several decades, land values steadily increase alongside infrastructure growth. Investing in\n                      <a title=\"null\" href=\"https:\/\/www.gurgaonnewproject.com\/residential\"><strong>residential plots in gurgaon<\/strong><\/a> offers higher long-term capital growth compared to built-up properties. Additionally, buyers have the flexibility to construct immediately or hold the land parcel as a long-term hedge\n                      against inflation.<\/p>\n\n                    <h3 style=\"text-align: justify;\"><strong>Key Micro-Markets to Buy Residential Land and Plots in Gurgaon<\/strong><\/h3>\n                    <h4 style=\"text-align: justify;\"><strong>Dwarka Expressway (Northern Peripheral Road)<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">The opening of the Dwarka Expressway has changed how North Gurgaon connects to New Delhi and Indira Gandhi International Airport. Sectors along this corridor\u2014including Sector 88, Sector 99, Sector 102, Sector 106, and Sector 109\u2014are\n                      seeing demand from investors searching for\n                      <a title=\"null\" href=\"https:\/\/www.gurgaonnewproject.com\/residential\"><strong>residential land for sale gurgaon<\/strong><\/a>. The area benefits from multi-modal transit planning, wide sector roads, and proximity to major commercial projects.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>Golf Course Extension Road and Southern Peripheral Road (SPR)<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Golf Course Extension Road and SPR represent the established luxury corridor of Gurgaon. Well-planned sectors such as 57, 65, 66, 68, and 70 offer gated communities and township plots. These neighborhoods feature established civic\n                      infrastructure, close proximity to business parks, and upscale retail centers. Investors seeking premium residential land find these sectors desirable for high-end residential construction.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>New Gurgaon (Sectors 81 to 95)<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">New Gurgaon offers balanced growth potential for buyers exploring\n                      <a title=\"null\" href=\"https:\/\/www.gurgaonnewproject.com\/residential\"><strong>cheap residential land gurgaon<\/strong><\/a> options without sacrificing future appreciation. Strategically located between the Delhi-Jaipur Highway (NH-48) and the KMP Expressway, New Gurgaon benefits from planned infrastructure,\n                      utility setups, and nearby industrial nodes like Manesar.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>Sohna Road and South Gurgaon<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Positioned south of the main city center, Sohna Road provides lower entry pricing while offering seamless access to primary commercial destinations via the elevated Sohna Highway. The region is seeing rapid growth under master plans,\n                      making it an attractive destination for buyers searching for a <strong>cheap residential plot gurgaon<\/strong> within gated township developments.<\/p>\n\n                    <h3 style=\"text-align: justify;\"><strong>Types of Residential Land and Plots Available in Gurgaon<\/strong><\/h3>\n                    <h4 style=\"text-align: justify;\"><strong>HUDA \/ HSVP Government Auction Plots<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Haryana Shehri Vikas Pradhikaran (HSVP, formerly HUDA) offers freehold, clear-title plots across developed sectors. These plots feature established municipal infrastructure, defined sector layouts, and transparent transfer mechanisms.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>Privately Developed Gated Townships<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Prominent private developers offer plotted developments within master-planned townships. These integrated projects feature internal paved roads, underground cabling, private security systems, clubhouse access, and dedicated green spaces.\n                      Buyers searching for modern amenities often favor gated township plots.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>Deen Dayal Jan Awas Yojna (DDJAY) Plots<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Introduced by the Haryana Government to encourage affordable housing developments, DDJAY allows private developers to offer smaller residential plots (typically ranging from 100 to 180 square yards) with high density and floor-wise\n                      registration rights. This initiative allows buyers to secure a\n                      <a title=\"null\" href=\"https:\/\/www.gurgaonnewproject.com\/residential\"><strong>buy residential plot gurgaon<\/strong><\/a> option at lower overall ticket sizes, suitable for homebuilders and investors alike.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>Agricultural and Lal Dora Land<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Agricultural land parcels on the city fringes and Lal Dora lands within village boundaries offer lower initial purchase prices. However, these properties involve complex regulatory hurdles, change of land use (CLU) requirements, and\n                      legal considerations, requiring careful due diligence before purchase.<\/p>\n\n                    <h3 style=\"text-align: justify;\"><strong>Essential Legal and Regulatory Due Diligence Checklist<\/strong><\/h3>\n                    <h4 style=\"text-align: justify;\"><strong>1. Title Search and Ownership Verification<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Verifying clear ownership is the first step in any property transaction. Buyers must audit thirty-year title chain records, review Jamabandi documents, and confirm the seller&#8217;s unencumbered title rights to avoid legal disputes.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>2. Change of Land Use (CLU) Certificate<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Ensure the property parcel holds an approved CLU certificate from the Department of Town and Country Planning (DTCP) Haryana if buying outside pre-sanctioned residential sectors.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>3. RERA Registration Compliance<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">For private township projects, confirm the plot project is registered under the Real Estate Regulatory Authority (RERA) Haryana. This step ensures adherence to sanctioned layout plans, delivery schedules, and committed infrastructure\n                      development.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>4. Encumbrance Certificate and No-Objection Certificates (NOCs)<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Obtain an Encumbrance Certificate from the Registrar\u2019s office to verify the plot is free from financial mortgages, court attachments, or legal claims. Additionally, confirm that clear NOCs are present from municipal authorities, electricity\n                      boards, and environmental bodies.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>5. Layout Approval and Demarcation<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Review the officially sanctioned site plan to confirm plot boundaries, road widths, green belt designations, and utility reservations. Professional physical demarcation by a surveyor is recommended to confirm physical boundaries match\n                      revenue map coordinates.<\/p>\n\n                    <h3 style=\"text-align: justify;\"><strong>Market Trends, Infrastructure Drivers, and Growth Catalysts<\/strong><\/h3>\n                    <h4 style=\"text-align: justify;\"><strong>Infrastructure Expansion Boosting Land Valuations<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Key infrastructure developments continue to increase land values across major corridors in Gurgaon:<\/p>\n\n                    <ul style=\"text-align: justify;\">\n                      <li><strong>Delhi-Mumbai Expressway (NPE):<\/strong> Enhances regional access and increases commercial activity around South Gurgaon and Sohna.<\/li>\n                      <li><strong>Gurgaon Metro Extension:<\/strong> The expanded metro loop connecting HUDA City Centre (Millennium City Centre) to Cyber City via Old Gurgaon will boost connectivity and land values in central sectors.<\/li>\n                      <li><strong>Global City Project:<\/strong> Spread across 1,000+ acres along the Dwarka Expressway, this development will serve as a global financial hub, driving residential plot demand in surrounding sectors.<\/li>\n                    <\/ul>\n                    <h4 style=\"text-align: justify;\"><strong>Comparative Market Overview<\/strong><\/h4>\n                    <ul style=\"text-align: justify;\">\n                      <li><strong>Established Sectors (Sectors 14, 15, 27, 28, 43, 45):<\/strong> Offer central locations, complete municipal infrastructure, and immediate access to commercial hubs. Development type consists primarily of independent builder\n                        floors and custom homes.<\/li>\n                      <li><strong>Golf Course Extension Road (Sectors 57, 65, 66, 67):<\/strong> High-end luxury market featuring gated private townships and premium infrastructure.<\/li>\n                      <li><strong>Dwarka Expressway Corridor (Sectors 88, 99, 102, 108):<\/strong> Emerging growth corridor offering rapid capital appreciation and wide access roads.<\/li>\n                      <li><strong>New Gurgaon &amp; SPR (Sectors 81 to 95, 68 to 75):<\/strong> Balanced residential market suitable for middle-to-high income buyers and DDJAY plots.<\/li>\n                      <li><strong>Sohna \/ South Gurgaon:<\/strong> Affordable entry point with long-term growth potential in master-planned townships.<\/li>\n                    <\/ul>\n                    <h3 style=\"text-align: justify;\"><strong>Step-by-Step Guide to Purchasing Residential Land in Gurgaon<\/strong><\/h3>\n                    <h4 style=\"text-align: justify;\"><strong>Step 1: Financial Planning and Budgeting<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Determine total budget limits, accounting for plot cost, stamp duty charges (typically 5% for female buyers and 7% for male buyers in Haryana), registration fees, legal fees, developer maintenance charges, and immediate construction\n                      costs.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>Step 2: Micro-Market Selection and Field Surveys<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Identify targeted sectors based on personal requirements, commute distances, school proximity, and budget limits. Conduct field visits to evaluate physical access, road conditions, drainage networks, high-tension wire lines, and neighborhood\n                      development.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>Step 3: Verification of Documents<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Engage an experienced real estate lawyer to examine title deeds, ownership history, layout approvals, tax receipts, and non-encumbrance records.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>Step 4: Agreement to Sell and Booking Amount<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Draft an Agreement to Sell outlining terms, total payment structures, possession dates, penalty clauses, and transfer conditions. Pay the token booking amount through documented banking channels.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>Step 5: Securing Financing and Bank Approval<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">If securing financing, apply for land\/plot loans from financial institutions. Banks conduct independent legal and technical evaluations of the plot parcel before issuing loan sanctions.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>Step 6: Registration and Execution of Sale Deed<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Execute the Sale Deed at the Sub-Registrar&#8217;s office upon paying full consideration and applicable stamp duties. Ensure official registration is completed, biometric records are submitted, and physical possession is secured with official\n                      receipts.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>Step 7: Revenue Mutation (Namantar)<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Following registration, file for property record mutation at the local revenue authority or municipal body to officially record the new owner&#8217;s name in government land records.<\/p>\n\n                    <h3 style=\"text-align: justify;\"><strong>Investment Strategies: Maximizing Returns on Residential Plots<\/strong><\/h3>\n                    <h4 style=\"text-align: justify;\"><strong>1. Buy-and-Hold for Capital Appreciation<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Purchasing land parcels along emerging infrastructure routes (such as the Dwarka Expressway or Sohna Corridor) and holding them for 5 to 7 years can generate strong returns as surrounding commercial and civic infrastructure matures.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>2. Floor-Wise Development Strategy<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Under current local building regulations, plot owners can construct multi-story residential buildings (subject to sanctioned floor-area ratios and local approvals) and sell or lease individual floors. This model offers multiple revenue\n                      streams and maximizes returns per square yard.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>3. Custom Villa Construction for Rental Yields<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Building tailored luxury independent homes in established gated sectors allows investors to secure high rental yields from expatriates, corporate leaders, and business executives.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>Evaluating Alternatives: Plot vs. Built Properties<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Investors often weigh plots against alternative residential options such as\n                      <a title=\"null\" href=\"https:\/\/www.gurgaonnewproject.com\/\"><strong>Affordable Flats In Gurgaon<\/strong><\/a> or high-rise apartments. While apartments offer turnkey convenience, land provides full control over structural changes, zero shared-entity conflicts, and higher long-term land value\n                      appreciation. Buyers looking for immediate occupation can also consider\n                      <a title=\"null\" href=\"https:\/\/www.gurgaonnewproject.com\/\"><strong>Ready To Move Projects In Gurgaon<\/strong><\/a>, whereas plots remain the preferred choice for custom homebuilding and long-term land holdings.<\/p>\n\n                    <h3 style=\"text-align: justify;\"><strong>Common Pitfalls to Avoid When Buying Land in Gurgaon<\/strong><\/h3>\n                    <h4 style=\"text-align: justify;\"><strong>Ignoring Unapproved Colonies<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Avoid purchasing unapproved plots in unauthorized colonies that lack municipal planning permissions or CLU approvals. These properties often face structural risks, demolition notices, or lack basic utility connections.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>Overlooking High-Tension Lines and Drain Reservations<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Always inspect the physical land for underground pipelines, storm drains, or high-tension power lines overhead. Properties situated directly under high-tension lines face severe construction restrictions and resale challenges.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>Neglecting Physical Boundary Verification<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Failing to perform a physical boundary demarcation survey can lead to boundary disputes with neighboring plots. Ensure precise physical coordinates match official master layout maps.<\/p>\n\n                    <h4 style=\"text-align: justify;\"><strong>Rushing Documentation Checks<\/strong><\/h4>\n                    <p style=\"text-align: justify;\">Skipping comprehensive legal checks to save time or expenses can lead to property title disputes, unresolved claims from prior heirs, or undisclosed bank encumbrances.<\/p>\n\n                    <h3 style=\"text-align: justify;\"><strong>Future Outlook: The Evolution of Gurgaon\u2019s Land Ecosystem<\/strong><\/h3>\n                    <p style=\"text-align: justify;\">Gurgaon&#8217;s real estate sector is moving toward structured, transparent, and eco-friendly growth. With stricter enforcement of RERA guidelines and digital access to land records through Haryana&#8217;s online portals, land acquisition has\n                      become clearer and more secure for buyers.<\/p>\n                    <p style=\"text-align: justify;\">Looking ahead, gated plotted developments featuring smart infrastructure\u2014such as solar integration, rainwater harvesting, underground utility lines, and fiber-optic networks\u2014will lead demand in the suburban residential market. As commercial\n                      nodes expand along key transit corridors, well-located residential plots will remain a reliable asset class for wealth preservation and capital growth.<\/p>\n\n                    <h3 style=\"text-align: justify;\"><strong>Key Insights<\/strong><\/h3>\n                    <ul style=\"text-align: justify;\">\n                      <li><strong>Strategic Growth Potential:<\/strong> Buying residential land in Gurgaon offers clear ownership, long-term capital appreciation, and full structural customization.<\/li>\n                      <li><strong>Key Micro-Markets:<\/strong> Prime investment areas include Dwarka Expressway, Golf Course Extension Road, Southern Peripheral Road (SPR), New Gurgaon, and Sohna Road.<\/li>\n                      <li><strong>Legal Priority:<\/strong> Always verify title deeds, RERA registration status, CLU approvals, encumbrance records, and physical plot demarcations before financial commitments.<\/li>\n                      <li><strong>Diverse Options:<\/strong> Buyers can choose between government HSVP plots, private gated township developments, and affordable DDJAY plotted options based on budget and goals.<\/li>\n                      <li><strong>Infra Drivers:<\/strong> Major projects like the Gurgaon Metro expansion, Delhi-Mumbai Expressway, and the Global City project continue to drive long-term land values.<\/li>\n                    <\/ul>\n                    <h3 style=\"text-align: justify;\"><strong>Frequently Asked Questions<\/strong><\/h3>\n                    <p style=\"text-align: justify;\"><strong>What is the process to buy residential land and plots in Gurgaon?<\/strong><\/p>\n                    <p style=\"text-align: justify;\">The purchase process involves selecting a target sector, performing legal due diligence on title records, verifying RERA and CLU approvals, signing an Agreement to Sell, obtaining bank funding if required, executing the Sale Deed at\n                      the Sub-Registrar office, and completing revenue mutation.<\/p>\n                    <p style=\"text-align: justify;\"><strong>Is it safe to invest in residential plots in Gurgaon?<\/strong><\/p>\n                    <p style=\"text-align: justify;\">Yes, investing in residential plots is safe when buyers select RERA-registered developments, approved HSVP sectors, or established private townships after completing independent legal title checks.<\/p>\n                    <p style=\"text-align: justify;\"><strong>What are the popular micro-markets to buy residential land in Gurgaon?<\/strong><\/p>\n                    <p style=\"text-align: justify;\">Popular micro-markets include Dwarka Expressway, Golf Course Extension Road, Southern Peripheral Road (SPR), New Gurgaon (Sectors 81-95), and Sohna Road.<\/p>\n                    <p style=\"text-align: justify;\"><strong>What legal documents should be checked before buying a residential plot?<\/strong><\/p>\n                    <p style=\"text-align: justify;\">Key documents to inspect include the Title Deed, Jamabandi (revenue records), Encumbrance Certificate, DTCP Approved Layout Plan, RERA Registration Certificate, CLU Certificate, and utility clearance NOCs.<\/p>\n                    <p style=\"text-align: justify;\"><strong>Can NRIs buy residential land and plots in Gurgaon?<\/strong><\/p>\n                    <p style=\"text-align: justify;\">Yes, Non-Resident Indians (NRIs) and Overseas Citizens of India (OCIs) can purchase residential land and plots in India under Reserve Bank of India (RBI) and FEMA guidelines, provided transactions go through standard banking channels.<\/p>\n                    <p style=\"text-align: justify;\"><strong>What is the difference between DDJAY plots and standard township plots?<\/strong><\/p>\n                    <p style=\"text-align: justify;\">Deen Dayal Jan Awas Yojna (DDJAY) plots are government-backed affordable housing plots typically ranging from 100 to 180 square yards with high-density permissions, whereas standard township plots are usually larger and offer luxury\n                      amenities within private gated communities.<\/p>\n                    <p style=\"text-align: justify;\"><strong>Are bank loans available for purchasing residential land in Gurgaon?<\/strong><\/p>\n                    <p style=\"text-align: justify;\">Yes, leading public and private banks offer plot purchase loans as well as combined plot-plus-construction loans, subject to borrower eligibility and title clearance.<\/p>\n                    <p style=\"text-align: justify;\"><strong>What extra costs are involved when buying a plot in Gurgaon?<\/strong><\/p>\n                    <p style=\"text-align: justify;\">Additional costs include stamp duty fees (5% to 7% based on gender), registration fees, legal verification costs, developer maintenance deposits, brokerage fees, and property mutation charges.<\/p>\n                    <p style=\"text-align: justify;\"><strong>What is property mutation and why is it important after buying land?<\/strong><\/p>\n                    <p style=\"text-align: justify;\">Property mutation (Namantar) is the process of updating ownership details in government revenue records. It ensures the new owner is officially recognized for local tax assessments and ownership verification.<\/p>\n                    <p style=\"text-align: justify;\"><strong>Should I invest in built-up flats or residential land in Gurgaon?<\/strong><\/p>\n                    <p style=\"text-align: justify;\">Land offers total design control and higher land value growth over time. Built-up flats, such as <strong>Upcoming Residential Projects In Gurgaon<\/strong> or\n                      <a title=\"null\" href=\"https:\/\/www.gurgaonnewproject.com\/\"><strong>New Residential Projects In Gurgaon<\/strong><\/a>, offer immediate occupancy, shared community amenities, and turnkey convenience.<\/p>\n\n                    <h3 style=\"text-align: justify;\"><strong>Final Thoughts<\/strong><\/h3>\n                    <p style=\"text-align: justify;\">Purchasing residential land and plots in Gurgaon remains one of the most reliable strategies for creating lasting wealth and securing a custom living space in India&#8217;s leading corporate hub. Whether your goal is to build an independent\n                      villa, develop floor-wise residential units, or maintain a long-term land portfolio, selecting the right micro-market and ensuring legal clarity are essential steps for success.<\/p>\n                    <p style=\"text-align: justify;\">By aligning your investment choices with planned infrastructure corridors, working with verified developers, and following thorough due diligence protocols, you can maximize returns and secure a valuable property asset in Gurgaon&#8217;s\n                      dynamic real estate market.<\/p>\n\n                    <h3 style=\"text-align: justify;\"><strong>Get In Touch<\/strong><\/h3>\n                    <p style=\"text-align: justify;\"><strong>Website:<\/strong>\n                      <a href=\"https:\/\/www.gurgaonnewproject.com\/\">https:\/\/www.gurgaonnewproject.com\/<\/a>\n                    <\/p>\n                    <p style=\"text-align: justify;\"><strong>Email:<\/strong> enquiry.realestates@gmail.com<\/p>\n                    <p style=\"text-align: justify;\"><strong>Call:<\/strong> +91 92123 06116<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"section\" data-colibri-id=\"516-c6\" id=\"portfolio\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-740 style-local-516-c6 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <div data-colibri-id=\"516-c45\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-763 style-local-516-c45 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-764-outer style-local-516-c46-outer\">\n            <div data-colibri-id=\"516-c46\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-764 style-local-516-c46 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"516-c47\" class=\"h-global-transition-all h-heading style-765 style-local-516-c47 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-765 style-local-516-c47\">\n                    <!---->\n                    <!---->\n                    <h2 class=\"\">Portfolio<\/h2>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"516-c48\" class=\"h-lead h-text h-text-component style-766 style-local-516-c48 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Lorem ipsum dolor sit amet, at mei dolore tritani repudiandae. In his nemore temporibus consequuntur, vim ad prima vivendum consetetur. <\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"516-c7\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-741 style-local-516-c7 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-6 h-col-12 style-742-outer style-local-516-c8-outer\">\n            <div data-colibri-id=\"516-c8\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-742 style-local-516-c8 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"516-c9\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-743 style-local-516-c9 position-relative\">\n                  <!---->\n                  <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n                    <!---->\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-744-outer style-local-516-c10-outer\">\n                      <div data-colibri-id=\"516-c10\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-744 style-local-516-c10 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c11\" class=\"content-swap style-745 style-local-516-c11 position-relative h-element\">\n                            <!---->\n                            <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                              <div data-normal=\"\" data-colibri-id=\"516-c12\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-746 style-local-516-c12 position-relative\">\n                                <!---->\n                                <div class=\"w-100 h-y-container\">\n                                  <!---->\n                                <\/div>\n                              <\/div>\n                              <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c13\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-747 style-local-516-c13 position-relative\"\n                                style=\"display: none;\">\n                                <!---->\n                                <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                                  <!---->\n                                  <div data-colibri-id=\"516-c14\" class=\"h-x-container style-748 style-local-516-c14 position-relative h-element\">\n                                    <!---->\n                                    <div class=\"h-x-container-inner style-dynamic-516-c14-group style-748-spacing style-local-516-c14-spacing\"><span class=\"h-button__outer style-749-outer style-local-516-c15-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"\"  data-colibri-id=\"516-c15\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-749 style-local-516-c15 position-relative\"><!----><!----> <span>read more<\/span><\/a>\n                                      <\/span>\n                                    <\/div>\n                                  <\/div>\n                                <\/div>\n                              <\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-750-outer style-local-516-c16-outer\">\n                      <div data-colibri-id=\"516-c16\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-750 style-local-516-c16 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-id=\"516-c17\" class=\"h-global-transition-all h-heading style-751 style-local-516-c17 position-relative h-element\">\n                            <!---->\n                            <div class=\"h-heading__outer style-751 style-local-516-c17\">\n                              <!---->\n                              <!---->\n                              <h5 class=\"\">Project Name<\/h5>\n                            <\/div>\n                          <\/div>\n                          <div data-colibri-id=\"516-c18\" class=\"h-text h-text-component style-752 style-local-516-c18 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <div class=\"\">\n                              <p>Lorem ipsum dolor sit amet, at mei dolore tritani repudiandae. In his nemore.<\/p>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-6 h-col-12 style-742-outer style-local-516-c19-outer\">\n            <div data-colibri-id=\"516-c19\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-742 style-local-516-c19 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"516-c20\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-743 style-local-516-c20 position-relative\">\n                  <!---->\n                  <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n                    <!---->\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-744-outer style-local-516-c21-outer\">\n                      <div data-colibri-id=\"516-c21\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-744 style-local-516-c21 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c22\" class=\"content-swap style-753 style-local-516-c22 position-relative h-element\">\n                            <!---->\n                            <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                              <div data-normal=\"\" data-colibri-id=\"516-c23\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-754 style-local-516-c23 position-relative\">\n                                <!---->\n                                <div class=\"w-100 h-y-container\">\n                                  <!---->\n                                <\/div>\n                              <\/div>\n                              <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c24\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-755 style-local-516-c24 position-relative\"\n                                style=\"display: none;\">\n                                <!---->\n                                <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                                  <!---->\n                                  <div data-colibri-id=\"516-c25\" class=\"h-x-container style-748 style-local-516-c25 position-relative h-element\">\n                                    <!---->\n                                    <div class=\"h-x-container-inner style-dynamic-516-c25-group style-748-spacing style-local-516-c25-spacing\"><span class=\"h-button__outer style-749-outer style-local-516-c26-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"\"  data-colibri-id=\"516-c26\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-749 style-local-516-c26 position-relative\"><!----><!----> <span>read more<\/span><\/a>\n                                      <\/span>\n                                    <\/div>\n                                  <\/div>\n                                <\/div>\n                              <\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-750-outer style-local-516-c27-outer\">\n                      <div data-colibri-id=\"516-c27\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-750 style-local-516-c27 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-id=\"516-c28\" class=\"h-global-transition-all h-heading style-751 style-local-516-c28 position-relative h-element\">\n                            <!---->\n                            <div class=\"h-heading__outer style-751 style-local-516-c28\">\n                              <!---->\n                              <!---->\n                              <h5 class=\"\">Project Name<\/h5>\n                            <\/div>\n                          <\/div>\n                          <div data-colibri-id=\"516-c29\" class=\"h-text h-text-component style-752 style-local-516-c29 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <div class=\"\">\n                              <p>Lorem ipsum dolor sit amet, at mei dolore tritani repudiandae. In his nemore.<\/p>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-6 h-col-12 style-742-outer style-local-516-c30-outer\">\n            <div data-colibri-id=\"516-c30\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-742 style-local-516-c30 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"516-c31\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-743 style-local-516-c31 position-relative\">\n                  <!---->\n                  <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n                    <!---->\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-744-outer style-local-516-c32-outer\">\n                      <div data-colibri-id=\"516-c32\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-744 style-local-516-c32 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c33\" class=\"content-swap style-756 style-local-516-c33 position-relative h-element\">\n                            <!---->\n                            <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                              <div data-normal=\"\" data-colibri-id=\"516-c34\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-757 style-local-516-c34 position-relative\">\n                                <!---->\n                                <div class=\"w-100 h-y-container\">\n                                  <!---->\n                                <\/div>\n                              <\/div>\n                              <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c35\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-758 style-local-516-c35 position-relative\"\n                                style=\"display: none;\">\n                                <!---->\n                                <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                                  <!---->\n                                  <div data-colibri-id=\"516-c36\" class=\"h-x-container style-748 style-local-516-c36 position-relative h-element\">\n                                    <!---->\n                                    <div class=\"h-x-container-inner style-dynamic-516-c36-group style-748-spacing style-local-516-c36-spacing\"><span class=\"h-button__outer style-749-outer style-local-516-c37-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"\"  data-colibri-id=\"516-c37\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-749 style-local-516-c37 position-relative\"><!----><!----> <span>read more<\/span><\/a>\n                                      <\/span>\n                                    <\/div>\n                                  <\/div>\n                                <\/div>\n                              <\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-750-outer style-local-516-c38-outer\">\n                      <div data-colibri-id=\"516-c38\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-750 style-local-516-c38 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-id=\"516-c39\" class=\"h-global-transition-all h-heading style-751 style-local-516-c39 position-relative h-element\">\n                            <!---->\n                            <div class=\"h-heading__outer style-751 style-local-516-c39\">\n                              <!---->\n                              <!---->\n                              <h5 class=\"\">Project Name<\/h5>\n                            <\/div>\n                          <\/div>\n                          <div data-colibri-id=\"516-c40\" class=\"h-text h-text-component style-752 style-local-516-c40 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <div class=\"\">\n                              <p>Lorem ipsum dolor sit amet, at mei dolore tritani repudiandae. In his nemore.<\/p>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"516-c41\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-759 style-local-516-c41 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-760-outer style-local-516-c42-outer\">\n            <div data-colibri-id=\"516-c42\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-760 style-local-516-c42 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"516-c43\" class=\"h-x-container style-761 style-local-516-c43 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-516-c43-group style-761-spacing style-local-516-c43-spacing\"><span class=\"h-button__outer style-762-outer style-local-516-c44-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"\"  data-colibri-id=\"516-c44\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-762 style-local-516-c44 position-relative\"><!----><!----> <span>view portfolio<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"section\" data-colibri-id=\"516-c49\" id=\"portfolio\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-767 style-local-516-c49 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <div data-colibri-id=\"516-c88\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-790 style-local-516-c88 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-791-outer style-local-516-c89-outer\">\n            <div data-colibri-id=\"516-c89\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-791 style-local-516-c89 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"516-c90\" class=\"h-global-transition-all h-heading style-792 style-local-516-c90 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-792 style-local-516-c90\">\n                    <!---->\n                    <!---->\n                    <h2 class=\"\">Portfolio<\/h2>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"516-c91\" class=\"h-lead h-text h-text-component style-793 style-local-516-c91 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Lorem ipsum dolor sit amet, at mei dolore tritani repudiandae. In his nemore temporibus consequuntur, vim ad prima vivendum consetetur. <\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"516-c50\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-768 style-local-516-c50 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-6 h-col-12 style-769-outer style-local-516-c51-outer\">\n            <div data-colibri-id=\"516-c51\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-769 style-local-516-c51 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"516-c52\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-770 style-local-516-c52 position-relative\">\n                  <!---->\n                  <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n                    <!---->\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-771-outer style-local-516-c53-outer\">\n                      <div data-colibri-id=\"516-c53\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-771 style-local-516-c53 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c54\" class=\"content-swap style-772 style-local-516-c54 position-relative h-element\">\n                            <!---->\n                            <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                              <div data-normal=\"\" data-colibri-id=\"516-c55\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-773 style-local-516-c55 position-relative\">\n                                <!---->\n                                <div class=\"w-100 h-y-container\">\n                                  <!---->\n                                <\/div>\n                              <\/div>\n                              <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c56\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-774 style-local-516-c56 position-relative\"\n                                style=\"display: none;\">\n                                <!---->\n                                <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                                  <!---->\n                                  <div data-colibri-id=\"516-c57\" class=\"h-x-container style-775 style-local-516-c57 position-relative h-element\">\n                                    <!---->\n                                    <div class=\"h-x-container-inner style-dynamic-516-c57-group style-775-spacing style-local-516-c57-spacing\"><span class=\"h-button__outer style-776-outer style-local-516-c58-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"\"  data-colibri-id=\"516-c58\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-776 style-local-516-c58 position-relative\"><!----><!----> <span>read more<\/span><\/a>\n                                      <\/span>\n                                    <\/div>\n                                  <\/div>\n                                <\/div>\n                              <\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-777-outer style-local-516-c59-outer\">\n                      <div data-colibri-id=\"516-c59\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-777 style-local-516-c59 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-id=\"516-c60\" class=\"h-global-transition-all h-heading style-778 style-local-516-c60 position-relative h-element\">\n                            <!---->\n                            <div class=\"h-heading__outer style-778 style-local-516-c60\">\n                              <!---->\n                              <!---->\n                              <h5 class=\"\">Project Name<\/h5>\n                            <\/div>\n                          <\/div>\n                          <div data-colibri-id=\"516-c61\" class=\"h-text h-text-component style-779 style-local-516-c61 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <div class=\"\">\n                              <p>Lorem ipsum dolor sit amet, at mei dolore tritani repudiandae. In his nemore.<\/p>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-6 h-col-12 style-769-outer style-local-516-c62-outer\">\n            <div data-colibri-id=\"516-c62\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-769 style-local-516-c62 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"516-c63\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-770 style-local-516-c63 position-relative\">\n                  <!---->\n                  <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n                    <!---->\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-771-outer style-local-516-c64-outer\">\n                      <div data-colibri-id=\"516-c64\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-771 style-local-516-c64 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c65\" class=\"content-swap style-780 style-local-516-c65 position-relative h-element\">\n                            <!---->\n                            <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                              <div data-normal=\"\" data-colibri-id=\"516-c66\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-781 style-local-516-c66 position-relative\">\n                                <!---->\n                                <div class=\"w-100 h-y-container\">\n                                  <!---->\n                                <\/div>\n                              <\/div>\n                              <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c67\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-782 style-local-516-c67 position-relative\"\n                                style=\"display: none;\">\n                                <!---->\n                                <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                                  <!---->\n                                  <div data-colibri-id=\"516-c68\" class=\"h-x-container style-775 style-local-516-c68 position-relative h-element\">\n                                    <!---->\n                                    <div class=\"h-x-container-inner style-dynamic-516-c68-group style-775-spacing style-local-516-c68-spacing\"><span class=\"h-button__outer style-776-outer style-local-516-c69-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"\"  data-colibri-id=\"516-c69\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-776 style-local-516-c69 position-relative\"><!----><!----> <span>read more<\/span><\/a>\n                                      <\/span>\n                                    <\/div>\n                                  <\/div>\n                                <\/div>\n                              <\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-777-outer style-local-516-c70-outer\">\n                      <div data-colibri-id=\"516-c70\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-777 style-local-516-c70 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-id=\"516-c71\" class=\"h-global-transition-all h-heading style-778 style-local-516-c71 position-relative h-element\">\n                            <!---->\n                            <div class=\"h-heading__outer style-778 style-local-516-c71\">\n                              <!---->\n                              <!---->\n                              <h5 class=\"\">Project Name<\/h5>\n                            <\/div>\n                          <\/div>\n                          <div data-colibri-id=\"516-c72\" class=\"h-text h-text-component style-779 style-local-516-c72 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <div class=\"\">\n                              <p>Lorem ipsum dolor sit amet, at mei dolore tritani repudiandae. In his nemore.<\/p>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-6 h-col-12 style-769-outer style-local-516-c73-outer\">\n            <div data-colibri-id=\"516-c73\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-769 style-local-516-c73 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"516-c74\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-770 style-local-516-c74 position-relative\">\n                  <!---->\n                  <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n                    <!---->\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-771-outer style-local-516-c75-outer\">\n                      <div data-colibri-id=\"516-c75\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-771 style-local-516-c75 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c76\" class=\"content-swap style-783 style-local-516-c76 position-relative h-element\">\n                            <!---->\n                            <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                              <div data-normal=\"\" data-colibri-id=\"516-c77\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-784 style-local-516-c77 position-relative\">\n                                <!---->\n                                <div class=\"w-100 h-y-container\">\n                                  <!---->\n                                <\/div>\n                              <\/div>\n                              <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c78\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-785 style-local-516-c78 position-relative\"\n                                style=\"display: none;\">\n                                <!---->\n                                <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                                  <!---->\n                                  <div data-colibri-id=\"516-c79\" class=\"h-x-container style-775 style-local-516-c79 position-relative h-element\">\n                                    <!---->\n                                    <div class=\"h-x-container-inner style-dynamic-516-c79-group style-775-spacing style-local-516-c79-spacing\"><span class=\"h-button__outer style-776-outer style-local-516-c80-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"\"  data-colibri-id=\"516-c80\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-776 style-local-516-c80 position-relative\"><!----><!----> <span>read more<\/span><\/a>\n                                      <\/span>\n                                    <\/div>\n                                  <\/div>\n                                <\/div>\n                              <\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-777-outer style-local-516-c81-outer\">\n                      <div data-colibri-id=\"516-c81\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-777 style-local-516-c81 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-id=\"516-c82\" class=\"h-global-transition-all h-heading style-778 style-local-516-c82 position-relative h-element\">\n                            <!---->\n                            <div class=\"h-heading__outer style-778 style-local-516-c82\">\n                              <!---->\n                              <!---->\n                              <h5 class=\"\">Project Name<\/h5>\n                            <\/div>\n                          <\/div>\n                          <div data-colibri-id=\"516-c83\" class=\"h-text h-text-component style-779 style-local-516-c83 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <div class=\"\">\n                              <p>Lorem ipsum dolor sit amet, at mei dolore tritani repudiandae. In his nemore.<\/p>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"516-c84\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-786 style-local-516-c84 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-787-outer style-local-516-c85-outer\">\n            <div data-colibri-id=\"516-c85\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-787 style-local-516-c85 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"516-c86\" class=\"h-x-container style-788 style-local-516-c86 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-516-c86-group style-788-spacing style-local-516-c86-spacing\"><span class=\"h-button__outer style-789-outer style-local-516-c87-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"\"  data-colibri-id=\"516-c87\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-789 style-local-516-c87 position-relative\"><!----><!----> <span>view portfolio<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"section\" data-colibri-id=\"516-c92\" id=\"portfolio\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-794 style-local-516-c92 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-fluid-container\">\n      <div data-colibri-id=\"516-c134\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-808 style-local-516-c134 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-809-outer style-local-516-c135-outer\">\n            <div data-colibri-id=\"516-c135\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-809 style-local-516-c135 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"516-c136\" class=\"h-global-transition-all h-heading style-810 style-local-516-c136 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-810 style-local-516-c136\">\n                    <!---->\n                    <!---->\n                    <h2 class=\"\">Portfolio<\/h2>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"516-c137\" class=\"h-lead h-text h-text-component style-811 style-local-516-c137 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>With the Internet spreading like wildfire and reaching every part of our daily life, more and more traffic is directed to websites in search for information.<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"516-c93\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-795 style-local-516-c93 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-796-outer style-local-516-c94-outer\">\n            <div data-colibri-id=\"516-c94\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-796 style-local-516-c94 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c95\" class=\"content-swap style-797 style-local-516-c95 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c96\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-798 style-local-516-c96 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c97\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-799 style-local-516-c97 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c98\" class=\"h-icon style-800 style-local-516-c98 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-800-icon style-local-516-c98-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-796-outer style-local-516-c99-outer\">\n            <div data-colibri-id=\"516-c99\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-796 style-local-516-c99 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c100\" class=\"content-swap style-801 style-local-516-c100 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c101\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-798 style-local-516-c101 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c102\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-799 style-local-516-c102 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c103\" class=\"h-icon style-800 style-local-516-c103 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-800-icon style-local-516-c103-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-796-outer style-local-516-c104-outer\">\n            <div data-colibri-id=\"516-c104\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-796 style-local-516-c104 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c105\" class=\"content-swap style-802 style-local-516-c105 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c106\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-798 style-local-516-c106 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c107\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-799 style-local-516-c107 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c108\" class=\"h-icon style-800 style-local-516-c108 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-800-icon style-local-516-c108-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-796-outer style-local-516-c109-outer\">\n            <div data-colibri-id=\"516-c109\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-796 style-local-516-c109 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c110\" class=\"content-swap style-803 style-local-516-c110 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c111\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-798 style-local-516-c111 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c112\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-799 style-local-516-c112 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c113\" class=\"h-icon style-800 style-local-516-c113 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-800-icon style-local-516-c113-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-796-outer style-local-516-c114-outer\">\n            <div data-colibri-id=\"516-c114\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-796 style-local-516-c114 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c115\" class=\"content-swap style-804 style-local-516-c115 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c116\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-798 style-local-516-c116 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c117\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-799 style-local-516-c117 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c118\" class=\"h-icon style-800 style-local-516-c118 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-800-icon style-local-516-c118-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-796-outer style-local-516-c119-outer\">\n            <div data-colibri-id=\"516-c119\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-796 style-local-516-c119 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c120\" class=\"content-swap style-805 style-local-516-c120 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c121\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-798 style-local-516-c121 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c122\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-799 style-local-516-c122 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c123\" class=\"h-icon style-800 style-local-516-c123 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-800-icon style-local-516-c123-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-796-outer style-local-516-c124-outer\">\n            <div data-colibri-id=\"516-c124\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-796 style-local-516-c124 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c125\" class=\"content-swap style-806 style-local-516-c125 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c126\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-798 style-local-516-c126 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c127\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-799 style-local-516-c127 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c128\" class=\"h-icon style-800 style-local-516-c128 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-800-icon style-local-516-c128-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-796-outer style-local-516-c129-outer\">\n            <div data-colibri-id=\"516-c129\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-796 style-local-516-c129 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c130\" class=\"content-swap style-807 style-local-516-c130 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c131\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-798 style-local-516-c131 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c132\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-799 style-local-516-c132 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c133\" class=\"h-icon style-800 style-local-516-c133 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-800-icon style-local-516-c133-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"section\" data-colibri-id=\"516-c138\" id=\"portfolio\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-812 style-local-516-c138 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-fluid-container\">\n      <div data-colibri-id=\"516-c180\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-826 style-local-516-c180 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-827-outer style-local-516-c181-outer\">\n            <div data-colibri-id=\"516-c181\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-827 style-local-516-c181 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"516-c182\" class=\"h-global-transition-all h-heading style-828 style-local-516-c182 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-828 style-local-516-c182\">\n                    <!---->\n                    <!---->\n                    <h2 class=\"\">Portfolio<\/h2>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"516-c183\" class=\"h-lead h-text h-text-component style-829 style-local-516-c183 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>With the Internet spreading like wildfire and reaching every part of our daily life, more and more traffic is directed to websites in search for information.<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"516-c139\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-813 style-local-516-c139 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-814-outer style-local-516-c140-outer\">\n            <div data-colibri-id=\"516-c140\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-814 style-local-516-c140 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c141\" class=\"content-swap style-815 style-local-516-c141 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c142\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-816 style-local-516-c142 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c143\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-817 style-local-516-c143 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c144\" class=\"h-icon style-818 style-local-516-c144 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-818-icon style-local-516-c144-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-814-outer style-local-516-c145-outer\">\n            <div data-colibri-id=\"516-c145\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-814 style-local-516-c145 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c146\" class=\"content-swap style-819 style-local-516-c146 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c147\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-816 style-local-516-c147 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c148\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-817 style-local-516-c148 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c149\" class=\"h-icon style-818 style-local-516-c149 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-818-icon style-local-516-c149-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-814-outer style-local-516-c150-outer\">\n            <div data-colibri-id=\"516-c150\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-814 style-local-516-c150 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c151\" class=\"content-swap style-820 style-local-516-c151 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c152\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-816 style-local-516-c152 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c153\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-817 style-local-516-c153 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c154\" class=\"h-icon style-818 style-local-516-c154 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-818-icon style-local-516-c154-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-814-outer style-local-516-c155-outer\">\n            <div data-colibri-id=\"516-c155\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-814 style-local-516-c155 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c156\" class=\"content-swap style-821 style-local-516-c156 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c157\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-816 style-local-516-c157 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c158\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-817 style-local-516-c158 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c159\" class=\"h-icon style-818 style-local-516-c159 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-818-icon style-local-516-c159-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-814-outer style-local-516-c160-outer\">\n            <div data-colibri-id=\"516-c160\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-814 style-local-516-c160 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c161\" class=\"content-swap style-822 style-local-516-c161 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c162\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-816 style-local-516-c162 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c163\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-817 style-local-516-c163 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c164\" class=\"h-icon style-818 style-local-516-c164 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-818-icon style-local-516-c164-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-814-outer style-local-516-c165-outer\">\n            <div data-colibri-id=\"516-c165\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-814 style-local-516-c165 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c166\" class=\"content-swap style-823 style-local-516-c166 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c167\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-816 style-local-516-c167 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c168\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-817 style-local-516-c168 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c169\" class=\"h-icon style-818 style-local-516-c169 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-818-icon style-local-516-c169-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-814-outer style-local-516-c170-outer\">\n            <div data-colibri-id=\"516-c170\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-814 style-local-516-c170 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c171\" class=\"content-swap style-824 style-local-516-c171 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c172\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-816 style-local-516-c172 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c173\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-817 style-local-516-c173 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c174\" class=\"h-icon style-818 style-local-516-c174 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-818-icon style-local-516-c174-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-814-outer style-local-516-c175-outer\">\n            <div data-colibri-id=\"516-c175\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-814 style-local-516-c175 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c176\" class=\"content-swap style-825 style-local-516-c176 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c177\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-816 style-local-516-c177 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c178\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-817 style-local-516-c178 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c179\" class=\"h-icon style-818 style-local-516-c179 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-818-icon style-local-516-c179-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"section\" data-colibri-id=\"516-c184\" id=\"portfolio\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-830 style-local-516-c184 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-fluid-container\">\n      <div data-colibri-id=\"516-c226\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-844 style-local-516-c226 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-845-outer style-local-516-c227-outer\">\n            <div data-colibri-id=\"516-c227\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-845 style-local-516-c227 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"516-c228\" class=\"h-global-transition-all h-heading style-846 style-local-516-c228 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-846 style-local-516-c228\">\n                    <!---->\n                    <!---->\n                    <h2 class=\"\">Portfolio<\/h2>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"516-c229\" class=\"h-lead h-text h-text-component style-847 style-local-516-c229 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>With the Internet spreading like wildfire and reaching every part of our daily life, more and more traffic is directed to websites in search for information.<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"516-c185\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-831 style-local-516-c185 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-832-outer style-local-516-c186-outer\">\n            <div data-colibri-id=\"516-c186\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-832 style-local-516-c186 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c187\" class=\"content-swap style-833 style-local-516-c187 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c188\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-834 style-local-516-c188 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c189\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-835 style-local-516-c189 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c190\" class=\"h-icon style-836 style-local-516-c190 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-836-icon style-local-516-c190-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-832-outer style-local-516-c191-outer\">\n            <div data-colibri-id=\"516-c191\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-832 style-local-516-c191 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c192\" class=\"content-swap style-837 style-local-516-c192 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c193\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-834 style-local-516-c193 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c194\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-835 style-local-516-c194 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c195\" class=\"h-icon style-836 style-local-516-c195 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-836-icon style-local-516-c195-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-832-outer style-local-516-c196-outer\">\n            <div data-colibri-id=\"516-c196\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-832 style-local-516-c196 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c197\" class=\"content-swap style-838 style-local-516-c197 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c198\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-834 style-local-516-c198 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c199\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-835 style-local-516-c199 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c200\" class=\"h-icon style-836 style-local-516-c200 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-836-icon style-local-516-c200-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-832-outer style-local-516-c201-outer\">\n            <div data-colibri-id=\"516-c201\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-832 style-local-516-c201 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c202\" class=\"content-swap style-839 style-local-516-c202 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c203\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-834 style-local-516-c203 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c204\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-835 style-local-516-c204 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c205\" class=\"h-icon style-836 style-local-516-c205 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-836-icon style-local-516-c205-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-832-outer style-local-516-c206-outer\">\n            <div data-colibri-id=\"516-c206\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-832 style-local-516-c206 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c207\" class=\"content-swap style-840 style-local-516-c207 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c208\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-834 style-local-516-c208 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c209\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-835 style-local-516-c209 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c210\" class=\"h-icon style-836 style-local-516-c210 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-836-icon style-local-516-c210-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-832-outer style-local-516-c211-outer\">\n            <div data-colibri-id=\"516-c211\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-832 style-local-516-c211 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c212\" class=\"content-swap style-841 style-local-516-c212 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c213\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-834 style-local-516-c213 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c214\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-835 style-local-516-c214 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c215\" class=\"h-icon style-836 style-local-516-c215 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-836-icon style-local-516-c215-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-832-outer style-local-516-c216-outer\">\n            <div data-colibri-id=\"516-c216\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-832 style-local-516-c216 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c217\" class=\"content-swap style-842 style-local-516-c217 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c218\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-834 style-local-516-c218 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c219\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-835 style-local-516-c219 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c220\" class=\"h-icon style-836 style-local-516-c220 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-836-icon style-local-516-c220-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-832-outer style-local-516-c221-outer\">\n            <div data-colibri-id=\"516-c221\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-832 style-local-516-c221 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c222\" class=\"content-swap style-843 style-local-516-c222 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c223\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-834 style-local-516-c223 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c224\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-835 style-local-516-c224 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c225\" class=\"h-icon style-836 style-local-516-c225 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-836-icon style-local-516-c225-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"section\" data-colibri-id=\"516-c230\" id=\"portfolio\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-848 style-local-516-c230 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-fluid-container\">\n      <div data-colibri-id=\"516-c272\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-862 style-local-516-c272 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-863-outer style-local-516-c273-outer\">\n            <div data-colibri-id=\"516-c273\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-863 style-local-516-c273 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"516-c274\" class=\"h-global-transition-all h-heading style-864 style-local-516-c274 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-864 style-local-516-c274\">\n                    <!---->\n                    <!---->\n                    <h2 class=\"\">Portfolio<\/h2>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"516-c275\" class=\"h-lead h-text h-text-component style-865 style-local-516-c275 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>With the Internet spreading like wildfire and reaching every part of our daily life, more and more traffic is directed to websites in search for information.<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"516-c231\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-849 style-local-516-c231 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-850-outer style-local-516-c232-outer\">\n            <div data-colibri-id=\"516-c232\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-850 style-local-516-c232 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c233\" class=\"content-swap style-851 style-local-516-c233 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c234\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-852 style-local-516-c234 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c235\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-853 style-local-516-c235 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c236\" class=\"h-icon style-854 style-local-516-c236 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-854-icon style-local-516-c236-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-850-outer style-local-516-c237-outer\">\n            <div data-colibri-id=\"516-c237\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-850 style-local-516-c237 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c238\" class=\"content-swap style-855 style-local-516-c238 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c239\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-852 style-local-516-c239 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c240\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-853 style-local-516-c240 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c241\" class=\"h-icon style-854 style-local-516-c241 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-854-icon style-local-516-c241-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-850-outer style-local-516-c242-outer\">\n            <div data-colibri-id=\"516-c242\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-850 style-local-516-c242 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c243\" class=\"content-swap style-856 style-local-516-c243 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c244\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-852 style-local-516-c244 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c245\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-853 style-local-516-c245 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c246\" class=\"h-icon style-854 style-local-516-c246 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-854-icon style-local-516-c246-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-850-outer style-local-516-c247-outer\">\n            <div data-colibri-id=\"516-c247\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-850 style-local-516-c247 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c248\" class=\"content-swap style-857 style-local-516-c248 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c249\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-852 style-local-516-c249 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c250\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-853 style-local-516-c250 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c251\" class=\"h-icon style-854 style-local-516-c251 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-854-icon style-local-516-c251-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-850-outer style-local-516-c252-outer\">\n            <div data-colibri-id=\"516-c252\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-850 style-local-516-c252 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c253\" class=\"content-swap style-858 style-local-516-c253 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c254\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-852 style-local-516-c254 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c255\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-853 style-local-516-c255 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c256\" class=\"h-icon style-854 style-local-516-c256 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-854-icon style-local-516-c256-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-850-outer style-local-516-c257-outer\">\n            <div data-colibri-id=\"516-c257\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-850 style-local-516-c257 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c258\" class=\"content-swap style-859 style-local-516-c258 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c259\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-852 style-local-516-c259 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c260\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-853 style-local-516-c260 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c261\" class=\"h-icon style-854 style-local-516-c261 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-854-icon style-local-516-c261-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-850-outer style-local-516-c262-outer\">\n            <div data-colibri-id=\"516-c262\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-850 style-local-516-c262 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c263\" class=\"content-swap style-860 style-local-516-c263 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c264\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-852 style-local-516-c264 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c265\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-853 style-local-516-c265 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c266\" class=\"h-icon style-854 style-local-516-c266 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-854-icon style-local-516-c266-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-850-outer style-local-516-c267-outer\">\n            <div data-colibri-id=\"516-c267\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-850 style-local-516-c267 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"content-swap\" data-colibri-id=\"516-c268\" class=\"content-swap style-861 style-local-516-c268 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                    <div data-normal=\"\" data-colibri-id=\"516-c269\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-852 style-local-516-c269 position-relative\">\n                      <!---->\n                      <div class=\"w-100 h-y-container\">\n                        <!---->\n                      <\/div>\n                    <\/div>\n                    <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"516-c270\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-853 style-local-516-c270 position-relative\"\n                      style=\"display: none;\">\n                      <!---->\n                      <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                        <!---->\n                        <div data-colibri-id=\"516-c271\" class=\"h-icon style-854 style-local-516-c271 position-relative h-element\">\n                          <!---->\n                          <a href=\"#\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-854-icon style-local-516-c271-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"search\" viewBox=\"0 0 512 545.5\"><path d=\"M304 80c88.176 0 160 71.824 160 160s-71.824 160-160 160c-38.32 0-73.41-13.423-101-36L75.5 491.5l-23-23L180 341c-22.577-27.59-36-62.68-36-101 0-88.176 71.824-160 160-160zm0 32c-70.882 0-128 57.118-128 128s57.118 128 128 128 128-57.118 128-128-57.118-128-128-128z\"><\/path><\/svg><\/span><\/a>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Gurgaon, official name Gurugram, has established itself as one of India&#8217;s premier financial, technology, and real estate hubs. For home seekers, high-net-worth individuals, and institutional investors looking for capital appreciation or tailored living spaces, the decision to buy residential land and plots in Gurgaon represents a strategic step toward long-term wealth creation. Unlike pre-constructed apartments, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":517,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[6,8,7,4,5],"class_list":["post-516","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-affordable-flats-in-gurgaon","tag-buy-residential-plot-gurgaon","tag-residential-land-for-sale-gurgaon","tag-residential-land-in-gurgaon","tag-residential-plots-in-gurgaon"],"_links":{"self":[{"href":"https:\/\/gurgaonplotsand-work.colibriwp.com\/residential-land-and-plots\/wp-json\/wp\/v2\/posts\/516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gurgaonplotsand-work.colibriwp.com\/residential-land-and-plots\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gurgaonplotsand-work.colibriwp.com\/residential-land-and-plots\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gurgaonplotsand-work.colibriwp.com\/residential-land-and-plots\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gurgaonplotsand-work.colibriwp.com\/residential-land-and-plots\/wp-json\/wp\/v2\/comments?post=516"}],"version-history":[{"count":4,"href":"https:\/\/gurgaonplotsand-work.colibriwp.com\/residential-land-and-plots\/wp-json\/wp\/v2\/posts\/516\/revisions"}],"predecessor-version":[{"id":539,"href":"https:\/\/gurgaonplotsand-work.colibriwp.com\/residential-land-and-plots\/wp-json\/wp\/v2\/posts\/516\/revisions\/539"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gurgaonplotsand-work.colibriwp.com\/residential-land-and-plots\/wp-json\/wp\/v2\/media\/517"}],"wp:attachment":[{"href":"https:\/\/gurgaonplotsand-work.colibriwp.com\/residential-land-and-plots\/wp-json\/wp\/v2\/media?parent=516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gurgaonplotsand-work.colibriwp.com\/residential-land-and-plots\/wp-json\/wp\/v2\/categories?post=516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gurgaonplotsand-work.colibriwp.com\/residential-land-and-plots\/wp-json\/wp\/v2\/tags?post=516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}