/*-- Hide top post title in editor backend --*/
.editor-styles-wrapper .editor-visual-editor__post-title-wrapper {
	display:none !important;
}

.homepage-suppliers-title-firstline, .editor-styles-wrapper .homepage-suppliers-title-firstline {
	font-size: 16px;
    font-weight: 500;
    padding-top: 7px;
    letter-spacing: 0.05em;
    color: #0f0f0f;
}

.homepage-suppliers-title-secondline, .editor-styles-wrapper .homepage-suppliers-title-secondline {
    font-size: 23px;
    color: #dfdfdf;
    padding-top: 7px;
    letter-spacing: 0.018em;
	
}
.navstyle a span, .editor-styles-wrapper .navstyle div, .editor-styles-wrapper .navstyle span {
    letter-spacing: 0.09em !important;
    font-size: 16.5px !important;
    color: #e5e5e5 !important;
    font-weight: 500;
}
.navstyle {
	margin-top: -4px !important;
}
.navstyle .wp-block-navigation__responsive-container {
	margin-top: -7px !important;
}

.homepage-large-icon, .editor-styles-wrapper .homepage-large-icon{
	width: 175px;
	height: 175px;
	border-radius: 50%;
	border:2px #c6d3ff solid;
}

.homepage-large-icon-title, .editor-styles-wrapper .homepage-large-icon-title{
    font-size: 27px;
    font-weight: 700;
    letter-spacing: 0.016em;
    padding-top: 36px;
    color: #0f0f0f;
	line-height:1.3em;
}

.homepage-charting-title, .editor-styles-wrapper .homepage-charting-title {
	font-size: 27px;
    font-weight: 700;
    letter-spacing: 0.016em;
    color: #0f0f0f;
	line-height:1.3em;	
}

.homepage-large-icon-text, .editor-styles-wrapper .homepage-large-icon-text{
    color: #4a4a4a;
    font-size: 18px;
    padding-top: 15px !important;
}


.homepage-ph-button-red a.wp-block-button__link.wp-element-button, 
.editor-styles-wrapper .homepage-ph-button-red .wp-element-button  {
  background: linear-gradient(220deg, #ec3f4e, #b01321) !important;
  background-size: 300% 300% !important;
  transition: background-position 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.homepage-ph-button-red a.wp-block-button__link.wp-element-button:hover, 
.editor-styles-wrapper .homepage-ph-button-red .wp-element-button:hover {
  background-position: 100% 100% !important;
  transition: background-position 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.homepage-ph-button-red a.wp-block-button__link.wp-element-button:not(:hover), 
.editor-styles-wrapper .homepage-ph-button-red .wp-element-button:not(:hover) {
  background-position: 0% 0% !important;
  transition: background-position 1s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}


.homepage-ph-button-blue a.wp-block-button__link.wp-element-button, 
.editor-styles-wrapper .homepage-ph-button-blue .wp-element-button  {
  background: linear-gradient(220deg, #5079ff, #2838cc) !important;
  background-size: 500% 500% !important;
  transition: background-position 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.homepage-ph-button-blue a.wp-block-button__link.wp-element-button:hover, 
.editor-styles-wrapper .homepage-ph-button-blue .wp-element-button:hover {
  background-position: 100% 100% !important;
  transition: background-position 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.homepage-ph-button-blue a.wp-block-button__link.wp-element-button:not(:hover), 
.editor-styles-wrapper .homepage-ph-button-blue .wp-element-button:not(:hover) {
  background-position: 0% 0% !important;
  transition: background-position 1s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.homepage-button-blue-small a.wp-block-button__link.wp-element-button, 
.editor-styles-wrapper .homepage-button-blue-small .wp-element-button  {
  background: linear-gradient(220deg, #5079ff, #2838cc) !important;
  background-size: 500% 500% !important;
  transition: background-position 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.homepage-button-blue-small a.wp-block-button__link.wp-element-button:hover, 
.editor-styles-wrapper .homepage-button-blue-small .wp-element-button:hover {
  background-position: 100% 100% !important;
  transition: background-position 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.homepage-button-blue-small a.wp-block-button__link.wp-element-button:not(:hover), 
.editor-styles-wrapper .homepage-button-blue-small .wp-element-button:not(:hover) {
  background-position: 0% 0% !important;
  transition: background-position 1s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}


.homepage-button-red-small a.wp-block-button__link.wp-element-button, 
.editor-styles-wrapper .homepage-button-red-small .wp-element-button  {
  background: linear-gradient(220deg, #ec3f4e, #b01321) !important;
  background-size: 500% 500% !important;
  transition: background-position 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.homepage-button-red-small a.wp-block-button__link.wp-element-button:hover, 
.editor-styles-wrapper .homepage-button-red-small .wp-element-button:hover {
  background-position: 100% 100% !important;
  transition: background-position 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.homepage-button-red-small a.wp-block-button__link.wp-element-button:not(:hover), 
.editor-styles-wrapper .homepage-button-red-small .wp-element-button:not(:hover) {
  background-position: 0% 0% !important;
  transition: background-position 1s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}


.homepage-button-outline-small a.wp-block-button__link.wp-element-button, 
.editor-styles-wrapper .homepage-button-outline-small .wp-element-button {
    background: linear-gradient(155deg, 
      #fff 55%, #f6f6f6 55%, 
      #f6f6f6 65%, #fff 65%
    ) !important;
    background-size: 400% 400% !important;
    border: 3px solid #4f4f4f;
    color: #0f0f0f !important;
    transition: none !important;  /* No transition by default */
}

.homepage-button-outline-small a.wp-block-button__link.wp-element-button:hover, 
.editor-styles-wrapper .homepage-button-outline-small .wp-element-button:hover {
    background-position: -150% 100% !important;
    transition: background-position 0.5s ease-out !important; /* Enable transition only on hover */
}


.wp-block-social-links .wp-social-link svg, .editor-styles-wrapper .wp-block-social-links .wp-social-link svg{
    width:1.22em;
	height:1.22em;
 }

.homepage-suppliers, .editor-styles-wrapper .homepage-suppliers{
	/* margin-top: -84px !important; */
}

.homepage-gsymbol, .editor-styles-wrapper .homepage-gsymbol {
	position: absolute !important;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%) translateY(55%);


}
.suppliers-logos figure, .editor-styles-wrapper .suppliers-logos figure {
	z-index:9998;
}



/* copy of wp default css to a 1000px media query */
@media (min-width: 1150px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
}

/* neutralize the wp default for 600px */
@media (min-width: 600px) {
    
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;

    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}

.homepage-suppliers-title-firstline, .editor-styles-wrapper .homepage-suppliers-title-firstline {
	position: absolute !important;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 525.99 33.4' preserveAspectRatio='none' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M525.99,33.4l-23.9-23.8C497.23,4.22,489.25,0,484.1,0H41.9c-5.15,0-13.14,4.22-18,9.61L0,33.4H525.99z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 570px;
    height: 45px;
}
.homepage-suppliers-title-secondline, .editor-styles-wrapper .homepage-suppliers-title-secondline {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 524.87 73.03' preserveAspectRatio='none' xml:space='preserve'%3E%3Cpath fill='%23101010' d='M0,0l55.19,63.42c4.83,5.39,12.77,9.61,17.89,9.61h378.71c5.12,0,13.06-4.22,17.89-9.61L524.87,0H0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 570px;
    height: 80px;

}
.homepage-topbar-phoneicon, .editor-styles-wrapper .homepage-topbar-phoneicon {
    transform: rotate(0deg) scaleX(1) scaleY(-1) !important;
	margin-left: -4px !important;
	}
.homepage-tel-number, .homepage-tel-number a{
	text-decoration:none !important;
	outline:0 !important;
	font-size:17px;
}
	
.homepage-topbar-phoneicon .icon-container, .editor-styles-wrapper .homepage-topbar-phoneicon .icon-container{
	color: #d7d7d7 !important;
}

.homepage-phsection-textcol p {

		max-width: 70%;
	}

@media (max-width: 781px) {
	.homepage-phsection-textcol .wp-block-buttons {
	justify-content: center;
	padding-top: 20px !important;
    padding-bottom: 30px !important;
	}
	.homepage-charting-img img {
		width:70%;
	}
	.homepage-charting-columns .wp-block-columns {
		gap:17px !important;
		padding-top: 8px !important;
	}
	.homepage-charting-columns .wp-block-buttons {
	    padding-top: 17px !important;
	}
	.homepage-phsection-textcol p {
		text-align: center;
		max-width: 98%;
	}
	.homepage-phsection-title {
		font-size: 25px !important;
		padding-top: 20px;
	}
	.homepage-phsection-text {
		font-size: 20px !important;
	}
	.homepage-phsection-textcol {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}
@media (max-width: 600px) {
	.clients-box-title-inner > *:first-child {
		width:200px !important;
	}
	
	.homepage-clients {
		margin-top: 110px !important;
	}
	.homepage-topbar-inner, .editor-styles-wrapper .homepage-topbar-inner {
	justify-content: space-between;
	}
	
	.homepage-cta1-text, .editor-styles-wrapper .homepage-cta1-text{
	padding-left: 0px !important;
    padding-right: 0px !important;
	}
	.homepage-cta1-text p, .editor-styles-wrapper .homepage-cta1-text p {
	font-size: 20px !important;
    line-height: 1.4em !important;
	}
	.homepage-cta1-button, .editor-styles-wrapper .homepage-cta1-button{
	margin-top: 35px !important;
    margin-bottom: 80px !important;
	}
	
	.homepage-largeicons-columns, .editor-styles-wrapper .homepage-largeicons-columns{
		padding-top:55px !important;
	}
	.homepage-large-icon, .editor-styles-wrapper .homepage-large-icon {
    width: 130px;
    height: 130px;
    padding: 28px;
    border-radius: 50%;
    border: 2px #c6d3ff solid;
	}
	
	.homepage-large-icon-title, .editor-styles-wrapper .homepage-large-icon-title {
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 0.016em;
	padding-top: 18px;
	color: #0f0f0f;
	line-height: 1.3em;
	font-weight: 700;
	}

	.homepage-large-icon-text, .editor-styles-wrapper .homepage-large-icon-text {
	color: #4a4a4a;
	font-size: 18px;
	padding-top: 9px !important;
	padding-bottom: 17px !important;
	}
	
	
	.homepage-charting-title, .editor-styles-wrapper .homepage-charting-title {
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 0.016em;
	color: #0f0f0f;
	line-height: 1.3em;
	font-weight: 700;
	}
	
	.suppliers-logos .wp-block-image, .editor-styles-wrapper .suppliers-logos .wp-block-image{
		width: 24% !important;
	}
	.homepage-suppliers-title-outer, .editor-styles-wrapper .homepage-suppliers-title-outer{
		/* transform: scale(0.4);  */
        /* transform-origin: center;  */
	}
	.main-logo, .main-logo img, .editor-styles-wrapper .main-logo, .editor-styles-wrapper .main-logo img {
		width: 200px !important;
		height:auto;
	}
	
	.homepage-suppliers-title-firstline, .editor-styles-wrapper .homepage-suppliers-title-firstline {
	position: absolute !important;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 90%;
    height: 50px;
    padding-top: 10px !important;
    margin-top: 0px !important;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 318.83 44.31' preserveAspectRatio='none' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M318.83,44.31l-33.73-32.42C272.63-0.56,265.93,0,258.88,0H59.95C52.9,0,46.2-0.56,33.73,11.89L0,44.31H318.83z'/%3E%3C/svg%3E");
	}
	
	.homepage-suppliers-title-secondline, .editor-styles-wrapper .homepage-suppliers-title-secondline {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 318.83 74.18' preserveAspectRatio='none' xml:space='preserve'%3E%3Cpath fill='%23101010' d='M254.88,74.17c7.05,0,17.75,0.94,30.22-19.9L318.83,0H0l33.73,54.27c12.48,20.85,23.17,19.9,30.22,19.9H254.88z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 90%;
	}
	
.homepage-suppliers-title-secondline p, .editor-styles-wrapper .homepage-suppliers-title-secondline p {
	font-size: 19px;
	padding-left: 50px;
	padding-right: 50px;
	line-height: 1.2em;
	letter-spacing: 0.01em;
	font-weight: 400;
	}
	
}


.header-main {
	flex-wrap: nowrap !important;
}
.mmbtn {
    opacity: 0.7;
    margin-top: -8px;
}

.wp-block-navigation__responsive-container-open {
    outline: none; /* Remove the focus outline */
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	background:#0f0f0ff5 !important;
}
.wp-block-navigation__responsive-container-close svg {
    fill: #efefef; /* Change the color of the SVG path to white */
	margin-top: 12px;
}

.navstyle li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  transition: color 0.35s ease;
  padding: 2px 12px !important;
  padding-top: 0px !important;
}


/* Hover effect for normal menu items */
.navstyle a:before,
.navstyle a:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  transition: all 0.35s ease;
  opacity: 0;
}

.navstyle a:before {
  left: 0;
  bottom: 0;
  border-bottom: 2px solid #ffffffab;
  border-left: 2px solid #ffffffab;
  transform: translate(100%, -50%);
}

.navstyle a:after {
  right: 0;
  top: 0;
  border-top: 2px solid #ffffffab;
  border-right: 2px solid #ffffffab;
  transform: translate(-100%, 50%);
}

.navstyle a:hover:before,
.navstyle a:hover:after {
  transform: translate(0, 0);
  opacity: 1;
}

/* Remove hover effect when the parent <li> has "current-menu-item" */
.navstyle li.current-menu-item a:before,
.navstyle li.current-menu-item a:after,
.navstyle li.current-menu-item a:hover:before,
.navstyle li.current-menu-item a:hover:after {
  display: none;
}

/* Apply special effect to the <span> inside active menu item */
.navstyle li.current-menu-item span {
  padding: 5px 12px 5px 15px;
  border: 2px solid transparent; /* Initial border is transparent */
  border-radius: 10px;
  transition: border-color 0.3s ease; /* Smooth transition for border color */
  border-color: #ffffffdb; /* Active item border */
}

.navstyle li, 
.navstyle a, 
.navstyle span {
  outline: none;
  -webkit-tap-highlight-color: transparent; /* Removes highlight on mobile devices */
}

.navstyle .has-modal-open .wp-block-navigation__container {
	width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-content: flex-end !important;
    align-items: flex-end !important;
	row-gap: 20px !important;
    margin-top: 15px !important;
    padding-right: 20px !important;
}
.navstyle .has-modal-open .wp-block-navigation__container li a span {
	color:#efefef !important;
	font-size:15px !important;
}
.navstyle .has-modal-open .wp-block-navigation__container li.current-menu-item span {
	border-color: #ffffffad !important;
}
.navstyle .has-modal-open .wp-block-navigation__container {
    gap: 11px !important;
}

.wp-block-navigation__responsive-container-close {
	margin-right: 12px;
	margin-top: 5px;
}

.navstyle {
	margin-right: -11px;
}

.clients-box-title-inner, .editor-styles-wrapper .clients-box-title-inner {
    position: relative;
    background: url('../uploads/2025/01/homepage_clients_G_left.png') left top no-repeat,
                url('../uploads/2025/01/homepage_clients_G_right.png') right top no-repeat;
    padding-left: 53px;
    padding-right: 53px;
}

.clients-box-title-inner > *:first-child, .editor-styles-wrapper .clients-box-title-inner > *:first-child{
    background: url('../uploads/2025/01/homepage_clients_G_mid.png') center top repeat-x;
	width:250px;
	height:83px;
}
.clients-box-title-inner > *:first-child p, .editor-styles-wrapper .clients-box-title-inner > *:first-child p{
	font-size:15px;
	font-weight:700;
	padding-top: 8px;
}
.clients-box-title-outer, .editor-styles-wrapper .clients-box-title-outer{
	position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
}

.gt-footer, .editor-styles-wrapper .gt-footer {
	background: linear-gradient(to bottom, 
        #252525 15%, /* Lighter color for the thinner top band */
        #121212 15%  /* Lighter color for the bottom part */
    );

}

.gt-footer-navstyle {
	margin-left:-6px !important;
}

.gt-footer-navstyle a span, .editor-styles-wrapper .gt-footer-navstyle div, .editor-styles-wrapper .gt-footer-navstyle span {
    letter-spacing: 0.09em !important;
    font-size: 14.5px !important;
    color: #e5e5e5 !important;
    font-weight: 500;
	color: #b8b8b8 !important;
}

.gt-footer-navstyle li {
	gap: 0px !important;
}

.gt-footer-navstyle li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  transition: color 0.35s ease;
  padding: 2px 12px !important;
  padding-top: 0px !important;
}


/* Hover effect for normal menu items */
.gt-footer-navstyle a:before,
.gt-footer-navstyle a:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  transition: all 0.35s ease;
  opacity: 0;
}

.gt-footer-navstyle a:before {
  left: 0;
  bottom: 0;
  border-bottom: 2px solid #ffffff61;
  border-left: 2px solid #ffffff61;
  transform: translate(100%, -50%);
}

.gt-footer-navstyle a:after {
  right: 0;
  top: 0;
  border-top: 2px solid #ffffff61;
  border-right: 2px solid #ffffff61;
  transform: translate(-100%, 50%);
}

.gt-footer-navstyle a:hover:before,
.gt-footer-navstyle a:hover:after {
  transform: translate(0, 0);
  opacity: 1;
}

/* Remove hover effect when the parent <li> has "current-menu-item" */
.gt-footer-navstyle li.current-menu-item a:before,
.gt-footer-navstyle li.current-menu-item a:after,
.gt-footer-navstyle li.current-menu-item a:hover:before,
.gt-footer-navstyle li.current-menu-item a:hover:after {
  display: none;
}

/* Apply special effect to the <span> inside active menu item */
.gt-footer-navstyle li.current-menu-item span {
  padding: 5px 12px 5px 15px;
  border: 2px solid transparent; /* Initial border is transparent */
  border-radius: 10px;
  transition: border-color 0.3s ease; /* Smooth transition for border color */
  border-color: #ffffff61; /* Active item border */
  color: #e9e9e9 !important;
}

.gt-footer-navstyle li, 
.gt-footer-navstyle a, 
.gt-footer-navstyle span {
  outline: none;
  -webkit-tap-highlight-color: transparent; /* Removes highlight on mobile devices */
}

.footer-icons p {
    color: #dedede !important;
}

.footer-icons svg {
    fill: #dedede !important;
}

@media (max-width: 916px) { 
	.gt-footer > *:first-child {
		justify-content:center;
	}
	.gt-footer-navstyle {
		justify-content:center !important;
		padding-top:20px !important;
	}
	.gt-footer-copyright {
		justify-content:center !important;
		padding-top: 6px !important;
	}
	.gt-footer-copyright p {
		text-align:center !important;
	}
	.gt-footer .footer-inner > *:first-child {
		justify-content:center !important;
	}

}

.wpcp-single-item {
	background: white;
    padding: 15px;
    border-radius: 30px;
	margin-left:15px !important;
	margin-right:15px !important;
	height:120px;
	display: flex;
	align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}

.swiper-pagination-bullet {
	background: #dddddd !important;
	outline:0 !important;
}
.swiper-pagination-bullet-active {
	background: #354ddc !important;
	outline:0 !important;
}
@media (max-width: 600px) { 
	.footer-clients-slider {
		margin-top:40px;
	}
	.wpcp-single-item {
		margin-left:10px !important;
		margin-right:10px !important;
	}
}

.wpcp-next-button, .wpcp-prev-button {
	outline:0 !important;
}


.homepage-topbg .wp-block-cover__inner-container {
	min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Removed homepage-hero-slider from Cover > Slider because it seems to work without */
.homepage-hero-slider {
    display: flex;
    flex-grow: 1;
    flex-wrap: nowrap; /* Prevent unintended wrapping */
    align-items: stretch; /* Ensure children take full height */
    height: 100%; /* Ensure it has height */
	
}
.homepage-hero-slider .wp-columns {
	flex-grow: 1 !important;
    height: 100% !important;
    display: flex !important;
    align-items: stretch !important; /* Ensures columns stretch */
}
.homepage-hero-slider .wp-block-column {
    display: flex !important;
    flex-grow: 1 !important;
    flex-direction: column !important;
    height: 100% !important;
	display: flex !important;
    justify-content: center !important;
}
.homepage-hero-slider .wp-block-superblockslider-slider {
	flex-grow:1 !important;
}

.homepage-hero-slider > *:first-child {
	width:100% !important;
}
.homepage-hero-slider-graphic-holder {
	position:relative;
	overflow:visible !important;
}
.homepage-masterslider-graphic {
	position:absolute !important;
	left:0px;
	/* background:#ff000070; */
	width:1016px;
	height:1869px;
	top: 50%;
    transform: translateY(-50%);
	transform-origin: left center;
}

.homepage-masterslider-g {
	position:absolute;
	top:0px;
	left:0px;
	z-index:9986;
}
.homepage-masterslider-g2 {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:9985;
}

.homepage-masterslider-p {
	display:block;
	position:absolute;
	top: 738px;
    left: 22px;
	z-index:9987;
	/* background:red; */
	width:353.81px;
	height:393.91px;
}


.editor-styles-wrapper .hs-slide-images {
	display: grid !important;
}

.hs-slide-images {
	display:none !important;
}

.homepage-header-outer {
	z-index:9990;
}
.homepage-masterslider-leftcol {
	z-index:9989;
}

.hs-clipped-image {
    width: 353.81px;
    height: 393.91px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    clip-path: url(#hs-images-clippath);
    opacity: 0;
    transform: scale(0.95); /* Initial scale */
    transition: opacity 0.6s ease-in-out, transform 1.2s ease-in-out; /* Add scale transition */
}

.homepage-slide-line1 {
	color: #8c8c8d;
    font-size: 25.33px;
	width: 90%;
}
.homepage-slide-line2 {
	font-size: 34px;
    color: #cac9cc;
    font-weight: 500;
	width: 90%;
	line-height: 54px;

}

@media (max-width: 1000px) {
	.homepage-slide-line2 {
		font-size: 32px;
		line-height: 44px;
	}
}

.homepage-slide-buttons {
	padding-top: 35px !important;
}
.homepage-slider-cols {
	margin-top:-65px !important;
	
}
.homepage-header-outer .superblockslider__navigation {
	margin-left: -16px;
    width: 110px;
}

.homepage-header-outer .superblockslider__navigation svg, .editor-styles-wrapper .homepage-header-outer .superblockslider__navigation svg {
	fill: #ffffff7a;
	width:42px !important;
	height:42px !important;
}

.homepage-header-outer .superblockslider__slide_inner {
	width:100% !important;
	left:0px !important;
	padding-bottom:0px !important;
	padding-top: 10px;
}

.desktoponlybtn {
	display: inline-block !important;
}
.mobileonlybtn {
	display: none !important;
}

@media (max-width: 781px) {
	.logo-img {
		width: 250px !important;
	}
	.desktoponlybtn {
		display: none !important;
	}
	.mobileonlybtn {
		display: inline-block !important;
	}
	.homepage-slide-line1 {
		font-size: 18px;
		width: 100%;
		text-align: center;
		padding-bottom: 0px;
		padding-top: 4px;
	}
	.homepage-slide-line2 {
		font-size: 24px;
        text-align: center;
        line-height: 38px;
		line-height: 33px;
        padding-top: 3px;
		width: 100%;
    
	}
	.homepage-slide-buttons {
		padding-top: 24px !important;
		justify-content: center !important;
		width:100% !important;
		gap: 8px;
	}
	.homepage-header-outer .superblockslider__navigation {
		top: 57.0625px;
		opacity: 1;
		left: 50%;
		transform: translateX(-50%) translateY(20px);
		margin-left: 0px;
	}
	.homepage-slider-cols {
		flex-direction:column-reverse;
		
	}
	
	.homepage-slide-buttons .wp-element-button {
		padding-left: 30px !important;
        padding-right: 30px !important;

	}
	.homepage-slider-cols {
		margin-top:0px !important;
	}
	
	.wp-block-column.is-vertically-aligned-center.homepage-masterslider-leftcol.is-layout-flow.wp-container-core-column-is-layout-1.wp-block-column-is-layout-flow {
        flex-basis: 28% !important;
        padding-bottom: 50px !important;
	}
	.wp-block-column.is-vertically-aligned-center.homepage-hero-slider-graphic-holder.is-layout-flow.wp-container-core-column-is-layout-2.wp-block-column-is-layout-flow {
		flex-basis:37% !important;
	}
	
	.homepage-masterslider-g {
		display:none;
	}
	.homepage-masterslider-g2 {
		display:block !important;
	}
	
	.homepage-masterslider-graphic {
	position:absolute !important;
	bottom:0px;
	/* background:#ff000070; */
	width:1226px;
	height:1175px;
	transform-origin: bottom center;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    top: unset;
	}
	.logo-and-menu {
		padding-bottom:20px !important;
	}
	.homepage-masterslider-p {
		display: block;
		position: absolute;
		bottom: 26px;
		left: 50%;
		z-index: 9987;
		/* background: red; */
		width: 353.81px;
		height: 393.91px;
		transform: translateX(-50%);
		top:unset;
	}
	.homepage-header-outer .superblockslider__slide.is-vertical-center .superblockslider__slide_inner {
    justify-content: start !important;
    margin-top: 15px !important;
	}
	.homepage-header-outer .superblockslider__button__navigation {
		margin-top:-3px !important;
	}
	
}

@media (max-height: 680px) and (max-width: 781px) {
	.wp-block-column.is-vertically-aligned-center.homepage-masterslider-leftcol.is-layout-flow.wp-container-core-column-is-layout-1.wp-block-column-is-layout-flow {
        flex-basis: 30% !important;
        padding-bottom: 50px !important;
	}
	.wp-block-column.is-vertically-aligned-center.homepage-hero-slider-graphic-holder.is-layout-flow.wp-container-core-column-is-layout-2.wp-block-column-is-layout-flow {
		flex-basis:26% !important;
	}
	.homepage-slide-2 {
		line-height: 30px !important;
	}
	.homepage-slide-buttons {
		padding-top:20px !important;
	}
	.homepage-slide-line1 {
		padding-top:0px !important;
	}
	
	.homepage-header-outer .superblockslider__button__navigation {
		margin-top:4px !important;
	}
	
}


.homepage-header-outer .wp-block-cover__inner-container, .wp-block-cover, .homepage-topbg .wp-block-cover__inner-container {
	/* min-height: max(100vh, 670px); */
    /* max-height: 860px !important; */
}

@media (max-width: 781px) {
.homepage-header-outer .wp-block-cover__inner-container, .wp-block-cover {
	/* min-height:650px !important; */
	/* max-height:unset !important; */
}
}


/*.homepage-topbg .wp-block-cover__inner-container*/
/*.homepage-header-outer .wp-block-cover */

.homepage-header-outer .wp-block-cover {
	min-height: unset !important;
}
.homepage-topbg .wp-block-cover__inner-container {
	height: clamp(700px, 100vh, 800px);
	min-height: unset !important;
}
/* extra additions and fixes --------------------------------------------*/

.homepage-slider-cols {
	margin-top:0px !important;
}


@media (max-width: 370px) {
	.logo-img {
		width: 240px !important;
	}
}

@media (min-width: 781px) {
	.homepage-hero-slider {
		margin-bottom: 60px !important;
	}
}



@media (max-height: 790px) and (max-width: 400px) { 
	
}

.homepage-header-outer {
	z-index:10000;
}

/*----------------------------------------------------------------------*/
/*Secondaries */

.secondaries-topbg .wp-block-cover__inner-container {
	display: flex;
    flex-direction: column;
}
.secondaries-topbg {
	padding-bottom:60px !important;
}
@media (min-width: 1150px) {
	.secondaries-topbg {
		padding-bottom: 55px !important;
	}
}
@media (max-width: 781px) {
	.secondaries-topbg {
		padding-bottom: 22px !important;
	}
}
@media (max-width: 480px) {
	.secondaries-topbg {
		padding-bottom: 10px !important;
	}
	.secondaries-wrapper .logo-img {
		width: 210px !important;
	}
}

.secondaries-pagetitle-holder-line {
    position: relative; /* For positioning content */
    width: 100%; /* Full width of parent */
    background: linear-gradient(to bottom, transparent calc(100% - 5px), #f2f2f2 5px); /* 5px band at bottom */
    background-position: center bottom 9px !important;
    background-repeat: no-repeat;
}

.secondaries-pagetitle-holder-content {
    display: inline-block; /* Shrink to content */
    background-color: #fff; /* White background overrides line */
    padding-right: 15px; /* Bit of padding right */
    position: relative; /* Ensure it’s above the line */
    z-index: 1; /* Above the holder’s background */
}

.wp-block-group.secondaries-pagetitle-text.is-layout-flow.wp-block-group-is-layout-flow {
    display: inline-block;
    width: auto;
    position: relative;
    padding-bottom: 25px !important; /* Space above the band */
    background: url('../uploads/2025/02/secpages_title_mid.jpg') repeat-x;
    background-size: auto 15px; /* Lock height to 15px */
    background-position: bottom center;
}

.wp-block-group.secondaries-pagetitle-text.is-layout-flow.wp-block-group-is-layout-flow::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 23px; /* Left JPEG width */
    height: 15px; /* Match JPEG height */
    background: url('../uploads/2025/02/secpages_title_left.jpg') no-repeat;
    background-size: contain;
    z-index: 1;
}

.wp-block-group.secondaries-pagetitle-text.is-layout-flow.wp-block-group-is-layout-flow::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 23px; /* Right JPEG width */
    height: 15px; /* Match JPEG height */
    background: url('../uploads/2025/02/secpages_title_right.jpg') no-repeat;
    background-size: contain;
    z-index: 1;
}
.wp-block-group.secondaries-pagetitle-text.is-layout-flow.wp-block-group-is-layout-flow h1 {
	font-weight: 700;
    font-size: 25px;
}
.secondaries-pagetitle {
	margin-top: 79px;
    margin-bottom: 50px;
}

.secondaries-pagetitle-holder {
    position: relative; /* Anchor for pseudo-element */
    display: inline-block; /* Shrink to content width plus line */
    width: auto;
}

.secondaries-pagetitle-holder::after {
    content: '';
    position: absolute;
    left: 100%; /* Start at the right edge of the content */
    bottom: 25px; /* Offset from absolute bottom */
    width: calc(100% - 100%); /* Extend to holder’s right edge */
    height: 5px; /* Line thickness */
    background-color: #f2f2f2; /* Line color */
    z-index: 0; /* Below content */
}



@media (max-width: 916px) {
	.secondaries-img1 {
		flex-basis: 250px !important; /* Take up remaining space */
	}
}
@media (max-width: 781px) {
	.secondaries-img1 img {
		max-width: 270px !important;
	}
	.secondaries-aboutus-line1 {
		gap: 0px !important;
	}
	.secondaries-aboutus-logosymbol1 {
		display:none !important;
	}
	.secondaries-aboutus-line2 p {
		padding-top: 0.8rem !important;
	}
	.secondaries-pagetitle {
	    margin-top: 30px !important;
	}
}

.secondaries-wrapper .clients-box-title-inner, .editor-styles-wrapper .secondaries-wrapper .clients-box-title-inner {
    position: relative;
    background: url('../uploads/2025/02/aboutus_clients_G_left.png') left top no-repeat,
                url('../uploads/2025/02/aboutus_clients_G_right.png') right top no-repeat;
    padding-left: 53px;
    padding-right: 53px;
}

.secondaries-wrapper .clients-box-title-inner > *:first-child, .editor-styles-wrapper .secondaries-wrapper .clients-box-title-inner > *:first-child{
    background: url('../uploads/2025/02/aboutus_clients_G_mid.png') center top repeat-x;
	width:250px;
	height:83px;
}
.secondaries-wrapper .clients-box-title-inner > *:first-child p, .editor-styles-wrapper .secondaries-wrapper .clients-box-title-inner > *:first-child p {
	color:#fff;
}
@media (max-width: 600px) {
    .secondaries-wrapper .homepage-clients {
        margin-top: 85px !important;
    }
}
.secondaries-wrapper .homepage-gsymbol, .editor-styles-wrapper .secondaries-wrapper .homepage-gsymbol {
	width:180px !important;
}

/* .secondaries-topbg { */
	/* height: 226px; */
/* } */
/* @media (max-width: 781px) { */
	/* .secondaries-topbg { */
		/* height: 226px; */
	/* } */
/* } */

.editor-styles-wrapper .ftbs-stickyheader {
	display:block;
}
.ftbs-stickyheader {
	background-color: #ffffff !important;
    box-shadow: 0 2px 5px 1px rgba(117, 117, 117, 0.14);
	padding-top: 3px !important;
	padding-top: 6px !important;
}
.ftbs-stickyheader .navstyle {
	padding-top: 4px !important;
}

.ftbs-stickyheader .navstyle li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  transition: color 0.35s ease;
	    padding: 0px 8px !important;
    padding-left: 11px !important;
    padding-top: 0px !important;
}

/* Hover effect for normal menu items */
.ftbs-stickyheader .navstyle a:before,
.ftbs-stickyheader .navstyle a:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 2px;
  transition: all 0.35s ease;
  opacity: 0;
}

.ftbs-stickyheader .navstyle a:before {
  left: 0;
  bottom: 0;
  border-bottom: 1px solid #00000069;
  border-left: 1px solid #00000069;
  transform: translate(100%, -50%);
}

.ftbs-stickyheader .navstyle a:after {
  right: 0;
  top: 0;
  border-top: 1px solid #00000069;
  border-right: 1px solid #00000069;
  transform: translate(-100%, 50%);
}

.ftbs-stickyheader .navstyle a:hover:before,
.ftbs-stickyheader .navstyle a:hover:after {
  transform: translate(0, 0);
  opacity: 1;
}

/* Remove hover effect when the parent <li> has "current-menu-item" */
.ftbs-stickyheader .navstyle li.current-menu-item a:before,
.ftbs-stickyheader .navstyle li.current-menu-item a:after,
.ftbs-stickyheader .navstyle li.current-menu-item a:hover:before,
.ftbs-stickyheader .navstyle li.current-menu-item a:hover:after {
  display: none;
}

/* Apply special effect to the <span> inside active menu item */
.ftbs-stickyheader .navstyle li.current-menu-item span {
  padding: 4px 9px 4px 12px;
  border: 2px solid transparent; /* Initial border is transparent */
  border-radius: 10px;
  transition: border-color 0.3s ease; /* Smooth transition for border color */
  border-color: #00000021; /* Active item border */
}

.ftbs-stickyheader .navstyle li, 
.ftbs-stickyheader .navstyle a, 
.ftbs-stickyheader .navstyle span {
  outline: none;
  -webkit-tap-highlight-color: transparent; /* Removes highlight on mobile devices */
}

.ftbs-stickyheader .navstyle .has-modal-open .wp-block-navigation__container {
	width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-content: flex-end !important;
    align-items: flex-end !important;
	row-gap: 20px !important;
    margin-top: 15px !important;
    padding-right: 20px !important;
}
.ftbs-stickyheader .navstyle .has-modal-open .wp-block-navigation__container li a span {
	color:#efefef !important;
	font-size:15px !important;
}
.ftbs-stickyheader .navstyle .has-modal-open .wp-block-navigation__container li.current-menu-item span {
	border-color: #ffffffad !important;
}
.ftbs-stickyheader .navstyle .has-modal-open .wp-block-navigation__container {
    gap: 11px !important;
}

.ftbs-stickyheader .navstyle a span, .ftbs-stickyheader .editor-styles-wrapper .navstyle div, .ftbs-stickyheader .editor-styles-wrapper .navstyle span {
	letter-spacing: 0.09em !important;
    font-size: 15px !important;
    color: #494949 !important;
    font-weight: 500;
}
.ftbs-stickyheader .wp-block-navigation__responsive-container-open  {
	padding-top:8px;
	margin-top:-3px;
}

@media (max-width: 480px) {
	.homepage-tel-number, .homepage-tel-number a {
		text-decoration: none !important;
		outline: 0 !important;
		font-size: 13px;
		letter-spacing: 0px;
		font-weight: 400;
	}
	.ftbs-scroll-top {
		width: 40px;
		height: 40px;
		right: 22px;
	}
	.wp-block-group.homepage-topbar-inner {
		gap:3px !important;
	}
}

@media (max-width: 344px) {
	.wp-block-social-links .wp-social-link svg, .editor-styles-wrapper .wp-block-social-links .wp-social-link svg {
		width: 1.12em !important;
		height: 1.12em !important;
	}
	.homepage-tel-number, .homepage-tel-number a { 
		font-size:12px !important;
	}
	

}

.aboutus-qualitypolicy .wp-block-buttons, .aboutus-teamleader .wp-block-buttons, .aboutus-ourmission .wp-block-buttons {
	padding-top: 10px !important;
}

.aboutus-qualitypolicy {
	padding-top: 50px !important;
    padding-bottom: 95px !important;
}
.aboutus-teamleader {
	padding-top: 40px !important;
    padding-bottom: 90px !important;
}
.aboutus-ourmission {
	padding-top: 40px !important;
    padding-bottom: 125px !important;
}
.aboutus-ourmission .wp-block-columns {
	padding-top: 20px !important;
}
.secondaries-wrapper .gsymbol-size2 {
	width: 240px !important;
}

@media (max-width: 781px) {
	
	.secondaries-wrapper .homepage-clients {
		padding-bottom: 70px !important;
        padding-top: 40px !important;
	}
	.secondaries-wrapper .homepage-gsymbol, .editor-styles-wrapper .secondaries-wrapper .homepage-gsymbol
	{
		width: 120px !important;
	}
	.secondaries-wrapper .gsymbol-size2, .editor-styles-wrapper .secondaries-wrapper .gsymbol-size2  {
	width: 240px !important;
	}
	.secondaries-wrapper .homepage-clients {
        margin-top: 90px !important;
    }
	.aboutus-graphic1 img {
		width:50%;
		padding-top: 50px;
	}
	.aboutus-graphic2 img {
		width:50%;
		padding-top: 20px;
	}
	.aboutus-qualitypolicy {
	padding-top: 0px !important;
    padding-bottom: 60px !important;
	}
	.aboutus-ourmission .wp-block-columns {
	    flex-direction: column-reverse !important;
	}

}
@media (max-width: 480px) { 
	.secondaries-wrapper .gsymbol-size2, .editor-styles-wrapper .secondaries-wrapper .gsymbol-size2  {
	width: 240px !important;
	}
	
	.aboutus-graphic1 img {
		width: 90%;
        padding-top: 60px;
        padding-bottom: 15px;
    
	}
	.aboutus-graphic2 img {
		width:90%;
		padding-top: 0px;
		padding-bottom: 15px;
	}
	.aboutus-graphic2-holder {
		padding-top:0px !important;
	}
}
.secondaries-wrapper .homepage-suppliers {
	overflow:hidden !important;
}

.secondaries-wrapper .homepage-suppliers-title-firstline, .editor-styles-wrapper .secondaries-wrapper .homepage-suppliers-title-firstline {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 525.99 33.4' preserveAspectRatio='none' xml:space='preserve'%3E%3Cpath fill='%23F1F2F2' d='M525.99,33.4l-23.9-23.8C497.23,4.22,489.25,0,484.1,0H41.9c-5.15,0-13.14,4.22-18,9.61L0,33.4H525.99z'/%3E%3C/svg%3E");
}



.ps-list1-cols, .editor-styles-wrapper .ps-list1-cols, .ps-list2-cols, .editor-styles-wrapper .ps-list2-cols {
	width: 100%;
}

.ps-list1-cols p, .editor-styles-wrapper .ps-list1-cols p {
	display:inline-block;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="27" viewBox="0 0 353.8 393.9"><path fill="%23bf3a46" d="M153.3,6.3c14.6-8.4,32.7-8.4,47.3,0l129.6,74.8c14.6,8.4,23.6,24.1,23.6,40.9v149.7c0,16.9-9,32.5-23.6,40.9l-129.6,74.8c-14.6,8.4-32.7,8.4-47.3,0L23.6,312.7C9,304.3,0,288.7,0,271.8V122.1c0-16.9,9-32.5,23.6-41L153.3,6.3z"/></svg>');
    background-repeat: no-repeat;
    background-position: 0 3px;
	background-size: 23px 27px;
    padding-left: 30px;
    font-weight: 600;
    padding-right: 20px;
    line-height: 1.4rem;
    padding-top: 6px;
    padding-bottom: 4px;
    padding-left: 36px;
    word-break: keep-all;
	width:100%;
}

.ps-list2-cols p, .editor-styles-wrapper .ps-list2-cols p {
	display: flex;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 353.8 393.9"><path fill="%232f3fdc" d="M153.3,6.3c14.6-8.4,32.7-8.4,47.3,0l129.6,74.8c14.6,8.4,23.6,24.1,23.6,40.9v149.7c0,16.9-9,32.5-23.6,40.9l-129.6,74.8c-14.6,8.4-32.7,8.4-47.3,0L23.6,312.7C9,304.3,0,288.7,0,271.8V122.1c0-16.9,9-32.5,23.6-41L153.3,6.3z"/></svg>');
    background-repeat: no-repeat;
    background-position: 0 7px;
    background-size: 18px 20px;
    padding-left: 30px;
    font-weight: 600;
    padding-right: 20px;
    line-height: 1.4rem;
    padding-top: 6px;
    padding-bottom: 4px;
    padding-left: 30px !important;
    word-break: keep-all;
    min-height: 50px;
    /* vertical-align: middle; */
    width: calc(100% - 50px);
    margin-top: 10px;
    align-content: start;
    flex-wrap: wrap;
    margin-block-start: 0rem !important;
}

.ps-list2-cols {
	margin-top: 10px !important;
	z-index:10000;
}

.ps-list1-cols, .ps-list2-cols {
    display: flex !important; /* Ensures flexibility for column adjustments */
    flex-wrap: wrap !important; /* Allows wrapping */
    gap: 20px; /* Matches your previous spacing */
}

/* Default: 4 columns */
.ps-list1-cols .wp-block-column, .ps-list2-cols .wp-block-column {
    /* flex: 1 0 23% !important; /* 25% width for 4 columns */ 
    max-width: 23% !important;
}

/* 1160px: 3 columns */

.services-content2 {
	margin-top:60px;
	padding-top: 60px !important;
}

.services-gsymbol {
position: absolute !important;
top: 2px !important;
left: 50% !important;
transform: translateX(-50%) translateY(-124px) !important;
}

.services-graphic1 {
    padding-top: 40px !important;
}

/* 1160px: 3 columns */
@media (max-width: 1160px) {
    .ps-list1-cols .wp-block-column {
        flex: 1 0 30% !important; /* 33.33% width for 3 columns */
        max-width: 30% !important;
    }
	
	.ps-list2-cols .wp-block-column {
        flex: 1 0 50% !important;
        max-width: 50% !important;
    }
	
	.ps-list2-cols {
		gap: 0px;
	}
	
}


/* 546px: 2 columns */
@media (max-width: 900px) {
    .ps-list1-cols .wp-block-column {
        flex: 1 0 45% !important; /* 50% width for 2 columns */
        max-width: 45% !important;
    }
}

@media (max-width: 781px) {
    .services-graphicholder1 {
        padding-top:0px !important;
    }
	.services-graphicholder1 {
	    width: 40%;
	}
	
	.secondaries-wrapper .wp-block-cover__image-background {
	background-position: 50% 0px !important;
	background-size: 1400px;
	}
	
	.secondaries-wrapper .homepage-phsection-title {
		font-size: 22px !important;
	}
	
	.services-gsymbol {
	position: absolute !important;
    top: 2px !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(-86px) !important;
	}
	
}
@media (max-width: 480px) {
	.services-content1-cols {
		gap:10px;
	}
	.services-content1-cols figure {
		width:80% !important;
	}
	.services-wrapper .secondaries-pagetitle {
		margin-bottom:40px !important;
	}
	.services-title1 {
		padding-top:20px;
	}
	
	.ps-list2-cols .wp-block-column {
        flex: 1 0 100% !important;
        max-width: 100% !important;
    }
	
	.ps-list2-cols {
		gap: 0px;
	}
	.ps-list2-cols p  {
		padding-top:11px;
		padding-bottom:11px;
		min-height:unset;
		background-position: 0 12px;
	}
	.services-content2 {
		padding-bottom: 60px !important;
	}
	.services-content2 .wp-block-group {
		gap: 6px;
	}
	
	.services-cta1-text .homepage-cta1-button {
	margin-top:20px !important;
	margin-bottom:20px !important;
	}
	
	.services-cta1-text {
		padding-top: 40px !important;
	}
	
	.wp-block-pgcsimplygalleryblock-grid {
	padding-top: 20px;
	}
	
	.services-producttypes-linkgroup a {
		font-size: 0.95rem !important;
        padding-top: 0px !important;
        background-size: 25px 25px !important;
        padding-left: 34px !important;
    
	}
	.services-producttypes-linkgroup {
		gap: 10px !important;
		margin-top:0px !important;
		padding-bottom: 40px !important;
	}
	.services-products-box {
		padding-bottom: 0px !important;
	}
	.services-graphic1 {
		padding-top: 10px !important;
		padding-bottom: 5px !important;
	}
	
}


/* 340px: 1 column */
@media (max-width: 340px) {
    .ps-list1-cols .wp-block-column, .ps-list2-cols .wp-block-column {
        flex: 1 0 100% !important; /* 100% width for 1 column */
        max-width: 100% !important;
    }
}

.services-content2, .ps-topcontent {
	overflow:hidden;
}
.services-wrapper .secondaries-pagetitle {
	margin-bottom:30px !important;
}

.services-cta1-text {
	z-index: 10000;
    position: relative;
}


@media (max-width: 600px) {
    .services-menu-logo .wp-block-image, .editor-styles-wrapper .services-menu-logo .wp-block-image {
        width: 27% !important;
    }
	
	.services-menu-logo {
		gap: 22px;
		align-items: center;
	}
	.services-menu-logo .wp-block-image {
		display: flex;
		align-items: center;
	}
	
	.services-product-types .wp-block-column p {
	margin: 3px 0;
    text-align: left;
    width: 100%;
    background-color: #ffffff;
    padding: 9px;
    padding-left: 24px;
    position: relative;
    box-sizing: border-box;
    font-size: 0.95rem !important;
    font-weight: 700;
	}
	
	.services-product-types p a {
	font-size: 0.95rem !important;
	line-height:1.4rem !important;
	}
	
}

/* Pointer cursor for figures */
.services-menu-logo figure {
    cursor: pointer;
}

/* Smooth image transitions */
.services-menu-logo figure img {
    transition: filter 0.3s ease, opacity 0.3s ease;
}

/* Content tab group container */
.content-tab-group {
    position: relative; /* Establishes a positioning context */
    width: 100%; /* Adjust as needed */
    text-align: center; /* Centers inline or inline-block children if needed */
}

/* Content tabs stacked absolutely */
.content-tab-group .content-tab {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); /* Centers horizontally */
    display: none; /* Hidden by default (jQuery will show the active one) */
    opacity: 0; /* Start faded out for animation */
	margin: auto;
    padding: 0;
}

/* Ensure the active tab is on top */
.content-tab-group .content-tab[style*="display: block"] {
    z-index: 10; /* Brings the visible tab to the top */
}

.services-products-box {
  background-color: #f1f2f2; /* or whatever color you want */
  clip-path: polygon(
    20px 0,          /* top-left chamfer start */
    calc(100% - 20px) 0, /* top-right chamfer start */
    100% 20px,       /* top-right chamfer end */
    100% calc(100% - 20px), /* bottom-right chamfer start */
    calc(100% - 20px) 100%, /* bottom-right chamfer end */
    20px 100%,       /* bottom-left chamfer end */
    0 calc(100% - 20px), /* bottom-left chamfer start */
    0 20px           /* top-left chamfer end */
  );
}

.content-tab-group {
  position: relative;
  width: 100%;
  transition: height 0.3s ease; /* Optional: fallback for non-JS changes */
  /* Height set by JS */
}

.content-tab {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  display: none;
}
.editor-styles-wrapper .content-tab {
	position:relative;
	display:unset;
	opacity: 1;
	transform: translateX(0%) !important;
    left: 0px !important;
}

.services-product-types {
	padding-top: 53px;
	padding-left: 58px;
    padding-right: 58px;
    gap: 20px;
    padding-bottom: 35px;
}
.services-producttypes-linkgroup {
	padding-left: 58px;
    padding-right: 58px;
	padding-bottom: 28px;
}

.services-menu-logo {
    padding-top: 13px;
    padding-left: 58px;
    padding-right: 58px;
    justify-content: center;
    gap: 50px;
    row-gap: 20px;
}

.services-product-types .wp-block-column p {
	margin: 3px 0;
    text-align: left;
    width: 100%;
    background-color: #ffffff;
    padding: 9px;
    padding-left: 24px;
    position: relative;
    box-sizing: border-box;
    font-size: 1.1rem;
	line-height:1.61rem;
    font-weight: 700;
}

.services-producttypes-title p {
	font-size: 1.1rem;
    color: #6d6d6d;
    padding-top: 10px;
    font-weight: 500;
	padding-left: 58px;
    padding-right: 58px;
	text-align:center;
}

.services-product-types p a {
	font-size: 1.1rem;
	line-height:1.61rem;
	outline: 0 !important;
}

.services-product-types .wp-block-column p::before {
  content: ''; /* Required for pseudo-element */
  position: absolute;
  left: 0; /* Aligns to left edge of <p> */
  top: 0; /* Full height from top */
  bottom: 0; /* Full height to bottom */
  width: 5px; /* Thin red bar */
  background-color: #bf3a46; /* Red color */
  margin-right: 3px; /* Gap between red bar and text */
}

@media (max-width: 781px) { 
	.services-menu-logo {
		padding-left: 32px;
		padding-right: 32px;
	}
	.services-product-types {
		padding-top: 32px;
		padding-left: 32px;
		padding-right: 32px;
		gap: 0px;
		padding-bottom: 30px;
	}
	.services-product-types p {
	    margin-block-end: 0 !important;
	}
	.services-producttypes-linkgroup {
		padding-left: 32px;
		padding-right: 32px;
		padding-bottom: 18px;
	}
	
	.services-producttypes-title p {
	font-size: 0.98rem;
    color: #6d6d6d;
    padding-top: 10px;
    font-weight: 500;
	padding-left: 32px;
	padding-right: 32px;
	text-align:center;
	}
	
}

/* Base styles for both links */
.services-producttypes-link a,
.services-producttypes-contactlink a {
  display: inline-flex; /* Flexbox for icon + text alignment */
  align-items: flex-start; /* Align icon to top (first line of text) */
  text-decoration: none; /* Remove underline, adjust as needed */
  padding-left: 45px; /* Space for 36px icon + 8px gap */
  background-repeat: no-repeat;
  background-position: left top; /* Icon at top-left */
  background-size: 36px 36px; /* Default icon size */
  min-height: 36px; /* Ensure height matches icon if text is short */
  padding-top: 2px;
  text-align:left !important;
}

.services-producttypes-contactlink a {
	font-weight: 600 !important;
	text-decoration: none !important;
}

.services-producttypes-link a {
	font-weight: 500 !important;
	color: #737373;
	text-decoration: none !important;
	text-align:left !important;
}

/* Specific background images */
.services-producttypes-link a {
  background-image: url('../uploads/2025/02/link_btn.jpg');
  
}

.services-producttypes-contactlink a {
  background-image: url('../uploads/2025/02/arrow_btn.jpg');
}

/* Remove <p> default margins and padding */
.services-producttypes-link,
.services-producttypes-contactlink {
  margin: 5px 0; /* Small vertical spacing, adjust as needed */
  padding: 0; /* Reset default <p> padding */
}


@media (max-width: 781px) {
  .services-producttypes-link a,
  .services-producttypes-contactlink a {
    background-size: 30px 30px; /* 50% of 36px */
    padding-left: 38px; /* 50% of (36px + 8px gap) */
    min-height: 18px;
	padding-top: 0px;
    }
  }
}
.services-productsbox-holder {
	overflow: visible !important;
}

.services-constructionbox-title-outer {
	top:unset;
	z-index: 10000;
	bottom:-62px;
}

.secondaries-wrapper .services-constructionbox-title-outer .clients-box-title-inner, .editor-styles-wrapper .secondaries-wrapper .services-constructionbox-title-outer .clients-box-title-inner {
    position: relative;
    background: url('../uploads/2025/02/aboutus_clients_B_left.png') left top no-repeat,
                url('../uploads/2025/02/aboutus_clients_B_right.png') right top no-repeat;
    padding-left: 53px;
    padding-right: 53px;
}

.secondaries-wrapper .services-constructionbox-title-outer .clients-box-title-inner > *:first-child, .editor-styles-wrapper .secondaries-wrapper .services-constructionbox-title-outer .clients-box-title-inner > *:first-child{
    background: url('../uploads/2025/02/aboutus_clients_B_mid.png') center top repeat-x;
	width:250px;
	height:83px;
}

.services-construction-cols {
	gap:0px;
}
.services-construction-title {
	text-align:left;
}
.services-construction-lightboxholder {
	margin-block-start: 0rem;
}
.pgcsimplygalleryblock-grid-item-wrap {
  clip-path: polygon(
    15px 0,          /* top-left chamfer start */
    100% 0,          /* top-right corner (square) */
    100% calc(100% - 15px), /* bottom-right chamfer start */
    calc(100% - 15px) 100%, /* bottom-right chamfer end */
    0 100%,          /* bottom-left corner (square) */
    0 15px           /* top-left chamfer end */
  );
}

.services-construction-group {
	background:#222149 !important;
}

@media (max-width: 781px) {
    .secondaries-wrapper .services-clientsbox {
        margin-top: 0px !important;
    }
	.services-construction-buttongroup {
		padding-bottom: 95px !important;
	}
}

.secondaries-wrapper .services-clientsbox {
	margin-top: 0px !important;
}
.services-construction-subtitlegroup {
	gap: 13px;
}

.secondaries-wrapper .services-clients-box-title-outer .clients-box-title-inner, .editor-styles-wrapper .secondaries-wrapper .services-clients-box-title-outer .clients-box-title-inner {
    position: relative;
    background: url('../uploads/2025/02/aboutus_clients_B2_left.png') left top no-repeat,
                url('../uploads/2025/02/aboutus_clients_B2_right.png') right top no-repeat;
    padding-left: 53px;
    padding-right: 53px;
}

.secondaries-wrapper .services-clients-box-title-outer .clients-box-title-inner > *:first-child, .editor-styles-wrapper .secondaries-wrapper .services-clients-box-title-outer .clients-box-title-inner > *:first-child{
    background: url('../uploads/2025/02/aboutus_clients_B2_mid.png') center top repeat-x;
	width:250px;
	height:83px;
}
.logo-img a {
	outline:0 !important;
}
.services-construction-subtitlegroup p {
	text-align:left !important;
}
.services-construction-desc-p {
	letter-spacing: 0.3px !important;
}
.services-clients-box-title-outer {
	top:-41px !important;
}
.wp-block-pgcsimplygalleryblock-grid {
	min-height:auto !important;
}

/* Homepage block editor fixes */

.editor-styles-wrapper .homepage-header-outer .superblockslider__navigation {
	z-index:10000 !important;
	position:relative;
	height:50px;
	padding-bottom:50px;
	top:0px;
	margin-top:0px;
}

.editor-styles-wrapper .homepage-topbg .wp-block-cover__inner-container {
	height:unset !important;
	min-height: unset !important;
}
.editor-styles-wrapper .superblockslider__slide_inner {
	height:auto !important;
}

.fluentform {
	width: 100% !important;
}


.btn-custom {
  background: linear-gradient(220deg, #5079ff, #2838cc) !important;
  background-size: 500% 500% !important;
  transition: background-position 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  font-size: 1.2rem !important;
  border-radius: 9999px;
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-top:11px !important;
  padding-bottom:11px !important;
  border: none !important;
  color:#fff !important;
  font-weight: 400 !important;
  cursor: pointer;
  margin-top: 8px !important;
}

.btn-custom:hover {
  background-position: 100% 100% !important;
  transition: background-position 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.btn-custom:not(:hover) {
  background-position: 0% 0% !important;
  transition: background-position 1s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.ff-default .ff-el-form-control {
    font-size: 1.15rem !important;
    color: #000 !important;
}

.location-box {
    padding: 22px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
    background-color: #f8f9fa; /* Light gray background */
    border: 1px solid #e0e0e0; /* Subtle border */
    border-radius: 27px; /* Rounded corners */
    position: relative; /* For icon positioning */
    font-family: Arial, sans-serif; /* Clean font */
    font-size: 16px; /* Readable size */
    color: #333; /* Dark text color */
    line-height: 1.5; /* Spacing between lines */
}

/* Add the location icon as a background image */
.location-box p {
    margin: 0; /* Remove default paragraph margin */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2366aaff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a7 7 0 0 1 7 7c0 5-7 13-7 13s-7-8-7-13a7 7 0 0 1 7-7z'/%3E%3Ccircle cx='12' cy='9' r='2'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-position: 18px center;
    background-size: 50px 50px;
    padding-left: 72px !important;
    padding-right: 9px;
}

.contactus-suppliers-title {
	height:100px;
}