/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

body{
	overflow-x:hidden;
}
*{
  scrollbar-width: thin !important;
  scrollbar-color: #4CBB17 #eeeeee !important;
}


.footer_list {
    padding: 0;
    font-family: sans-serif;
}

.footer_container {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    flex-wrap: wrap;
}

.footer_col {
    flex: 1;
    min-width: 220px;
    position: relative;
}

/* vertical divider */
.footer_col:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -28px;
    top: 0;
    width: 1px;
    height: 100%;
    opacity: 0.1;
    background: #FFF;
}

/* reset list */

.footer_col ul {
    list-style: none;
    padding: 11px 0;
    margin: 0;
    margin-top: 8px;
}

/* main list item */
.footer_col li {
    margin-bottom: 25px;
}



/* link style */
.footer_col li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    text-decoration: none;
    width: 100%;
    transition: all 0.3s ease;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* arrow */
.footer_col .arrow {
    color: #fff;
    font-size: 18px;
}
/* .footer_col .active .arrow {
    color: #4CBB17;
} */
/* hover effect */
.footer_col li a:hover {
    transform: translateX(6px);
    color: #9eff6b;
}

/* sub menu */
.footer_col .sub {
    margin: 8px 0 16px 0px;
}


.footer_col .sub li {
    margin-bottom: 12px;
}

.footer_col .sub li a {
    display: block;
    transition: 0.3s;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* sub hover */
.footer_col .sub li a:hover {
    color: #ffffff;
    transform: translateX(4px);
}

/* active item (Home) */
.footer_col .active a span:first-child {
/*     background: #4CBB17; */
    color: #fff;
/*     padding: 2px 9px; */
    border-radius: 0px;
}

/* spacing fix for arrow alignment */
.footer_col li a span:first-child {
    display: inline-block;
}

.footer_col .sub li a {
    position: relative;
    padding-left: 20px;
}

.footer_col .sub li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 8px;      /* line width (change korte paro) */
    height: 1px;     /* line thickness */
    background: #fff;
    transform: translateY(-50%);
}
li.contactss {
    padding-top: 23px;
}
.footer_col li.contactss {
    padding-top: 0;
}

/* responsive */
@media (max-width: 992px) {
    .footer_container {
        gap: 30px;
    }

    .footer_col:not(:last-child)::after {
        display: none;
    }
}

@media (max-width: 768px) {
    .footer_container {
        flex-direction: column;
    }

    .footer_col {
        border-bottom: 1px solid rgba(255,255,255,0.2);
        padding-bottom: 20px;
    }

    .footer_col:last-child {
        border-bottom: none;
    }
}
.footer_col li:hover .arrow {
    color: #4CBB17 !important;
}


/* End  */



#ssw h3 span {
    background: #162A50;
    padding: 5px 6px;
    display: block;
    margin: 5px 0;
    width: max-content;
}


/* Healthcare */
.elementor-loop-container .categorys-healthcare,
.elementor-loop-container .categorys-healthcare .iov_terms span,
.elementor-loop-container .categorys-healthcare  {
  color: #63C2CD !important;
}



/* Food Solutions */
.elementor-loop-container .categorys-food-solutions,
.elementor-loop-container .categorys-food-solutions .iov_terms span,
.elementor-loop-container .categorys-food-solutions {
  color: #FF8032 !important;
}


/* innovations card css  */
/* Wrapper */
.innovation-wrapper {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    flex-direction: row;
}

/* Card */
.innovation-card {
    position: relative;
    width: 25%;
    height: 500px;
    overflow: hidden;
    border-radius: 20px;
    cursor: pointer;
    /* smoother than transform only */
    transition: all 1s ease;
}

/* Image */
.innovation-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
/*     transition: all 0.4s ease; */
	 transition: all 1s ease;
    filter: brightness(0.8);
}


.overlay_icon {
    position: absolute;
    z-index: 99;
    left: 15px;
    top: 15px;
    border-radius: 8px;
    border: 0.5px solid transparent;
    background: transparent;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-content: center;
	transition: all 0.4s ease;
}

.innovation-card:hover .overlay_icon {
    border: 0.5px solid #ffffff69;
    background: rgba(22, 42, 80, 0.80);
}

.innovation-card:hover .overlay_icon img {
	transform: scale(1);
}

div#lamp img {
    width: 31px;
    object-fit: contain;
}

.innovation-card:hover img {
    filter: none;
}

.overlay_icon img {
    width: 38px;
    filter: none;
    object-fit: contain;
    transform: scale(1);
    padding: 4px;
}



/* Overlay */
.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 20px 41px 20px;
    color: #fff;
    background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);

    transform: translateY(20px);
    transition: transform 0.6s ease-in-out;
}

/* Title */
.overlay h3 {
    margin: 0;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* Hover */
.innovation-card:hover .overlay{
    transform: translateY(0);
}

/* Description hidden */
.overlay p {
    font-size: 18px;
    margin-top: 6px; 
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transform: translateY(10px);
    transition: all 0.6s ease-in-out;
    color: #FFF;
    font-family: Nunito;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Show description */
.innovation-card:hover .overlay p {
    opacity: 1;
    max-height: 100px;
    transform: translateY(0);
}



/* 🔥 Hover Card */
.innovation-card:hover {
    transform: scale(1); /* slightly better than 1.03 */
    z-index: 5;
/*     box-shadow: 0 15px 40px rgba(0, 255, 200, 0.25); */
	width:35%;
}

/* Image zoom */
/* .innovation-card:hover img {
    filter: brightness(1.8);
    transform: scale(1.08);
} */

.innovation-card:hover img {
    filter: brightness(1.3);
    transform: scale(1.08);
}

.innovation-card:hover .overlay{
	border-radius: 0 0 20px 20px;
	background: linear-gradient(0deg, #162A50 0%, rgba(22, 42, 80, 0.00) 135.96%);
	backdrop-filter: blur(2px);
}



/* Title move */
.innovation-card:hover .overlay h3 {
    transform: translateY(-5px);
}

/* Optional: smooth sibling effect (recommended UX upgrade) */
.innovation-wrapper:hover .innovation-card:not(:hover) {
    transform: scale(0.98);
    filter: brightness(0.85);
}


@media (min-width: 768px) and (max-width: 1024px) { 
.innovation-wrapper {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    flex-direction: row;
}
.innovation-card {
    width: 48%;
}	
.innovation-card:hover {
    width: 48%;
}	

.footer_container {
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
}
.elementor-6 .elementor-element.elementor-element-97c8860 {
    --width: 100%;
}
	
#ssw1 h2.sh {
    font-size: 40px !important;
    line-height: 70px !important;
}
.img-caption {
    width: 88%;
    left: -12px;
}	
.svc.on .st {
    font-size: 20px !important;
}	
	
}



/* Animation overlay css  */

/* .wrap {}

.wrap h2.sh {
    color: #162A50;
    font-family: "Open Sans";
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 76px;
}

/* BASE STYLE */
/* .iov_title {
    position: relative;
    display: inline;
    background: #162A50;
    color: #fff;
    padding: 3px 6px 4px;
    border-radius: 2px;
    overflow: hidden;
    margin-right: 5px;
} */

/* GREEN FILL */
/* .fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background: #4CBB17;
  z-index: 0;
}

.text {
  position: relative;
  z-index: 2;
}
span#liness {
    margin-left: 90px !important;
}
span#liness2 {
    margin-left: -6px;
} */

/* ------------------------////////////--------------------------///////////------------- */

/* 5/13/2026  */


/* Animation overlay css */

.wrap h2.sh {
    color: #162A50;
    font-family: "Open Sans";
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 70px;
}

/* BASE STYLE */
.iov_title {
    position: relative;
    display: inline;
    background: #162A50;
    color: #fff;
    padding: 1px 6px 3px;
    border-radius: 2px;
    overflow: hidden;
    margin-right: 5px;
}



/* GREEN FILL */
.fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #4CBB17;
    z-index: 0;

    /* Smooth animation */
    transform: scaleX(0);
    transform-origin: left center;
    will-change: transform;
    backface-visibility: hidden;
}

/* TEXT */
.text {
    position: relative;
    z-index: 2;

    /* Better readability */
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

span#liness {
    margin-left: 90px !important;
}

span#liness2 {
    margin-left: -6px;
}

 

/* 2nd animation title css  */


div#ssw2 h2 {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    text-transform: capitalize;
}

/* 3RD animation title css  */

div#ssw3 h2 {
	font-family: "Open Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 175%; /* 51.2px */
	text-transform: capitalize;
}

span#ssmaking {
    margin-left: 120px;
}

#ssmaking {
    position: relative;
    display: inline;
    background: transparent;
    padding: 3px 6px 4px;
    border-radius: 2px;
    overflow: hidden;
    margin-right: -8px;
    color: #162A50;
}

.iov_breadcumb ul li:last-child span {
    color: #fff !important;
    font-family: "Open Sans" !important;
    font-size: 29px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 140% !important;
    margin: -6px;
    padding-left: 16px;
}

.iov_breadcumb ul li:last-child strong {
    color: #fff !important;
    font-family: "Open Sans" !important;
    font-size: 29px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 140% !important;
    margin: -6px;
    padding-left: 16px;
}


.iov_breadcumb ul {
    display: flex !important;
    align-items: flex-end;
}

.iov_wrappers h2 {
    font-size: 38px !important;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    line-height: 140% !important;
    text-transform: capitalize;
}

#heath .fill {
    background: #63C2CD !important;
    width: 101%;
}

#food_solution .fill {
    background: #FF8032 !important;
}

#smart .fill {
    background: #FF8032 !important;
}

.iov_wrappers2 h2 {
    font-size: 24px !important;
}

/* iov_horizontal_line css  */

.iov_horizontal_line,
.iov_horizontal_line2{
    position: relative;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.2);
    overflow: visible;
}

.iov_horizontal_line::after,
.iov_horizontal_line2::after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: var(--progress);
    height: 2px;
}

.iov_horizontal_line::after{
    background: #63C2CD;
}

.iov_horizontal_line2::after{
    background: #FF8032;
}

/* End  */


/* innovation_inner 2  */

#innovation_inner .innovation-card {
    position: relative;
    width: 33%;
    height: 340px;
    overflow: hidden;
    border-radius: 20px;
    cursor: pointer;
    transition: all 1s ease;
}
#innovation_inner .innovation-card:hover {
    position: relative;
    width: 40%;
}
#innovation_inner .overlay {
    padding: 41px 20px 52px 20px;
	transition: all 1s ease-in-out;
}
#innovation_inner .innovation-card:hover .overlay {
    transform: translateY(0);
    min-height: 60px !important;
    padding: 20px !important;
}

#innovation_inner .innovation-card:hover img {
    filter: none !important;
    transform: scale(1.08);
}

#innovation_inner .innovation-card .overlay {
    border-radius: 0 0 20px 20px;
    background: linear-gradient(0deg, #162A50 0%, rgba(22, 42, 80, 0.00) 135.96%);
    backdrop-filter: blur(2px);
}
#innovation_inner .innovation-card .overlay p {
    opacity: 1;
    min-height: 60px;
    transform: translateY(0);
    transition: all .3s ease-in-out;
    color: var(--ffffff, #FFF);
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
#innovation_inner .innovation-card:hover .overlay p {
    opacity: 1;
    color: var(--ffffff, #FFF);
	font-family: "Open Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; 
}


#innovation_inner #lamp img {
    margin-left: 4px;
}


/* Health sticky css */
.main_step {
  position: relative;
}

/* STEP BASE STYLE */
.iov_step1,
.iov_step2,
.iov_step3,
.iov_step4{
  position: sticky;
  border-radius: 24px;
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
 
}

/* STACK EFFECT */
.iov_step1 {
  top: 150px;
  z-index: 1;
}

.iov_step2 {
  top: 190px;
  z-index: 2;
}
/* last step should NOT be sticky */
.iov_step3 {
  top: 230px;
  z-index: 3;
}
.iov_step4 {
  top: 270px;
  z-index: 4;
  position:relative;	
}

/* OPTIONAL: spacing between steps */
.iov_step1,
.iov_step2,
.iov_step3,
.iov_step4{
  margin-bottom: 20px;
	  transition: transform 0.6s ease, opacity 0.6s ease;
}


/* ================= food card css ===============  */


/* SECTION */

.service_section {
    display: flex;
    gap: 24px;
    align-items: stretch;
    height: 100%;
    flex-direction: row;
}
/* CARD */

.service_card{
    width: 33.33%;
    cursor: pointer;
}

/* IMAGE */

.service_img{
    height: 396px;
    overflow: hidden;
    border-radius: 16px;
    transition: all .55s cubic-bezier(.4,0,.2,1);
}

.service_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .7s ease;
}

/* CONTENT */

.service_content {
    height: 310px;
    margin-top: 16px;
    padding: 24px;
    overflow: hidden;
    transition: min-height .55s cubic-bezier(.4,0,.2,1),
        background .4s ease,
        border .4s ease,
        transform .4s ease,
        box-shadow .4s ease;
    border-radius: 16px;
    border: 1px solid rgba(22, 42, 80, 0.08);
    background: var(--ffffff, #FFF);
}

/* NUMBER */

.number {
    display: inline-flex;
    align-items: flex-start;
    gap: 4px;
    color: #FF8032;
    font-family: Cabin;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    letter-spacing: -2.4px;
    text-transform: capitalize;
}

.number span {
    margin-top: 4px;
    color: rgba(0, 0, 0, 0.36);
    font-family: Cabin;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.4px;
    text-transform: capitalize;
}

/* TITLE */

.card-title{
    margin-top: 18px;
    line-height: 1.2;
}

.service_content h3 {
    color: var(--162-a-50, #162A50);
    font-family: "Open Sans";
    font-size: 24px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
	 transition: all .35s ease;
}

/* TEXT */

.service_content p {
    margin-top: 18px;
    color: var(--162-a-50, #162A50);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}



/* =========================
   HOVER ONLY ACTIVE CARD
========================= */

.service_card:hover .service_img{
    height: 355px;
}

.service_card:hover .service_img img{
    transform: scale(1.05);
}

.service_card:hover .service_content{
    min-height: 355px;
	border-radius: 16px;
	border: 1px solid rgba(255, 128, 50, 0.24);
	background: #F6EFEB;
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.04);
}

/* OPTIONAL TITLE HOVER EFFECT */

.service_card:hover .service_content h3{
    transform: translateX(4px);
}


.service_card .current {
    font-size: 24px;
    line-height: 80%;
    color: #FF8032;
}
.service_card .card-title{
    color: var(--e-global-color-primary);
    font-family: "Open Sans", Sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 16px;
}
.service_card .title-line.line-1 { transition-delay: .50s; }
.service_card .title-line.line-2 { transition-delay: .25s; }
.service_card .title-line.line-3 { transition-delay: 0s; }

.service_card:hover .title-line.line-1 { transition-delay: .25s; }
.service_card:hover .title-line.line-2 { transition-delay: .50s; }
.service_card:hover .title-line.line-3 { transition-delay: .75s; }
.service_card .title-line {
    display: inline;
    background-image: linear-gradient(120deg, #f57c2a 0%, #f57c2a 100%);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 0px 6px;
    margin-left: -6px;
    transition: background-size .75s cubic-bezier(.22,1,.36,1), color .75s cubic-bezier(.22,1,.36,1);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
.service_card:hover .title-line {
    background-size: 100% 100%;
    color: #ffffff !important;
}

/* News & Media  */
 
.news_filter .e-filter-item{
    position: relative;
    display: inline-flex;
    padding-bottom: 23px !important;
}

/* ACTIVE UNDERLINE */
.news_filter .e-filter-item[aria-pressed="true"]::before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: var(--4-cbb-17, #4CBB17);
}


#news_filter3 .e-filter-item::after {
    position: absolute;
    content: '';
    width: 2px;
    top: 7%;
    height: 19px;
    background: #B4B4B4;
    left: 0;
}


/* hide last child */
#news_filter3 .e-filter-item:last-child::after {
    width: 0;
    content: none;
}

.news_paginations nav.elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.news_paginations a.page-numbers {
    display: flex;
    width: 32px;
    height: 32px;
    padding: 5px 6px 7px 6px !important;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #FFF;
}


.news_paginations span.page-numbers.current {
    display: flex;
    width: 32px;
    height: 32px;
    padding: 5px 4px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid var(--4-cbb-17, #4CBB17);
    background: #FFF;
}

.news_paginations span.page-numbers.next,
.news_paginations span.page-numbers.prev{
    display: flex;
    width: 32px;
    height: 32px;
    padding: 5px 6px 7px 6px !important;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #FFF;
}
.details_contents strong {
    padding-bottom: 10px !important;
    line-height: 37px;
    color: #162A50;
}


/* End  */

.full-width_column .pp-info-box .pp-info-box-icon { 
	backdrop-filter: blur(60px);
	box-shadow: 0px 8px 30px 0px #00000040;
	background: #FFF;
	width: 165px;
	height: 165px;
	border-radius: 100px; 
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.full-width_column h3 {
	color: #ffffff;
	font-family: "Open Sans";
	font-size: 24px !important;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	transition: all .35s ease;
}
.full-width_column .card-title {
	margin-top: 25px; 
}
.full-width_column .title-line {
	display: inline;
	background-image: linear-gradient(120deg, #4CBB17 0%, #4CBB17 100%);
	background-size: 0% 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 1px 6px; 
	transition: background-size .75s cubic-bezier(.22,1,.36,1), color .75s cubic-bezier(.22,1,.36,1);
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
.full-width_column .title-line.line-1 {
	font-family: "Open Sans", Sans-serif;
	font-weight: 700;
	font-size: 29px;
	line-height: 140%;
	transition-delay: .50s;
}
.full-width_column .title-line.line-2 {
	transition-delay: .25s;
	font-family: "Open Sans", Sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 170%;
}
.full-width_column:hover .title-line {
	background-size: 100% 100%;
	color: #ffffff !important;
}
.full-width_column:hover .title-line.line-1 {
	transition-delay: .25s;
}
.full-width_column:hover .title-line.line-2 {
	transition-delay: .50s;
}
.mision_vision .pp-info-box { 
	position: relative;
}
.mision_vision .pp-info-box-subtitle { 
	position: absolute;
	margin: 0 !important;
	top: 44px;
	right: 25px;
}



/* member  */
.iov_member::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    background: #FFF;
    top: 222px;
}


.member_tabs .e-n-tab-title{
    position: relative;
}

.member_tabs .e-n-tab-title[aria-selected="true"]::after{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -23px;
	width: 229px;
    height: 10px; 
    background: var(--4-cbb-17, #4CBB17);
}


/* member end   */

.profiles .wrap h2.sh {
    color: #000 !important;
}

/* Purpose of ssw card  */

.values-wrapper{
    display:flex;
    gap:8px;
    height:420px;
}

.value-card {
    flex: 1;
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background-size: cover;
    background-position: center;
    cursor: default;
    transition: flex 0.7s cubic-bezier(.4,0,.2,1),
        transform 0.5s ease;
}

.value-card:hover{
    flex:1.5;
}

.iov_overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            to top,
            rgba(6,25,73,.9) 0%,
            rgba(6,25,73,.4) 40%,
            rgba(0,0,0,.15) 100%
        );
}

.content {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 30px;
    z-index: 2;
    color: #fff;
}

.content h3 {
    margin: 0;
    color: var(--f-6-f-6-f-6, #F6F6F6);
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: capitalize;
}

.content p {
    margin: 15px 0;
    /* opacity: 0; */
    display: none;
    transform: translateY(15px);
    transition: all .5s ease;
    width: 95%;
    color: var(--ffffff, #FFF);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}
.value-card:hover p{
/*     opacity:1; */
	display:block;
    transform:translateY(0);
}

.line {
    display: block;
    width: 633px;
    height: 1px;
    background: #ffffff9c;
    margin-top: 20px;
    transform: scaleX(.4);
    transform-origin: left;
    transition: .5s ease;
}



.value-card:hover .line{
	background: #4CBB17;
    transform:scaleX(1);
}

.value-card:not(:hover) h3{
    font-size:20px;
}

.values-wrapper:hover .value-card:not(:hover){
    flex:.8;
}

/* End   */


/* contact form icon  */

.iov_contact_form .elementor-field-group{
    position: relative;
}

/* Common Input Padding */
.iov_contact_form input,
.iov_contact_form select,
.iov_contact_form textarea{
    padding-left: 50px !important;
}

/* Icons */
.iov_contact_form .elementor-field-group::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 26px;
    top: 50%;
    transform: translateY(-50%);
    color: #4CBB17;
    font-size: 20px;
    z-index: 2;
    pointer-events: none;
}

/* Name */
.iov_contact_form .elementor-field-group-name::before{
    content: "\f007";
}

/* Email */
.iov_contact_form .elementor-field-group-email::before{
    content: "\f0e0";
}

/* Phone */
.iov_contact_form .elementor-field-group-field_9176361::before{
    content: "\f095";
}

/* Subject */
.iov_contact_form .elementor-field-group-customdropdown::before{
    content: "\f46d";
}

/* Message */
.iov_contact_form .elementor-field-group-message::before{
    content: "\f044";
    top: 6px;
    transform: none;
}

/* end  */


.pp-info-box{
    transition: .5s ease-in-out;
}

.reliable .pp-info-box:hover{
    transform: translateY(-6px);
}

#reliable .pp-info-box:hover{
    transform: translateY(-6px);
}

.elementor-widget-loop-grid.e-loading-overlay {
    opacity: 1 !important;
}


/* job list  css */


.jobs-head,
.job-row{
    display:grid;
    grid-template-columns:2fr 1.2fr 1.5fr 180px;
    align-items:center;
}

.jobs-head {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
    color: var(--162-a-50, #162A50);
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%;
}

.job-row {
    padding: 12px 0;
    border-bottom: 1px solid #e5e5e5;
}

.job-title {
    color: var(--162-a-50, #162A50);
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-transform: capitalize;
}

.job-type, .job-location {
    color: var(--162-a-50, #162A50);
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.job-link {
    text-align: right;
    margin-top: -5px;
}

.job-link a {
    text-decoration: none;
    border-bottom: 1px solid #73c23a;
    padding-bottom: 2px;
    color: var(--4-cbb-17, #4CBB17);
    font-family: Cabin;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    text-transform: capitalize;
}

.job-link a img {
    padding-left: 30px;
}


.job-filter-form {
    gap: 20px;
    margin-top: -10px;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
}
.job-filter-form input, .job-filter-form select {
    margin-top: -11px;
    border-radius: 4px;
    border: 1px solid rgba(22, 42, 80, 0.16);
    background: rgba(255, 255, 255, 0.80);
    display: flex;
    padding: 14px 24px;
    align-items: center;
    gap: 5px;
    align-self: stretch;
}

.job-filter-form label {
    color: var(--162-a-50, #162A50);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-align: left !important;
}

.job-filter-form select option {
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.job-filter-form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 45px;
    padding-left: 15px;
    background-image: url("https://www.ssw.com.sg/wp-content/uploads/2026/06/Frame-689.svg") no-repeat;
    background-position: calc(100% - 15px) center;
    background-size: 25px;
    background-color: #fff;
}

.job-filter-form button {
    cursor: pointer;
    display: flex;
    padding: 13px 26px 13px 26px;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--4-cbb-17, #4CBB17);
    justify-content: space-between;
    align-content: center;
	
}
button#search_jobs {
    font-family: Cabin;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    text-transform: capitalize;
}

button#reset_jobs {
    margin-left: 0;
    background: #162A50;
    padding: 10px 25px;
    color: var(--f-6-f-6-f-6, #F6F6F6);
    font-family: Cabin;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    text-transform: capitalize;
}


#reset_jobs{
    display:none;
    margin-left:10px;
}

#iov_filer_form::before {
    content: '';
    width: 100%;
    background-image: url('https://www.ssw.com.sg/wp-content/uploads/2026/06/Vector-4.svg');
    top: -280px;
    background-position: top right;
    left: -300px;
    position: absolute;
    background-repeat: no-repeat;
    z-index: -1;
}
.iov_filter_btn {
    display: flex;
    gap: 20px;
}


.job-link a:hover {
    color: #162A50;
    border-bottom: 1px solid #162A50;
}
.job-link:hover img {
    filter: invert(0) brightness(.2);
}


.iov_filer_form{
	background: rgba(246, 246, 246, 0.60);
	box-shadow: 0 8px 36px 0 rgba(0, 0, 0, 0.08);
	display: flex;
	width: 904px;
	flex-direction: column;
	align-items: flex-start;
	gap: 60px;
    
}

.wp-video {
    display: block;
    margin: 10px auto;
}

.mobile-label{
    display:none;
    font-weight:700;
    margin-right:6px;
}

.details_contents p {
    padding-bottom: 15px;
    text-align: center;
}

.details_contents a {
    color: #4CBB17;
}



/* ==========================================
   MODERN AJAX PAGINATION STYLES
========================================== */

/* ==========================================
   MINIMALIST PAGINATION (EXACT IMAGE MATCH)
========================================== */

.jobs-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 40px;
    margin-bottom: 20px;
}

/* Default Box Styling (Inactive numbers and arrows) */
.jobs-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: var( --e-global-color-accent );
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    text-decoration: none;
    transition: border-color 0.2s ease, color 0.2s ease;
}

/* Active State (Green border, green text, no solid fill) */
.jobs-pagination .page-numbers.current {
    border-color: #4caf50; 
    color: #4caf50;       
    background-color: #ffffff;
}

.jobs-pagination a.page-numbers:hover {
    border-color: #4caf50;
    color: #4caf50;
}

.service_card {
    cursor: default !important;
}

#innovation_inner .innovation-card {
    cursor: default !important;
}

.desktop_contact {
    display: none !important;
}

.smooth-back-to-top-button.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.smooth-back-to-top-button {
    background-color: rgba(255, 255, 255, 0.3) !important;
    box-shadow: inset 0 0 0 5px rgba(238, 238, 238, 0.3) !important;
}