html.js.has-off-canvas.has-off-canvas-center {
overflow: hidden;
}
* {
touch-action: manipulation;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.container {
width: 100%;
}
.container,
.container-width,
.row 
{
max-width: 100% !important;          
padding-left: 1.04vw;
padding-right: 1.04vw;
}
.row
{
margin: 0 auto !important;
}
.header-inner.flex-row.container.logo-left {
padding-left: 3.04vw;
padding-right: 3.04vw;
}
.expand, .full-width {
max-width: 100% !important;
width: 100% !important;
}
.section-bg, .section-content {
width: 100% !important; 
}
.header, .header-wrapper, .section
{
width: 100% !important;
}
section
{
padding-top:0 !important;
padding-bottom:0 !important;
}
.col, .columns, .gallery-item
{
padding: 0 1.0417vw 2.0833vw;
}
.header-inner.flex-row.container.logo-left.medium-logo-left {
padding-left: 2.04vw;
padding-right: 2.04vw;
}
.pb-0
{
padding-bottom: 0px !important;
}
h1
{
font-size: 6.944vw;
line-height: 6.944vw !important;
font-family: Blauer-Nue !important;
font-weight:400 !important;
}
.yellow-color
{
color:#F8B731;
}
a.button.primary {
border: 0.5px solid #F8B731;
backdrop-filter: blur(10.899999618530273px);
background: #101010;
border-radius: 6px;
padding: 0.5vw 1vw 0.5vw 2vw;
}
a.button.primary span {
font-size: 1.25vw;
font-weight: 400;
}
a.button.primary .icon-angle-right:before 
{
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/right-arrow.svg);
width: 2vw;
height: 2vw;
display: block;
background-size: contain;
background-repeat: no-repeat;
}
a.button.primary i {
margin-left: 1vw;
}
li.html.header-button-1 a {
padding: 0.6vw 1.2vw;
}
.font-100-s-r h3
{
font-size: 6.9444vw;
line-height: 7.6389vw;
font-weight: 400;
font-family: Bitcount-Single;
}
.font-70-b-r h2
{
font-size: 4.8611vw;
line-height: 4.8611vw;
font-weight: 400;
font-family: Blauer-Nue !important;
}
.font-70-b-l h2
{
font-size: 4.8611vw;
line-height: 4.8611vw;
font-weight: 300;
font-family: Blauer-Nue !important;
}
.font-64-b-r h2 {
font-size: 4.444vw;   
line-height: 4.861vw; 
font-family: Blauer-Nue !important; 
font-weight:400;
}
.font-54-b-r h2
{
font-size: 3.75vw;
line-height: 4.861vw;
font-family: Blauer-Nue !important; 
font-weight:400;
}
.font-50-b-r h5
{
font-size: 3.472vw;  
line-height: 4.167vw; 
font-family: Bitcount-Single !important;
font-weight:400;
}
.font-44-b-s h5
{
font-size: 3.056vw;
line-height: 3.472vw;
font-family: Blauer-Nue !important; 
font-weight:400;
}
.font-40-b-r h5
{
font-size: 2.778vw;  
line-height: 3.472vw; 
font-family: Blauer-Nue !important; 
font-weight:400;
}
.font-40-bb-r h5
{
font-size: 2.778vw;  
line-height: 3.472vw; 
font-family: Bitcount-Single !important; 
font-weight:400;
}
.font-40-b-l h5
{
font-size: 2.778vw;  
line-height: 3.472vw; 
font-family: Blauer-Nue !important; 
font-weight: 300;
}
.font-38-b-r h5
{
font-size: 2.6389vw;
line-height: 3.3333vw;
font-family: Blauer-Nue !important; 
font-weight:400;
}
.font-36-b-l h3, .custom-search h3
{
font-size: 2.5vw;
line-height: 3.1944vw;
font-weight: 300;
font-family: Blauer-Nue !important;
}
.font-32-b-r h5
{
font-size: 2.2222vw;
line-height: 2.7778vw;
font-weight: 400;
font-family: Blauer-Nue !important;
}
.font-24-s-r p
{
font-size: 1.6667vw;
line-height: 2.3611vw;
font-weight: 400;
font-family: sora;
}
.font-24-s-l p
{
font-size: 1.6667vw;
line-height: 2.3611vw;
font-weight: 300;
font-family: sora;
}
.font-26-s-r h3
{
font-size: 1.806vw;
line-height: 2.361vw;
font-weight: 400;
font-family: Bitcount-Single;
}
.font-26-s-r p
{
font-size: 1.806vw;
line-height: 2.361vw;
font-weight: 400;
font-family: sora;
}
.font-28-s-r h5
{
font-size: 1.9444vw;
line-height: 2.0833vw;
font-weight: 400;
font-family: Blauer-Nue !important;
}
.font-22-s-r h2, .font-22-s-r p
{
font-size: 1.5278vw;
line-height: 2.0833vw;
font-family: Blauer-Nue !important;
font-weight:400;
}
.font-20-s-r p
{
font-size: 1.389vw;
line-height: 2.222vw;
font-family: sora !important; 
font-weight:400;
}
.font-20-s-L p
{
font-size: 1.389vw;
line-height: 2.222vw;
font-family: sora !important; 
font-weight:300;
}
.font-17-s-r p
{
font-size: 1.1806vw;
line-height: 1.8056vw;
font-family: sora !important; 
font-weight:400;
}
.font-14-s-r p
{
font-size: 0.972vw;
line-height: 1.667vw;
font-family: sora !important; 
font-weight:400;
}
.font-14-s-b p
{
font-size: 0.972vw;
line-height: 1.667vw;
font-family: sora !important; 
font-weight: 600;
}
.font-12-s-l p
{
font-size: 0.8333vw;
line-height: 1.5278vw;
font-family: sora !important; 
font-weight: 300;
}
.font-18-b-r p
{
font-size: 1.25vw;
line-height: 1.9444vw;
font-family: Blauer-Nue !important; 
font-weight:400;
}
ul.header-nav.header-nav-main li a {
font-size: 0.833vw;
line-height: 1.667vw;
font-weight: 400;
font-family: Blauer-Nue !important;
color: #F1F1F1;
text-transform: uppercase;
}
ul.header-nav.header-nav-main.nav {
background: #FFFFFF1A;
justify-content: center;
border-radius: 6px;
}
header#header ul.sub-menu.nav-dropdown.nav-dropdown-default {
background: #FFFFFF1A;
padding: 0.5vw 0.5vw;
min-width: 7.2vw;
border: unset;
backdrop-filter: blur(10.899999618530273px);
border-radius: 0px 0px 6px 6px;
left: -12px;
}
ul.header-nav.header-nav-main.nav.nav-left:after {
content: '';
backdrop-filter: blur(10.899999618530273px);
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
border-radius: 6px;
}
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before
{
display:none;
}
header#header .nav-dropdown.nav-dropdown-default>li>a {
border: unset;
padding: 0.5vw 0vw;
}
ul.header-nav li.active > a, ul.header-nav li:hover > a.nav-top-link {
color: #F8B731 !important;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li.menu-item.current_page_item.active > a, 
ul.sub-menu.nav-dropdown.nav-dropdown-default li.menu-item:hover > a {
color: #F8B731 !important;
}
header#header .header-inner .flex-col.hide-for-medium.flex-left.flex-grow {
padding: 0vw 6.3vw;
}
.header-wrapper.stuck .header-inner 
{
background-color:#101010;
}
.home-banner:after {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/gradient-bg.png);
height: 19vw;
width: 100vw;
position: absolute;
bottom: -1vw;
z-index: 0;
background-size: contain;
background: linear-gradient(180deg,rgba(14, 14, 14, 0) 0%, rgba(14, 14, 14, 0.5) 20%, rgba(14, 14, 14, 0.73) 42%, rgba(14, 14, 14, 0.87) 63%, rgba(14, 14, 14, 1) 81%);
}
.data-col .col {
border-left: 1px solid rgb(255 255 255 / 10%) !important;
}
.data-col .col:last-child {
border-right: 1px solid rgb(255 255 255 / 10%) !important;
}
.data-col {
padding: 0vw 3vw;
}  .industry-accordion .accordion-title {
color: #FFFFFF;
font-size: 1.25vw;
line-height: 1.9444vw;
font-weight: 400;
text-transform: uppercase;
font-family: Blauer-Nue !important;   
}
.industry-accordion {
width: 19vw;
}
.industry-accordion a{
border: 0.5px solid #FFFFFF7D;
backdrop-filter: blur(10.899999618530273px);
background: #101010;
border-radius: 6px;
}
.industry-accordion .accordion-title {
text-align: center;
}
.industry-accordion .accordion-title button.toggle{
left: unset;
right: 1vw;
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/add.png);
background-size: contain;
opacity: 1;
background-repeat: no-repeat;
width: 1vw;
height: 1vw;
top: 1.3vw;
min-height: 1vw;
}
.industry-accordion .accordion-title button.toggle i:before 
{
display:none;
}
.industry-accordion .accordion-title.active button.toggle {
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/minus-4.png);
}
.industry-accordion .accordion-inner {
background: #101010;
border: 0.5px solid #FFFFFF7D;
backdrop-filter: blur(10.899999618530273px);
border-radius: 6px;
margin-top: 0.3vw;
padding: 1vw 2vw;
}
.industry-accordion .accordion-inner p {
margin-bottom: 0px;
}
.oil-gas a:before {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/Group.svg);
width: 2.2vw;
height: 2.2vw;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
left: 2vw;
top: 0.5vw;
}
.geothermal a:before {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/Geothermal.svg);
width: 2.2vw;
height: 2.2vw;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
left: 2vw;
top: 0.5vw;
}
.hydrogen a:before {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/Hydrogen.svg);
width: 2.2vw;
height: 2.2vw;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
left: 2vw;
top: 0.5vw;
}
.exploration a:before {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/Exploration.svg);
width: 2.2vw;
height: 2.2vw;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
left: 2vw;
top: 0.5vw;
}  .industry-accordion {
position: absolute;
}
.industry-accordion.oil-gas {
top: -5vw;
right: 18vw;
}
.industry-accordion.geothermal {
top: 8.5vw;
right: 3vw;
}
.industry-accordion.hydrogen {
top: 15vw;
left: -4vw;
}
.industry-accordion.exploration {
top: 28vw;
right: 14vw;
}
.industry-accordion .accordion-title.active {
background-color: #101010;
border: 0.5px solid #FFFFFF7D !important;}
.counter-row {
margin-top: -20vw !important;
}
.slider-style-container .flickity-slider>:not(.is-selected), .slider-style-focus .flickity-slider>:not(.is-selected), .slider-style-shadow .flickity-slider>:not(.is-selected)
{
opacity: 1;
}
.testimonial-slider .row {
border-left: 1px solid #000000;
padding-left: 1vw !important;
}
.testi-name p
{
margin-bottom: 0px;
}
.testimonial-slider .row .col {
padding-bottom: 0px;
}
.testimonial-slider ol.flickity-page-dots li {
height: 0.2vw !important;
border: unset;
width: 2vw !important;
background-color: #CFCFCF;
}
.testimonial-slider ol.flickity-page-dots li.dot.is-selected 
{
background-color:#F8B731;
}
.testimonial-slider ol.flickity-page-dots {
bottom: -4vw;
left: 2vw;
text-align: left;
}
.testimonial-slider .slider-nav-outside.slider-nav-circle .previous svg,.testimonial-slider button.flickity-button.flickity-prev-next-button.next svg {
display: none;
}
.testimonial-slider .slider-nav-outside.slider-nav-circle .previous
{
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/arrow-l.svg);
width: 2vw;
height: 2vw;
min-height: 2vw;
background-size: contain;
background-repeat: no-repeat;
bottom: -4.7vw;
top: unset;
left: -0.5vw;
}
.testimonial-slider button.flickity-button.flickity-prev-next-button.next 
{
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/arrow-r.svg);
width: 2vw;
height: 2vw;
min-height: 2vw;
background-size: contain;
background-repeat: no-repeat;
bottom: -4.7vw;
top: unset;
left: 10.5vw;
z-index: 2;
}
.case-study-topsec {
border: 1.78px solid #FFFFFF;
padding-top: 3vw;
padding-bottom: 1vw;
}
.footer-info .icon-box-img, .contact-info .icon-box-img {
width: 0.5vw !important;
}
.footer-info .icon-box-img img, .contact-info .icon-box-img img {
padding-top: 0px;
margin-top: -0.7vw;
}
.footer-info a, .contact-info a
{
color: #F1F1F1;
}
.absolute-footer {
display: none;
}
.footer-row:before 
{
content:'';
border-top: 1px solid hsl(0deg 0% 100% / 60%);
height: 0.5vw;
width: 94vw;
margin-top: -2.5vw !important;
margin: 0 auto;
}
.footer-row:after 
{
content:'';
border-top: 1px solid hsl(0deg 0% 100% / 60%);
height: 0.5vw;
width: 94vw;
margin-top: -2.5vw !important;
margin: 0 auto;
}
.footer-row .ux-menu {
display: flex;
flex-direction: row;
margin-left: -0.8vw;
}
.footer-row .ux-menu a {
color: #F1F1F1;
font-size: 0.8333vw;
line-height: 1.6667vw;
font-weight: 400;
font-family: Blauer-Nue !important;
text-transform: uppercase;
}
.footer-row .ux-menu .ux-menu-link.flex.menu-item:nth-child(1) {
padding-right: 0.8vw;
position: relative;
}
.footer-row .ux-menu .ux-menu-link.flex.menu-item:nth-child(2) {
padding-left: 0.8vw;
}
.footer-row .ux-menu .ux-menu-link.flex.menu-item:nth-child(1):after {
content: '';
background-color: #F1F1F1;
width: 0.1vw;
height: 0.9vw;
position: absolute;
right: 0px;
}
.footer-row i.icon-instagram:before {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/inst.svg);
height: 1.5vw;
width: 1.5vw;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
top: -1vw;
left: -2vw;
}
.footer-row i.icon-linkedin:before {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/Linkedin.svg);
height: 1.5vw;
width: 1.5vw;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
top: -1vw;
left: 0vw;
}
.footer-row .icon-box:before {
content: '';
width: 1px;
height: 2.3vw;
position: absolute;
top: -2.5vw;
background-color: hsl(40deg 93% 58% / 60%);
left: 0.2vw;
}
.field-service:after {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/net-shape.png);
background-size: contain;
background-repeat: no-repeat;
width: 100vw;
height: 99vw;
position: absolute;
top: 27vw;
z-index: 1;
}
.field-service .section-content {
z-index: 2;
}
.work-sec:before {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/06/hline.svg);
height: 3vw;
width: 80.4vw;
position: absolute;
top: -1.5vw;
background-size: contain;
background-repeat: no-repeat;
right: 0px;
z-index: 2;
}
.work-sec:after {
content: '';
background-color: #fff;
opacity:0.1;
height: 50vw;
width: 0.1vw;
position: absolute;
top: -1.2vw;
background-size: contain;
background-repeat: no-repeat;
right: 3.5vw;
z-index: 1;
}
.transparent .header-main 
{
height: 5.25vw !important;
}
header#header #logo {
width: 14.833vw;
}
.transparent #logo img {
max-height: 3.25vw !important;
height: 3.25vw;
}
header#header .nav>li>a {
padding: 0.8vw 0;
}
.nav-spacing-xlarge>li {
margin: 0 1vw;
}
.contact-info .icon-box:after {
content: '';
background-color: #F8B731;
opacity: 0.6;
width: 2.5vw;
height: 1px;
position: absolute;
left: -4vw;
z-index: 9;
top: 0.7vw;
}
.contact-info:before {
content: '';
background-color: #fff;
opacity: 0.6;
position: absolute;
width: 1px;
height: 28vw;
left: 0vw;
top: -4vw;
}
.form-row {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 2vw;
}
.contact-form input.wpcf7-form-control {
border-bottom: 1px solid hsl(0deg 0% 100% / 20%) !important;
border: unset;
background-color: transparent;
padding: 0;
font-size: 0.972vw;
font-weight: 400;
font-family: 'Sora';
color: hsl(0deg 0% 100% / 50%);
margin-bottom: 4vw;
}
.contact-form ::placeholder
{
font-size: 0.972vw;
font-weight: 400;
font-family: 'Sora';
color: hsl(0deg 0% 100% / 50%);
}
input[type=email]:focus, input[type=text]:focus, select:focus, textarea:focus
{
box-shadow: unset;
}
.custom-submit {
border: 0.1px solid #F8B731 !important;
backdrop-filter: blur(10.899999618530273px);
box-shadow: unset;
border-radius: 6px;
color: #FFFFFF;
font-size: 1.25vw;
text-transform: uppercase;
font-weight: 400;
font-family: 'Blauer-Nue';
padding: 0.3vw 1vw 0.3vw 3vw;
}
button.custom-submit img {
margin-left: 1vw;
}
.contact-form .col-inner:after {
content: '';
background-color: hsl(40deg 93% 58% / 70%);
position: absolute;
height: 1px;
width: 53.5vw;
top: -5vw;
left: 0;
}
.contact-form .col-inner:before {
content: '';
background-color: hsl(40deg 93% 58% / 70%);
position: absolute;
height: 1px;
width: 53.5vw;
bottom: -5vw;
left: 0;
}
.wpcf7 .wpcf7-not-valid-tip
{
position: absolute !important;
bottom:1vw;
font-size: 1vw;
}
.wpcf7-response-output {
color: hsl(0deg 0% 100% / 50%);
}
.page-id-277 footer#footer, .page-id-665 footer#footer{
display: none;
}
.spec-sheet-row {
display: flex;
gap: 3vw;
align-items: center;
background-color: #FFFFFF;
margin-bottom: 1.4vw;
border-radius: 4px;
padding: 3vw;
}
.spec-title .date {
margin-bottom: 0;
color: #000000;
opacity: 0.8;
font-size: 1.25vw; 
font-weight: 300;
font-family: Space_Grotesk;
}
h2.title-spec {
color: #000000;
text-transform: uppercase;
font-size: 1.4056vw; 
line-height: 1.5611vw; 
font-weight: 300;
font-family: 'Blauer-Nue';
margin-bottom: 0px;
}
.spec-title {
width: 60%;
}
.spec-desc p {
color: #000000;
font-size: 1.1111vw; 
line-height: 1.8056vw; 
font-weight: 400;
font-family: 'Sora';
margin-bottom: 0px;
}
.spec-desc {
width: 37%;
}
.spec-arrow {
width: 30%;
text-align: right;
}
.search-box
{
width:26vw;
position:relative;
}
.search-box input{
width:100%;
padding:0vw 0vw 0vw 3vw;
border: unset; font-size: 1.528vw;
font-family: Sora;
font-weight: 400;
outline:none;
transition:0.3s;
background-color: transparent;
box-shadow: unset;
color: #000000;
margin-bottom: 0px;
}
.search-box input:focus
{
box-shadow: unset;
}
.search-box img {
position: absolute;
top: 0.8vw;
}
.search-box input::placeholder
{
font-size: 1.528vw;
font-family: Sora;
font-weight: 400;
color: #000000;
opacity: 1 !important;
}
.search-box input:focus{
border-color:none;
background-color: transparent;
}
.search-box button{
width: 2vw;
height: 2vw;
border: none;
cursor: pointer;
padding: 0;
}
.search-box button img {
width: 1.8vw;
height: 1.8vw;
}
.search-box {
display: flex;
}
.resource-title {
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: #fff;
padding-top: 2vw;
padding-bottom: 0.5vw;
margin-bottom: 3vw !important;
}
.page-id-35 img.header_logo.header-logo {
display: none;
}
.page-id-35 img.header-logo-dark 
{
display:block !important;
}
.page-id-35 ul.header-nav.header-nav-main li a {
color: #000000;
}
.page-id-35 ul.header-nav.header-nav-main.nav 
{
background: #7676761A;
}
.page-id-35 li.html.header-button-1 a {
color: #fff !important;
}
.page-id-35 .header-wrapper.stuck .header-inner {
background-color: #fff;
}
a.button.primary:hover {
background-color: #fff;
box-shadow: unset;
}
a.button.primary:hover span {
color: #000;
}
.down-arrow {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.industry-accordion .accordion-title:hover span {
color: #111;
}
.industry-accordion .accordion-title
{
overflow:hidden;
}
.industry-accordion .accordion-title::after{
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
z-index: -1;
background-color: #fff;
-webkit-transform: scaleX(.3);
transform: scaleX(.3);
opacity: 0;
transition: all .3s
}
.industry-accordion .accordion-title:hover::after{
opacity: 1;
background-color: #fff;
-webkit-transform: scaleX(1);
transform: scaleX(1);
transition: -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity .4s;
transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity
}
a.button.primary.load-more {
background-color: #fff;
box-shadow: unset;
}
a.button.primary.load-more span
{
color:#000;
}
a.button.primary.load-more:hover {
background-color: #000;
}
a.button.primary.load-more:hover span
{
color:#fff;
}
a.button.primary.load-more .icon-angle-right:before
{
transform: rotate(90deg);
}
.center-btn
{
text-align:center;
}
.about-img-slider .flickity-slider img {
padding: 0vw 1.2vw;
}
.about-img-slider .img:nth-child(odd) {
margin-top: 6vw !important;
}
.about-img-slider .flickity-viewport {
height: 36vw !important;
}
.right-line:after {
content: '';
background-color: #fff;
opacity: .3;
height: 1px;
width: 4vw;
position: absolute;
top: 1.7vw;
left: 5vw;
}
.our-team-sec {
border-top: 1px solid hsl(0deg 0% 100% / 30%);
}
.safety-row {
background-color: #FFFFFF;
padding: 2vw !important;
border-radius: 4px;
}
.hse-safety-sec:after {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/hse-dot-banner.png);
height: 100vw;
width: 100vw;
position: absolute;
top: 7vw;
background-repeat: no-repeat;
z-index: 0;
}
.hse-banner::before 
{
height: 85vw;
bottom: -33vw;
}
.fadein {
opacity: 0;
transition: all 1.5s;
transform: translate(0, 100px);
}
.fadein.visible {
opacity: 1;
transform: translate(0, 0);
}
span.draw-line img {
margin-bottom: 4vw;
}
.home-h-line:after 
{
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/06/h-linesss.svg);
height: 3vw;
width: 47vw;
position: absolute;
top: 14vw;
left: -3vw;
background-repeat: no-repeat;
background-position: 100%;
background-size: contain;
}
.home-h-line {
position: relative;
}
.prd-banner2:after {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/06/h-linesss.svg);
height: 3vw;
width: 47vw;
position: absolute;
top: 20vw;
left: -3vw;
background-repeat: no-repeat;
background-position: 100%;
background-size: contain;
}
.service-banner2:before {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/06/service-dot.png);
width: 100vw;
height: 100vw;
background-size: contain;
position: absolute;
top: -18vw;
background-position: 0% 0%;
}
.service-banner
{
z-index: 2;
}
.service-row:after {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/06/h-linesss.svg);
height: 3vw;
width: 47vw;
position: absolute;
top: 15vw;
left: -3vw;
background-repeat: no-repeat;
background-position: 100%;
background-size: contain;
}
.service-row
{
position:relative;
}
.prd-tab li.tab span {
color: #191101;
font-size: 1.3889vw;
line-height: 5.4861vw;
font-weight: 400;
font-family: 'Blauer-Nue';
}
.prd-tab .tabbed-content ul li a
{
border-radius: 6px !important;
padding: 0vw 1.5vw;
border: unset !important;
}
.prd-tab .tabbed-content ul li a:hover, .prd-tab .tabbed-content ul li.active a
{
background-color: #000000;
}
.prd-tab .tabbed-content ul li a:hover span, .prd-tab .tabbed-content ul li.active span
{
color:#F8B731;
}
.prd-tab .tabbed-content ul li
{
border:unset
}
.prd-tab .tab-panels {
border: unset !important;
padding-bottom: 0px;
padding-right: 0px;
}
.prd-tab .tabbed-content ul
{
background-color: hsl(0deg 0% 100% / 50%);
padding: 1vw;
border-radius: 6px;
}
.prd-tab .tab-panels .panel {
border-radius: 6px !important;
overflow: hidden;
}
.prd-sheet i:before 
{
transform: rotate(90deg);
}
.mb-10
{
margin-bottom: 0.694vw;
}
.prd-table table {
border: 1px solid hsl(0deg 0% 100% / 49%);
border-radius: 6px;
width: 36vw;
}
.prd-table table th {
color: #FFFFFF;
font-size: 1.111vw;
line-height: 1.806vw;
font-weight: 400;
font-family: 'Sora';
text-transform: capitalize;
}
.prd-table table td {
color: hsl(0deg 0% 100% / 50%);
font-size: 0.833vw;
line-height: 1.667vw;
font-weight: 400;
font-family: 'Sora';
}
.prd-table table th
{
padding: 1.2vw;
}
.prd-table table td {
padding: 0.8vw 1.2vw;
height: 3vw;
}
button.flickity-button.flickity-prev-next-button svg {
display: none;
}
button.flickity-button.flickity-prev-next-button.previous:after {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/left-dark.png);
height: 2.2vw;
width: 2.2vw;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
}
button.flickity-button.flickity-prev-next-button.previous:hover:after
{
background-image:url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/left-light.png);
}
button.flickity-button.flickity-prev-next-button svg {
display: none;
}
button.flickity-button.flickity-prev-next-button.next:after {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/right-dark.png);
height: 2.2vw;
width: 2.2vw;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
}
button.flickity-button.flickity-prev-next-button.next:hover:after
{
background-image:url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/right-light.png);
}
.flickity-prev-next-button:disabled, button.flickity-prev-next-button[disabled] {
opacity: 1 !important;
}
button.flickity-button.flickity-prev-next-button.previous {
left: unset;
right: 7vw;
top: unset;
bottom: 3vw;
}
button.flickity-button.flickity-prev-next-button.next 
{
top: unset;
right: 4vw;
bottom: 3vw;
}
.prd-table table td:nth-child(1) {
border-right: 1px solid hsl(0deg 0% 100% / 10%);
} .stuck .header-main .nav > li > a {
line-height: 1.667vw !important;
}
.custom-upload{
position: relative;
width: 100%;
border-bottom: 1px solid rgba(255,255,255,0.08);
}
.custom-upload .wpcf7-form-control-wrap{
position: relative;
display: block;
}
.custom-upload input[type="file"]{
position: absolute;
inset: 0;
width: 100%;
height: 3vw;
opacity: 0;
cursor: pointer;
z-index: 3;
}
.upload-ui{
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
position: relative;
}
.upload-left{
display: flex;
flex-direction: column;
}
.upload-title{
font-size: 0.972vw;
font-weight: 400;
font-family: 'Sora';
color: hsl(0deg 0% 100% / 50%);
}
.upload-format{
margin-top: 0.5vw;
font-size: 0.7639vw;
color: rgba(255,255,255,0.25);
}
.upload-icon{
width: 2vw;
height: 2vw; display: flex;
align-items: center;
justify-content: center;
transition: all .3s ease;
}
.upload-icon svg{
width: 2vw;
height: 2vw;
} .file-name{
margin-top: 0.5vw;
font-size: 1vw;
color: hsl(0deg 0% 100% / 50%);
}
.custom-upload {
margin-bottom: 4vw;
}
span.upload-format {
position: absolute;
bottom: -2vw;
right: 0vw;
}
.contact-form.career-form .col-inner:before, .contact-form.career-form .col-inner:after {
width: 61vw;
}
.custom-submit img {
width: 2vw;
height: 2vw;
}
.custom-search h3 {
color: #000;
text-transform: uppercase;
}
.custom-search {
display: flex;
align-items: center;
}
.custom-search {
padding: 2vw 0vw 1vw 0vw;
border-top: 1.78px solid #FFFFFF;
border-bottom: 1.78px solid #FFFFFF;
margin-bottom: 4vw;
}
a#cs-load-more.load-more, a#sp-load-more {
padding: 1.1vw 1vw 1.1vw 2vw;
}
.case-card-wrap{
width:100%;
display:flex;
flex-wrap:wrap;
gap:1.25vw;
}
.case-card{
width:calc(25% - 1vw);
min-height:38vw;
border:1px solid #cfcfcf;
padding:2vw 1.5vw;
position:relative;
overflow:hidden;
background:#f7f7f7;
transition:all .5s ease;
cursor:pointer;
}
.case-card h3{
font-size:1.8056vw;
line-height:2.3611vw;
font-weight:500;
text-transform:uppercase;
color:#111;
position:relative;
z-index:2;
transition:all .45s ease;
}
.case-content{
position:absolute;
left:1.5vw;
bottom:2vw;
width:75%;
transition:all .45s ease;
z-index:2;
}
.case-content p{
font-size:0.9722vw;
line-height:1.6667vw;
color:#222;
}
.case-image{
position:absolute;
left:1.5vw;
right:1.5vw;
top:53%;
transform:translateY(-50%) scale(.9);
opacity:0;
visibility:hidden;
transition:all .6s cubic-bezier(.22,.61,.36,1);
overflow:hidden;
}
.case-image img{
width:100%;
height:25vw;
object-fit:cover;
display:block;
}
.case-card:hover .case-content{
opacity:0;
transform:translateY(25px);
}
.case-card:hover .case-image{
opacity:1;
visibility:visible;
transform:translateY(-50%) scale(1);
}
.arrow-btn{
position:absolute;
left:1.5vw;
bottom:1.7vw;
width:2.2vw;
height:2.2vw;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
opacity:0;
visibility:hidden;
transform:translateY(20px);
transition:all .45s ease;
z-index:3;
}
.arrow-btn svg{
width:1.7vw;
height:1.7vw;
}
.case-card:hover .arrow-btn{
opacity:1;
visibility:visible;
transform:translateY(0);
}
.vision-mission:after 
{
content:'';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/06/vision-mission-line.svg);
width: 4vw;
height: 37vw;
position: absolute;
background-size: contain;
top: 7vw;
left: 46vw;
background-repeat: no-repeat;
}
.about-banner-sec:after {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/06/h-linesss.svg);
height: 3vw;
width: 35vw;
position: absolute;
top: 52vw;
left: 0px;
background-repeat: no-repeat;
background-size: contain;
}
.prd-table table
{
background-color: #101010;
}
.service-banner2 .section-content.relative {
z-index: 0;
}
.wrap_svl_center {
margin-top: -24vw;
}
.zindex-row
{
position:relative;
z-index:1;
}
div#powerTip {
width: 20vw;
border: 0.5px solid #ffffff42;
backdrop-filter: blur(10.899999618530273px);
}
div#powerTip span {
color: rgb(248 183 49 / 70%);
}
div#powerTip p
{
font-size: 0.694vw;
line-height: 1.389vw;
font-family:sora;
font-weight:300;
margin-bottom:0px;
}
#powerTip.n:before 
{
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/Polygon-1.png);
background-size: contain;
border: unset;
width: 1.2vw;
height: 1.2vw;
background-repeat: no-repeat;
bottom: -1.2vw;
left: 0vw;
right: 0vw;
margin: 0 auto;
}
.drag_element.tips.big-spot .point_style{
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/Midland.svg);
width: 2vw;
height: 2vw;
background-repeat: no-repeat;
background-color: transparent;
background-size: contain;
top: -0.5vw;
left: -1vw;
}
.drag_element.tips.big-spot .point_style img {
opacity: 0;
}
.contact-map .wrap_svl_center {
margin-top: -7vw;
}
.contact-map {
z-index: 0;
}
.vi-mi-sec {
border-top: 1px solid rgb(255 255 255 / 30%);
}
.hse-line-h:after {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/06/h-linesss.svg);
height: 3vw;
width: 47vw;
position: absolute;
top: 14vw;
left: -3vw;
background-repeat: no-repeat;
background-position: 100%;
}
.hse-line-h
{
position:relative;
}
a.nav-top-link i:before {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/plus-sign-1.png);
width: 1vw;
height: 1vw;
display: block;
background-size: contain;
margin-top: -0.1vw;
}
li.has-dropdown.current-dropdown a i:before
{
background-image:url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/minus-6.png);
}
.chemic-prd:after 
{
content:'';
background-image:url(https://madisonl10.sg-host.com/wp-content/uploads/2026/06/chemic-prd.svg);
height: 1px;
width: 50vw;
position: absolute;
right: 0px;
background-repeat: no-repeat;
top: 3vw;
}
.wrap_svl 
{
width: 100vw;
}
.work-sec
{
margin-top: -2px;
}
.drilling-across-sec:before {
content: '';
background: linear-gradient(0deg, #101010 0%, rgba(16, 16, 16, 0) 100%);
height: 12vw;
width: 100vw;
position: absolute;
bottom: 0vw;
z-index: 1;
}
@media only screen and (min-width: 1900px) and (max-width: 1920px)
{
.drilling-across-sec:after
{
width: 60vw;
}
}
@media only screen and (min-width: 2000px) and (max-width: 2240px)
{
.drilling-across-sec:after
{
width: 66vw;
right: -3vw;
}
.about-service-row
{
margin-top:-1px;
}
.contactform-sec-main 
{
margin-top: -1px;
}
}
@media only screen and (min-width: 2500px) and (max-width: 2560px)
{
.drilling-across-sec:after
{
width: 60vw;
}
}
@media only screen and (min-width: 1500px) and (max-width: 1512px)
{
.drilling-across-sec:after
{
width: 71vw;
}
.home-banner-text .col-inner
{
padding-top:16vw;
}
}
html.js.has-off-canvas.has-off-canvas-center {
overflow: hidden;
}
.spec-sheet-row {
transition: box-shadow 0.3s ease;
cursor: pointer;
}
.spec-sheet-row:hover {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
body.single.single-post img.header-logo-dark {
display: none !important;
}
body.single.single-post img.header_logo.header-logo 
{
display:block !important;
} @media (max-width: 390px) {
.timeline-description {
height: 110px !important;
}
body div#videoBox {
width: 366px !important;
height: 209px !important;
}
.prd-banner2:after
{
top: 24vw !important;
}
.product-banner {
min-height: 145vh !important;
}
.service-row:after
{
top: 39vw !important;
}
a.button.primary.service-btn {
padding: 12px 16px !important;}
.vision-mission:after
{
left: -38px;
}
} @media (min-width: 400px) and (max-width: 402px) {
.drilling-across-sec
{
min-height: 190vh !important;
}
.mfp-container.mfp-s-ready.mfp-inline-holder
{
height: 120vh;
}
.product-sec {
height: 65vh !important;
}
.about-banner-sec:after
{
top: 41.5% !important;
}
.prd-banner2:after {
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/vision-line.png) !important;
top: 17% !important;
}
.service-row:after
{
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/vision-line.png) !important;
top: 28% !important;
}
.hse-line-h:before
{
left: -30px !important;
}
.timeline-description {
height: 108.3px !important;
}
.timeline li.left.two {
top: 0.5vw;
}
body .product-banner {
min-height: 158vh !important;
}
body div#videoBox
{
width:380px !important;
}
.vision-mission:after
{
left: -38px;
}
} @media only screen and (min-width: 430px) and (max-width: 767px) 
{
.about-banner-sec:after
{
top: 39.5% !important;
}
div#videoBox 
{
width: 398px !important;
height: 230px;
}
.prd-banner2:after {
top: 12vw !important;
}
}  @media only screen and (min-width: 820px) and (max-width: 1180px)
{
.transparent #logo img {
max-height: 16.25vw !important;
height: 16.25vw;
}
header#header #logo {
width: 43.833vw;
}
.font-70-b-r h2 {
font-size: 42px;
line-height: 52px;}
.font-20-s-r p {
font-size: 16px;
line-height: 26px;}
.form-row {
display: flex;
flex-direction: column;
}
.contact-form input.wpcf7-form-control, .contact-form ::placeholder
{
font-size: 16px;
}
.font-14-s-r p {
font-size: 14px;
line-height: 24px;}
.footer-info .icon-box-img, .contact-info .icon-box-img {
width: 5px !important;
}
.contact-info:before
{
height: 37vw;
top: -4vw;
left: 0vw;
}
.contact-info .icon-box:after
{
top: 1.7vw;
}
.contact-form .col-inner:after, .contact-form .col-inner:before
{
width: 90vw;
margin: 0 auto;
left: 0px;
right: 0px;
}
.contact-form .col-inner:after
{
top: -12vw;
}
.contact-form .col-inner:before
{
bottom: -9vw;
}
.contact-form input.wpcf7-form-control
{
margin-bottom: 8vw;
}
.custom-submit {
font-size: 18px;
padding: 5px 20px;
}
.custom-submit img {
width: 28px;
height: 28px;
}
.font-100-s-r h3 {
font-size: 60px;
line-height: 70px;}
.font-22-s-r h2, .font-22-s-r p {
font-size: 20px;
line-height: 30px;}
.transparent .header-main {
height: 23.25vw !important;
}
.header-inner.flex-row.container.logo-left.medium-logo-left {
padding-left: 5.04vw;
padding-right: 5.04vw;
} 
.contact-map .section-bg.fill img {
display: none;
}
ul.mobile-nav.nav.nav-right li i:before {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/menuicon.svg);
width: 44px;
height: 44px;
display: block;
}
.mfp-wrap.mfp-auto-cursor.off-canvas button.mfp-close {
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/close-menu.svg);
background-size: contain;
background-repeat: no-repeat;
margin-top: 4vw !important;
margin-right: 4vw !important;
opacity: 1;
color: transparent;
mix-blend-mode: unset;
}
.mfp-container.mfp-s-ready.mfp-inline-holder {
background-color: #101010;
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/iPhone-16-17-Pro-Max-1.png);
}
ul.nav.nav-sidebar li a {
display: flex;
justify-content: flex-start;
text-align: left;
color: #F1F1F1;
font-size: 20px;
font-family: 'Blauer-Nue' !important;
font-weight: 400;
line-height: 30px;
margin-top: 8px;
}
.sidebar-menu ul.nav.nav-sidebar {
margin-top: 16px;
}
.mfp-content
{
vertical-align: top;
}
li.html.header-button-1 a.button.primary span {
font-size: 20px;}
.off-canvas .sidebar-menu li.html.header-button-1 a {
padding: 4vw 8vw;
width: 64vw;
margin-left: 4vw !important;
}
.off-canvas .sidebar-menu li.html.header-button-1 a:after {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/rightarrow.svg);
width: 34px;
height: 34px;
background-repeat: no-repeat;
background-size: contain;
right: 4vw;
position: absolute;
}
div#main-menu:before 
{
content:'';
background-image:url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/momentum-logo.svg);
height: 63px;
width: 230px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 26px;
left: 25px;
}
h1 {
font-size: 42px;
line-height: 52px !important;
}
a.button.primary
{
padding: 12px 30px;
}
a.button.primary span 
{
font-size: 18px;
}
a.button.primary .icon-angle-right:before
{
width: 28px;
height: 28px;
}
.font-44-b-s h5 
{
font-size: 30px;
line-height: 40px;
}
.font-26-s-r h3 
{
font-size: 22px;
line-height: 32px;
}
.font-54-b-r h2 
{
font-size: 34px;
line-height: 44px;
}
.service-title 
{
font-size: 20px;
}
.content-text {
margin: 20px 0px;
}
.font-20-s-L p {
font-size: 18px;
line-height: 28px;}
.home-banner .section-bg.fill img 
{
display:none;
}
.home-banner .section-bg.fill
{
background-image:url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/Home-7.png);
background-size:cover;
background-position: 0% 0%;
}
.home-banner2 .section-content {
margin-top: -22vw;
}
.font-70-b-l h2 
{
font-size: 40px;
line-height: 50px;
}
.font-24-s-l p 
{
font-size: 20px;
line-height: 30px;
}
.footer-row .ux-menu a
{
font-size: 14px;
line-height: 24px;
}
.footer-row i.icon-instagram:before, .footer-row i.icon-linkedin:before
{
height: 20px;
width: 20px;
}
.home-banner2:after
{
width: 96vw;
top: 21vw;
left: -3vw;
}
.across-indus .accordion-title span {
font-size: 26px;
}
.industry-accordion {
width: 58vw;
}
.industry-accordion .accordion-title {
padding: 34px;
}
.industry-accordion a.accordion-title:before {
width: 50px;
height: 50px;
}
.industry-accordion .accordion-title button.toggle
{
display: none;
}
.industry-accordion .accordion-inner
{
display: block;
}
.font-12-s-l p {
font-size: 16px;
line-height: 26px;
}
.oil-gas a:before
{
left: 10vw;
top: 1.5vw;
}
.geothermal a:before {
left: 8vw;
top: 1.8vw;
}
.hydrogen a:before 
{
left: 10vw;
top: 1.8vw;
}
.exploration a:before 
{
left: 8vw;
top: 1.8vw;
}
.industry-accordion .accordion-inner
{
padding: 4vw 4vw;
}
.drilling-across-sec
{
display: flex;
align-items: flex-start;
}
.drilling-across-sec .section-bg.fill {
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/Home-4.png);
background-size: cover;
}
.industry-accordion.oil-gas {
top: 45vw;
right: 31vw;
}
.industry-accordion.geothermal {
top: 80vw;
right: 6vw;
}
.industry-accordion.hydrogen {
top: 118vw;
left: -58vw;
}
.industry-accordion.exploration {
top: 154vw;
right: 6vw;
}
.font-18 p
{
font-size:18px;
line-height: 24px;
font-family: sora;
font-weight: 600;
}
.drilling-sevice-accordien .accordion-inner 
{
padding: 20px 0px 30px 0px;
}
.drilling-sevice-accordien .accordion-title.active {
background-color: transparent;
}
.drilling-sevice-accordien .accordion-title
{
font-size:20px;
line-height:50px;
color:#000000;
text-transform:uppercase;
font-weight:600;
font-family: Blauer-Nue;
}
.drilling-sevice-accordien .accordion-title {
border-top: 0.5px solid #00000069;
}
.drilling-sevice-accordien .accordion-title.active {
border-bottom: 0.5px solid rgb(0 0 0 / 41%);
}
.drilling-sevice-accordien .accordion-title button.toggle 
{
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/unnamed-file-1.png);
height: 20px;
width: 20px;
background-repeat: no-repeat;
opacity: 1;
min-height: 20px;
position: absolute;
right: 0px;
left: unset;
top: 26px;
}
.drilling-sevice-accordien .accordion-title button.toggle i
{
opacity:0;
}
.drilling-sevice-accordien .accordion-title.active button.toggle
{
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/unnamed-file.png);
border-radius: 0px;
}
.field-service {
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/field-service-bg.png);
background-size: cover;
}
.drilling-sevice-accordien .accordion-item:before {
position: absolute;
left: 0px;
color: #7E6B5C;
font-family: 'Blauer-Nue';
font-size: 20px;
line-height: 50px;
font-weight: 400;
top: 12px;
}
.drilling-sevice-accordien .accordion-item:nth-child(1):before
{
content: '01';
}
.drilling-sevice-accordien .accordion-item:nth-child(2):before
{
content: '02';
}
.drilling-sevice-accordien .accordion-item:nth-child(3):before
{
content: '03';
}
.drilling-sevice-accordien .accordion-item:nth-child(4):before
{
content: '04';
}
.drilling-sevice-accordien .accordion-item:nth-child(5):before
{
content: '05';
}
.drilling-sevice-accordien .accordion-item:nth-child(6):before
{
content: '06';
}
.drilling-sevice-accordien .accordion-item
{
position:relative;
}
.drilling-sevice-accordien .accordion-item:last-child {
border-bottom: 0.5px solid #00000069;
}
.font-38-b-r h5 {
font-size: 32px;
line-height: 44px;
}
.testimonial-nav
{
justify-content: center;
}
.testimonial-btn img, .testimonial-btn 
{
width: 29px !important;
height: 29px !important;
}
.font-36-b-l h3, .custom-search h3 
{
font-size: 28px;
line-height: 40px;
}
.case-card h3 
{
font-size: 26px;
line-height: 36px;
}
.case-content p 
{
font-size: 16px;
line-height: 24px;
}
.case-card
{
min-height: 93vw;
padding: 45px 20px 30px 20px;
margin-bottom: 20px;
width: 49%;
}
.case-content 
{
padding-top: 26px;
position: unset;
width: 100%;
}
.case-image img
{
height: 100%;
}
.case-image {
opacity: 1;
visibility: visible;
top: 52%;
}
.work-sec .section-bg.fill img 
{
display:none;
}
.work-sec .section-content.relative {
padding: 0px 12px;
}
.product-sec
{
height: 30vh !important;
}
.product-sec .swiper-slide:after {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/uparrow.svg);
width: 30px;
height: 30px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
bottom: 16px;
z-index: 9;
left: 16px;
} .product-sec .swiper-slide:hover:after
{
opacity: 0
}
.product-sec .swiper-slide
{
border-radius:6px !important;
}
.product-sec .swiper-backface-hidden .swiper-slide:nth-child(even) {
margin-top: 0vw !important;
}
.home-h-line:after {
height: 15vw;
width: 99vw;
top: 41vw;
left: -3vw;
}
.font-64-b-r h2 {
font-size: 50px;
line-height: 60px;}
.font-40-b-r h5 {
font-size: 24px;
line-height: 36px;}
.page-id-720 footer#footer {
z-index: 0;
}
.font-50-b-r h5
{
font-size: 40px;
line-height: 70px;
}
.font-24-s-r p 
{
font-size: 16px;
line-height: 26px;
}
.right-line:after {
height: 1px;
width: 36px;
top: 33px;
left: 44px;
}
.service-txt .font-24-s-r p {
margin-top: 8px;
}
.about-banner-sec:after {
height: 27vw;
width: 46vw;
top: 164vw;
left: -7vw;
background-position: 100%;
z-index: 1;
}
.service-banner.is-full-height
{
min-height: 58vh !important;
height: 58vh !important;
}
.vision-mission:after {
width: 400px;
height: 64px;
top: 138vw;
left: 0px;
z-index: 999;
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/vision-line.png);
}
.about-service-row:after {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/about-bg.png);
bottom: 0px;
position: absolute;
height: 200px;
width: 100%;
}
.testimonial-card img.quote-icon
{
height: auto !important;
}
.hc_7217 .home-case-content p 
{
font-size: 14px;
line-height: 24px;
}
.hc_7217 .home-case-image img 
{
height: 239px;
}
.hc_7217 .home-case-image {
opacity: 1 !important;
visibility: visible;
position: unset;
}
.hc_7217 .home-case-card:hover .home-case-content {
opacity: 1;
transform: unset;
}
.hc_7217 .home-case-card:hover .home-case-image
{
transform: unset;
top: unset;
}
.hc_7217 .home-case-arrow
{
width: 29px;
height: 29px;
position: unset;
}
.hc_7217 .home-case-content
{
position: unset;
}
.case-study-arrow {
position: absolute;
width: 10% !important;
right: 6px;
top: -183px;
}
.case-study-topsec
{
border-bottom: unset;
}
a.home-case-card {
margin-bottom: 20px;
}
.prd-tab .font-70-b-r h2 {
font-size: 30px;
line-height: 40px;
}
.prd-box h3
{
text-transform: uppercase;
margin-bottom: 0px;
}
.prd-box
{
padding: 10px 20px;
}
.prd-table table th
{
font-size: 16px;
line-height: 26px;
}
.prd-table table
{
width: 100%;
}
.prd-table table td
{
font-size: 12px;
line-height: 24px;
height: 54px;
}
.prd-table table th
{
height: 54px;
}
.font-36bs h5 
{
font-size: 36px !important;
line-height: 40px !important;
}
.font-32-b-r h5 
{
font-size: 30px;
line-height: 36px;
}
.font-40-bb-r h5 
{
font-size: 32px;
line-height: 34px;
}
.font-28-s-r h5 
{
font-size: 24px;
line-height: 30px;
}
.font-17-s-r p 
{
font-size: 16px;
line-height: 24px;
}
.safety-row
{
padding: 6vw 4vw 12vw 4vw !important;
margin-bottom: 20px !important;
}
.hse-banner .section-bg.fill img {
display: none;
}
.hse-banner .section-bg.fill
{
background-image:url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/HSE-1.png);
background-size: cover;
background-position: 0% 0%;
}
.hse-line-h:before {
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/vision-line.png);
height: 48px;
width: 100%;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 145px;
}
.font-30-br p
{
font-size: 30px;
line-height: 40px;
font-weight: 400;
font-family: Blauer-Nue !important;
}
a.button.primary.service-btn
{
width: 100vw !important;
}
.service-content p
{
margin-bottom: 6vw;
}
.service-image {
margin-bottom: 8px;
}
.services-progress
{
width: 89% !important;
height: 3px !important;
bottom: 13vw !important;
}
.footer-row .icon-box:before {
content: '';
width: 1px;
height: 34px;
position: absolute;
top: -43px;
background-color: hsl(40deg 93% 58% / 60%);
left: 2px;
}
.contact-form.career-form .col-inner:before, .contact-form.career-form .col-inner:after {
width: 78vw;
}
.contact-form.career-form .col-inner:before
{
bottom: -12vw;
}
input#resume-upload, span.upload-title {
font-size: 14px;
}
.upload-icon svg {
width: 20px;
height: 20px;
}
.upload-format
{
font-size: 12px;
}
span.upload-format
{
bottom: -5vw;
}
.footer-info > .col-inner:after {
display: none;
}
.footer-row:after
{
margin-top: -11.5vw !important;
}
.footer-row:before
{
margin-top: -5.5vw !important;
}
.service-banner .section-bg.fill
{
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/Services-3.png);
background-position: 0%;
}
.video-box.service-box 
{
width: 390px !important;
height: 480px !important;
position: relative !important;
margin: 0 auto;
transform: unset !important;
top: 0px;
}
.service-row:after
{
height: 30vw;
width: 98vw;
top: 7vw;
left: -52vw;
}
.mb0
{
margin-bottom: 0px;
}
.font-40bl h2
{
font-size: 40px;
line-height: 44px;
}
img.product-bg {
backdrop-filter: blur(13.300000190734863px);
box-shadow: 3px 3px 0px -3px #00000080 inset;
box-shadow: -2px -2px 1px -2px #B3B3B3 inset;
box-shadow: 2px 2px 1px -2px #B3B3B3 inset;
box-shadow: 0px 0px 0px 1px #999999 inset;
}
div#videoBox {
position: relative;
transform: unset;
width: 750px !important;
height: 450px;
margin: 0 auto;
top: 0;
}
.prd-banner2:after {
height: 59px;
top: 0vw;
width: 50vw;
}
.prd-popup .swiper-button-next.swiper-button-disabled 
{
background-image:url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/right-black.svg);
opacity:1;
}
.prd-popup .swiper-button-next:after, .prd-popup .swiper-button-prev:after
{
display:none;
}
.prd-popup .swiper-button-next
{
background-image:url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/right-white.svg);
background-size: contain;
height: 30px;
width: 30px;
opacity: 1;
right: -40px;
}
.prd-popup .swiper-button-prev.swiper-button-disabled 
{
background-image:url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/left-black.svg);
opacity:1;
}
.prd-popup .swiper-button-prev
{
background-image:url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/left-white.svg);
background-size: contain;
height: 30px;
width: 30px;
opacity: 1;
left: -40px;
}
body.popup-open header#header 
{
z-index: 0;
}
.footer-row .ux-menu .ux-menu-link.flex.menu-item:nth-child(1)
{
padding-right: 30px;
}
.footer-row .ux-menu .ux-menu-link.flex.menu-item:nth-child(1):after {
width: 1px;
height: 13px;
right: 12px;
top: 9px;
}
.custom-search {
align-items: flex-start;
flex-direction: column;
padding: 8vw 0vw 5vw 0vw;
}
.search-box 
{
width: 100%;
}
.search-box form {
width: 100%;
}
.search-box input::placeholder {
font-size: 18px;
}
.search-box input
{
padding: 0vw 0vw 0vw 10vw;
font-size: 18px;
}
.search-box img
{
top: 1.6vw;
}
.case-image {
transform: unset !important;
top: unset;
position: unset;
}
.case-card:hover .case-content {
opacity: 1;
transform: unset;
}
.arrow-btn
{
width: 30px !important;
height: 30px !important;
position: unset;
opacity: 1;
visibility: visible;
transform:unset;
}
.arrow-btn svg
{
width: 30px !important;
height: 30px !important;
}
.spec-sheet-row
{
align-items: flex-start;
flex-direction: column;
}
.spec-title .date
{
font-size: 14px;
}
h2.title-spec
{
font-size: 22px;
line-height: 32px;
}
.spec-desc p
{
font-size: 18px;
line-height: 28px;
}
.spec-desc {
width: 100%;
}
.spec-arrow {
width: 9%;
text-align: left;
}
.spec-sheet-row
{
margin-bottom: 20px;
padding: 5vw;
}
a#cs-load-more.load-more, a#sp-load-more {
padding: 2.1vw 3vw 2.1vw 4vw;
}
.popup-content-team {
height: 435px;
overflow-y: scroll;
padding-right: 17px;
}
.video-box.active {
left: 0% !important;
}
.wrap_svl_center {
margin-top: -30px;}
.counter-row {
margin-top: 0vw !important;
}
.drag_element.tips.big-spot .point_style
{
width: 5vw;
height: 5vw;
top: -3.5vw;
left: -3vw;
}
div#powerTip p {
font-size: 10px;
line-height: 14px;}
div#powerTip {
width: 40vw;}
#powerTip.n:before
{
width: 2.8vw;
height: 2.8vw;
bottom: -2.8vw;
}
.sidebar-menu li:hover > a , .sidebar-menu li.current-menu-item > a, li.current-menu-ancestor.current-menu-parent > a
{
color: #F8B731 !important;
}
.off-canvas-center .nav-vertical>li>a, .off-canvas-center .nav-vertical>li>ul>li a {
justify-content: start;
text-transform: uppercase;
}
ul.sub-menu.nav-sidebar-ul.children {
padding-left: 64px;
}
.sidebar-menu button.toggle 
{
content: '';
background-image: url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/plus-sign-1.png);
height: 26px;
width: 26px;
background-size: contain;
position: absolute;
background-repeat: no-repeat;
top: 26px !important;
right: 22px !important;
min-height: 26px;
}
.sidebar-menu li[aria-expanded="true"] button.toggle
{
background-image:url(https://madisonl10.sg-host.com/wp-content/uploads/2026/05/minus-6.png);
}
.sidebar-menu .icon-angle-down:before, .chemic-prd:after  {
display: none;
}
.across-indus:after
{
display:none;
}
li.right
{
right: -13vw !important;
}
.product-banner
{
min-height: 113vh !important;
}
body .timeline .default-line, body .timeline .draw-line 
{
width: 154px !important;
}
.timeline li.right.one 
{
top: 0.2vw !important;
}
.timeline li.left.two {
top: 9vw !important;
}
.timeline li.right.three {
top: 17.4vw !important;
}
.timeline li.left.four {
top: 25.7vw !important;
}
body .timeline
{
height: 132vw;
}
}
.prd-banner2 {
z-index: 0;
}
.banner-txt {
backdrop-filter: blur(5.3px);
box-shadow: 0px 0px 22px 0px #f2f2f257 inset;
padding: 2vw;
}
.banner-txt {
height: 90%;
}
.banner-txt .col {
padding: 0px;
}
.banner-txt .text-inner {
display: flex;
flex-direction: column;
justify-content: space-between;
flex-wrap: wrap;
height: 100%;
}
.banner-txt .text-box-content
{
height: 100%;
}
.banner-txt {
border-radius: 6px;
border: 1px solid hsl(0deg 0% 100% / 50%);
}
.home-banner-2:before 
{
content:'';
background: linear-gradient(0deg, #101010 0%, rgba(16, 16, 16, 0) 100%);
width: 100vw;
height: 29vh;
position: absolute;
top: -13vw;
}