/*!
Theme Name: sastechservices
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sastechservices
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

sastechservices is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

/* blockquote {
	margin: 0 1.5em;
} */

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

/* a:visited {
	color: #800080;
} */

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */

.main-navigation.sticky{position: fixed; top: 0;left: 0;right: 0;z-index: 10;background: #fff;}

.main-navigation {
	display: block;
	width: 100%;
	transition: all 0.3s ease-in-out;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 150px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex; gap: 20px;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 0em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/* Custom CSS */

.sas-text-primary{color: #254A80;}
.sas-primary{background-color: #254A80; color: #fff; border-radius: 30px; padding: 10px 20px; border-color: #254A80; display: flex; align-items: center; gap: 8px;}
.sas-primary:hover, .sas-Secondary:hover{background-color: #33b59f; border-color: #33b59f;}
.sas-primary:active{background-color: #5ea994 !important; border-color: #5ea994 !important;}
.sas-Secondary{background-color: #254A80; color: #fff !important; border-radius: 30px; padding: 10px 20px; border-color: #254A80; text-align: center; text-decoration: none; width: 100%; display: inline-block;}
.main-navigation a{color: #000;}
.main-navigation li.current-menu-item>a{color: #5ea994;}
.current-page-parent .current-menu-item>a{color: #5ea994;}

.banner-head h1::first-letter { color: #FF914D;}
.service-list { list-style: none; padding-left: 0;}
.service-list li { position: relative; padding-left: 25px; margin-bottom: 12px; color: #254A80;}
.service-list li::before { content: ""; position: absolute; left: 0; top:3px; width:18px; height:18px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.78 9.7L11.11 15.37C10.97 15.51 10.78 15.59 10.58 15.59C10.38 15.59 10.19 15.51 10.05 15.37L7.22 12.54C6.93 12.25 6.93 11.77 7.22 11.48C7.51 11.19 7.99 11.19 8.28 11.48L10.58 13.78L15.72 8.64C16.01 8.35 16.49 8.35 16.78 8.64C17.07 8.93 17.07 9.4 16.78 9.7Z" fill="%2333B59F"/></svg>');
  background-repeat: no-repeat;}

  .cert-card .row .cert-content .service-list li, .cert-card .row:nth-child(odd) .cert-content .service-list li{padding-left: 30px;}

.cert-card .row:nth-child(odd) .cert-content .service-list li::before { content: ""; position: absolute; left:0px; top:3px; width:20px; height:20px;background:#5ea994;border-radius:50%;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M4.89163 13.2687L9.16582 17.5427L18.7085 8" stroke="%23ffffff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;background-size:15px;background-position: center 2px;padding-top: 3px;}

  .cert-card .row .cert-content .service-list li::before, .contente .service-list li::before { content: ""; position: absolute; left: 0; top: 3px; width:20px; height:20px;background:#254A80;border-radius:50%;  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M4.89163 13.2687L9.16582 17.5427L18.7085 8" stroke="%23ffffff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;background-size:15px;background-position: center 2px;padding-top: 3px;}

.reverse-destruction-list .service-list{display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 0;}



.section-background{border: 2px solid #6ec1ad; border-radius: 15px; height: 100%;}
.announcement-bar ul{list-style: none;}
.announcement-bar ul li a{color: #fff;}
.announcement-bar ul li a i{font-size: 15px;}
.announcement-bar{background-color: #254A80;}
.entry-header{display: none;}
.service-bg{width: 100%;}
.service-bg img{min-height: 343px;width: 100%; object-fit: cover; }
.service-icon{height: 32px;}
.service-icon img{position: absolute;}
.service-icon img{position: absolute; top: -72px; left: 31%; width: 120px;}
.section-background h3{color: #254A80;}
.ftl-head{display: flex; gap: 15px;}
body{  font-family: "Poppins", sans-serif; color: #000;}
h1,h2,h3,h4,h5{  font-family: "Poppins", sans-serif;}
p,li {font-family: "Open Sans", sans-serif;}
h2{font-weight: 600;}
.sas-why-btn{display: inline-block; justify-content: center; background-color: #6EC1AD; border-color: #6EC1AD;}
.sas-pill__value h2{margin: 0;}
.sas-subheading .first-word { color: #FF914D; }
.inner-content{max-width: 70%; margin: auto;}
.sas-why-btn i, .rotate{transform: rotate(45deg); margin-left: 4px;}
.main-head{font-size: 40px; font-weight: 700;}
.why-section{background-color: #254A80; color: #fff; padding: 120px 0px;}
.svg-top-sas{position: absolute; top: 2%;}
.svg-top-curve-sas{position: absolute; top: 0px; transform: rotate(180deg);} 
.svg-bottom-sas{position: absolute; bottom: 2%;}
.custom-curve{padding: 120px 0px 60px 0px !important;}
/* footer */
.site-footer{background-color: #254A80;}
.site-footer__inner{display: flex; justify-content: space-between;}
.site-footer__brand img{width: 70%;}
.footer-nav-nw{margin: 0; padding: 0; color: #fff; list-style: none; gap: 49px;}
.footer-nav-nw .sub-menu{padding: 0; list-style: none; margin: 0;}
.footer-nav-nw .sub-menu li{margin-bottom: 15px;}
.footer-nav-nw .sub-menu li a{margin-bottom: 0px; font-weight: 400; color: #ffffffdb;}
.footer-nav-nw .sub-menu li:before{content: ">"; margin-right: 6px; font-size: 16px; }
.footer-nav-nw a{display: inline-block ;margin-bottom: 18px; text-decoration: none; color: #fff; font-weight: 600;}
.footer-nav-nw .sub-menu li a:hover{color: #fff;}
.site-footer__legal{color: #fff; border-bottom: 2px solid #92A4C0; padding-bottom: 7px; display: flex; justify-content: space-between; align-items: end;}
.site-footer__legal a{color: #ffffffdb; text-decoration: none; font-size: 14px;}
.site-footer__contact-row a{text-decoration: none; font-weight: 300; color: #ffffffdb;}
.site-footer__contact-row{display: flex; gap: 7px;}
.site-footer__top{display: flex; flex-direction: column; justify-content: space-between;}
.footer-legals{display: flex; gap: 15px;}
.site-footer__newsletter{width: 360px;}
.site-footer__newsletter input{margin-right: 15px; border-radius: 10px !important; padding: 11px 16px; backdrop-filter: blur(41px); color: #fff; background-color: #36588A; border-color: #5E79A1 !important;}
.site-footer__newsletter input:focus{color: #fff; background-color: #36588A;border-color:#fff !important; box-shadow:none;}
.site-footer__newsletter input::placeholder {color: #ccc;opacity: 1;}
.site-footer__newsletter button{ padding: 11px 18px; border-radius: 10px !important;  background: #fff;  color: #000;}
.footer-bg__img{ position: absolute; width: 12%; left: 30%; top: 27%;}
.site-footer__meta{color: #ffffffdb; font-size: 14px;}
.sas-newsletter:hover{    background-color: #6EC1AD;
    border-color: #6EC1AD;}
.d-hid{display: none !important;}
.owl-stage{display: flex;}
.owl-stage .sas-testimonials__card{height: 100%;}
#<?php echo esc_attr($block_id); ?>{padding:56px 0}
.sas-testimonials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.sas-testimonials__card{position:relative;border-radius:12px; overflow:hidden;  }
.sas-testimonials__bg-img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02); min-height:630px;}
.sas-testimonials__bg{position:relative; z-index:-2; background-size: cover; background-position: center; height: 100%;}
.sas-testimonials__tint{position:absolute;inset:0;background: linear-gradient(228.84deg, rgba(110, 193, 173, 0.66) 18.61%, rgba(70, 147, 129, 0.66) 96.07%); z-index:-1; width: 82%; backdrop-filter: blur(5px);}
.sas-testimonials__org{border-bottom:2px solid #fff;}
.sas-testimonials__content{display: flex; flex-direction: column; justify-content: space-between; padding: 13px; width: 80%; color:#fff; position: relative; height:100%; z-index: 1;}
.sas-testimonials__role{opacity:.95; font-weight:700;}
.sas-testimonials__logo-img{max-width:110px;height:auto;display:block;filter:brightness(1.05)}
.header-bg-absolute{position: absolute; z-index: -1;  right: 0;  top: -40px;}
.background-absolute-banner{    position: absolute; left: -8%; top: 30%; z-index: -1; opacity: 0.1;}
.background-absolute-banner svg{width: 85%;}
.post-thumbnail img{width: 100%; max-height: 450px; object-fit: cover; margin-bottom: 30px;}
#nav-toggle span,
#nav-toggle span::before,
#nav-toggle span::after { content: "";  position: absolute;  height: 3px;  width: 100%;  background: #333;  border-radius: 2px;  transition: all 0.3s ease; left: 0;}
#nav-toggle span::before { top: -8px; left: 0px;}
#nav-toggle span::after { top: 8px; left: 0px;}

/* Active state → cross */
#nav-toggle.active span { background: transparent; }
#nav-toggle.active span::before { transform: rotate(45deg); top: 0; }
#nav-toggle.active span::after { transform: rotate(-45deg); top: 0; }
.fullwidth-video video { height: 550px; object-fit: cover; }

.sub-menu{display: block !important; position: relative; z-index: 1;}
/* .sub-menu li{margin-bottom: 15px;} */
.primary-submenu{background-color: #fff;}
.primary-submenu li{padding: 7px 18px;}
.primary-submenu li:hover{background-color:#254A80 ;}
.primary-submenu li:hover a{color:#fff ;}
.entry-content{margin: 0;}
.sas-pill__value{width: 50%;}
.navbar-brand img{max-width: 200px;}
.sas-primary:hover{color: #fff;}
.sastech-metrics-row .sastech-metric-item:last-child, .sastech-metric-item:last-child{ border-right: none;}
.sustainbility-head{text-transform: capitalize;}
.sastech-metrics-row p{display: none;}
.sas-subheading span{color: #FF914D;}
.main-head p{margin: 0;}
    .hero-section {
      background: linear-gradient(to right, #f9f0ff, #e7f3ff);
      text-align: center;
      padding: 4rem 1rem;
    }
    .team-card img {
      object-fit: cover;
      height: 320px;
    }
    .footer {
      background-color: #f8f9fa;
      padding: 2rem 0;
    }

    .team-card{height:100%;}
    .team-card .card-body,  .team-card-tint{    position: absolute;
    width: 95%;
    bottom: 6px;
    left: 2%; border-radius: 0.375rem;}
    .card-body p{margin:0;}
  .team-card-tint{     position: absolute;
    inset: 0;
    background: linear-gradient(228.84deg, rgba(110, 193, 173, 0.66) 18.61%, rgba(70, 147, 129, 0.66) 96.07%);
    z-index: 1;
    backdrop-filter: blur(5px);
    width: 100%;
}
.newsletter-button p{display: flex; gap: 6px;}
.team-content{position: relative; z-index: 1; color:#fff;}
.career-section{    background-color: #F0F6FF;}
.career-section .content-career{color: #fff;}
.sas-border-primary{ border-radius: 30px; padding: 10px 20px; display: flex; align-items: center; gap: 8px;border: 1px solid; color: #fff; background: none;}
.sas-border-primary:hover{background-color:#fff;color:#254A80; }
.missions-images{display: flex; gap: 25px; flex-wrap: wrap;}
.missions-images-md{display: flex; align-items: center; flex-wrap: nowrap;}
.sastech-spec-item:before{color: #6EC1AD !important;}
.new-service-padd{padding:0px 25px}

	#<?php echo esc_attr($block_id); ?>{
		--sust-bg:none;
		position:relative;
		background:#f2f6f4;
		text-align:center; color:#0b233a;
	}
	#<?php echo esc_attr($block_id); ?>::after{
		/* forest background */
		content:""; position:absolute; inset:0;
		background: var(--sust-bg) center bottom / cover no-repeat;
		 z-index:0; height: 1420px;
	}
	.sust__inner{margin:0 auto;padding:0 20px;position:relative;z-index:1; height: 100%;}
	.sust__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#46c19b;color:#0b2c4f;text-decoration:none;font-weight:700;}
	.sust__btn:hover{filter:brightness(1.05)}
	.sust__center{margin:32px auto 0; display:flex; justify-content:center;}
	.sust__center-img{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 24px rgba(0,0,0,.12));}
	.empty-section{height:320px;}
	.sust__sub{text-transform: uppercase; font-style: italic;}
	.our-missions{background-image: linear-gradient(180deg, #254A80 80%, #fff 80%);background-color: transparent; position: relative;}
	.our-missions svg{position: absolute; top: -1px; width: 100%;}
	.our-missions{margin: 50px 0px;}
	.sustainbility-head{margin-bottom: 22px; color: #254A80;}
	.team-card .card-body{display: none;}
	.team-card:hover .card-body{display: block;}
	.new-heading-mission{color: #414141; line-height: 1.3;}
	.new-heading-mission span{color: #6ec1ad;}
	.newro{display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
	.newro img{height: 130px; width: 100%; border-radius: 15px;object-fit: cover;width: 90%;}
	.mission-content{ border-radius: 15px; color: #fff; padding: 23px; background-color: #254A80;}
	.mission-content h2, .mission-content p{text-align: left;}
	.img-mission{padding: 23px; background-image: url('https://sastechservices.24livehost.com/wp-content/uploads/2025/09/Brand-Images-1.png'); background-repeat: no-repeat; background-size: cover;}
	.img-mission h2{color: #fff;}
	.about-content-sect, .sas-operation{margin: 40px 0px 0;}
	.new-cards:hover{background-color: #6ec1ad; background-image: inherit;}
	.new-cards:hover .circle{background-color: #fff; color: #6ec1ad ;}
	.new-cards{padding: 15px; border: 1px solid #0000001A; border-radius: 15px; display: flex; flex-direction: column; justify-content: space-between; gap: 75px; max-width: 300px;}
	.new-cards .circle{width: 45px; height: 45px; background-color: #6ec1ad; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #fff;}
	.operations-card{border-radius: 15px; border: none; background-color: #F6F5F2; text-align: left;}
	/* .sas-operation{background-image: linear-gradient(180deg, #f2f2f2 0%,#FFFFFF 100%);} */
	.sas-operation{background-color: #254A80; margin-top: 40px;}
	.new-cards{background-image: linear-gradient(180deg, #f2f2f2 0%,#FFFFFF 100%);}
	.newro-bg{background-color: #254A80; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 15px; border-radius: 15px;}
	.newro-bg p{margin: 0;}
	.banner img{width: 100%; height: 50vh; object-fit: cover; object-position: center center; border-radius: 24px 24px 24px 24px;}
	.head-service-banner{background-color: #DCEBFD;}
  	.banner-img-services img{height: 300px; object-fit: cover; object-position: center center;}
	.operations-card .card-body{background-color: #C6E9E0; border-radius: 12px; min-height: 200px; display: flex; flex-direction: column; justify-content: space-between;}
	.new-cards:hover .operations-card .card-body{background-color: #fff;}
	.sas-primary-bt{ background-color: #254A80; color: #fff; border-radius: 30px; padding: 10px 20px; border-color: #254A80;}
	.sas-primary-bt:hover{ background-color: #6ec1ad; color: #fff; border-color:#6ec1ad;}
	.sas-primary-bt:focus{background-color: #6ec1ad; color: #fff; border-color:#6ec1ad;}
	.sas-primary-bt:active{background-color: #6ec1ad; color: #fff; border-color:#6ec1ad;}
	.icon-sustainability{display: flex; gap: 10px; justify-content: center;}
	.icon-sustainability{margin: 0; list-style: none; padding: 10px; border: #0b2c4f 1px solid; border-radius: 35px;}
	.icon-sustainability p{margin: 0;}
	.sustainaibility-sect{ display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
	.sustain-img img{height: 100%;object-fit: cover; border-radius:15px; max-height: 500px; width: 100%;}
	.sustain-img-full img{position: relative;top: 50px;max-height: 500px;border-radius:15px 0px 0 15px;}




	.sustain-img .card{padding: 20px; border-radius: 15px;}
	.inner-card{padding: 20px; background-color: #FFFFFFCC; border-radius: 15px; width: 460px; position: sticky; top: 39px;}
	.sas-shread-img{height: 800px;}
	.sas-shread-img h3{    line-height: 35px;}
	.case-study .card{height: 100%;}
	.case-study .card img{height: 180px; object-fit: cover;}
	.content-card-case{height: 100%;}
	.card-body i{transform: rotate(90deg);}
	.case-study-btn{display: flex; align-items: center;}
	/* .case-study .card .card-body{ min-height: 227px;} */
	.content-card-case{ display: flex; flex-direction: column; justify-content: space-between; }
	.btn-empty{padding: 0; margin: 10px 10px 10px 0px;}
	.btn-empty span{margin: 10px 10px 10px 0px;}
	.btn-empty:hover{color: #FF914D;}
	.btn-empty:active{color: #FF914D; background: transparent !important;}
	.btn-empty:focus{color: #FF914D; outline: none;}
	/* .case-study{margin: 50px 0px;} */
	.case-study-card{border-radius: 15px;}
	.content-card-case .card-title{color: #254A80; margin-bottom: 15px;}
	.our-journey{ padding: 30px 0px;}
	.journey-content{padding: 50px 18vw 50px 16vw; background-color: #254A80; color: #fff; border-radius:0 15px 15px 0;margin-right: -15vw; height: 100%;}
	.Logistic-card{padding: 15px; border: 1px solid #000; border-radius: 15px;}
	.Logistic-card .card-title{margin-bottom: 10px;}
	.logistic-section{position: absolute; top: -36px; width: 75px;}
	.logistic-li li{padding: 15px; color: #fff; display: flex; align-items: center;}
	.Security-section{background-color: #254A80;}
	/* .service-list li::before{top: inherit;} */
	.secturity-list{margin: 0; list-style: none; padding: 0;}
	.secturity-list li{display: flex; gap: 15px; align-items: center; padding: 15px; background: radial-gradient(120% 120% at 20% 20%, rgba(179, 206, 232, .45), rgba(40, 70, 110, .6)); margin-bottom: 15px; border-radius: 15px;    border: 1px solid #6EC1AD;
    backdrop-filter: blur(6px); color: #fff;}
	.nav-menu>li{padding:20px 0px 20px 0;}
		.nav-menu>.menu-item-has-children {position: relative;padding-right: 20px;}
.orange-text{color:#FF914D ;}

	.banner-img-services img{width: 100%;}
	/* .menu-menu-1-container .menu-item-has-children::after {content: "\f078"; font-family: "Font Awesome 5 Free";top: inherit;	font-weight: 900;	position: absolute;	right: 5px; transform: translateY(-50%); font-size: 12px; pointer-events: none;} */
	.menu-item-has-children::after {content: "\f078"; font-family: "Font Awesome 5 Free";top: 50%;	font-weight: 900;	position: absolute; right: 5px; transform: translateY(-50%); font-size: 12px; pointer-events: none;}
	.journey-sas{padding: 25px;}
	.journey-facility {position: absolute;top: 0;z-index: -1;width: 100%;opacity: 0.2;left: 0;bottom: 0;
    right: 0;height: 100%;}
	.site-footer__mid .menu-item-has-children::after { content: inherit !important; }
	.case-study-btn{border-top: 1px solid #0000001A;}
	.primary-submenu li:hover .third-level-item{left: 184px; top: 0px;}
	.third-level-item li a{ color: #000 !important;}
	.third-level-item li:hover a{ color: #fff !important;}
	.secure-services h4{font-size:1rem;}
	.secure-services h4 span{color:#FF914D;}
	
	/* .engineer-field .card p{margin: 0;}
	.engineer-field .card{border-radius: 15px; border: 1px solid #6EC1AD; background: linear-gradient(228.84deg, rgba(110, 193, 173, 0.66) 18.61%, rgba(70, 147, 129, 0.66) 96.07%); backdrop-filter: blur(5px); color: #fff;} */
	.image-rot{text-align: center;}
	.image-rot img{width: 450px; border-radius: 25px; height: 520px;}
	.reverse-head{color: #254A80;}
	.shread-content-ul .service-list li{color: #000;}
	.shreader p{margin: 0;}
	.shreader{border-radius: 15px; overflow: hidden; text-align: center; color: #fff; height: 100%;}
	.shreader h4{background-color: #254A80; padding: 15px; margin: 0;}
	.shreader p{background-color: #33b59f; padding: 15px; height: 100%;}
	.service-section{background-color: #F0F6FF;}
	.shreading-after{padding: 15px; background-color: #33b59f; border-radius: 15px; position: absolute; bottom: 20px; right: -145px;}
	.shreading-after p{padding: 0; margin: 0; color: #fff;}
	.sas-cta-banner .sas-banner__inner{min-height: inherit;}
	.sas-cta-banner .sas-banner__inner{justify-content: center;}
	.sas-cta-banner .sas-banner__content{text-align: center;}
	.shreading-nw{padding: 25px; background-color: #33b59f; border-radius: 15px; color: #fff;}
	.shreading-nw p{margin: 0;}
	.engineer-field .col-md-5 img{max-width: 240px;}
	.offer-facility{margin: 15px; padding-left: 15px; border-left:2px solid #000 ;}
	/* .cert{border-radius: 15px; position: relative;} */
	/* .certific-content{color: #fff;}
	.certific-content .service-list li{color: #fff;} */
	.certific-content .service-list li::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' viewBox='0 0 9 12' fill='none'%3E%3Cpath d='M0 10.2092V1.79082C0 1.45847 0.0940523 1.13278 0.272666 0.851448C0.451281 0.570115 0.706671 0.344642 1.00927 0.201129C1.36832 0.0331287 1.76778 -0.0315778 2.16214 0.0143821C2.55649 0.0603421 2.92989 0.21512 3.23977 0.461078L8.38706 4.67026C8.57946 4.83544 8.73376 5.03967 8.83952 5.26909C8.94527 5.49852 9 5.74779 9 6C9 6.25221 8.94527 6.50148 8.83952 6.73091C8.73376 6.96033 8.57946 7.16456 8.38706 7.32974L3.23977 11.5389C2.92989 11.7849 2.55649 11.9397 2.16214 11.9856C1.76778 12.0316 1.36832 11.9669 1.00927 11.7989C0.706671 11.6554 0.451281 11.4299 0.272666 11.1486C0.0940523 10.8672 0 10.5415 0 10.2092Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center; background-size: contain;}

	.section-title {
      text-align: center;
      margin-bottom: 20px;
    }
	.sus-tracking{    
	background-image: url('https://sastechservices.24livehost.com/wp-content/uploads/2025/10/tree-bg.jpg');
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 65px;
	color: #fff;
	width: 100%;
    object-fit: cover;
    border-radius: 15px;
	flex-wrap: wrap;
	margin: 40px 0px;
}
.sus-tracking span{font-size: 1.5rem; font-weight: 600;}
.green-bg{ background-color: #33b59f;}
    /* .section-title h2 {
      font-size: 2.2rem;
      font-weight: 600;
      position: relative;
      display: inline-block;
    } */

    /* .section-title h2::after {
      content: '';
      width: 60px;
      height: 3px;
      background-color: #0078d4;
      display: block;
      margin: 10px auto 0;
      border-radius: 3px;
    } */
.bg-withshape{
	position: relative;
}
.bg-withshape::after{
	content: "";
	position: absolute;
	top: 0px;
	left: 0;
	width:100%;
	height:1000px;
	background: url('images/horizontal-shape.svg') no-repeat center;
	opacity: 0.1;
	transform:rotate(180deg);
	z-index: 0;
}
.bg-withshape::before{
	content: "";
	position: absolute;
	top: 0px;
	right: 0;
	width:400px;
	height: 400px;
	background: url('images/round-shape.svg') no-repeat left;
	z-index: 0;
}

    .service-card {
      background: #fff;
      border: none;
      border-radius: 12px;
      padding: 30px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.05);
      text-align: center;
      transition: all 0.3s ease;
	  height: 100%;
    }

    .service-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 25px rgba(0,0,0,0.1);
    }

    .service-card i {
      font-size: 2.5rem;
      color: #254A80;
      margin-bottom: 20px;
    }

    .service-card h5 {
      font-weight: 600;
      margin-bottom: 10px;
    }

    .image-text-section {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin-top: 80px;
    }

    .image-text-section img {
      border-radius: 12px;
      width: 100%;
      height: auto;
    }

    .cta-section {
      background-color: #0078d4;
      color: #fff;
      text-align: center;
      padding: 80px 20px;
      border-radius: 0;
      margin-top: 80px;
    }

    .cta-section h3 {
      font-size: 2rem;
      font-weight: 600;
      margin-bottom: 20px;
    }

    .cta-section a {
      background: #fff;
      color: #0078d4;
      font-weight: 600;
      padding: 12px 30px;
      border-radius: 50px;
      text-decoration: none;
      transition: all 0.3s ease;
    }

    .cta-section a:hover {
      background: #e6e6e6;
    }



.parallax-section {
  position: relative;
  /* Adjust height to make the scroll effect noticeable */
  height: 400px; 
  overflow: hidden; /* To keep the mouse movement contained */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
}

/* 1. Parallax Scroll Effect (The background image) */
.parallax-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Key CSS for the scroll parallax effect */
  background-image: url('https://sastechservices.24livehost.com/wp-content/uploads/2025/10/SAS-Facility.png'); /* REPLACE WITH YOUR IMAGE URL */
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* 👈 This is the scroll-parallax magic */
  z-index: 1; /* Place it behind the content */
}

/* 2. Foreground Content Styling */
.parallax-content {
  position: relative;
  z-index: 10; /* Place it in front of the background */
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.4); /* Semi-transparent overlay for text readability */
  border-radius: 10px;
  /* Prepare for smooth transition for the mouse movement */
  transition: transform 0.1s ease-out; 
  max-width: 60%;
}

.parallax-content h2 {
 margin: 19px 0px;
}

.parallax-content p {
  font-size: 1.2em;
}

.sustainaibility-sect .service-list li{color: #000;}

/* ADVERTISERS SERVICE CARD */
.sec-icon {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0 auto;
}

.sec-icon::before {
  content: "";
  position: absolute;
  height: 1px;
  left: -70px;
  margin-top: -5.5px;
  top: 64%;
  background: #333333;
  width: 50px;
}

.sec-icon::after {
  content: "";
  position: absolute;
  height: 1px;
  right: -70px;
  margin-top: -5.5px;
  top: 64%;
  background: #333;
  width: 50px;
}

.advertisers-service-sec, .engineering-graphic {
  background-color: #F0F6FF;
}
/* .engineering-graphic{padding-bottom: 100px;} */
.advertisers-service-sec span {
  color: #6ec1ad;
}

.advertisers-service-sec .col {
  padding: 0 1em 1em 1em;
  text-align: center;
}

.advertisers-service-sec .service-card {
  width: 100%;
  height: 100%;
  padding: 2em 1.5em;
  border-radius: 5px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  transition: 0.5s;
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fff;
}

.advertisers-service-sec .service-card::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #6ec1ad;
  position: absolute;
  left: 0%;
  top: -98%;
  z-index: -2;
  transition: all 0.4s cubic-bezier(0.77, -0.04, 0, 0.99);
}

.advertisers-service-sec h3 {
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 600;
  color: #0b2c4f;
  margin: 1em 0;
  z-index: 3;
}

.advertisers-service-sec p {
  color: #575a7b;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.03em;
  z-index: 3;
}

.advertisers-service-sec .icon-wrapper {
  background-color: #6ec1ad;
  position: relative;
  margin: auto;
  font-size: 30px;
  height: 2.5em;
  width: 2.5em;
  color: #ffffff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  transition: 0.5s;
  z-index: 3;
}

.advertisers-service-sec .service-card:hover:after {
  top: 0%;
}

.service-card .icon-wrapper {
  background-color: #ffffff;
  color:#6ec1ad;
}

.advertisers-service-sec .service-card:hover .icon-wrapper {
  color: #6ec1ad;
}

.advertisers-service-sec .service-card:hover h3 {
  color: #ffffff;
}

.advertisers-service-sec .service-card:hover p {
  color: #f0f0f0;
}

.stats-bg-top{    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;}
/* ADVERTISERS SERVICE CARD ENDED */

.minimum-img{text-align: center; width: 44%; margin: auto;}
.minimum-img img{max-width: 105px; margin-bottom: 15px;}
.service-card{text-align: center;}
.reverse-head{margin-bottom: 15px;}
.security-section .inner-content { max-width: 80%;}

.img-icon{ background:#254A80;padding:10px;width:270px;height:270px;border-radius: 100%;margin: auto;}
.img-icon img{width:250px; height:250px;object-fit: cover; border-radius: 100%;object-position: top center;}
.team-info-card{text-align: center;margin:25px 0}

.team-section.first-section{position: relative;z-index: 1;}
.team-section, .team-sales-section, .team-operation-section, .team-it-field-section, .house-it{padding: 30px 0px;}
.team-container{ max-width: 1000px; margin: auto; text-align: center; position: relative; z-index: 1;}
.card-title {margin-bottom:0px;color: #000;font-weight: 600; font-size:1.5rem;}
.team-card-content .designation{color:#666;font-size:1.2rem;line-height:32px;}
.team-container h2, .house-it h2{margin-bottom: 15px;font-size: 2.5rem;color: #000;font-weight:600;text-transform: uppercase;margin:25px 0 15px;}

.team-container h2 span, .house-it h2 span{color: #FF914D;}

.team-container.engineer-container h2{font-size:2.5rem;margin-bottom: 25px;font-weight:600;}

.house-it div img{border-radius: 15px; max-height: 600px; width: 100%; object-fit: cover; object-position: top;}

.team-banner .container{min-height:450px;display: flex;}
.customs-hero.team-banner{padding: 0 20px;}
.customs-hero.team-banner h1 {
    text-transform: uppercase;
    font-size:34px;
    max-width: 400px;
    text-align: left;
    margin: 0;
 
	text-transform: uppercase;
}

.customs-hero .banner-heading-inner{display: flex;flex-direction: column;max-width:400px;   width: 100%; height: 450px;justify-content: center;position: relative;z-index: 1;text-align: left;align-items: flex-start;}

/* .customs-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 150px; 
  background: linear-gradient(
    180deg,
    rgba(63,164,172,0) 0%, 
    rgba(63,164,172,0.6) 40%, 
    rgba(33,70,121,0.9) 100%);
  pointer-events: none;
} */

.banner-heading-inner{background: linear-gradient(90deg, rgba(33,70,121,0.6) 0%, rgba(33,70,121,0.6) 100%);display: flex;align-items: center;padding:15px;}

/* Minimal styles — move to your theme CSS file */
.sas-banner-section{position:relative;overflow:hidden;padding:40px 0}
.sas-banner__bg, .sas-banner_bg-tint{position:absolute;inset:0;z-index:0;}
.sas-banner__inner{position:relative;z-index:2;display:flex;align-items:center;min-height:360px}
.sas-banner__content{max-width:720px;color:#ffffff;padding:40px}
.sas-banner_bg-tint{background:#000; opacity: 0.3; background-image:linear}
.sas-banner__title{font-size:36px;margin:0 0 12px}
.sas-banner__subtitle{font-size:16px; margin-bottom:18px; color:rgba(255,255,255,.95)}
.btn--primary{display:inline-block;background-color: #33b59f; border-color:#33b59f; color:#fff;padding:12px 24px; border-radius:28px; text-decoration:none;}
.btn--primary:hover{display:inline-block; background:#254A80; color:#fff;padding:12px 24px; border-radius:28px; text-decoration:none; border: 1px solid #254A80;}
.btn--primary:focus{background:#254A80; color:#fff; padding:12px 24px; border-radius:28px; text-decoration:none; border: 1px solid #254A80;}
.btn--primary:focus-visible{background:#254A80; color:#fff; padding:12px 24px; border-radius:28px; text-decoration:none; border: #254A80; border: 1px solid #254A80;}
.btn:first-child:active{background:#33b59f; border: 1px solid #33b59f;}
.shread-content-ul p{margin-bottom: 10px;}
.shread-content-ul ul{ list-style: none; padding-left: 0;}
.shredders-include{margin-bottom: 45px;}
.secure-packed-sect .row img{width: 75px;}
.packed-img{max-width: 110px;}
.secure-packed-sect{background-color: #254A80; padding: 50px 0px;}
.packed-content{color: #fff;}
.packed-content p{margin: 0;}
.divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
  margin: 40px 0;
}
.sustain-bottom{width: 100%; bottom: 0; left: 0;}

.line {
  flex: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.line.left{text-align: end;}
.it-logistic p{margin: 0;}
.it-logistic{margin: 25px 0px;}
.it-logistic h3, .it-logistic-circular h3{color: #254A80;}
.cirular-bg{background-color: #8DA7C0;text-align: center; padding: 50px 0px;}
.cirular-bg ,.cirular-bg img{max-width: 75%;}
.services-section{position: relative; overflow: hidden;}
.itcircular-sections{margin: 80px 0px;}
/* .itcircular-content{padding: 50px 0px; max-width:40%; text-align: center;} */
.stats-bg-bottom{position: absolute; bottom: 0; left: 0; transform: rotate(180deg);}
.img-fluid-circular{max-height: 250px; border-radius: 15px;}
.it-logistic-circular{margin: 40px 0px;}
.cert-banner{text-align: center; background-color: #33b59f; border-radius: 15px 15px 0px 0px; padding: 15px;}
.cert-banner img, .cert-banner-h img{max-width: 210px;}
.cert-content .service-list li{color: #000;}
.cert-content p{margin-bottom: 8px;}
.cert-content h4{line-height: 30px; margin-bottom: 20px; color: #fff;}
.cert-content{padding:40px 20px 20px 100px;}
.faq-header img{width: 55px;}
.cert-img img{width:270px; height: 270px; object-fit: contain; background: #fff; padding: 25px;border:none;}
.cert-img{margin-right: -50px;margin-left: 0;min-width:325px;height:325px;border: solid 15px #fff;border-radius: 100%;background:#fff;overflow: hidden;display: flex;align-items: center;justify-content: center;position: relative;}
.cert-card{ margin-bottom: 25px; position: relative;}
.cert-card .stats-bg-bottom{width: 100%;}
/* .cert-content .service-list{display: grid; grid-template-columns: repeat(2, 1fr); margin: 0;} */
.cert-content .service-list ul.service-list{}
.cert-content .service-list li{margin-right: 12px; margin-bottom: 12px; color: #fff;}
.cert-content .service-list li:last-child{margin-bottom: 0;}

.cert-card .row{background-color: #33b59f; border-radius:150px; padding:0px;color:#fff;margin-bottom: 25px !important;}
.cert-card .row:nth-child(odd){background-color: #254A80; border-radius:150px; padding: 0px;color:#fff;}
.cert-card .row .col-md-3{display: flex; justify-content: flex-end;}
.cta-new-section{padding: 45px; text-align: center;     background: linear-gradient(to right, rgba(0, 45, 114, 0.9), rgba(0, 81, 135, 0.9)); border-radius: 15px; margin: 35px 0px;}
.cta-new-section .content{width: 85%; margin: auto; color: #fff;}
.cta-new-section .content h2{padding: 12px 0px;}
.cta-deploy-section{padding: 30px 0px;}
.cert-card .row:nth-child(odd) .cert-img{margin-left: -50px;min-width:325px;height:325px;border: solid 15px #fff;border-radius: 100%;overflow: hidden;background:#fff;position: relative;}
.cert-card .row:nth-child(odd) .cert-img:before{content:'';position: absolute;bottom: 0px;left: 0;width:290px;height:290px;border:solid 5px #254A80;border-radius: 100%;right: 0;top: 0;z-index: 1;}

.cert-card .row .cert-img:before{content:'';position: absolute;bottom: 0px;left: 0;width:290px;height:290px;border:solid 5px #33b59f;border-radius: 100%;right: 0;top: 0;z-index: 1;}


.cert-card .row:nth-child(odd) .cert-img img{border: none;}
.cert-card .row:nth-child(odd) .col-md-3{justify-content: flex-start;}
.cert-card .row:nth-child(odd) .cert-content{padding:40px 100px 20px 20px;}
.small-container{max-width: 800px;margin: auto;}
.container-form input, .container-form select{padding:10px;width: 100%;}
.container-form input[type="submit"]{background: #33b59f;border: none;border-radius: 10px;color: #fff;font-family: "Poppins", sans-serif;padding:12px 24px;}
.container-form input[type="submit"]:hover{background: #5ea994; color:#fff;}
.container-form label{width: 100%;}
    .section-title h2 {
      display: inline-block;
      position: relative;
    }


    /* --- OVERVIEW SECTION --- */
    .sustainability-overview {
      padding: 80px 0;
    }

    .sustainability-overview img {
      border-radius: 12px;
      width: 100%;
      height: auto;
    }

    /* --- CIRCULAR ECONOMY SECTION --- */
    .sustainability-circular {
      background-color: #f4f7fb;
      padding: 170px 0px;
    }
    .sustainability-circular .service-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    }

    .sustainability-circular ul {
      list-style: none;
      padding-left: 0;
    }

    .sustainability-circular ul li {
      position: relative;
      padding-left: 35px;
      margin-bottom: 20px;
    }
	.commitment-section{margin: 52px 0px;}

    /* --- TRACKING / EMISSIONS SECTION --- */
    .sustainability-tracking {
      padding: 40px 20px;
    }

    .sustainability-tracking p {
      margin-bottom: 20px;
    }

    /* --- CTA SECTION --- */
    .sustainability-cta {
      background: #f0f7ff;
      text-align: center;
      padding: 80px 20px;
    }

.icon-with-text>div{width: 20%;padding: 10px;}
.icon-with-text h5{color: #33b59f;font-size: 18px;}
.white-bg{background:#fff;}
  /* --- CUSTOMS HERO SECTION --- */
    .customs-hero {
      background:
                  url("https://sastechservices.24livehost.com/wp-content/uploads/2025/10/SAS-Facility.png") center/cover no-repeat;
      color: #fff;
      text-align: center;
      padding:0px 20px;
	  height:450px;
	  position: relative;
    }

	.customs-hero.secure-shreading-banner{
	background: url(images/Onsite-shedding-header.png);
	background-repeat: no-repeat;
	background-size: cover;
	}

	.customs-hero.case-studies{
	background: url(images/case-study-header-img.png);
	background-repeat: no-repeat;
	background-size: cover;
	}

   .customs-hero.accreditation-hero{
	background: url(images/banner-accreditations.jpg);
	background-repeat: no-repeat;
	background-size: cover;
   }
   .customs-hero.career-hero{
	background: url(images/career-banner-bg.png);	
   }
   .customs-hero.sustainability-tangible-hero{
	background: url(images/green-jungle-thumb.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
   }
    .customs-hero.sustainability-hero{
	background: url(images/jungle-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
   }
	.customs-hero.recycle-hero{
	background: url(images/recycle-banner-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	}
	.recycle-hero{ height: 270px; margin: 85px 0px;}

    .customs-hero h1 {
      font-size:29px;
      font-weight: 600;
      margin: 1rem 0rem;
	  text-transform: uppercase;
    }

    .customs-hero p {
      font-size: 1.2rem;
      max-width: 800px;
      margin:0 auto 1rem;
    }

	.circular-it-cards{padding: 150px 0px 50px 0px;}
	.sustain-img img{ max-height: 486px;}
	.ev-sustain{display: flex; flex-wrap: wrap; justify-content: space-between;}
	.blue-text{color: #254A80;}
	.management-custom .service-list li{color: #000; }
    /* .section-title h2 {
      font-size: 2.2rem;
      font-weight: 600;
      display: inline-block;
      position: relative;
    } */

    /* --- CUSTOMS OVERVIEW --- */
    /* .customs-overview {
      padding: 80px 0;
    } */

    /* .customs-overview img {
      border-radius: 12px;
      width: 100%;
      height: auto;
    } */

    /* --- CUSTOMS SERVICES --- */
    .customs-services {
      background-color: #F0F6FF;
      padding: 60px 0;
	  overflow: hidden;
    }
	.secure-services{}
	.aeo-section{background-color: #f2f2f2;}

    .customs-services .service-card {
      background: #fff;
      border: none;
      border-radius: 12px;
      padding: 30px;
      text-align: center;
      box-shadow: 0 4px 20px rgba(0,0,0,0.05);
      transition: all 0.3s ease;
      height: 100%;
    }
	.case-study-card{transition: all 0.3s ease;}
	.case-study-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 25px #6ec1ad69;
    }

	.case-study-card:hover .card-title{color: #FF914D;}
	.case-study-card .card-text{margin-bottom: 10px;}
    .customs-services .service-card:hover{
      transform: translateY(-5px);
      box-shadow: 0 6px 25px rgba(0,0,0,0.1);
    }

    .customs-services .service-card i {
      font-size: 2.5rem;
      margin-bottom: 20px;
    }

    .customs-services .service-card h5 {
      font-weight: 600;
      margin-bottom: 10px;
    }

    /* --- CUSTOMS QUOTE --- */
    .customs-quote {
      color: #fff;
      text-align: center;

    }

    .customs-quote p {
      font-size: 1.2rem;
      margin-bottom: 0;
      max-width: 800px;
      margin: 0 auto;
    }

    /* --- CUSTOMS AEO --- */
    .customs-aeo {
      text-align: center;
      padding: 60px 20px;
      background: #fff;
    }

    .customs-aeo img {
      max-width: 180px;
      margin-top: 20px;
    }

    /* --- CUSTOMS CTA --- */
    .customs-cta {
      background: #f0f7ff;
      text-align: center;
      padding: 80px 20px;
    }

    .customs-cta h3 {
      font-size: 2rem;
      font-weight: 600;
      color: #0078d4;
      margin-bottom: 15px;
    }

    .customs-cta p {
      margin-bottom: 25px;
      color: #333;
    }

    .customs-cta a {
      background: #0078d4;
      color: #fff;
      font-weight: 600;
      padding: 12px 30px;
      border-radius: 50px;
      text-decoration: none;
      transition: 0.3s ease;
    }

    .customs-cta a:hover {
      background: #005c9f;
    }

	.blue-gradient-bg{
		background: linear-gradient(90deg, #3fa4ac 0%, #214679 100%);
	}


/* .cirular-content{background-color: #0b2c4f; border-radius: 15px; color: #fff; position: absolute; top: 30px; right: -35px; padding: 25px;} */


/* Left line (circle at the start) */
/* .line.left {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="239" height="6" viewBox="0 0 239 6" fill="none"><g clip-path="url(%23clip0_106_17)"><path d="M3 3H239" stroke="%236EC1AD" stroke-width="2"/><path d="M3 6C4.657 6 6 4.65685 6 3C6 1.34315 4.657 0 3 0C1.34315 0 0 1.34315 0 3C0 4.65685 1.34315 6 3 6Z" fill="%236EC1AD"/></g><defs><clipPath id="clip0_106_17"><rect width="239" height="6" fill="white"/></clipPath></defs></svg>');
} */

/* Right line (no circle at the end) */
/* .line.right {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="239" height="6" viewBox="0 0 239 6" fill="none"><g clip-path="url(%23clip0_106_17)"><path d="M3 3H239" stroke="%236EC1AD" stroke-width="2"/><path d="M3 6C4.657 6 6 4.65685 6 3C6 1.34315 4.657 0 3 0C1.34315 0 0 1.34315 0 3C0 4.65685 1.34315 6 3 6Z" fill="%236EC1AD"/></g><defs><clipPath id="clip0_106_17"><rect width="239" height="6" fill="white"/></clipPath></defs></svg>');
} */

.divider-logo {
  height: 40px; /* adjust to your logo size */
}
.customs-services .svg-bottom-sas{bottom:-40px;}

/* .secure-section-raw .row .col-3 .content-destruct{border-right: 1px solid #000;}
.secure-section-raw .row .col-3 .content-destruct:last-child{border-right: none;} */
		
.content-destruct{padding: 15px;}
.director-message{background-color: #254A80;padding:20px 50px 0 20px; border-radius:200px;}
.director-img {
    min-width: 270px;
    background: #fff;
    width: 283px;
    height: 270px;
    border-radius: 100%;
    margin-right: 50px;
    overflow: hidden;
    padding: 10px;
    margin-left: -30px;
    margin-top: -20px;
    box-shadow: 0 6px 25px #254a80b8;
}
.logistics-reverse h5{min-height: 49px;}
.logistics-reverse img{width: 50px !important;}
.accrediation-text li{color: #fff;}
.green-text{color: #33b59f;}
.sustain-icons .icon-with-text img{ box-shadow: 0 6px 25px #254a80b8; border-radius: 100px;}
.reverse-about-rot img{min-height: 470px; object-fit: cover;}
.team-info-card .service-card-new, .green-shadow{box-shadow: 0 6px 25px #6ec1add6;}
.meet-custom-size h1{font-size: 66px !important; width: 100%;}
.director-img img{width:250px;height: 250px;border-radius: 50%;object-fit: cover; object-position: top center;border: solid 5px #254A80;}
.director-journey{display: flex;align-items:flex-start;border-radius: 20px;color: #fff; min-height:250px;margin: auto;font-size:16px;}
.director-journey h2{font-size: 25px;}
.new-section-shread{display: flex; flex-wrap: wrap; justify-content: space-between;}
.btn-orange:hover{background-color: #FF914D !important; border-color: #FF914D !important;}
.about-banner{background: url(images/About-us-header.png);}
.reverse-about-rot img{border-radius: 23px;}
.reverse-about-sect .content p{margin-bottom: 12px;}
.bg-section{ background: linear-gradient(to right, rgba(0, 45, 114, 0.9), rgba(0, 81, 135, 0.9));}
.blue-shadow{box-shadow: 0 6px 25px #5391eb8c !important;}
.icon-section-reverse ul{justify-content: space-between; padding: 0; margin: 0; align-items: center;}
.icon-section-reverse ul li{list-style: none; max-width: 120px;}
.icon-section-size img{width: 35%;}
.icon-section-size{text-align: center;}
.secure-services .container{position: relative; z-index: 1;}
/* .destruction{padding: 40px; background-color: #F0F6FF; border-radius: 18px; margin: 20px 0px; width: 100%;} */
.destruction{padding: 40px; background-color: #fff; border-radius: 18px; margin: 20px 0px; width: 100%;}
.contente h4{font-weight: 600;color: #254A80; margin-bottom: 15px;}
.service-card img{width: 80px; margin-bottom: 20px;
}
.logistics-reverse i{min-height: 50px;}
.investment-rot img{max-height: 580px; width: 100%; object-fit: cover;}
.sustainability-circular-content{width: 64%;}
.lifecycle-service-cards .section-background{background-color: #fff;}
.sustain-head{ color: #000;}
.service-support{ padding: 100px 40px 40px 40px; background-color: #254A80; margin: 85px 0px; border-radius: 24px;}
.service-support .section-background{background-color: #fff;}
.service-support .service-icon img{left: 35%;}
/* .survey-image-rot{max-width: 210px; text-align: center;} */
.decommissioning-section{ background-color: #F0F6FF;}
.reliable-section{background-color: #254A80; border-radius: 19px; color: #fff;   margin: 0; overflow: hidden;}
.irrcircularimg{padding-left: 0;}
.svg-bottom-curve-sas{bottom: 0;}
.reliable-right{background-color: #254A80; padding: 25px; }
.survey-section, .it-image-section {margin: 110px 0px;}
/* .expert-content{margin-bottom: 75px;} */
.flex-section {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 20px;
}

.top-div,
.bottom-div {
  padding: 20px;
  border-radius: 10px;
}

/* Push bottom-div to the bottom automatically */
.bottom-div {
  margin-top: auto;
}
.sust-new-subhead{font-size: 22px;}
.network-imgs img{border-radius: 19px; height: 240px; width: 100%; object-fit: cover;}
.img-title{    border-radius:  0px 0px 19px 19px; }
.director-margin{margin-bottom: 3rem;}

.img-title{    padding: 15px;
       background-color: #254A80;
	   color: #fff;
   text-align: center;
   position: relative;
    top: -14px;
}
.who-we-m{margin-bottom: 5px !important;}
.decommissioning-section{overflow: hidden;}
.cirular-bg{border-radius: 25px;}
/* gradient-bg */
.image-rot .similar-img{
	background: linear-gradient(180deg,rgba(37, 74, 128, 1) 0%, rgba(26, 139, 178, 1) 100%);
	height: 520px;
    width: 74%;
    position: absolute;
    top: 0;
    z-index: -1;
    transform: rotate(-4deg);
    margin: auto;
    left: 14%;
    border-radius: 25px;
  }

  /* .image-rot img{height: 480px !important; width: 100%; object-fit: cover;border-radius: 25px; }

  .post-thumbnail img{    color: #fff;
    text-align: center;
    padding: 0px 20px;
    height: 450px;
    position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	object-fit: cover;
	margin-bottom: 25px;
} */
.video-shredd-w{width: 72%; max-height: 520px; border-radius: 25px;}
.reverse-about-rot, .image-rot {position: relative;}
.wpcf7-form.invalid .wpcf7-response-output{display: none !important;}
.career-p.bg-withshape{overflow: hidden;}
.sustainability-circular{overflow: hidden;}
.career-p .service-card-new{background: #fff; z-index: 1; position: relative;}
.cert-card .row{position: relative;}
.about-benelux-sect{margin: 100px 0px;}


@media (max-width:768px){
	.sas-banner-section{padding:40px 0}
	.sas-banner__content{padding:20px}
	.sas-banner__title{font-size:28px}
	.sustain-icons .icon-with-text{flex-wrap: wrap;}
	.icon-with-text>div{width: 40%;}
	}


	@media (min-width: 1400px) {
.new-container{ max-width: 950px;}
}

/* Custom responsive */

/* iPad / Tablet (portrait & landscape) */
@media (max-width:640px){
		.sust__heading{font-size:22px}
		.sust__center-img{max-width:280px}
	}
@media (max-width:1200px){
		.footer-nav-nw{    gap: 19px;}
		.service-icon img{    left: 25%;}
		.stats-bg-top{top: -1;}
		.cert-card .row:nth-child(odd) .cert-img{    margin-left: -36px;
    min-width: 310px;
    height: 310px;
    border: solid 15px #fff;
    border-radius: 100%;
    overflow: hidden;
    background: #fff;
    position: relative;
   }
.cert-card .row:nth-child(odd) .cert-img:before{width: 277px;  height: 277px;}
.cert-img{    margin-right: -20px; top: 5%;min-width: 310px;
    height: 310px;
}
.cert-card .row:nth-child(odd){position: relative;}
.cert-card .row .cert-img:before{width: 277px; height: 277px;}
/* .cert-content{    padding: 40px 20px 40px 100px;} */
.cert-content {
    padding: 40px 60px 40px 57px;
}
.cert-card .row{min-height: 346px;}
	}

@media (min-width: 768px) and (max-width: 1024px) {
.main-navigation a{font-size: 13px;}
.service-icon img{left: 34%;}
   
}

@media (max-width:1100px){
.sas-testimonials__grid{grid-template-columns:repeat(2,1fr)}
.cert-card .row:nth-child(odd) .cert-content{padding: 40px 63px 40px 51px;}
}
@media (max-width:1400px){
.site-footer__top{width: 30%;}
.footer-bg__img {
    left: 10%;
    top: 29%;
}
.menu-item-has-children{padding-right:inherit ;}
.sustain-icons .icon-with-text{flex-wrap: wrap;}
.nav-menu{margin: 0px 15px !important;}
.navbar-brand img {
    max-width: 153px;
}
}

@media (max-width: 1200px) {
.hid{display: none !important;}
.d-hid{display: block !important;}
.inner-content{max-width: inherit;}
.menu-toggle{display: block;}
.main-navigation ul{display: none;}
.main-navigation.sticky .menu-menu-1-container{position: absolute; top: 94%; left: 0%;  background: #5E79A1; width: 100%; z-index: 3;}
.main-navigation .menu-menu-1-container{position: absolute; top: 12%; left: 0%;  background: #5E79A1; width: 100%; z-index: 3;}

.menu-menu-1-container{position: absolute; top: 94%; left: 0%;  background: #5E79A1; width: 100%; z-index: 3;}
.main-navigation.toggled ul{padding: 8px 0px;}
.main-navigation.toggled ul li{margin: 14px 0px;}
.main-navigation.toggled ul li a{color: #fff; font-size: 18px; width: 100%;}
#nav-toggle { position: relative; display: block; cursor: pointer; background: none; border: none;}
.services-row .col-md-6{margin-bottom: 95px;}
.site-footer__nav-list{flex-wrap: wrap;}
.site-footer__legal{display: block;}
.footer-legals{justify-content: end;}
.footer-bg__img { position: absolute; width: 28%; left: 10%; top: 21%;}
.fullwidth-video video { height: 500px; object-fit: cover; }

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {position: relative;
    width: 100%;
    background: inherit;
    box-shadow: inherit;}
	.primary-submenu li {
    padding: 3px 18px;
}
.menu-item-has-children::after{color: #fff;}

}

/* Mobile (small devices) */
@media (max-width: 767px) {
.site-footer__inner{padding: 15px !important;}
.site-footer__nav-list,.site-footer__inner, .site-contacts, .site-footer__contact, .site-footer__legal, .footer-legals{    flex-wrap: wrap; gap: 15px;}
.site-footer__nav-list{gap: 25px;}
.site-footer__legal{padding-bottom: 20px;}
.site-footer__brand img { width: 30%;}
.site-footer__inner{border-bottom: 2px solid #92A4C0;}
.site-footer__brand{margin: 25px 0px;}
.footer-bg__img { position: absolute; width: 34%; left: inherit;  top: 38%; right: 0px;}
.empty-section{display: none;}
.inner-content{max-width: 100%;}
.sust__center-img {max-width: 100% !important; }
.sas-why-curve svg{display: none !important;}
.sas-why-head{flex-direction: column-reverse;}
.why-section{padding: 40px 0px;}
.ftl-head{flex-wrap: wrap; flex-direction: column-reverse; gap: 40px;}
.sastech-stats-left{width: 100%;}
.menu-toggle{background: none; border: none;}
.menu-toggle i{font-size: 25px;}
.sust__center{margin: 15px 0px;}
.sastech-flag-image{margin: auto;}
.sastech-stats-inner{padding: 0px 20px;}
#<?php echo esc_attr($block_id); ?>{padding:0px 0}
#<?php echo esc_attr($block_id); ?>{padding: 10px 0 0px;}
.sas-pill{position: relative;}
 .site-footer__top {width: 100%; }
	.icon-section-reverse ul{flex-wrap: wrap; gap: 20px; width: 100%;}
	.about-content-sect .row{ gap: 20px;}
	.cert-card .row:nth-child(odd) .col-md-3 {
    justify-content: center;
}
.cert-card .row .col-md-3{justify-content: start; padding: 40px 60px 40px 30px;}
    .cert-card .row:nth-child(even) {
        flex-direction: column-reverse;
    }
	    .cert-content {
        padding: 0px 40px 40px 40px;
    }
	.cert-card{margin: 0px 25px;}
	    .cert-card .row:nth-child(odd) .cert-content {
        padding: 40px 40px 40px 40px;
    }
}


@media (max-width:640px){
.sas-testimonials__grid{grid-template-columns:1fr}
.director-journey{flex-wrap: wrap;}
.director-message{border-radius: 30px;}
.director-img{width: 250px; margin-bottom: 25px; margin-top: 0; margin-left: 0;}
.journey-content{margin-right: 15px; margin-left: 15px; border-radius: 30px 30px 0px 0px;}
.sustain-img-full img{top: 0;}
.journey-bg-section{padding: 0px !important;}
.survey-section, .it-image-section {
    margin: 26px 0px;
}
.survey-image-rot{margin-bottom: 25px;}
.two-img-section .row{gap: 25px; padding: 0px !important;}
.cta-new-section {padding: 30px 9px;}
.image-rot .similar-img{width: 96%; left: 2%;}
.service-support{    padding: 40px 20px 40px 20px; margin: 0px 0px 55px 0px;}
.service-support .text-white{margin-bottom: 60px;}

}

@media (max-width: 480px) {
.sas-pill{position:static !important; transform:none !important; width:auto;}
.menu-menu-1-container{top: 91%; left: 0%;}
.menu-menu-1-container ul{margin: 0px !important; padding: 15px 0px;}
.menu-menu-1-container ul li{margin-bottom: 15px;}
.menu-menu-1-container ul li a{color: #fff;}
.entry-content .col-7{width: 100% !important;}
.services-row{gap: 98px;}
.sas-sust-impact::after{height: 712px !important;}
.main-navigation.toggled ul { padding: 8px 16px;}
.fullwidth-video video{        height: 520px;
        width: 100%; object-fit: cover;}
.site-footer__newsletter{width: inherit;}
.footer-legals{margin-top: 40px;}
.services-row .col-md-6 { margin-bottom: 5px;}
.sastech-metrics-row{flex-wrap: wrap;}
.why-section {padding: 40px 29px;}
.main-head {font-size: 31px;}
.ev-sustain{margin: 25px 0px;}
.destruction .col-md-1 img{    width: 20%;
    margin-bottom: 25px;}
	.sustainaibility-sect .ps-5{padding: 0 !important; margin-bottom: 15px;}
/* .image-rot img{max-width: inherit; width: 100%; margin-bottom: 25px;} */

/* .accrediation-icon{display: flex; justify-content: center; position: relative; top: -20px;} */
.cert-card .row:nth-child(odd) .cert-img{height: 225px; width: 225px; min-width:inherit; margin-left:inherit;}
.cert-img{height: 225px; width: 225px; min-width:inherit; margin-left:inherit;}
.cert-card .row .cert-img:before{display: none;}
.cert-card .row:nth-child(odd), .cert-card .row{    border-radius: 60px; margin: 50px 0px; padding: 12px 24px;}
.cert-card .row:nth-child(even){flex-direction: column-reverse;}
.cert-content, .cert-card .row:nth-child(odd) .cert-content{padding: inherit; margin: 20px 0px;}
.cert-img img{padding: 40px;}
.cert-card .row .col-md-3{justify-content: inherit;}
.it-image-section .row{gap: 25px;}
.engineering-graphic .p-5{padding: 12px !important;}
.irrcircularimg {padding: 0;}
.svg-top-curve-sas{top: -35px;}
.logistic-row{gap: 25px;}
.sustainability-circular {
    padding: 100px 0px;
}
.reliable-neo-row{flex-wrap: wrap; margin: 15px 0px;}
.cert-card{margin: 0;}
.sustain-icons .icon-with-text{justify-content: space-around !important;}
.sustainability-circular-content{width: 100%;}
.sustainability-hero{height: 100%;}
.new-container{padding: 25px 0px;}
.itcircular-sections .row{padding: 25px;}
.itcircular-sections .row .col-md-4{flex-wrap: wrap; flex-direction: inherit !important;}
.service-icon img{left: 38%;}
.video-banner-wrapper{height: inherit !important;}
}



/* sustainability block */

	.sas-sust-impact{
		--sust-bg:none;
		position:relative;
		background:#f2f6f4;
		text-align:center; color:#0b233a;
	}
	.sas-sust-impact::after{
		/* forest background */
		content:""; position:absolute; inset:0;
		background: url(images/sustainbility-bgnw.png) bottom / cover no-repeat;
		z-index:0; height: 1420px;
        background-position: right;
	}
	.sust__inner{margin:0 auto;padding:0 20px;position:relative;z-index:1;}
	.sust__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#46c19b;color:#0b2c4f;text-decoration:none;font-weight:700;}
	.sust__btn:hover{filter:brightness(1.05)}
	.sust__center{margin:32px auto 0; display:flex; justify-content:center;}
	.sust__center-img{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 24px rgba(0,0,0,.12));}
	.empty-section{height:320px;}
	.sust__sub{text-transform: uppercase; font-style: italic;}
	@media (max-width:640px){
		.sust__heading{font-size:22px}
		.sust__center-img{max-width:280px}
	}

/* Dots 14-11-2025 */
/* ==============================
   MODAL FORM BEAUTIFICATION
   ============================== */

#pdfFormPopup .wpcf7-form p {
    margin-bottom: 16px;
}

/* Two columns wrapper */
#pdfFormPopup .two-fields {
    display: flex;
    gap: 18px;
    margin-bottom: 15px;
}

/* Each field wrapper */
#pdfFormPopup .two-fields .field {
    flex: 1;
}

/* Input, Email, Text & Tel */
#pdfFormPopup input[type="text"],
#pdfFormPopup input[type="email"],
#pdfFormPopup input[type="tel"],
#pdfFormPopup textarea,
#pdfFormPopup select {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
    background: #fafafa;
    margin-top: 5px;
}

#pdfFormPopup input[type="text"]:focus,
#pdfFormPopup input[type="email"]:focus,
#pdfFormPopup input[type="tel"]:focus,
#pdfFormPopup textarea:focus {
    border-color: #0073e6;
}

/* Submit Button */
#pdfFormPopup input[type="submit"] {
    width: 100%;
    background: #0073e6;
    color: #fff;
    padding: 14px;
    border: none;
    border-radius: 6px;
    font-size: 17px;
    cursor: pointer;
    font-weight: 600;
    margin-top: 10px;
}

#pdfFormPopup input[type="submit"]:hover {
    background: #005bb5;
}

/* Responsive */
@media (max-width: 480px) {
    #pdfFormPopup .two-fields {
        flex-direction: column;
    }
}
@media (max-width: 960px) and (min-width: 800px) {
   	.cert-card .row:nth-child(odd) .cert-img{left: -50%; top: 12%;}
	.cert-content h4{line-height: 28px; font-size: 20px;}
    .cert-content {	padding: 40px 82px 40px 50px; }
	.cert-img{right: -30%; top: 9%;}
	.cert-card .row:nth-child(odd) .cert-content { padding: 40px 48px 40px 51px; }
	    
	
}