{"id":1218,"date":"2023-12-14T22:16:49","date_gmt":"2023-12-14T22:16:49","guid":{"rendered":"https:\/\/hamadenergy.com\/sample-page\/"},"modified":"2025-09-22T14:13:53","modified_gmt":"2025-09-22T14:13:53","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/hamadenergy.com\/pt-pt\/","title":{"rendered":"HomePage"},"content":{"rendered":"\n    <div id=\"\" class=\"relative\">\n        <swiper-container direction=\"vertical\" class=\"mySwiper-home-page h-[44rem] md:h-[50rem] lg:h-[54rem]\" pagination=\"true\" pagination-clickable=\"true\" speed=\"1500\" loop=\"false\" autoplay-delay=\"5000\" autoplay-disable-on-interaction=\"false\" style=\"--swiper-pagination-bullet-inactive-color: #F6F6F6; --swiper-pagination-color: #F6F6F6; --swiper-pagination-right: 3rem;\">\n                            <swiper-slide>\n                    <div class=\"relative\">\n                                                                            <img decoding=\"async\" class=\"block md:hidden w-full h-[44rem] object-cover brightness-[0.7] absolute -z-10\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Imagem-background.png\" alt=\"Imagem-background\" loading=\"lazy\">\n                                                                            <video class=\"hidden md:block w-full h-[54rem] object-cover brightness-[0.7] absolute -z-10 lazy\" autoplay loop muted playsinline>\n                                <source data-src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/11\/video-home-1.mp4\" type=\"video\/mp4\">\n                            <\/video>\n                                                <div class=\"absolute z-10 left-1\/2 transform -translate-x-1\/2 w-full max-w-container-hamad bg-transparent\">\n                            <div class=\"w-full h-[44rem] lg:h-[54rem] max-w-container-hamad mx-auto px-6 pt-20 md:pt-48 xl:px-16 2xl:px-0 bg-transparent\">\n                                <div class=\"2xl:w-[75%] xl:w-[75%] lg:w-[40%] md:w-[80%] w-full flex flex-col gap-2 font-sans\">\n                                    <p class=\"text-white font-normal text-base\">WELCOME TO HAMAD<\/p>\n                                    <h2 class=\"text-white font-normal md:text-7xl text-[3.12rem] leading-[3.75rem] md:leading-[5rem] my-0 break-words\">We believe <br>in the power<br> of exchange<\/h2>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/swiper-slide>\n\n\n                            <swiper-slide>\n                    <div class=\"relative\">\n                                                                            <img decoding=\"async\" class=\"block md:hidden w-full h-[44rem] object-cover brightness-[0.7] absolute -z-10\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Imagem-background-1.png\" alt=\"Imagem-background (1)\" loading=\"lazy\">\n                                                                            <video class=\"hidden md:block w-full h-[54rem] object-cover brightness-[0.7] absolute -z-10 lazy\" autoplay loop muted playsinline>\n                                <source data-src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/11\/Logo_Capacete_v2-2.mp4\" type=\"video\/mp4\">\n                            <\/video>\n                                                <div class=\"absolute z-10 left-1\/2 transform -translate-x-1\/2 w-full max-w-container-hamad bg-transparent\">\n                            <div class=\"w-full h-[44rem] lg:h-[54rem] max-w-container-hamad mx-auto px-6 pt-20 md:pt-48 xl:px-16 2xl:px-0 bg-transparent\">\n                                <div class=\"2xl:w-[75%] xl:w-[75%] lg:w-[40%] md:w-[80%] w-full flex flex-col gap-2 font-sans\">\n                                    <p class=\"text-white font-normal text-base\">WELCOME TO HAMAD<\/p>\n                                    <h2 class=\"text-white font-normal md:text-7xl text-[3.12rem] leading-[3.75rem] md:leading-[5rem] my-0 break-words\">We invest <br> in safety and <br> value human <br> capital<\/h2>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/swiper-slide>\n\n\n                            <swiper-slide>\n                    <div class=\"relative\">\n                                                                            <img decoding=\"async\" class=\"block md:hidden w-full h-[44rem] object-cover brightness-[0.7] absolute -z-10\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Imagem-background-2.png\" alt=\"Imagem-background (2)\" loading=\"lazy\">\n                                                                            <video class=\"hidden md:block w-full h-[54rem] object-cover brightness-[0.7] absolute -z-10 lazy\" autoplay loop muted playsinline>\n                                <source data-src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/11\/202403060948-1.mp4\" type=\"video\/mp4\">\n                            <\/video>\n                                                <div class=\"absolute z-10 left-1\/2 transform -translate-x-1\/2 w-full max-w-container-hamad bg-transparent\">\n                            <div class=\"w-full h-[44rem] lg:h-[54rem] max-w-container-hamad mx-auto px-6 pt-20 md:pt-48 xl:px-16 2xl:px-0 bg-transparent\">\n                                <div class=\"2xl:w-[75%] xl:w-[75%] lg:w-[40%] md:w-[80%] w-full flex flex-col gap-2 font-sans\">\n                                    <p class=\"text-white font-normal text-base\">WELCOME TO HAMAD<\/p>\n                                    <h2 class=\"text-white font-normal md:text-7xl text-[3.12rem] leading-[3.75rem] md:leading-[5rem] my-0 break-words\">We tailor top-tier <br> solutions across<br> diverse sectors<\/h2>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/swiper-slide>\n\n\n                            <swiper-slide>\n                    <div class=\"relative\">\n                                                                            <img decoding=\"async\" class=\"block md:hidden w-full h-[44rem] object-cover brightness-[0.7] absolute -z-10\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Imagem-background-3.png\" alt=\"Imagem-background (3)\" loading=\"lazy\">\n                                                                            <video class=\"hidden md:block w-full h-[54rem] object-cover brightness-[0.7] absolute -z-10 lazy\" autoplay loop muted playsinline>\n                                <source data-src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/11\/202403060948-2.mp4\" type=\"video\/mp4\">\n                            <\/video>\n                                                <div class=\"absolute z-10 left-1\/2 transform -translate-x-1\/2 w-full max-w-container-hamad bg-transparent\">\n                            <div class=\"w-full h-[44rem] lg:h-[54rem] max-w-container-hamad mx-auto px-6 pt-20 md:pt-48 xl:px-16 2xl:px-0 bg-transparent\">\n                                <div class=\"2xl:w-[75%] xl:w-[75%] lg:w-[40%] md:w-[80%] w-full flex flex-col gap-2 font-sans\">\n                                    <p class=\"text-white font-normal text-base\">WELCOME TO HAMAD<\/p>\n                                    <h2 class=\"text-white font-normal md:text-7xl text-[3.12rem] leading-[3.75rem] md:leading-[5rem] my-0 break-words\">We respect <br> the planet, our <br> most important <br> partner<\/h2>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/swiper-slide>\n\n\n                    <\/swiper-container>\n        <div class=\"absolute bottom-24 left-[1.5rem] z-50 flex md:hidden flex-col gap-2 font-sans items-center justify-center\">\n            <span class=\"text-white text-base\">Scroll<\/span>\n            <a href=\"#about-us\" class=\"smooth-scroll bg-white p-2 rounded-full \">\n                <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <g clip-path=\"url(#clip0_345_3068)\">\n                        <path d=\"M16 22L6 12L7.4 10.6L16 19.2L24.6 10.6L26 12L16 22Z\" fill=\"#C61F26\" \/>\n                    <\/g>\n                    <defs>\n                        <clipPath id=\"clip0_345_3068\">\n                            <rect width=\"32\" height=\"32\" fill=\"white\" \/>\n                        <\/clipPath>\n                    <\/defs>\n                <\/svg>\n            <\/a>\n        <\/div>\n\n        <!-- slider images -->\n    <\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        var lazyVideos = [].slice.call(document.querySelectorAll(\"video.lazy\"));\n        if (\"IntersectionObserver\" in window) {\n            var lazyVideoObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(video) {\n                    if (video.isIntersecting) {\n                        for (var source in video.target.children) {\n                            var videoSource = video.target.children[source];\n                            if (typeof videoSource.tagName === \"string\" && videoSource.tagName === \"SOURCE\") {\n                                videoSource.src = videoSource.dataset.src;\n                            }\n                        }\n\n                        video.target.load();\n                        video.target.classList.remove(\"lazy\");\n                        lazyVideoObserver.unobserve(video.target);\n                    }\n                });\n            });\n\n            lazyVideos.forEach(function(lazyVideo) {\n                lazyVideoObserver.observe(lazyVideo);\n            });\n        }\n    });\n\n\n    function scrollToSection(target, duration) {\n        const targetElement = document.querySelector(target);\n        const targetPosition = targetElement.getBoundingClientRect().top;\n        const startPosition = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n        let startTime = null;\n\n        function animation(currentTime) {\n            startTime = startTime || currentTime;\n            const timeElapsed = currentTime - startTime;\n            const run = ease(timeElapsed, startPosition, targetPosition, duration);\n            window.scrollTo(0, run);\n            if (timeElapsed < duration) requestAnimationFrame(animation);\n        }\n\n        function ease(t, b, c, d) {\n            t \/= d \/ 2;\n            if (t < 1) return c \/ 2 * t * t + b;\n            t--;\n            return -c \/ 2 * (t * (t - 2) - 1) + b;\n        }\n\n        requestAnimationFrame(animation);\n    }\n\n    document.querySelectorAll('.smooth-scroll').forEach(function(link) {\n        link.addEventListener('click', function(e) {\n            e.preventDefault();\n            const targetId = this.getAttribute('href');\n            const duration = 1000;\n            scrollToSection(targetId, duration);\n        });\n    });\n<\/script>\n\n<section id=\"\">\n<div id=\"about-us\" class=\"menu-dynamic relative pt-32 lg:pt-52 pb-44 lg:pb-[29rem] w-full max-w-container-hamad xl:px-16 2xl:px-0 mx-auto\" style=\"background-color: #ffffff;\">\n    <div class=\"px-6 lg:pl-20 2xl:pl-28 grid lg:grid-cols-[40ch_auto] xl:grid-cols-[69ch_auto] grid-cols-1 gap-20 md:gap-32 lg:gap-5 lg:relative\">\n        <div class=\"flex flex-col gap-6 md:max-w-[75%] lg:max-w-full mx-auto overflow-hidden\">\n            <div class=\"flex flex-col title-animation mb-2\">\n                <p class=\"text-hamad-primary-700 text-sm font-medium name-menu-dynamic mb-2\">ABOUT US<\/p>\n                <h4 class=\"text-3xl lg:text-[2.62rem] w-full font-normal text-hamad-neutra-950 my-0 lg:leading-[3.25rem]\">\n                    Innovative and Engineering Business Solutions                <\/h4>\n            <\/div>\n            <p class=\"text-base w-full lg:w-[93%] !text-justify title-animation\">\n                In our journey of more than a decade, HAMAD has played a pivotal role in the development of structural projects to serve the Oil and Gas sector in Angola. We have consistently delivered top-notch services, contributing to the success of major national and international projects.            <\/p>\n            <!--  -->\n        <\/div>\n        <div class=\"hidden md:grid grid-cols-2 gap-5 lg:absolute lg:right-0 xl:-right-16 2xl:-right-16\">\n            <div class=\"flex flex-col items-end gap-4 overflow-hidden\">\n                                                        <img decoding=\"async\" class=\"2xl:w-[19rem] w-[14rem] 2xl:h-[24rem] h-[19rem] object-cover cards-animation-delay\" style=\"--i: 1;\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/01\/0_1-3-1.png\" alt=\"\" loading=\"lazy\">\n                \n                                                        <img decoding=\"async\" class=\"2xl:w-[23rem] w-[18rem] 2xl:h-[14rem] h-[9rem] object-cover cards-animation-delay\" style=\"--i: 2;\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/01\/Screenshot-2023-12-19-at-15.36-1.png\" alt=\"\" loading=\"lazy\">\n                            <\/div>\n\n                                            <div class=\"flex flex-col items-start justify-center overflow-hidden\">\n                    <img decoding=\"async\" class=\"md:w-[18rem] w-full 2xl:h-[29rem] h-[24rem] object-cover cards-animation-delay\" style=\"--i: 3;\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Picture.png\" alt=\"Picture\" loading=\"lazy\">\n                <\/div>\n                    <\/div>\n        <div class=\"flex md:hidden justify-between relative\">\n            <div class=\"flex w-full justify-end overflow-hidden\">\n                                                        <img decoding=\"async\" class=\"w-[14rem] h-[20rem] object-cover cards-animation-delay\" style=\"--i: 1;\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/01\/0_1-3-1.png\" alt=\"\" loading=\"lazy\">\n                            <\/div>\n            <div class=\"absolute -bottom-28 left-0 z-10 overflow-hidden\">\n                                                        <img decoding=\"async\" class=\"w-[17rem] h-[12rem] object-cover cards-animation-delay\" style=\"--i: 2;\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/01\/Screenshot-2023-12-19-at-15.36-1.png\" alt=\"\" loading=\"lazy\">\n                            <\/div>\n        <\/div>\n    <\/div>\n    <img decoding=\"async\" class=\"absolute -bottom-16 lg:bottom-44 2xl:bottom-36 left-0 2xl:-left-16 lg:max-w-[712px] max-h-[54px] md:max-h-[64px] lg:max-h-[78px] object-cover !hidden md:!block title-animation\" src=\"https:\/\/hamadenergy.com\/wp-content\/themes\/hamad\/assets\/img\/layer-about-us.svg\" alt=\"Layer Image\" loading=\"lazy\">\n<\/div>\n<\/section>\n\n\n<style>\n    .line-clamp-2 {\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n    }\n\n    .line-clamp-5 {\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 5;\n    }\n\n    .swiper-button-next:hover,\n    .swiper-button-prev:hover {\n        color: #FFFFFF !important;\n        background-color: #C61F26 !important;\n\n    }\n<\/style>\n<section id=\"\">\n<div id=\"segments--services\" class=\"menu-dynamic xl:px-16 2xl:px-0\" style=\"background-color: #f6f6f6;\">\n    <div class=\"py-48 px-6 lg:pl-20 2xl:pl-28 w-full max-w-container-hamad mx-auto relative\">\n        <img decoding=\"async\" class=\"absolute top-0 right-0 lg:max-w-[712px] max-h-[54px] md:max-h-[64px] lg:max-h-[78px] object-cover !blcok md:!hidden title-animation\" src=\"https:\/\/hamadenergy.com\/wp-content\/themes\/hamad\/assets\/img\/layer_mobile.svg\" alt=\"Layer Image\" loading=\"lazy\">\n        <div class=\"flex flex-col w-full md:w-[80%] mx-auto lg:w-full mb-16 gap-6 overflow-hidden\">\n            <div class=\"flex flex-col gap-2 title-animation\">\n                <div class=\"flex justify-between\">\n                    <p class=\"text-hamad-primary-700 text-sm font-medium name-menu-dynamic\">SEGMENTS & SERVICES<\/p>\n                <\/div>\n                <h4 class=\"text-3xl lg:text-[2.62rem] lg:w-[70%] lg:leading-[3.25rem] text-hamad-neutra-950 font-normal my-0\">\n                    We delivered top-notch solutions across various sectors                <\/h4>\n            <\/div>\n            <p class=\"text-base font-light w-full lg:w-[75%] title-animation\">\n                With over 13 years of industry expertise, our commitment to excellence is reflected in a diverse range of services tailored to meet the unique demands of the oil and gas sector and beyond.            <\/p>\n        <\/div>\n                    <div class=\"block md:hidden md:w-[80%] mx-auto mt-20\">\n                <swiper-container class=\"mySwiper-our-services-mobile cursor-grab active:cursor-grabbing\" slides-per-view=\"1.2\" space-between=\"20\" free-mode=\"true\">\n                                            <swiper-slide>\n                            <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 1;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                        <h5 class=\"my-0 line-clamp-2 text-base text-hamad-neutra-950 font-semibold group-hover:text-white\">\n                                        EPCI                                    <\/h5>\n                                    <p class=\"card-text text-xs font-normal text-[#888888] line-clamp-1 group-hover:text-white\">\n                                        We offer end-to-end procurement and installation (EPCI) services.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our EPCI services are designed to streamline project execution, ensuring seamless integration and timely delivery.                                    <\/p>\n                                <\/div>\n                                                                    <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\" href=\"\/segments-services#general-services\">\n                                        <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                            Learn more                                        <\/p>\n                                        <div class=\"group-hover:hidden block\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                        <div class=\"group-hover:block hidden\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide>\n                            <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 2;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                        <h5 class=\"my-0 line-clamp-2 text-base text-hamad-neutra-950 font-semibold group-hover:text-white\">\n                                        Pipes and Valves                                    <\/h5>\n                                    <p class=\"card-text text-xs font-normal text-[#888888] line-clamp-1 group-hover:text-white\">\n                                        We provide customizable pipes and valves for the oil & gas sector.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        We excel in providing customizable, high-quality pipes and valves tailored to the specific needs of the oil & gas sector.                                    <\/p>\n                                <\/div>\n                                                                    <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\" href=\"\/segments-services#general-services\">\n                                        <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                            Learn more                                        <\/p>\n                                        <div class=\"group-hover:hidden block\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                        <div class=\"group-hover:block hidden\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide>\n                            <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 3;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                        <h5 class=\"my-0 line-clamp-2 text-base text-hamad-neutra-950 font-semibold group-hover:text-white\">\n                                        P&A                                    <\/h5>\n                                    <p class=\"card-text text-xs font-normal text-[#888888] line-clamp-1 group-hover:text-white\">\n                                        We assist Oil & Gas operators in the Plug and Abandonment (P&A) process.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        We ensure environmental compliance, supporting a major international petroleum company in abandonment campaigns in Angola.                                    <\/p>\n                                <\/div>\n                                                                    <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\" href=\"\/segments-services#general-services\">\n                                        <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                            Learn more                                        <\/p>\n                                        <div class=\"group-hover:hidden block\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                        <div class=\"group-hover:block hidden\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide>\n                            <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 4;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 line-clamp-2 text-base text-hamad-neutra-950 font-semibold group-hover:text-white\">\n                                        Decommissioning                                    <\/h5>\n                                    <p class=\"card-text text-xs font-normal text-[#888888] line-clamp-1 group-hover:text-white\">\n                                        We understand the importance of responsibly retiring oil and gas infrastructure.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        We prioritize sustainable practices, minimizing environmental impact and maximizing resource recovery.                                    <\/p>\n                                <\/div>\n                                                                    <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\" href=\"\/segments-services#offshore-services\">\n                                        <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                            Learn more                                        <\/p>\n                                        <div class=\"group-hover:hidden block\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                        <div class=\"group-hover:block hidden\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide>\n                            <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 5;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 line-clamp-2 text-base text-hamad-neutra-950 font-semibold group-hover:text-white\">\n                                        LightWell Intervention                                    <\/h5>\n                                    <p class=\"card-text text-xs font-normal text-[#888888] line-clamp-1 group-hover:text-white\">\n                                        We offer precise solutionsfor maintaining and optimizing well performance.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our approach prioritizes minimal downtime and maximum productivity, enhancing reservoir recovery.                                    <\/p>\n                                <\/div>\n                                                                    <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\" href=\"\/segments-services#offshore-services\">\n                                        <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                            Learn more                                        <\/p>\n                                        <div class=\"group-hover:hidden block\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                        <div class=\"group-hover:block hidden\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide>\n                            <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 6;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 line-clamp-2 text-base text-hamad-neutra-950 font-semibold group-hover:text-white\">\n                                        Flexible Riser Aftermarket Monitoring                                    <\/h5>\n                                    <p class=\"card-text text-xs font-normal text-[#888888] line-clamp-1 group-hover:text-white\">\n                                        We provide real-timeinsights into the health and performance of subsea risers.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our cutting-edge technologies enableproactive maintenance, minimizing downtime and reducing costly repairs.                                    <\/p>\n                                <\/div>\n                                                                    <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\" href=\"\/segments-services#offshore-services\">\n                                        <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                            Learn more                                        <\/p>\n                                        <div class=\"group-hover:hidden block\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                        <div class=\"group-hover:block hidden\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide>\n                            <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 7;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 line-clamp-2 text-base text-hamad-neutra-950 font-semibold group-hover:text-white\">\n                                        Flexible Pipe Installation Monitoring                                    <\/h5>\n                                    <p class=\"card-text text-xs font-normal text-[#888888] line-clamp-1 group-hover:text-white\">\n                                        We empower our clients to navigate with confidence.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our real-time monitoring systems provide critical data, safeguarding your offshore operations from start to finish.                                    <\/p>\n                                <\/div>\n                                                                    <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\" href=\"\/segments-services#offshore-services\">\n                                        <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                            Learn more                                        <\/p>\n                                        <div class=\"group-hover:hidden block\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                        <div class=\"group-hover:block hidden\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide>\n                            <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 8;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 line-clamp-2 text-base text-hamad-neutra-950 font-semibold group-hover:text-white\">\n                                        ROV Support                                    <\/h5>\n                                    <p class=\"card-text text-xs font-normal text-[#888888] line-clamp-1 group-hover:text-white\">\n                                        We offer extensive ROV solutions tailored to meet the needs of each project.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our fleet of advanced ROVs and skilled operators are equipped to handle the most challenging under water environments.                                    <\/p>\n                                <\/div>\n                                                                    <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\" href=\"\/segments-services#offshore-services\">\n                                        <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                            Learn more                                        <\/p>\n                                        <div class=\"group-hover:hidden block\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                        <div class=\"group-hover:block hidden\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide>\n                            <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 9;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 line-clamp-2 text-base text-hamad-neutra-950 font-semibold group-hover:text-white\">\n                                        Well Stimulation                                    <\/h5>\n                                    <p class=\"card-text text-xs font-normal text-[#888888] line-clamp-1 group-hover:text-white\">\n                                        We specialize in enhancing well productivity through advanced stimulation techniques.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our expert team leverages cutting-edge technology to optimize reservoir performance and maximize production yields.                                    <\/p>\n                                <\/div>\n                                                                    <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\" href=\"\/segments-services#offshore-services\">\n                                        <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                            Learn more                                        <\/p>\n                                        <div class=\"group-hover:hidden block\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                        <div class=\"group-hover:block hidden\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide>\n                            <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 10;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Marine Services                                        <\/span>\n                                                                        <h5 class=\"my-0 line-clamp-2 text-base text-hamad-neutra-950 font-semibold group-hover:text-white\">\n                                        Vessel Supply and Management                                    <\/h5>\n                                    <p class=\"card-text text-xs font-normal text-[#888888] line-clamp-1 group-hover:text-white\">\n                                        We offer end-to-end solutions tailored to meet your specific maritime needs.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our fleet is meticulously maintained and operated by experienced professionals, guaranteeing safety and efficiency.                                    <\/p>\n                                <\/div>\n                                                                    <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\" href=\"\/segments-services#marine-services\">\n                                        <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                            Learn more                                        <\/p>\n                                        <div class=\"group-hover:hidden block\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                        <div class=\"group-hover:block hidden\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n                        <\/swiper-slide>\n                                            <swiper-slide>\n                            <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 11;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Marine Services                                        <\/span>\n                                                                        <h5 class=\"my-0 line-clamp-2 text-base text-hamad-neutra-950 font-semibold group-hover:text-white\">\n                                        Inspection Services                                    <\/h5>\n                                    <p class=\"card-text text-xs font-normal text-[#888888] line-clamp-1 group-hover:text-white\">\n                                        We utilize state-of-the-art technology and advanced methodologies to deliver accurate, timely, and comprehensive inspectionresults.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        We utilize state-of-the-art technology and advanced methodologies to deliver accurate, timely, and comprehensive inspectionresults.                                    <\/p>\n                                <\/div>\n                                                                    <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\" href=\"\/segments-services#marine-services\">\n                                        <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                            Learn more                                        <\/p>\n                                        <div class=\"group-hover:hidden block\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                        <div class=\"group-hover:block hidden\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n                        <\/swiper-slide>\n                                    <\/swiper-container>\n            <\/div>\n                            <div class=\"hidden md:block lg:hidden ml-[10%] mt-20\">\n                <div class=\"swiper mySwiper-our-services-tablet relative !pb-20 hover:cursor-grab active:cursor-grabbing\" style=\"--swiper-navigation-color: #888888; --swiper-navigation-size: 20px;\">\n                    <div class=\"swiper-wrapper\">\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 1;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        EPCI                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We offer end-to-end procurement and installation (EPCI) services.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our EPCI services are designed to streamline project execution, ensuring seamless integration and timely delivery.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#general-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 2;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        Pipes and Valves                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We provide customizable pipes and valves for the oil & gas sector.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        We excel in providing customizable, high-quality pipes and valves tailored to the specific needs of the oil & gas sector.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#general-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 3;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        P&A                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We assist Oil & Gas operators in the Plug and Abandonment (P&A) process.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        We ensure environmental compliance, supporting a major international petroleum company in abandonment campaigns in Angola.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#general-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 4;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        Decommissioning                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We understand the importance of responsibly retiring oil and gas infrastructure.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        We prioritize sustainable practices, minimizing environmental impact and maximizing resource recovery.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#offshore-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 5;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        LightWell Intervention                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We offer precise solutionsfor maintaining and optimizing well performance.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our approach prioritizes minimal downtime and maximum productivity, enhancing reservoir recovery.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#offshore-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 6;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        Flexible Riser Aftermarket Monitoring                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We provide real-timeinsights into the health and performance of subsea risers.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our cutting-edge technologies enableproactive maintenance, minimizing downtime and reducing costly repairs.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#offshore-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 7;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        Flexible Pipe Installation Monitoring                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We empower our clients to navigate with confidence.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our real-time monitoring systems provide critical data, safeguarding your offshore operations from start to finish.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#offshore-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 8;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        ROV Support                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We offer extensive ROV solutions tailored to meet the needs of each project.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our fleet of advanced ROVs and skilled operators are equipped to handle the most challenging under water environments.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#offshore-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 9;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        Well Stimulation                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We specialize in enhancing well productivity through advanced stimulation techniques.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our expert team leverages cutting-edge technology to optimize reservoir performance and maximize production yields.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#offshore-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 10;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Marine Services                                        <\/span>\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        Vessel Supply and Management                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We offer end-to-end solutions tailored to meet your specific maritime needs.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our fleet is meticulously maintained and operated by experienced professionals, guaranteeing safety and efficiency.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#marine-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 11;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Marine Services                                        <\/span>\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        Inspection Services                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We utilize state-of-the-art technology and advanced methodologies to deliver accurate, timely, and comprehensive inspectionresults.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        We utilize state-of-the-art technology and advanced methodologies to deliver accurate, timely, and comprehensive inspectionresults.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#marine-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                            <\/div>\n                    <div class=\"flex items-center absolute bottom-12 right-16 z-30 title-animation\">\n                        <div class=\"swiper-button-next border border-[#888888] rounded-full py-6 px-6 !right-auto !left-[10px] hover:border-hamad-primary-700 hover:bg-hamad-primary-700\" style=\"background-color: #f6f6f6;\"><\/div>\n                        <div class=\"swiper-button-prev border border-[#888888] rounded-full py-6 px-6 !left-auto !right-[10px] hover:border-hamad-primary-700\" style=\"background-color: #f6f6f6;\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                            <div class=\"hidden lg:block\">\n                <div class=\"swiper mySwiper-our-services relative !pb-20 hover:cursor-grab active:cursor-grabbing\" style=\"--swiper-navigation-color: #888888; --swiper-navigation-size: 20px;\">\n                    <div class=\"swiper-wrapper\">\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 1;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        EPCI                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We offer end-to-end procurement and installation (EPCI) services.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our EPCI services are designed to streamline project execution, ensuring seamless integration and timely delivery.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#general-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 2;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        Pipes and Valves                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We provide customizable pipes and valves for the oil & gas sector.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        We excel in providing customizable, high-quality pipes and valves tailored to the specific needs of the oil & gas sector.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#general-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 3;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        P&A                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We assist Oil & Gas operators in the Plug and Abandonment (P&A) process.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        We ensure environmental compliance, supporting a major international petroleum company in abandonment campaigns in Angola.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#general-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 4;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        Decommissioning                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We understand the importance of responsibly retiring oil and gas infrastructure.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        We prioritize sustainable practices, minimizing environmental impact and maximizing resource recovery.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#offshore-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 5;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        LightWell Intervention                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We offer precise solutionsfor maintaining and optimizing well performance.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our approach prioritizes minimal downtime and maximum productivity, enhancing reservoir recovery.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#offshore-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 6;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        Flexible Riser Aftermarket Monitoring                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We provide real-timeinsights into the health and performance of subsea risers.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our cutting-edge technologies enableproactive maintenance, minimizing downtime and reducing costly repairs.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#offshore-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 7;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        Flexible Pipe Installation Monitoring                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We empower our clients to navigate with confidence.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our real-time monitoring systems provide critical data, safeguarding your offshore operations from start to finish.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#offshore-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 8;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        ROV Support                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We offer extensive ROV solutions tailored to meet the needs of each project.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our fleet of advanced ROVs and skilled operators are equipped to handle the most challenging under water environments.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#offshore-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 9;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Offshore Services                                        <\/span>\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        Well Stimulation                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We specialize in enhancing well productivity through advanced stimulation techniques.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our expert team leverages cutting-edge technology to optimize reservoir performance and maximize production yields.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#offshore-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 10;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Marine Services                                        <\/span>\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        Vessel Supply and Management                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We offer end-to-end solutions tailored to meet your specific maritime needs.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        Our fleet is meticulously maintained and operated by experienced professionals, guaranteeing safety and efficiency.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#marine-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                                    <div class=\"group swiper-slide border border-[#888888] hover:border-hamad-primary-700 p-6 min-h-[15.25rem] !flex !flex-col !justify-between w-[19rem] hover:bg-hamad-primary-700 cards-animation-delay\" style=\"--i: 11;\">\n                                <div class=\"flex flex-col gap-1 group group-hover:hidden\">\n                                                                            <span class=\"text-xs text-hamad-primary-700 font-normal\">\n                                            Marine Services                                        <\/span>\n                                                                        <h5 class=\"my-0 text-base font-semibold text-hamad-neutra-950 line-clamp-2 group-hover:text-white\">\n                                        Inspection Services                                    <\/h5>\n                                    <p class=\"card-text text-sm font-normal text-[#888888] group-hover:text-white\">\n                                        We utilize state-of-the-art technology and advanced methodologies to deliver accurate, timely, and comprehensive inspectionresults.                                    <\/p>\n                                <\/div>\n                                <div class=\"hidden group group-hover:block\">\n                                    <p class=\"text-base text-white line-clamp-5\">\n                                        We utilize state-of-the-art technology and advanced methodologies to deliver accurate, timely, and comprehensive inspectionresults.                                    <\/p>\n                                <\/div>\n                                <a class=\"group decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80 mt-7\" target=\"\n                                    \" href=\"\/segments-services#marine-services\">\n                                    <p class=\"text-hamad-primary-700 text-base font-normal group-hover:text-white\">\n                                        Learn more                                    <\/p>\n                                    <div class=\"group-hover:hidden block\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"group-hover:block hidden\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#FFFFFF\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                                                <\/a>\n                            <\/div>\n                                            <\/div>\n                    <div class=\"flex items-center absolute bottom-12 right-16 z-30 title-animation\">\n                        <div class=\"swiper-button-next border border-[#888888] rounded-full py-6 px-6 !right-auto !left-[10px] hover:border-hamad-primary-700 hover:bg-hamad-primary-700\" style=\"background-color: #f6f6f6;\"><\/div>\n                        <div class=\"swiper-button-prev border border-[#888888] rounded-full py-6 px-6 !left-auto !right-[10px] hover:border-hamad-primary-700\" style=\"background-color: #f6f6f6;\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                <img decoding=\"async\" class=\"absolute bottom-0 right-0 xl:-right-16 object-cover title-animation !hidden md:!block md:w-[25rem] lg:w-[30rem]\" src=\"https:\/\/hamadenergy.com\/wp-content\/themes\/hamad\/assets\/img\/layer-people.svg\" alt=\"Layer Image\" loading=\"lazy\">\n    <\/div>\n<\/div>\n<\/section>\n<script>\n    window.addEventListener('DOMContentLoaded', function() {\n        var swiper = new Swiper(\".mySwiper-our-services\", {\n            speed: 1000,\n            slidesPerView: 3.5,\n            spaceBetween: 20,\n            navigation: {\n                nextEl: \".swiper-button-next\",\n                prevEl: \".swiper-button-prev\",\n            },\n        });\n\n        var swiperTablet = new Swiper(\".mySwiper-our-services-tablet\", {\n            speed: 1000,\n            slidesPerView: 1.9,\n            spaceBetween: 20,\n            navigation: {\n                nextEl: \".swiper-button-next\",\n                prevEl: \".swiper-button-prev\",\n            },\n        });\n    })\n<\/script>\n\n<section id=\"\">\n<div id=\"people--sustentainability\" class=\"menu-dynamic xl:px-16 2xl:px-0\" style=\"background-color: #ffffff;\">\n    <div class=\"pt-32 pb-24 px-4 lg:pl-20 2xl:pl-28 w-full max-w-container-hamad mx-auto relative\">\n        <div class=\"flex flex-col gap-2 md:w-[80%] md:mx-auto lg:mx-0 lg:w-full lg:mb-5 mb-10 font-sans overflow-hidden\">\n            <div class=\"flex justify-between items-center title-animation\">\n                <p class=\"text-hamad-primary-700 text-sm font-medium name-menu-dynamic\">\n                    PEOPLE & SUSTENTAINABILITY                <\/p>\n            <\/div>\n            <h4 class=\"text-[1.56rem] md:text-[2rem] lg:text-[2.62rem] lg:leading-[3.25rem] w-[90%] lg:w-[80%] leading-[30px] md:leading-[42px] text-hamad-neutra-950 font-normal my-0 title-animation\">\n                We integrate sustainable practices into every facet of our operations            <\/h4>\n            <p class=\"text-base font-light text-hamad-neutra-950 title-animation w-full lg:w-[80%]\">\n                Our mission extends beyond industry success; it encompasses a genuine desire to uplift and empower the communities in which we operate.            <\/p>\n        <\/div>\n                    <div class=\"swiper mySwiper-people-sustainability title-animation w-full lg:w-[92%] !ml-0 !mr-auto \" style=\"--swiper-navigation-color: #C61F26; --swiper-navigation-size: 16px; --swiper-navigation-sides-offset: 20px;\">\n                <div class=\"swiper-wrapper\">\n                                            <div class=\"swiper-slide md:py-14 py-20\">\n                            <div class=\"relative\">\n                                <div class=\"absolute -top-[70px] md:top-[-35px] lg:left-0 left-1\/2 transform -translate-x-1\/2 lg:translate-x-0 flex\">\n                                    <div class=\"p-8 w-full min-w-[19rem] md:min-w-[21rem] lg:min-w-[20rem] h-[11rem] md:h-[10rem] lg:h-[14rem] flex flex-col gap-2  justify-between font-sans\" style=\"background-color: #c62127;\">\n                                        <p class=\"text-white text-base lg:text-xl font-normal line-clamp-4\">Environmental Stewardship<\/p>\n                                                                                    <a class=\"decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80\" target=\"\" href=\"\/social-responsibility-and-sustainability\/\">\n                                                <p class=\"text-white text-base font-semibold\">\n                                                    Learn more                                                <\/p>\n                                                <div class=\"\">\n                                                    <svg width=\"24\" height=\"24\">\n                                                        <path d=\"M11.293 4.707 17.586 11H4v2h13.586l-6.293 6.293 1.414 1.414L21.414 12l-8.707-8.707-1.414 1.414z\" fill=\"#ffffff\" \/>\n                                                    <\/svg>\n                                                <\/div>\n                                            <\/a>\n                                                                            <\/div>\n                                    <div class=\"hidden lg:block w-full\">\n                                        <svg width=\"100\" height=\"224\" viewBox=\"0 0 81 213\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M7.99999 213L8 0\" stroke=\"#c62127\" stroke-width=\"16\" stroke-miterlimit=\"10\" \/>\n                                            <path d=\"M32 213L32 0\" stroke=\"#c62127\" stroke-width=\"12\" stroke-miterlimit=\"10\" \/>\n                                            <path d=\"M48 213L48 0\" stroke=\"#c62127\" stroke-width=\"4\" stroke-miterlimit=\"10\" \/>\n                                            <path d=\"M64 213L64 0\" stroke=\"#c62127\" stroke-width=\"2\" stroke-miterlimit=\"10\" \/>\n                                            <path d=\"M80 213L80 0\" stroke=\"#c62127\" stroke-width=\"2\" stroke-miterlimit=\"10\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                <img decoding=\"async\" class=\"w-full h-[25rem] md:h-[30rem] lg:h-[35rem] object-cover object-center\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Mask-group.png\" alt=\"Mask group\" loading=\"lazy\">\n                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide md:py-14 py-20\">\n                            <div class=\"relative\">\n                                <div class=\"absolute -top-[70px] md:top-[-35px] lg:left-0 left-1\/2 transform -translate-x-1\/2 lg:translate-x-0 flex\">\n                                    <div class=\"p-8 w-full min-w-[19rem] md:min-w-[21rem] lg:min-w-[20rem] h-[11rem] md:h-[10rem] lg:h-[14rem] flex flex-col gap-2  justify-between font-sans\" style=\"background-color: #c62127;\">\n                                        <p class=\"text-white text-base lg:text-xl font-normal line-clamp-4\">Community Empowerment<\/p>\n                                                                                    <a class=\"decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80\" target=\"\" href=\"\/social-responsibility-and-sustainability\/\">\n                                                <p class=\"text-white text-base font-semibold\">\n                                                    Learn more                                                <\/p>\n                                                <div class=\"\">\n                                                    <svg width=\"24\" height=\"24\">\n                                                        <path d=\"M11.293 4.707 17.586 11H4v2h13.586l-6.293 6.293 1.414 1.414L21.414 12l-8.707-8.707-1.414 1.414z\" fill=\"#ffffff\" \/>\n                                                    <\/svg>\n                                                <\/div>\n                                            <\/a>\n                                                                            <\/div>\n                                    <div class=\"hidden lg:block w-full\">\n                                        <svg width=\"100\" height=\"224\" viewBox=\"0 0 81 213\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M7.99999 213L8 0\" stroke=\"#c62127\" stroke-width=\"16\" stroke-miterlimit=\"10\" \/>\n                                            <path d=\"M32 213L32 0\" stroke=\"#c62127\" stroke-width=\"12\" stroke-miterlimit=\"10\" \/>\n                                            <path d=\"M48 213L48 0\" stroke=\"#c62127\" stroke-width=\"4\" stroke-miterlimit=\"10\" \/>\n                                            <path d=\"M64 213L64 0\" stroke=\"#c62127\" stroke-width=\"2\" stroke-miterlimit=\"10\" \/>\n                                            <path d=\"M80 213L80 0\" stroke=\"#c62127\" stroke-width=\"2\" stroke-miterlimit=\"10\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                <img decoding=\"async\" class=\"w-full h-[25rem] md:h-[30rem] lg:h-[35rem] object-cover object-center\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Mask-group-1.png\" alt=\"Mask group (1)\" loading=\"lazy\">\n                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide md:py-14 py-20\">\n                            <div class=\"relative\">\n                                <div class=\"absolute -top-[70px] md:top-[-35px] lg:left-0 left-1\/2 transform -translate-x-1\/2 lg:translate-x-0 flex\">\n                                    <div class=\"p-8 w-full min-w-[19rem] md:min-w-[21rem] lg:min-w-[20rem] h-[11rem] md:h-[10rem] lg:h-[14rem] flex flex-col gap-2  justify-between font-sans\" style=\"background-color: #c62127;\">\n                                        <p class=\"text-white text-base lg:text-xl font-normal line-clamp-4\">Innovation for a better tomorrow<\/p>\n                                                                                    <a class=\"decoration-none no-underline hover:font-normal flex items-center gap-2 hover:opacity-80\" target=\"\" href=\"\/social-responsibility-and-sustainability\">\n                                                <p class=\"text-white text-base font-semibold\">\n                                                    Learn more                                                <\/p>\n                                                <div class=\"\">\n                                                    <svg width=\"24\" height=\"24\">\n                                                        <path d=\"M11.293 4.707 17.586 11H4v2h13.586l-6.293 6.293 1.414 1.414L21.414 12l-8.707-8.707-1.414 1.414z\" fill=\"#ffffff\" \/>\n                                                    <\/svg>\n                                                <\/div>\n                                            <\/a>\n                                                                            <\/div>\n                                    <div class=\"hidden lg:block w-full\">\n                                        <svg width=\"100\" height=\"224\" viewBox=\"0 0 81 213\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M7.99999 213L8 0\" stroke=\"#c62127\" stroke-width=\"16\" stroke-miterlimit=\"10\" \/>\n                                            <path d=\"M32 213L32 0\" stroke=\"#c62127\" stroke-width=\"12\" stroke-miterlimit=\"10\" \/>\n                                            <path d=\"M48 213L48 0\" stroke=\"#c62127\" stroke-width=\"4\" stroke-miterlimit=\"10\" \/>\n                                            <path d=\"M64 213L64 0\" stroke=\"#c62127\" stroke-width=\"2\" stroke-miterlimit=\"10\" \/>\n                                            <path d=\"M80 213L80 0\" stroke=\"#c62127\" stroke-width=\"2\" stroke-miterlimit=\"10\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                <img decoding=\"async\" class=\"w-full h-[25rem] md:h-[30rem] lg:h-[35rem] object-cover object-center\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/01\/shutterstock_515686762-1.png\" alt=\"\" loading=\"lazy\">\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n                <div class=\"swiper-button-next bg-white rounded-full py-6 px-6\"><\/div>\n                <div class=\"swiper-button-prev bg-white rounded-full py-6 px-6\"><\/div>\n            <\/div>\n            <\/div>\n<\/div>\n<\/section>\n<script>\n    window.addEventListener('DOMContentLoaded', function() {\n        var swiper = new Swiper(\".mySwiper-people-sustainability\", {\n            speed: 1100,\n            navigation: {\n                nextEl: \".swiper-button-next\",\n                prevEl: \".swiper-button-prev\",\n            },\n        });\n    });\n<\/script>\n\n<section id=\"\">\n<div id=\"partners\" class=\"menu-dynamic xl:px-16 2xl:px-0\" style=\"background-color: #f6f6f6;\">\n    <div class=\"pt-[10.5rem] lg:pt-[12.5rem] pb-[13rem] lg:pb-[7rem] px-4 lg:pl-20 2xl:pl-28 w-full max-w-container-hamad mx-auto relative\">\n        <img decoding=\"async\" class=\"absolute top-0 left-0 lg:-left-16 object-cover md:w-[25rem] lg:w-[30rem] title-animation !hidden md:!block\" src=\"https:\/\/hamadenergy.com\/wp-content\/themes\/hamad\/assets\/img\/layer-partners.svg\" alt=\"Layer Image\" loading=\"lazy\">\n        <img decoding=\"async\" class=\"absolute top-0 left-0 lg:-left-16 object-cover title-animation !block md:!hidden\" src=\"https:\/\/hamadenergy.com\/wp-content\/themes\/hamad\/assets\/img\/layer_mobile_partners.svg\" alt=\"Layer Image\" loading=\"lazy\">\n        <div class=\"!flex flex-col gap-1 lg:gap-3 mb-5 title-animation md:mx-auto lg:mx-0 w-full md:w-[80%] lg:w-full\">\n            <p class=\"text-hamad-primary-700 text-base font-medium name-menu-dynamic\">PARTNERS<\/p>\n            <h4 class=\"text-[2rem] md:text-3xl lg:text-[3.25rem] w-full text-hamad-neutra-950 font-normal my-0\">\n                Trusted partners worldwide            <\/h4>\n            <p class=\"text-base font-light text-hamad-neutra-950 mt-2 md:w-[85%]\">\n                These are some of our valued clients and esteemed partners, with whom we share a journey of successes.            <\/p>\n        <\/div>\n        <div class=\"flex w-full items-center lg:w-[92%]\">\n            <div class=\"flex flex-col md:py-10 w-full mx-auto font-sans title-animation \">\n                                    <div class=\"hidden lg:flex flex-wrap gap-y-11 gap-x-24 w-full justify-between mt-12\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] grayscale hover:grayscale-0 hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB.svg\" alt=\"Logo-PB\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] grayscale hover:grayscale-0 hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-1.svg\" alt=\"Logo-PB (1)\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] grayscale hover:grayscale-0 hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-2.svg\" alt=\"Logo-PB (2)\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] grayscale hover:grayscale-0 hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-9.svg\" alt=\"Logo-PB (9)\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] grayscale hover:grayscale-0 hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-3.svg\" alt=\"Logo-PB (3)\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] grayscale hover:grayscale-0 hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-7.svg\" alt=\"Logo-PB (7)\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] grayscale hover:grayscale-0 hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-8.svg\" alt=\"Logo-PB (8)\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] grayscale hover:grayscale-0 hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-4.svg\" alt=\"Logo-PB (4)\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] grayscale hover:grayscale-0 hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-5.svg\" alt=\"Logo-PB (5)\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] grayscale hover:grayscale-0 hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-6.svg\" alt=\"Logo-PB (6)\" loading=\"lazy\">\n                                            <\/div>\n                    <swiper-container class=\"md:hidden mySwiper-partners-mobile w-full\" space-between=\"0\" slides-per-view=\"2.5\" pagination=\"true\" pagination-clickable=\"true\" style=\"--swiper-pagination-color: #C61F26; --swiper-pagination-bottom: 0;\">\n                                                                                <swiper-slide class=\"py-14\">\n                                <img decoding=\"async\" class=\"w-full max-w-[10.25rem] h-[4.75rem]\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB.svg\" alt=\"Logo-PB\" loading=\"lazy\">\n                            <\/swiper-slide>\n                                                                                <swiper-slide class=\"py-14\">\n                                <img decoding=\"async\" class=\"w-full max-w-[10.25rem] h-[4.75rem]\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-1.svg\" alt=\"Logo-PB (1)\" loading=\"lazy\">\n                            <\/swiper-slide>\n                                                                                <swiper-slide class=\"py-14\">\n                                <img decoding=\"async\" class=\"w-full max-w-[10.25rem] h-[4.75rem]\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-2.svg\" alt=\"Logo-PB (2)\" loading=\"lazy\">\n                            <\/swiper-slide>\n                                                                                <swiper-slide class=\"py-14\">\n                                <img decoding=\"async\" class=\"w-full max-w-[10.25rem] h-[4.75rem]\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-9.svg\" alt=\"Logo-PB (9)\" loading=\"lazy\">\n                            <\/swiper-slide>\n                                                                                <swiper-slide class=\"py-14\">\n                                <img decoding=\"async\" class=\"w-full max-w-[10.25rem] h-[4.75rem]\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-3.svg\" alt=\"Logo-PB (3)\" loading=\"lazy\">\n                            <\/swiper-slide>\n                                                                                <swiper-slide class=\"py-14\">\n                                <img decoding=\"async\" class=\"w-full max-w-[10.25rem] h-[4.75rem]\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-7.svg\" alt=\"Logo-PB (7)\" loading=\"lazy\">\n                            <\/swiper-slide>\n                                                                                <swiper-slide class=\"py-14\">\n                                <img decoding=\"async\" class=\"w-full max-w-[10.25rem] h-[4.75rem]\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-8.svg\" alt=\"Logo-PB (8)\" loading=\"lazy\">\n                            <\/swiper-slide>\n                                                                                <swiper-slide class=\"py-14\">\n                                <img decoding=\"async\" class=\"w-full max-w-[10.25rem] h-[4.75rem]\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-4.svg\" alt=\"Logo-PB (4)\" loading=\"lazy\">\n                            <\/swiper-slide>\n                                                                                <swiper-slide class=\"py-14\">\n                                <img decoding=\"async\" class=\"w-full max-w-[10.25rem] h-[4.75rem]\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-5.svg\" alt=\"Logo-PB (5)\" loading=\"lazy\">\n                            <\/swiper-slide>\n                                                                                <swiper-slide class=\"py-14\">\n                                <img decoding=\"async\" class=\"w-full max-w-[10.25rem] h-[4.75rem]\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-6.svg\" alt=\"Logo-PB (6)\" loading=\"lazy\">\n                            <\/swiper-slide>\n                                            <\/swiper-container>\n                    <div class=\"hidden md:flex lg:hidden flex-wrap gap-y-9 gap-x-20 w-full justify-center mt-12\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB.svg\" alt=\"Logo-PB\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-1.svg\" alt=\"Logo-PB (1)\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-2.svg\" alt=\"Logo-PB (2)\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-9.svg\" alt=\"Logo-PB (9)\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-3.svg\" alt=\"Logo-PB (3)\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-7.svg\" alt=\"Logo-PB (7)\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-8.svg\" alt=\"Logo-PB (8)\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-4.svg\" alt=\"Logo-PB (4)\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-5.svg\" alt=\"Logo-PB (5)\" loading=\"lazy\">\n                                                                                <img decoding=\"async\" class=\"max-w-[10.25rem] h-[4.75rem] hover:cursor-pointer\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/02\/Logo-PB-6.svg\" alt=\"Logo-PB (6)\" loading=\"lazy\">\n                                            <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/section>\n\n<section id=\"\">\n<div id=\"careers\" class=\"menu-dynamic py-24\" style=\"background-color: #f6f6f6;\">\n\n    <img decoding=\"async\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2023\/12\/carbon_wind-power.png\">\n\n    <div class=\"mx-auto\">\n        <div class=\"grid lg:grid-cols-2 grid-cols-1\">\n            <div class=\"flex lg:justify-end justify-center items-center py-36 px-11 relative\" style=\"background-color: #e7e7e7;\">\n                                                        <img decoding=\"async\" class=\"lg:w-[32rem] w-full lg:h-[20rem] h-[30rem] object-cover absolute -bottom-10 lg:bottom-auto lg:-right-8 title-animation\" src=\"https:\/\/hamadenergy.com\/wp-content\/uploads\/2024\/01\/shutterstock_2240482709-1.png\" alt=\"\" loading=\"lazy\">\n                            <\/div>\n            <div class=\"\" style=\"background-color: #c62127;\">\n                <div class=\"max-w-xl w-full md:w-[80%] mx-auto lg:mx-0 lg:w-full flex flex-col justify-center gap-2 py-24 px-6 md:px-0 lg:px-6 lg:pl-20 font-sans\">\n                    <p class=\"text-[#fef2f2] text-sm font-medium name-menu-dynamic title-animation\">CAREERS<\/p>\n                    <h4 class=\"text-[#FEF2F3] text-3xl md:text-4xl lg:text-5xl w-full font-normal my-0 mb-3 title-animation\">\n                        Be part of our team                    <\/h4>\n                    <p class=\"text-base font-light !text-justify text-[#fef2f2] leading-6 lg:line-clamp-4 mb-3 w-full title-animation\">\n                        We're excited to welcome individuals who are ready to contribute to our vision of shaping a sustainable and innovative future in the energy sector.                    <\/p>\n                                            <a class=\"decoration-none no-underline hover:font-normal title-animation\" type=\"button\" target=\"\" href=\"\/careers\/\">\n                            <div class=\"bg-white p-2  flex items-center justify-center gap-2 hover:bg-[#E7E7E7] hover:text-[#C61F26] w-full md:w-max mx-auto lg:mx-0 mt-8\">\n                                <p class=\"text-base font-semibold lg:font-normal\" style=\"color: #c62127;\">\n                                    KNOW MORE                                <\/p>\n                                <div class=\"\">\n                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M13.5 19L12.4275 17.9553L18.1125 12.25L3 12.25L3 10.75L18.1125 10.75L12.4275 5.07025L13.5 4L21 11.5L13.5 19Z\" fill=\"#C61F26\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/section>\n\n\n<style>\n    .line-clamp-2 {\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n    }\n\n    .swiper-button-next:hover,\n    .swiper-button-prev:hover {\n        color: #FFFFFF !important;\n        background-color: #C61F26 !important;\n\n    }\n<\/style>\n<section id=\"\">\n<div id=\"latest-news\" class=\"menu-dynamic xl:px-16 2xl:px-0\" style=\"background-color: #f6f6f6\" class=\"\">\n    <div class=\"pb-24 pt-0 lg:pt-[10.8rem] lg:pb-[14.8rem] px-6 lg:pl-20 2xl:pl-28 w-full max-w-container-hamad mx-auto\">\n        <div class=\"!flex justify-between w-full mx-auto mb-0 lg:mb-10 title-animation\">\n            <div class=\"flex flex-col gap-2 md:w-[80%] lg:w-full md:mx-auto lg:mx-0\">\n                <p class=\"text-hamad-primary-700 text-sm font-medium name-menu-dynamic\">LATEST NEWS<\/p>\n                <h4 class=\"text-[1.56rem] leading-[1.87rem] md:text-3xl lg:text-5xl w-full lg:w-[90%] 2xl:w-[80%] font-normal my-0 lg:leading-[3.75rem]\">\n                    Explore the latest news, stories and innovations from Hamad Energy                <\/h4>\n            <\/div>\n                    <\/div>\n\n        <div class=\"block md:hidden w-full\">\n            <swiper-container class=\"mySwiper-mobile cursor-grab active:cursor-grabbing\" slides-per-view=\"1\" pagination=\"true\" space-between=\"44\" style=\"--swiper-pagination-color: #C61F26;\">\n                            <\/swiper-container>\n        <\/div>\n\n        <div class=\"hidden md:block lg:hidden w-[90%] ml-[10%] mx-auto\">\n            <swiper-container class=\"mySwiper-mobile cursor-grab active:cursor-grabbing\" slides-per-view=\"1.7\" space-between=\"44\" free-mode=\"true\">\n                            <\/swiper-container>\n        <\/div>\n\n        <div class=\"hidden lg:block\">\n            <div class=\"swiper mySwiper-last-news-desktop cursor-grab active:cursor-grabbing relative !pb-20\" style=\"--swiper-navigation-color: #888888; --swiper-navigation-size: 20px;\">\n                <div class=\"swiper-wrapper\">\n                                    <\/div>\n                <div class=\"flex items-center absolute bottom-12 right-16 z-30 title-animation\">\n                    <div class=\"swiper-button-next border border-[#888888] rounded-full py-6 px-6 !right-auto !left-[10px] hover:border-hamad-primary-700 hover:bg-hamad-primary-700\" style=\"background-color: #f6f6f6;\"><\/div>\n                    <div class=\"swiper-button-prev border border-[#888888] rounded-full py-6 px-6 !left-auto !right-[10px] hover:border-hamad-primary-700\" style=\"background-color: #f6f6f6;\"><\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n<\/section>\n<script>\n    window.addEventListener('DOMContentLoaded', function() {\n        var swiper = new Swiper(\".mySwiper-last-news-desktop\", {\n            speed: 1000,\n            slidesPerView: 2.5,\n            spaceBetween: 46,\n            navigation: {\n                nextEl: \".swiper-button-next\",\n                prevEl: \".swiper-button-prev\",\n            },\n        });\n    });\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1218","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hamadenergy.com\/pt-pt\/wp-json\/wp\/v2\/pages\/1218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hamadenergy.com\/pt-pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hamadenergy.com\/pt-pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hamadenergy.com\/pt-pt\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/hamadenergy.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=1218"}],"version-history":[{"count":6,"href":"https:\/\/hamadenergy.com\/pt-pt\/wp-json\/wp\/v2\/pages\/1218\/revisions"}],"predecessor-version":[{"id":1259,"href":"https:\/\/hamadenergy.com\/pt-pt\/wp-json\/wp\/v2\/pages\/1218\/revisions\/1259"}],"wp:attachment":[{"href":"https:\/\/hamadenergy.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=1218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}