/*
Theme Name: WINTECH NANO
Text Domain: WINTECH NANO
Version: 1.9
Tested up to: 5.9
Requires at least: 4.7
Requires PHP: 5.2.4
Description: WINTECH NANO was founded in Singapore in 2004 and came to Suzhou in 2012 in the footsteps of Sino-Singapore cooperation. Currently, we have labs in Suzhou, Nanjing, Fujian, Singapore and Malaysia with a team of over 500 people. Wintech Nano has CMA/CNAS laboratory certification and has been awarded as High-tech Enterprise, Jiangsu Province Specialized and New SME, Jiangsu Province Service-based Manufacturing Demonstration Platform, Jiangsu Province Strategic Emerging Industry and Service Industry Standardization Pilot Enterprise, Jiangsu Province R&D Enterprise, Jiangsu Province Semiconductor Chip Analysis and Testing Engineering Technology Research Center, Jiangsu Province SME Public Service Platform, Suzhou City Productive Service Industry.


Author: Stridec 
Author URI: https://stridec.com/

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

html,
body {
	border: none;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
	border: none;
	font-size: inherit; 
	margin: 0;
	padding: 0;
	text-align: inherit;
}

blockquote::before,
blockquote::after {
	content: "";
}

html {
	font-size: 18px; /* 1rem = 16px */
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
*, html, body {
	box-sizing:border-box;
}
*,
*::before,
*::after {
	box-sizing: inherit;
	-webkit-font-smoothing: antialiased;
	word-break: break-word;
	word-wrap: break-word;
}

#site-content {
	overflow: hidden;
}

a,
path {
	transition: all 0.15s linear;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
}

.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;
	-webkit-clip-path: none;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	right: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}


/* Skip Link --------------------------------- */

.skip-link {
	left: -9999rem;
	top: 2.5rem;
	z-index: 999999999;
	text-decoration: underline;
}

.skip-link:focus {
	display: block;
	left: 6px;
	top: 7px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	line-height: normal;
	padding: 15px 23px 14px;
	z-index: 100000;
	right: auto;
}

main {
	display: block;
}

p {
	line-height: 2;
	margin: 0 0 1em;
}

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

em em,
em i,
i em,
i i,
cite em,
cite i {
	font-weight: bolder;
}

big {
	font-size: 1.2em;
}

small {
	font-size: 0.75em;
}

b,
strong {
	font-weight: 700;
}

ins {
	text-decoration: underline;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

abbr,
acronym {
	cursor: help;
}

address {
	line-height: 1.5;
	margin: 0 0 2rem 0;
}

a {
	color: #52525b;
	text-decoration: underline;
}

a:hover,
a:focus {
	text-decoration: none;
	color:#1c95d3;
}

ul,
ol {
	margin: 0 0 3rem 3rem;
}

ul {
	list-style: disc;
}

ul ul {
	list-style: circle;
}

ul ul ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

ol ol {
	list-style: lower-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

li {
	line-height: 1.5;
	margin: 0.5rem 0 0 2rem;
}

li > ul,
li > ol {
	margin: 1rem 0 0 2rem;
}

.reset-list-style,
.reset-list-style ul,
.reset-list-style ol {
	list-style: none;
	margin: 0;
}

.reset-list-style li {
	margin: 0;
}

dt,
dd {
	line-height: 1.5;
}

dt {
	font-weight: 700;
}

dt + dd {
	margin-top: 0.5rem;
}

dd + dt {
	margin-top: 1.5rem;
}


/* Quotes ------------------------------------ */

blockquote {
	border-color: #cd2653;
	border-style: solid;

	/*rtl:ignore*/
	border-width: 0 0 0 0.2rem;
	color: inherit;
	font-size: 1em;
	margin: 4rem 0;

	/*rtl:ignore*/
	padding: 0.5rem 0 0.5rem 2rem;
}

cite {
	color: #6d6d6d;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.25;
}

blockquote cite {
	display: block;
	margin: 2rem 0 0 0;
}

blockquote p:last-child {
	margin: 0;
}


/* Code -------------------------------------- */

code,
kbd,
pre,
samp {
	font-family: monospace;
	font-size: 0.9em;
	padding: 0.4rem 0.6rem;
}

code,
kbd,
samp {
	background: rgba(0, 0, 0, 0.075);
	border-radius: 0.2rem;
}

pre {
	border: 0.1rem solid #dcd7ca;
	line-height: 1.5;
	margin: 4rem 0;
	overflow: auto;
	padding: 3rem 2rem;
	text-align: left;
}

pre code {
	background: transparent;
	padding: 0;
}


/* Media ------------------------------------- */

figure {
	display: block;
	margin: 0;
}

iframe {
	display: block;
	max-width: 100%;
}

video {
	display: block;
}

svg,
img,
embed,
object {
	display: block;
	height: auto;
	max-width: 100%;
}

figcaption,
.wp-caption-text {
	color: #6d6d6d;
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.2;
	margin-top: 1.5rem;
}

figcaption a,
.wp-caption-text a {
	color: inherit;
}

blockquote.instagram-media,
iframe.instagram-media {
	margin: auto !important;
}


/* GALLERIES */

.gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 3em 0 3em -0.8em;
	width: calc(100% + 1.6em);
}

.gallery-item {
	margin: 0.8em 0;
	padding: 0 0.8em;
	width: 100%;
}

.gallery-caption {
	display: block;
	margin-top: 0.8em;
}


/* Inputs ------------------------------------ */

fieldset {
	border: 0.2rem solid #dcd7ca;
	padding: 2rem;
}

legend {
	font-size: 0.85em;
	font-weight: 700;
	padding: 0 1rem;
}

label {
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	margin: 0 0 0.5rem 0;
}

label.inline,
input[type="checkbox"] + label {
	display: inline;
	font-weight: 400;
	margin-left: 0.5rem;
}

input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	top: 2px;
	display: inline-block;
	margin: 0;
	width: 1.5rem;
	min-width: 1.5rem;
	height: 1.5rem;
	background: #fff;
	border-radius: 0;
	border-style: solid;
	border-width: 0.1rem;
	border-color: #dcd7ca;
	box-shadow: none;
	cursor: pointer;
}

input[type="checkbox"]:checked::before {
	/* Use the "Yes" SVG Dashicon */
	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
	position: absolute;
	display: inline-block;
	margin: -0.1875rem 0 0 -0.25rem;
	height: 1.75rem;
	width: 1.75rem;
}

input,
textarea {
	border-color: #dcd7ca;
	color: #000;
}

code,
input[type="url"],
input[type="email"],
input[type="tel"] {

	/*rtl:ignore*/
	direction: ltr;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff;
	border-radius: 0;
	border-style: solid;
	border-color: #e8e8e8;
	border-width: 1px;
	box-shadow: none;
	display: block;
	font-size: 14px; 
	margin: 0;
	max-width: 100%;
	padding: 6px 12px;
	width: 100%;
	border-radius:0;
	outline:none;
	color:#333;
}

select {
	font-size: 1em;
}

textarea {
	height: 12rem;
	line-height: 1.5;
	width: 100%;
}

input::-webkit-input-placeholder {
	line-height: normal;
}

input:-ms-input-placeholder {
	line-height: normal;
}

input::-moz-placeholder {
	line-height: revert; /* Reset to the value from the user-agent stylesheet. */
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: var(--dark-blue);
	border: none; 
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;  
	margin: 0;
	opacity: 1;
	padding: 6px 12px;
	font-weight:var(--font-400);
	text-align: center;
	text-decoration: none; 
	transition: opacity 0.15s linear;
	border-radius:0;
	width:100%;
	position:relative;
	z-index:2;
	border:1px solid var(--dark-blue);
} 

button:focus,
button:hover,
.button:focus,
.button:hover,
.faux-button:focus,
.faux-button:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
	/* text-decoration: underline; */
	outline:none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]: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 {
	/* border-color: currentColor; */
	outline:none;
}

input[type="search"]:focus {
	outline: thin dotted;
	outline-offset: -4px;
}

/* Tables ------------------------------------ */

table {
	border: 0.1rem solid #dcd7ca;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 1.6rem;
	margin: 4rem 0;
	max-width: 100%;
	overflow: hidden;
	width: 100%;
}

.alignleft > table {
	margin: 0;
}

.alignright > table {
	margin: 0;
}

th,
td {
	border: 0.1rem solid #dcd7ca;
	line-height: 1.4;
	margin: 0;
	overflow: visible;
	padding: 0.5em;
}

caption {
	background: #dcd7ca;
	font-weight: 600;
	padding: 0.5em;
	text-align: center;
}

thead {
	vertical-align: bottom;
	white-space: nowrap;
}

th {
	font-weight: 700;
}

.toggle {
	-moz-appearance: none;
	-webkit-appearance: none;
	color: inherit;
	cursor: pointer;
	font-family: inherit;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	text-align: inherit;
	user-select: none;
}

button.toggle {
	background: none;
	border: none;
	box-shadow: none;
	border-radius: 0;
	font-size: inherit;
	font-weight: 400;
	letter-spacing: inherit;
	padding: 0;
	text-transform: none;
}

/* Hiding and Showing ------------------------ */

.js .show-js {
	display: block !important;
}

.js .hide-js {
	display: none !important;
}

.no-js .show-no-js {
	display: block !important;
}

.no-js .hide-no-js {
	display: none !important;
}


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

/*	5. Menu Modal
/* -------------------------------------------------------------------------- */


.menu-modal {
	background: #fff;
	display: none;
	opacity: 0;
	overflow-y: auto;
	overflow-x: hidden;
	position: fixed;
	bottom: 0;
	left: -99999rem;
	right: 99999rem;
	top: 0;
	transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s;
	z-index: 99;
}

.admin-bar .menu-modal {
	top: 32px;
}

@media (max-width: 782px) {

	.admin-bar .menu-modal {
		top: 46px;
	}
}

.menu-modal.show-modal {
	display: flex;
}

.menu-modal.active {
	left: 0;
	opacity: 1;
	right: 0;
	transition: opacity 0.25s ease-out;
}

.menu-modal-inner { 
	display: flex;
	justify-content: stretch;
	overflow: auto;
	-ms-overflow-style: auto;
	width: 100%;
}

.menu-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	width:100%;
}

button.close-nav-toggle {
	align-items: center;
	display: flex;
	font-size: 1.6rem;
	font-weight: 500;
	justify-content: flex-end;
	padding: 3.1rem 0;
	width: 100%;
}

button.close-nav-toggle svg {
	height: 1.6rem;
	width: 1.6rem;
}

button.close-nav-toggle .toggle-text {
	margin-right: 1.6rem;
}

.menu-modal .menu-top {
	flex-shrink: 0;
}


/* Main Menu --------------------------------- */

.modal-menu {
	position: relative;
	left: calc(50% - 50vw);
	width: 100vw;
}

.modal-menu li { 
	display: flex;
	flex-wrap: wrap;
	line-height: 1;
	justify-content: flex-start;
	margin: 0;
}

.modal-menu > li > a,
.modal-menu > li > .ancestor-wrapper > a {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: -0.0375em;
}

.modal-menu > li:last-child {
	border-bottom-width: 0.1rem;
}

.modal-menu .ancestor-wrapper {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.modal-menu a {
	display: block;
	padding: 2rem 2.5rem;
	text-decoration: none;
	width: 100%;
}

.modal-menu a:focus,
.modal-menu a:hover,
.modal-menu li.current-menu-item > .ancestor-wrapper > a,
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
	/* text-decoration: underline; */
}

button.sub-menu-toggle {
	border-left: 0.1rem solid #dedfdf;
	flex-shrink: 0;
	margin: 1rem 0;
	padding: 0 2.5rem;
}

button.sub-menu-toggle svg {
	height: 1rem;
	transition: transform 0.15s linear;
	width: 1rem;
	transform: rotate(-90deg);
}

button.sub-menu-toggle.active svg {
	transform: rotate(0deg);
}

.modal-menu ul {
	display: none;
	margin: 0;
	width: 100%;
}

.modal-menu ul li {
	border-left-width: 1rem;
}

.modal-menu ul li a {
	color: inherit;
	font-weight: 500;
}

.menu-wrapper ul.sub-menu {
	padding:0 20px;
}

/* Main menu animation ----------------------- */

.menu-wrapper .menu-item {
	position: relative;
}

.menu-wrapper .active {
	display: block;
}

.menu-wrapper.is-toggling {
	pointer-events: none;
}

.menu-wrapper.is-toggling .menu-item {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
}

.menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item {
	width: auto;
}

.menu-wrapper.is-animating .menu-item,
.menu-wrapper.is-animating .toggling-target {
	transition-duration: 250ms;
}

.menu-wrapper.is-animating .menu-item {
	transition-property: transform;
}

.menu-wrapper.is-toggling .toggling-target {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
}

.menu-wrapper.is-toggling .toggling-target.active {
	opacity: 0;
}

.menu-wrapper.is-animating.is-toggling .toggling-target {
	display: block;
	transition-property: opacity;
	opacity: 0;
}

.menu-wrapper.is-animating.is-toggling .toggling-target.active {
	opacity: 1;
}

.menu-wrapper.is-toggling .modal-menu > li:last-child li {
	border-top-color: transparent;
	border-bottom-width: 0.1rem;
}

@media (prefers-reduced-motion: reduce) {

	.menu-wrapper.is-animating .menu-item,
	.menu-wrapper.is-animating .toggling-target {
		transition-duration: 1ms !important;
	}

}


/* Expanded Menu ----------------------------- */

.expanded-menu {
	display: none;
}

.mobile-menu {
	display: block;
}


/* Menu Bottom ------------------------------- */

.menu-bottom {
	flex-shrink: 0;
	padding: 4rem 0;
}

.menu-bottom nav {
	width: 100%;
}

.menu-copyright {
	display: none;
	font-size: 1.6rem;
	font-weight: 500;
	margin: 0;
}

.menu-copyright a:focus,
.menu-copyright a:hover {
	text-decoration: underline;
}

.menu-bottom .social-menu {
	justify-content: center;
}

/* Featured Media ---------------------------- */

.featured-media {
	margin-top: 5rem;
	position: relative;
}

.singular .featured-media {
	margin-top: 0;
}

.singular .featured-media-inner {
	position: relative;
	left: calc(50% - 50vw);
	width: 100vw;
}

.singular .featured-media::before {
	background: #fff;
	content: "";
	display: block;
	position: absolute;
	bottom: 50%;
	left: 0;
	right: 0;
	top: 0;
}

.featured-media img {
	margin: 0 auto;
}

.featured-media figcaption {
	margin: 1.5rem auto 0 auto;
	text-align: center;
	width: calc(100% - 5rem);
}

.error404 #site-content {
	padding-top: 4rem;
}

.error404-content {
	text-align: center;
}

.error404 #site-content .search-form {
	justify-content: center;
	margin-top: 3rem;
}

.search-modal {
	background: rgba(0, 0, 0, 0.2);
	display: none;
	opacity: 0;
	position: fixed;
	bottom: 0;
	left: -9999rem;
	top: 0;
	transition: opacity 0.2s linear, left 0s 0.2s linear;
	width: 100%;
	z-index: 999;
}

.admin-bar .search-modal.active {
	top: 32px;
}

@media (max-width: 782px) {

	.admin-bar .search-modal.active {
		top: 46px;
	}
}

.search-modal-inner {
	background: #fff;
	transform: translateY(-100%);
	transition: transform 0.15s linear, box-shadow 0.15s linear;
}

.search-modal-inner .section-inner {
	display: flex;
	justify-content: space-between;
	max-width: 168rem;
}

.search-modal.active {
	left: 0;
	opacity: 1;
	transition: opacity 0.2s linear;
	display:block;
}

.search-modal.active .search-modal-inner {
	box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08);
	transform: translateY(0);
	transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear;
}

button.search-untoggle {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	margin-right: -2.5rem;
	padding: 0 2.5rem;
}

.search-modal button.search-untoggle {
	color: inherit;
}

.search-modal.active .search-untoggle {
	animation: popIn both 0.3s 0.2s;
}

.search-untoggle svg {
	height: 1.5rem;
	transition: transform 0.15s ease-in-out;
	width: 1.5rem;
}

.search-untoggle:focus svg,
.search-untoggle:hover svg {
	transform: scale(1.15);
}


/* Modal Search Form ------------------------- */

.search-modal form {
	margin: 0;
	position: relative;
	width: 100%;
}

.search-modal .search-field {
	background: none;
	border: none;
	border-radius: 0;
	color: inherit;
	font-size: 2rem;
	letter-spacing: -0.0277em;
	height: 8.4rem;
	margin: 0 0 0 -2rem;
	max-width: calc(100% + 2rem);
	padding: 0 0 0 2rem;
	width: calc(100% + 2rem);
}

.search-modal .search-field::-webkit-input-placeholder {
	color: inherit;
}

.search-modal .search-field:-ms-input-placeholder {
	color: inherit;
}

.search-modal .search-field::-moz-placeholder {
	color: inherit;
	line-height: 4;
}

.search-modal .search-submit {
	position: absolute;
	right: -9999rem;
	top: 50%;
	transform: translateY(-50%);
}

.search-modal .search-submit:focus {
	right: 0;
}


/***** CUSTOM STYLE  ****/
html {
	font-size:16px;
}

@font-face {
    font-family: 'Noto-Sans-Hans';
    src: url('./assets/fonts/NotoSansHans.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
	--primary:#1C95D3;
	--secondary:#595959;
	--white:#fff;
	--black:#000;
	--light-gray:#333; 
	--border:#e8e8e8;
	--footer-gray:#A9A9A9;	
	--dark:#18181B;	
	--light-blue:#2980b9;	
	--dark-blue:#03247C;	
	--light-yellow:#FEEE95;	
	--font-14:14px;
	--font-16:16px;
	--font-18:18px; 
	--font-20:20px; 
	--font-26:26px; 
	--font-30:30px; 
	--font-32:32px; 
	--font-38:38px; 
	--none:none;
	--font-400:400; 
	--font-700:700;
	--none:none; 
	--primary-font: "Noto Sans", sans-serif;; 
	--radius:8px;
}

button.toggle, .wpcf7-spinner, .post-author, .post-comment-link, .post-meta li .meta-icon, .wpcf7-not-valid-tip, h1 .color-accent, .post-separator {
	display:none
}

body, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary {
	font-family: var(--primary-font);
	font-size:var(--font-16);
	color:var(--secondary);
	line-height:1.4;
}
a {
	text-decoration:none;
}
h1 { 
	color:var(--dark);
	font-weight: var(--font-700); 
	font-size: 38px;
	font-family: var(--primary-font);
	margin:0 0 20px;
}

h2 { 
	color:var(--dark);
	font-weight: var(--font-700); 
	font-size: var(--font-26);
	font-family: var(--primary-font);
	margin:0 0 20px;
}

h3 { 
	color:var(--dark);
	font-family: var(--primary-font);
	font-size:var(--font-20);
	margin:0 0 20px;
	font-weight: var(--font-700);
}

h4 {
	color:var(--dark);
	font-family: var(--primary-font);
	font-size: var(--font-18);
	margin:0 0 20px;
	font-weight: var(--font-700);
}
p {
	display:inline-block;
	width:100%;
}

h5 {
	color:var(--secondary);
	font-family: var(--primary-font);
	font-weight: var(--font-700);
	font-size: 16px;
	margin:0 0 20px;
} 

a.theme-btn, button.theme-btn, .menu-btn a { 
	background-color:#A90009;
	padding:8px 30px;
	color:var(--white);
	border-radius: 0px;
	display:inline-flex;
	position:relative;
	overflow:hidden;
	transition: 0.5s ease-in-out;
	z-index:2;
	justify-content: center;
	border:1px solid #A90009;
	line-height:1;
} 
button.theme-btn {  
	border-radius: 16px; 
	
} 
a.theme-btn-white { 
	padding:15px 30px;
	color:var(--primary);
	border-radius: 40px;
	display:inline-flex;
	justify-content: center;
	position:relative;
	z-index:2;
	border:1px solid var(--white);
	overflow:hidden;
} 
a.theme-btn-white:hover {  
	color:var(--white); 
} 
a.theme-btn-white:before {
    content: "";
    position: absolute;
    top: 0;
    left: -50px;
    bottom: 0;
    right: 0;
    border-left: 50px solid transparent;
    border-top: 80px solid #fff;
    transform: translateX(0);
	transition: 0.5s ease-in-out;
	z-index:-1;
}
a.theme-btn-white:hover:before {
    transform: translateX(100%);
}
a.theme-btn-white svg {  
	stroke:var(--primary);  
	position: relative;
    z-index: 1;
	fill:transparent;
	margin-left: 15px;
}
a.theme-btn-white:hover svg {  
	stroke:var(--white);  
}
a.theme-btn-outline {  
	padding:15px 30px;
	color:var(--primary);
	border-radius: 40px;
	border:1px solid var(--border);
	display:inline-flex;
	position:relative;
	overflow:hidden;
	transition: 0.5s ease-in-out;
	z-index:2; 
	justify-content: center;
} 
a.theme-btn-outline:hover {   
	color:var(--white); 
} 
a.theme-btn-outline:before {
    content: "";
    position: absolute;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--primary);
    transform: translateX(-100%);
	transition: 0.5s ease-in-out;
	z-index:-1;
}
a.theme-btn-outline:hover:before {
    transform: translateX(0);
}
a.theme-btn-outline svg {  
	stroke:var(--primary);  
	position: relative;
    z-index: 1;
	fill:transparent;
	margin-left: 15px;
}
a.theme-btn-outline:hover svg {  
	stroke:var(--white);  
}
a.theme-link, .theme-color {
	color:var(--primary);
}
.light-blue {
	color:var(--light-blue);
}
.dark-blue {
	color:var(--dark-blue);
}
.black {
	color:var(--black);
}
.light-gray {
	color:#808080;
}
.border-radius-8, a.border-radius-8 {
	border-radius:16px;
}
.border {
    border: 1px solid var(--border) !important;
}
.font-400 {
	font-weight:var(--font-400);
}
.font-600 {
	font-weight:var(--font-600);
}
.font-700 {
	font-weight:var(--font-700);
}
.font-14 {
	font-size:var(--font-14);
}
.font-16 {
	font-size:var(--font-16);
}
.font-18 {
	font-size:var(--font-18);
}
.font-20 {
	font-size:var(--font-20);
}
.font-26 {
	font-size:var(--font-26);
}
.font-30 {
	font-size:var(--font-30);
}
.font-32 {
	font-size:var(--font-32);
}
.font-38 {
	font-size:var(--font-38);
}
.bg-gray {
	background-color:#f7f8fa;
}
.bg-image {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}
.height-100 {
	height:100vh;
}
.column-5 {
	width:20%;
	padding:0 15px;
	margin-top:1rem;
}
.height-88 {
	height:87%;
}
.height-88 img {
	height:100%;
	object-fit:cover;
}
.wpcf7 form.invalid .wpcf7-response-output {
	margin: 0;
    padding: 8px 10px;
    font-size: 13px; 
    background: #f8d7da;
    border: 1px solid #f8d7da;
    border-radius: 8px;
	color:#721c24;
}
.wpcf7 form.sent .wpcf7-response-output {
    margin: 0;
    padding: 8px 10px;
    font-size: 13px;  
    background: #d4edda;
    border: 1px solid #d4edda;
    border-radius: 8px;
	color:#155724;
}
.captcha p {
	display:flex;
	flex-direction: row-reverse;
    align-items: center;
}
.wpcf7-form-control-wrap {
	width:100%
}
/***** HEADER ******/
.top-header {
	background-color:var(--light-gray);
	padding:16px 0;
}
#site-header {  
	width:100%; 
	padding:0px 20px; 
	background:#fff;  
} 
.site-logo img {
	height:58px;
	width:auto;
}
.primary-menu-wrapper {
	display:flex;
	align-items:center; 
}
.header-menu nav > ul {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	list-style:none; 
	margin:0; 
	position:relative;
}
.header-menu nav > ul > li { 
	margin:0;
	line-height:80px; 
	z-index:2;
}
.header-menu nav > ul > li > a { 
	padding:0 30px;
	font-weight: var(--font-700);
	height:100%;
	display:inline-block;
	color:var(--light-gray);
}
.header-menu nav > ul > li:hover > a { 
	color:var(--white);
	background-color: var(--dark-blue);
} 
.header-menu .sub-menu {
	position: absolute;
    width: 100%;
    right: 0%;
	display:none;
	background-color:var(--white);
	flex-wrap: wrap;
	padding:30px;
	box-shadow:0 15px 27px 0 rgba(167, 165, 165, 0.38);
}
.header-menu nav > ul > li:hover .sub-menu {
	display:flex;
}
.header-menu .sub-menu li { 
    width: 30%; 
	display:inline-block;
}
.header-menu .sub-menu li a { 
    color:#666;
	font-size:15px;
	margin: 15px 0;
    padding: 0 0 0 10px;
    display: inline-block;
}
.header-menu .sub-menu li:hover a { 
    color:#A60007; 
}

button.search-toggle {
	background-color:transparent;
	padding:0;
	border:none;
	fill:#fff;
}
.top-header .textwidget {
	display:flex;
	align-items:center;
}
.top-links {
	line-height:1;
	margin-left:14px;
}
.top-header .top-links a {
	color:#fff; 
	display:inline-block;
	font-size:var(--font-16);
}
.top-header .top-links a i {  
	font-size:22px;
}
/***** FOOTER ****/

#site-footer {   
	padding:50px 20px 20px;
	background-color:var(--light-gray);
} 
#site-footer h2 { 
	color:var(--footer-gray);
	font-weight: 400; 
	font-size: 1rem;
	font-family: var(--primary-font);
	margin:0 0 20px;
	text-transform: uppercase;
    letter-spacing: .5px;
}
.footer-one {
	width:50%;
}
.footer-two {
	width:50%;
} 
.footer-menu ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    flex-direction: column;
}
.footer-menu li { 
    margin: 0 0 10px; 
}
.footer-double-menu ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0; 
}
.footer-double-menu li { 
    margin: 0 0 10px; 
	display:inline-block;
	width:100%;
}
.textwidget p { 
	margin-bottom:5px;
}
.textwidget p, .textwidget a {
	color:var(--footer-gray); 
	font-size:14px;	
}
.textwidget a:hover {
	color:var(--footer-gray);
	text-decoration:none;
}
.social-links a {
	width: 18px;
    height: 18px;
    margin: 2px;
    filter: grayscale(1);
}

/***** Breadcrumbs *******/
.custom-breadcrumb {
	border-bottom:20px solid #f8f8f8;
	margin: 25px 0 0;
	padding-bottom:20px;
}
.breadcrumb {
    padding: 0 0 5px;
    background-color: transparent;
	margin:0; 
}
.breadcrumbs {
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
	font-size:14px;
}
.single-post-view .breadcrumbs { 
	flex-wrap:wrap;
}
.breadcrumbs li {
    margin: 0; 
}
.breadcrumbs li a {
    color: var(--light-blue);
}
.separator {
    padding: 0 10px;
    font-size: 10px!important;
    line-height: 1!important; 
}
.category-links {
	width:54%;
	display: flex;
    align-items: center;
    line-height: 30px;
	flex-wrap:wrap;
	justify-content:end;
}
.category-links a {
	padding:5px;
	border:1px solid var(--border);
	font-size:14px;
	display:inline-block;
	color:#707070; 
	text-align:center; 
	margin:0 0 5px 5px;
}
.category-links a:hover { 
	border:1px solid var(--dark-blue); 
	color:#fff;  
	background-color:var(--dark-blue);
}
.single-post-view .breadcrumb {
	width:44%; 
}
.single-post-view .category-links {
	width:54%; 
}
/*** Pagination ****/
.nav-links {
	width:100%;
	display: flex;
    justify-content: center;
}
.page-numbers { 
    height: 30px;
    margin: 0 5px 0 5px;
    text-align: center;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    background: #fff;
    color: #595959;
	display: inline-flex;
    align-items: center;
}
.page-numbers.current {
	background:#1890ff;
	border-color:#1890ff;
	color:#fff;
}
.page-numbers.placeholder {
	background:#c8c8c8;
	border-color:#c8c8c8;
	color:#fff;
}
/****** Body Content *******/
.post-meta {
	margin:0;
	list-style:none;
}
.post-meta li.post-date {
	display: flex;
    align-items: center;
    margin: 0 15px 0 0;
	border-right:1px solid var(--border);
	padding-right:15px;
}
.entry-header h1 {
	width:100%;
}
.single-post-details h2, .single-post-details h3, .single-post-details h4 {
	width:100%;
	margin-bottom:1.5rem;
}
.single-post-details ul, .single-post-details ol {
	margin:0 0 1em 1em;
}
.single-post-details li {
	margin:0 0 1em;
}
.wp-block-image {
	margin: 0 auto 1em;
    text-align: center;
    width: 100%;
}
.wp-block-image img, .single-post-details p img {
	text-align: center;
    margin: 0 auto;
}
.single-post-details p:has( em + a ) {
	text-align: center;
    margin: 0 auto 1em;
	width:100%;
} 
section, .entry-header {  
    width: 100%;
	padding:60px 0;  
}
.post-box-content {
	width:32%;
}
.post-box-content:first-child {
	margin-right:2%;
}
.post-box-content:last-child {
	margin-left:2%;
}
.testimonials-image img {
	border-radius: 8px;
    margin-bottom: 1rem;
    height: 200px;
    object-fit: cover;
}
.blue-pattern {
	background-image:url('./assets/images/left-blur-pattern.png'), url('./assets/images/right-blur-pattern.png');
	background-position:left -20% bottom, right -20% top;
	background-repeat:no-repeat, no-repeat;
	background-size:contain, contain;
}
.case-study { 
	margin-bottom: 1rem; 
	padding-left:0;
	padding-right:0;
	max-width:32.33%;
}
.case-study:nth-child(3n) { 
	margin-left: 1rem; 
}
.case-study:nth-child(3n+1) { 
	margin-right: 1rem; 
}
.case-study > .row > .w-100 > img { 
	height:100%; 
}
.case-study .overlay-box {
	position:absolute;
	bottom: 5%;
    left: 5%;
    right: 5%;
    background-color: rgba(255,255,255,.5);
    border-radius: 16px;
    padding: 20px;
}
.case-study:last-child .overlay-box {
	background-color:transparent;
}
/*** Slider ****/
.logo-slider {
	width:100%;
}
.sliderfull-section {
	width:100%;
	min-height:466px;
}
.flickity-slider {
	display:flex;
	align-items:center;
}
.flickity-prev-next-button {
	background: rgba(91, 112, 136,.5);
	padding:0;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	outline:none;
}
.flickity-button:hover {
	background: rgba(91, 112, 136,.5);
}
.flickity-prev-next-button .flickity-button-icon {
    position: initial; 
    width: 40%;
    height: 40%; 
}
.carousel-cell {
	padding:0 35px; 
	display:flex;
	align-items:center;
	justify-content:center; 
}
.carousel-cell iframe {
	max-width:120px;
} 
.slick-full-section {
    float: left;
    width: 100%;
    position: relative;
}
.slick-slide > div {
	display:block;
	float:left;
	width:100%;
	height: 100%;
}
.home-slider-content {
    float: left;
    width: 100%;
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #dcdada;
    background-blend-mode: multiply;
}
.slick-content-section {
    float: left;
    width: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    height: 100%;
}
.slick-list {
    float: left;
    width: 100%;
    height: 100%;
}
.slick-track {   
    height: 100%;
}
.slider-overlay-content { 
    width: 100%;
    color: #fff;
    text-align: center;
    text-align: center;
    display: flex !important;
    flex-wrap: wrap;
    align-content: center;
	height: 100%;
	justify-content:end;
}
.slider-overlay-content h1, .slider-overlay-content h2 {  
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.5; 
    text-align: right;
    color: #413f40;
	text-shadow:0 4px 10px rgba(255,255,255,.9);  
	text-align:center;
}
.slider-overlay-content h1 div, .slider-overlay-content h2 div {     
	line-height:inherit; 
}

.section-banner { 
    width: 100%;
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover; 
	min-height:316px;
	display:flex;
	align-items:center;
}
.section-testing-services {
	background-image:url('./assets/images/testing-services-banner.png');
}
.section-solutions { 
	background-image:url('./assets/images/solutions-banner.jpeg'); 
}
.section-single { 
	background-image:url('./assets/images/solutions-banner.jpeg'); 
}
.section-news { 
	background-image:url('./assets/images/solutions-banner.jpeg'); 
}
.testing-services-content {
	background-color:#f8f8f8; 
	padding:0px 0 20px;
}
.testing-services-content h1 {
	font-size:32px;
	width:100%;
	text-align:center;
	margin: 20px 0;
    text-align: center;
    padding-bottom: 20px;
	border-bottom:1px solid var(--border);
	font-weight:400;
}
.testing-services-content h2 {
	font-size:26px; 
}
.side-bar-title {
	height: 60px;
    background-color: #03247C;
	width: 100%;
    padding: 20px;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.side-bar-list {
	width:100%;
}
.side-bar-list ul {
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	border:1px solid var(--border);
	border-top:0px solid var(--border);
}
.side-bar-list ul li {
	width:100%; 
	margin:0;
	padding:0;
	border-top:1px solid var(--border);
	padding: 0 0 0 20px;
    line-height: 47px;
    font-weight: 700;
	position:relative;
}
.side-bar-list ul li:hover {
	background-color:#f5f8fa;
}
.side-bar-list ul li:hover:before {
	width: 3px;
    height: 100%;
    background-color: #A60007;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
}
.side-bar-list ul li a {
	width:100%; 
    line-height: 47px; 
	display:inline-block;
}
.template-content p img {
	margin:0 auto;
}
/**** NEWS ***/
.news-section {
	background:#f8f8f8;
	padding:20px 0;
}
.news-title {
	color: #fff;
    font-size: 1.5rem;
    letter-spacing: 3px;
}
.news-title span {
	color: #fff;
    position: relative;
    padding-bottom: 2rem;
    font-size: 2.5rem;
	display:block;
}
.news-title span::before {
    content: '';
    display: block;
    width: 2rem;
    height: 0.125rem;
    background-color: #e34646;
    position: absolute;
    top: 4.25rem;
}
.news-title span::after {
    content: '';
    display: block;
    width: 2rem;
    height: 0.125rem;
    background-color: #fff;
    position: absolute;
    top: 4.25rem;
    left: 2rem;
}
.press-list {
	width:100%;
}
.post-list-content {
	width:100%;
	display: flex;
    padding: 30px 20px;
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 5px 5px 10px #f1f1f1;
}
.post-thumbnail-image {
	width:250px;
	height:140px;
}
.post-thumbnail-image img {
	width: 100%;
    height: 100%;
    transform: scale(1);
    transition: all .5s ease;
} 
.post-thumbnail-image a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.post-thumbnail-image:hover img { 
    transform: scale(1.1);  
} 
.post-content-area {
	width:calc(100% - 165px);
	display:flex;
}
.post-date-content {
	width:100px;
}
.post-list-meta {
	display: block;
    color: #999;
    font-size: 1.5rem;
    font-weight: normal;
    margin: 0px 0 30px;
    transition: all .5s ease;
}
.post-date-content i {
	padding: 6px 11px;
    border: 1px solid transparent;
    transition: all .5s ease;
    color: #ccc;
}
.post-list-content:hover .post-date-content i {
    border-color: #15499a; 
    background: #15499a;
}
.post-title-content {
	width:calc(100% - 100px);
	position:relative;
	padding: 0 30px 0 60px;
	transition: all .5s ease;
}
.post-list-content:hover .post-title-content { 
	padding-left: 80px;
}
.post-title-content:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 1rem;
    display: block;
    width: 40px;
    height: 1px;
    background: #aaa;
    transition: all .5s ease;
}
.post-list-content:hover .post-title-content:before {
	width: 60px;
}
.post-heading {
	width: 100%;
    font-size: 1.2rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
	margin-bottom:8px;
}
.post-heading a, .post-heading a { 
    color: #666; 
}
.post-content {
	line-height: 28px;
    height: 56px;
    font-size: 1rem;
    overflow: hidden;
    color: #999;
    transition: 600ms;
}
.single-post-content p {
	line-height:2;
	font-size:16px;
}
.single-post-content p a {
	text-decoration:underline;
	color:var(--light-blue);
}
.post-meta-data {
	display:flex;
	align-items:center;
	margin-bottom:50px;
}
.post-meta-data > div {
	margin-right:20px;
}
.post-meta-data a, .post-meta-data {
	font-size:14px;
}
.pagination-single {
	margin:20px 0;
	padding-bottom:20px;
	border-bottom:1px solid var(--border);
}
.pagination-single-inner {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.navigation-links {
	font-size:14px;
	text-align:left;
	width:45%;
}
.next-btn { 
	text-align:right;
} 
/***** Search *******/
.search-form {
	display:flex;
	align-items:center;
	width:100%;
}
.search-form label { 
	width:100%;
	margin:0;
}
.search-submit {
	width:10%;
}
/*** CONTACT ***/
.contact-icon {
	max-width:48px;
}
.info-box { 
	transition: 0.5s;
	background-color:#f8f8f8;
	margin:0 10px;
} 
.info-box:hover {
    background-color: #02217B;
    box-shadow: 0 3px 15px 2px rgb(37 85 243 / 20%);  
	color:#fff;
	margin-top:-10px;
}
.info-box-bottom {
	padding:20px;
	font-size:14px;
	text-align:center;
	padding-bottom:40px; 
}
.info-box:hover h3 {
	color:#fff;
}
.wpcf7-form {
	display:flex;
	flex-wrap:wrap;
}
.quote-content {
	text-align:center;
	line-height:2.4;
}
.fa-quote-left, .fa-quote-right {
	font-size:36px;
	color:#AC000E;
	margin-bottom:8px;
	display:block;
}
.fa-quote-left {
	text-align:left;
}
.fa-quote-right {
	text-align:right;
}
.white-line {
	width: 100%;
    max-width: 57px; 
    border-top: 3px solid rgba(255, 255, 255, 1);
	margin-bottom:30px;
	display:block;
	
}
.job-quote { 
	color:#fff;
	margin-top:50px;
	margin-left:-50px;
	box-shadow:0px 6px 20px 0px rgba(72, 76, 96, 0.3);
	background-image: linear-gradient(46deg, rgba(0, 50, 101, 1), rgba(1, 58, 117, 1));
    background-image-part-linear-gradient: linear-gradient(46deg, rgba(0, 50, 101, 1), rgba(1, 58, 117, 1));
    background-image-part-linear-gradient-part-begin-color: rgba(0, 50, 101, 1);
    background-image-part-linear-gradient-part-end-color: rgba(1, 58, 117, 1);
    background-image-part-linear-gradient-part-angle: 46px;
}
.job-quote p {
	max-width: 485px;
    margin: 0 auto;
    padding: 30px 0;
    line-height: 1.8;
}
.seo .entry-content ul {
	margin:0;
	width: 100%;
    list-style: none;
}
.seo .entry-content ul li {
	margin:0;
	width: 100%;
    display: inline-block;
}
.seo .entry-content ul li a {
	padding:8px 0; 
    display: inline-block;
	color:#9e9e9e;
}
.seo .entry-content ul li:first-child a {
	color:#333;
	font-size:1.2rem;
}
.seo .entry-content ul li a:hover {
	color:#666;
	text-decoration:underline;
}
.about-info-box {
	width:100%;
	display:flex;
	align-items:center;
	margin-bottom:40px;
	background-color: #f7f8fa;
}
.about-info-box:hover {
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.about-info-box-image {
	width:32%;
	margin:30px auto;
	max-width:380px;
}
.about-info-box-content {
	width:68%;
	margin-left:0;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:7%;
	padding-right:7%;
} 
.scroll-bg {
	width: 100%;
    height: 70vh;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover; 
    display: flex;
    align-items: center;
	background-attachment:fixed;
}
.title-left-bottom-border {
	position:relative;
}
.title-left-bottom-border:after {
	content:'';
	position:absolute;
	bottom:0px;
	background:#A90009;
	height:3px;
	width:86px;
	left:0;
}
.title-center-bottom-border { 
	position:relative;
}
.title-center-bottom-border:after {
	content:'';
	position:absolute;
	bottom:-20px;
	background:#A90009;
	height:3px;
	width:30px;
	left: 0;
    right: 0;
    margin: 0 auto;
}
.service-info-box { 
	transition: 0.5s;
	margin:0 10px;
	border:1px solid var(--border);
} 
.service-info-box:hover { 
    box-shadow: 0 3px 15px 2px rgb(37 85 243 / 20%);  
	margin-top:-10px;
}
.service-info-box-bottom {
	padding:20px 20px 0;
	font-size:14px; 
} 
.service-info-box-bottom ul { 
	margin:0 0 0 18px;
	min-height:165px;
} 
.service-info-box-bottom ul li { 
	margin:0 0 10px;
	font-size: 16px;
}  
.service-links a { 
	padding:20px 0;
	font-size: 16px;
	text-align:center;
	background-color:#f5f5f5;
	color:var(--dark-blue);
	width:100%;
	display:inline-block;
} 
.company-highlights {
	padding:70px 40px;
	background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center; 
	background-blend-mode:multiply;
	transition: 0.5s;
	width:100%;
	height:100%; 
}
.company-highlights .overlay-content {
    text-align: center; 
	color:#fff;
}
.company-highlights:hover {
	background-color:rgba(0,0,0,0.3);
}
.company-highlights:hover p {
	opacity:1;
}
.company-highlights h3 { 
	position:relative; 
}
.company-highlights h3 a {
	color:#fff !important; 
	font-size:24px;
	font-weight:400;
}
.company-highlights p { 
	max-width: 60%;
    margin: 30px auto 0;
	opacity:0;
	transition: 0.5s;		
}
.company-highlights p a {
	color:#fff !important; 
	font-size:16px;
}
.company-highlights h3:after {
	content:'';
	position:absolute;
	bottom:-20px;
	background:#fff;
	height:3px;
	width:30px;
	left: 0;
    right: 0;
    margin: 0 auto;
}
#ajax-load-more {
	width:100%;
}
.press-list {
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.load-more-post-list-content {
	width:32%;
	display: flex;
	flex-wrap:wrap; 
    margin-bottom: 15px; 
	margin-right:1%;
}
.load-more-post-list-content a {
	display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.load-more-post-thumbnail-image {
	width:100%;
	height:280px;
	overflow: hidden;
}
.load-more-post-thumbnail-image img {
	width: 100%;
    height: 100%;
    transform: scale(1);
    transition: all .5s ease;
}  
.load-more-post-list-content:hover img { 
    transform: scale(1.1);  
} 
.load-more-post-content-area {
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.load-more-post-date-content {
	width:100px;
}
.load-more-post-list-meta {
	display: block;
    color: #999;
    font-size: 1.2rem;
    font-weight: normal;
    margin: 0px 0 30px;
    transition: all .5s ease;
}
.load-more-post-date-content i {
	padding: 6px 11px;
    border: 1px solid #d8d8d8;
    transition: all .5s ease;
    color: #ccc;
} 
.load-more-post-list-content:hover .load-more-post-date-content i { 
    border: 1px solid #afafaf; 
    color: #afafaf;
} 
.load-more-post-title-content {
	width:100%;
	position:relative;
	padding: 25px 10px;
	transition: all .5s ease;
} 
.load-more-post-heading {
	width: 100%;
    font-size: 1.2rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
	margin-bottom:20px;
	padding-bottom:20px;
	position: relative;
}
.load-more-post-heading:before {
	content:'';
    width: 100%;
    height: 1px;
    background: #ededed;
	position:absolute;
	bottom:0;
}
.load-more-post-heading:after {
	content:'';
    bottom: 0px;
    left: 0px;
    width: 0px;
    height: 1px;
    background: #afafaf;
    transition: all .5s ease;
	position:absolute;
}
.load-more-post-list-content:hover .load-more-post-heading:after { 
    width: 100%; 
}
.load-more-post-heading a, .load-more-post-heading a { 
    color: #666; 
}
.load-more-post-content {
	width: 100%;
    line-height: 1.5rem;
    clear: both;
    font-size: 0.75rem;
    color: #888;
    margin: 0 0 1.5rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
	height:48px;
}
.blog-post-title {
	border-bottom:1px solid #545454;
}
.testing-services-content ul li span, .testing-services-content ol li span {
	margin:0 0 20px;
	display:block;
}
.testing-services-content .col-md-9 ul li, .testing-services-content .col-md-9 ol li {
	margin:0 0 20px; 
}
.testing-service-call-to-action-button {
	background-image:url('https://en.wintech-nano.com/wp-content/uploads/2024/01/df878fe6-0366-43f0-bf1e-b93478deb7af.png');
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:16px;
	width:100%;
	height:200px;
	text-align:center;
	margin-bottom:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:rgba(0,0,0,.3);
	background-blend-mode:multiply;
}
.testing-service-call-to-action-button .textwidget a {
	background-color:#fff;
	display:inline-block;
	padding:12px 40px;
	color:#03247C;
	font-size:18px;
	font-weight:500;
	border-radius:8px;
	text-decoration :none ;
}
.testing-service-call-to-action-button .textwidget a:hover {
	background-color:#03247C; 
	color:#fff; 
}





@media screen and (max-width:767px) {
	h2	 {
		font-size:28px;
	}
	.font-30 {
		font-size:22px;
	}
	.top-header {
		padding:16px 20px;
	}
	.top-header .textwidget {
		margin:0;
		justify-content:end;
	}
	.sliderfull-section {
		min-height:135px;
	}
	.header-navigation-wrapper {
		display:none !important;
	}
	.custom-breadcrumb {
		padding:20px 20px 0;
	}
	.header-titles-wrapper {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.section.section-slider {
		padding:20px 0;
		margin-top: 10px;
	}
	.section-banner {
		min-height:135px;
	}
	.custom-breadcrumb {
		padding: 25px 20px 20px;
		margin: 0;
	}
	.news-title span {
		font-size:20px;
		padding-bottom: 20px;
	}
	.testing-services-content {
		padding: 0px 15px 20px;
	}
	a.theme-btn-white {
		width:100%;
		text-align:center;
	}
	button.toggle {
		display:flex;
		outline:none;
		width:initial;
	}
	button.close-nav-toggle {
		width:100%;
		padding:27.5px 20px;
	}
	button.close-nav-toggle svg {
		color:#000;
		fill:#595959;
	}
	.nav-toggle .toggle-inner {
		padding-top:0;
		height:inherit;
	}
	.nav-toggle .toggle-icon, .nav-toggle svg {
		height: 25px;
		width: 25px;
		color:#000;
		fill:#000;
	} 
	.menu-modal nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	.menu-wrapper .menu-item {
		margin:0;
		border-bottom:1px solid #f5f5f5;
	}
	input[type="submit"] {
		width:100%;
		margin-top:10px;
	}
	section {
		padding:20px;
	}
	.newsletter-section > .container {
		border-top:1px solid var(--border);
		padding-top:30px;
	}
	#site-footer {
		padding: 30px 20px 20px;
	}
	.footer-one {
		width:100%;
		margin-bottom:20px;
	}
	.footer-two, .footer-three {
		width:100%;
		margin-bottom:20px;
	}
	.footer-four {
		width:100%;
		border-top:1px solid var(--border);
		border-bottom:1px solid var(--border);
	}
	.footer-four ul {
		margin:0;
		display:flex;
		justify-content:space-between;
		padding:20px 0 10px;
	}
	.social-follow li {
		margin:0;
	}
	.custom-html-widget {
		text-align:center;
		margin-bottom:10px;
	}
	.testing-services-content h1 {
		font-size:24px;
	}
	.post-meta-data {
		flex-wrap:wrap;
	}
	.post-meta-data > div {
		margin-right: 20px;
		margin-top: 10px;
	}
	.news-title {
		font-size:14px;
	}
	.news-title span::after, .news-title span::before {
		top:2.25rem;
	}
	.load-more-post-list-content {
		width:100%;
		margin-right:0;
	}
	.post-box-content, .single-post-view .breadcrumb, .single-post-view .category-links, .category-links {
		width:100%; 
	}
	.category-links {
		margin-top:10px;
		justify-content:start;
	}
	.post-box-content:first-child, .post-box-content:last-child {
		margin: 0;
	}
	.column-5 {
		width:50%;
	}
	.column-5 img {
		padding:10px;
	}
	.case-study { 
		margin-bottom: 1rem; 
		max-width:100%;
		padding-left:15px;
		padding-right:15px;
	}
	.case-study:nth-child(3n+1) {
		margin-right:0;
	}
	.case-study:nth-child(3n) {
		margin-left:0;
	}
	.height-88 {
		height:initial;
	}
	.menu-modal.header-footer-group  {
		padding:0;
	}
	.modal-menu ul li {
		border-left-color: #af9675;
		border-left-width:0; 
	}
	.menu-modal nav * {
		border-color:rgba(255,255,255,.8);
	}
	.footer-widgets.column-one, .footer-widgets.column-two {
		width:100%;
	}
	.widget, .widget-content {
		width:100%;
	}
	.widget.widget_custom_html {
		justify-content:start;
	}
	h2.widget-title {
		margin:0 0 15px !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}  
	.column-two h2.widget-title {
		text-align:left;
	}     
	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a, .menu-wrapper .menu-item a {
		letter-spacing: 0;
		font-size: 16px;
		color: var(--secondary);
		font-weight: 300;
		padding: 1rem 2.5rem;
		text-align: left;
		background: transparent;
		justify-content: left;
		display:flex;
		width:100%;
		border:none;
	} 
	button.close-nav-toggle svg {
		width:25px;
		height:25px;
		color:#000;
	} 
	.menu-btn a:before {
		display:none;
	}
	.modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a {
		text-decoration:none; 
	}  
	.modal-menu ul li a { 
		font-size:18px;
		padding-left:35px;
		font-weight:700;
	} 
	.modal-menu ul li ul li a {
		padding-left:50px;
	} 
	.banner-bg-image a.theme-btn-white {
		width:initial;
	}
	.border-radius-mobile-none {
		border-radius:0px;
	}
	.post-thumbnail-image {
		width:100%;
		order:-1;
		height:250px;
	}
	.post-list-content { 
		width: 100%;
		margin: 0 0 25px;
		flex-wrap:wrap;
	}
	.post-content-area {
		width:100%;
	}
	.font-38 {
		font-size:32px;
	}
	.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper,.ctl-clean-skin) .ctl-story.even .ctl-title,.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper,.ctl-clean-skin) .ctl-story.odd .ctl-title {
		color:#e55555;
		font-size:20px !important;
	}
	.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper,.ctl-clean-skin) .ctl-story.odd .ctl-title, .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-description p, .ctl-wrapper .ctl-description p {
		font-size:13px;
		text-align:left !important;
	}
	.ctl-wrapper .ctl-vertical-wrapper:where(.ctl-both-sided,.ctl-one-sided) .ctl-story:nth-child(2) {
		margin-top:0 !important
	}
	.ctl-wrapper .ctl-vertical-wrapper .ctl-labels~.ctl-icondot {
		top:5px !important;
	}
	.comments-wrapper, .post-comment-link, .post-author, .post-title-content:before, .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper) .ctl-labels~.ctl-arrow {
		display:none !important;
	} 
	.post-title-content, .post-list-content:hover .post-title-content {
		padding:0;
	}
	.post-title-content,.post-date-content {
		margin-top:10px;
	}
	.job-quote {
		padding:20px 40px;
		margin:0;
	}
	.single .entry-content h1,
	.single .entry-content h2,
	.single .entry-content h3,
	.single .entry-content h4,
	.single .entry-content p {
		padding-left:20px;
		padding-right:20px;
	}
	.single .entry-content ul, .single .entry-content ol {
		padding-left: 20px;
		margin: 0 0 0 1rem;
	}
	.single-post-details img, .single-post-details figure {
		padding-left:20px;
		padding-right:20px;
		margin-bottom:1em;
	}
	.singular .entry-header { 
		background-position:bottom center;
		align-items: start;
		padding:20px;
	}
	.singular .entry-header h1 {
		font-size:35px; 
	}
	.slider-overlay-content {
		align-content: flex-start;
		padding-top:35%;
	}
	.slider-overlay-content h1, .slider-overlay-content h2 {
		font-size:35px;
	} 
	.about-info-box {
		flex-wrap:wrap;
	}
	.about-info-box-image {
		max-width:100%;
		width:100%;
		margin-top:0;
		order:-1;
	}
	.about-info-box-content {
		margin-top:0; 
		width:100%;
	}
	.company-highlights p {
		max-width:90%;
		opacity:1;
	}
	.service-info-box {
		width:100%;
	}
	.service-info-box-image img {
		width:100%;
	}
}

@media screen and (min-width:1200px) {
	.container { 
		max-width:1280px;
	}
}