/*
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  /* 3 */
  tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
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;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-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;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-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;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

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

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.visible {
  visibility: visible;
}

.static {
  position: static;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.m-auto {
  margin: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.size-full {
  width: 100%;
  height: 100%;
}

.h-0 {
  height: 0px;
}

.h-11 {
  height: 2.75rem;
}

.h-2 {
  height: 0.5rem;
}

.h-24 {
  height: 6rem;
}

.h-6 {
  height: 1.5rem;
}

.h-full {
  height: 100%;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-4\/12 {
  width: 33.333333%;
}

.w-6 {
  width: 1.5rem;
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-0 {
  column-gap: 0px;
}

.gap-x-12 {
  column-gap: 3rem;
}

.gap-y-10 {
  row-gap: 2.5rem;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-x-5 {
  column-gap: 1.25rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.rounded-none {
  border-radius: 0px;
}

.border {
  border-width: 1px;
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity));
}

.border-transparent {
  border-color: transparent;
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.from-black {
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-transparent {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.object-cover {
  object-fit: cover;
}

.p-4 {
  padding: 1rem;
}

.p-6 {
  padding: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-24 {
  padding-bottom: 6rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-24 {
  padding-top: 6rem;
}

.pt-48 {
  padding-top: 12rem;
}

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

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.opacity-15 {
  opacity: 0.15;
}

.opacity-50 {
  opacity: 0.5;
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-300 {
  transition-duration: 300ms;
}

:root {
  --primary: #111111;
  --secondary: #737172;
  --acqua: #169CCD;
/*   --acqua: #743B95; */
  --acqua-stroke: #1A84AB;
/*   --acqua-stroke: #743B95; */
  --acqua-bg: #78DBFF;
  --white: #ffffff;
  --light-acqua: #D4F4FF;
  --dark-acquaL: #00445C;
  --dark-black: #373435;
  --black: #000000;
  --gray: #F9F9F9;
  --light-gray: #EBEBEB;
  --gray-stroke: #9A9999;
  --dark-gray: #5F5D5D;
  --blue: #20B0E4;
  --br-gray: #AFAEAE;
  --ex-gray-bg: #D7D6D7;
  --ex-color: #9A9999;
  --dw-bg-color: #30C3FA;
  --br-gray-fr: #C3C3C3;
  --gray-text:#5F5D5D;
  --product-color: #878586;
  --ro50: #FFE3E0;
  --ro100: #FFDCD9;
  --ro200: #FFA8A1;
  --ro300: #FF796E;
  --ro400: #FF5647;
  --ro500: #F24738;
  --ro600: #D92B1C;
  --ro700: #CC1606;
  --ro800: #B20E00;
  --ro900: #8C0B00;
  --roEF4B37: #EF4B37;
  --pp743C94: #743C94;
  --animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --animation-duration: 1s;
}

@font-face {
  font-family: 'ReadexPro Light';

  src: url('../fonts/ReadexPro-Light.ttf') format('truetype');

  font-weight: 300;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'ReadexPro ExtraLight';

  src: url('../fonts/ReadexPro-ExtraLight.ttf') format('truetype');

  font-weight: 200;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'ReadexPro Regular';

  src: url('../fonts/ReadexPro-Regular.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'ReadexPro Medium';

  src: url('../fonts/ReadexPro-Medium.ttf') format('truetype');

  font-weight: 500;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'ReadexPro Bold';

  src: url('../fonts/ReadexPro-Bold.ttf') format('truetype');

  font-weight: bold;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'ReadexPro SemiBold';

  src: url('../fonts/ReadexPro-SemiBold.ttf') format('truetype');

  font-weight: 600;

  font-style: normal;

  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 24px;
  font-family: "ReadexPro Regular";
}

html {
  overflow-x: hidden;
  background-color: transparent;
  scroll-behavior: smooth;
}

html,
body {
  overflow-x: hidden;
}

.page-template-template-products, .page-template-template-product-detail, .page-template-template-blog{
  background-color: var(--gray);
}

body {
  background-color: transparent;
  overflow: hidden;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  font-family: "ReadexPro Regular";
  list-style: none;
  /* margin-bottom: 20px; */
}

p {
  font-size: 16px;
  line-height: 24px;
  font-family: "ReadexPro Regular";
  margin-bottom: 24px;
  color: var(--secondary);
}

a,
a:hover {
  text-decoration: none;
  transition: all 0.4s ease;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
.site textarea {
  border: 0;
  border-radius: unset;
  color: unset;
  line-height: unset;
  padding: 10px 15px;
  margin: unset;
  max-width: unset;
  background: transparent;
  background-color: transparent;
}

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=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,
.site textarea:focus {
  color: unset;
  outline-offset: 0;
  outline: 0;
}

.site .button:not(:hover):not(:active):not(.has-background),
button:not(:hover):not(:active):not(.has-background),
input[type=submit]:not(:hover):not(:active):not(.has-background),
input[type=reset]:not(:hover):not(:active):not(.has-background),
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
  background-color: unset;
}

.site .button:not(:hover):not(:active):not(.has-text-color),
button:not(:hover):not(:active):not(.has-text-color),
input[type=submit]:not(:hover):not(:active):not(.has-text-color),
input[type=reset]:not(:hover):not(:active):not(.has-text-color),
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
  color: unset;
  border: unset;
  outline: unset;
}

.site .button:hover,
.site .button:active,
button:hover,
button:active,
input[type=submit]:hover,
input[type=submit]:active,
input[type=reset]:hover,
input[type=reset]:active,
.wp-block-search .wp-block-search__button:hover,
.wp-block-search .wp-block-search__button:active,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:active,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:active {
  border: unset;
  outline: unset;
}

.site .button:focus,
button:focus,
input[type=submit]:focus,
input[type=reset]:focus,
.wp-block-search .wp-block-search__button:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file a.wp-block-file__button:focus {
  outline-offset: 0;
  outline: 0 solid currentColor;
}

svg, svg path{
  transition: all 0.4s ease;
}

h1 {
  font-size: 64px;
  line-height: 74px;
  font-family: "ReadexPro Bold";
  color: var(--gray);
  margin-bottom: 24px;
}

h2 {
  font-size: 48px;
  line-height: 58px;
  font-family: "ReadexPro Bold";
  color: var(--primary);
  margin-bottom: 24px;
}

h3 {
  font-size: 36px;
  line-height: 46px;
  font-family: "ReadexPro Bold";
  color: var(--primary);
}

h4 {
  font-size: 20px;
  line-height: 24px;
  font-family: "ReadexPro SemiBold";
  color: var(--dark-acquaL);
}

h5 {
  font-size: 20px;
  line-height: 24px;
  font-family: "ReadexPro Bold";
  color: var(--dark-black);
}

h6 {
  font-size: 20px;
  line-height: 24px;
  font-family: "ReadexPro Bold";
  color: var(--gray);
}

.container {
  padding: 0 0;
}

/*****/

.top__head__wrapper{
  background-color: var(--primary);
}

.top__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

.top__head__left ul{
  display: flex;
  align-items: center;
  gap: 30px;
}

.top__head__left ul li a{
  position: relative;
  display: flex;
  gap: 4px;
  align-items: center;
  color: var(--white);
  opacity: 0.5;
}

.top__head__left ul li a:before{
  content: "";
  position: absolute;
  width: 1px;
  height: 18px;
  background-color: var(--white);
  right: -15px;
  transform: translate(-50%, -50%);
  top: 50%;
}

.top__head__left ul li a span{
  font-size: 12px;
}

.top__head__left ul li:last-child a:before{
  content: unset;
}

.top__head__right ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.top__head__right ul li a{
  display: flex;
  gap: 4px;
  align-items: center;
  position: relative;
  color: var(--white);
  opacity: 0.5;
}

.top__head__right ul li a span{
  font-size: 12px;
}

.top__head__right ul li a:before{
  content: "";
  position: absolute;
  width: 1px;
  height: 18px;
  background-color: var(--white);
  right: -18px;
  top: 50%;
  transform: translate(-50%, -50%);
}

.top__head__right ul li:last-child a:before{
  content: unset;
}

.check__product{
  background-color: var(--ro500);
  border: 1px solid var(--ro600);
  color: var(--white);
  padding: 14px 24px;
  font-size: 16px;
  font-family: "ReadexPro Regular";
  display: inline-block;
}

.check__product:hover{
  background-color: transparent;
  color: var(--ro600);
}

.top__head__left ul li a:hover, .top__head__right ul li a:hover {
  opacity: 1;
}

button#header_hamburger{
  display: none;
}

button#header_close{
  display: none;
}

.main__header {
  display: flex;
  align-items: center;
}

.main__logo {
  margin-right: auto;
}

.head_nav_right_list {
  display: flex;
}

.head_nav_right_list li:last-child{
  margin-right: 20px;
}

.head_nav_right_list .sub-menu li {
  margin-right: 0;
  /* Remove margin for list items in sub-menu */
  width: 100%;
  position: relative;
}

.head_nav_right_list li a{
  padding: 24px 15px;
  display: block;
  font-size: 16px;
  text-transform: capitalize;
}

.head_nav_right_list li.big-nav>a{
  position: relative;
}

.head_nav_right_list li.big-nav>a:after{
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  top: 50%;
  right: -5px;
  z-index: 99;
  width: 15px;
  height: 15px;
  background-position: center;
  transition: all 0.3s ease-in-out;
  transform: rotate(0deg) translateY(-50%);
}

.btn__primary{
  background-color: var(--ro500);
  border: 1px solid var(--ro600);
  color: var(--white);
  padding: 10px 14px;
  font-size: 14px;
}

.btn__primary:hover{
  background-color: transparent;
  color: var(--ro600);
}

.header__sticky .main__header__wrapper{
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background-color: var(--white);
  transition: all .4s ease;
  box-shadow: 0 5px 10px 5px #0000000a;
}

/****/

.hero_section, .hero_slide {
  height: 668px;
  position: relative;
}

.hero_slide {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

.hero_slide .container {
  height: 100%;
}

.hero_slide_content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  position: relative;
  z-index: 9;
  flex-direction: column;
}

.hero_slide:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(280deg, rgba(255,255,255,1) 0%, rgba(0,0,0,0.7) 100%);
  opacity: 0;
/*   opacity: .4; updated from 0.4 to 0 */
  top: 0;
}

.hero_slide_content p{
  color: var(--pp743C94);
  width: 452px;
  margin-bottom: 23px;
}

.hero_slide_content h1{
  width: 545px;
}

.head_nav_right_list li.current-menu-item > a, .head_nav_right_list li a:hover, .big-nav ul li.hvr ul li.current-menu-item > a {
  color: var(--ro600);
}

.head_nav_right_list li{
  position: relative;
  transition: all 0.4s ease;
  z-index: 999;
}

li.big-nav {
  display: flex;
  align-items: center;
}

.head_nav_right_list li:after{
  content: "";
  position: absolute;
  height: 4px;
  width: 0;
  bottom: -2px;
  left: 50%;
  background-color: var(--ro600);
  left: 0;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
}

.head_nav_right_list li.current_page_item:after{
  width: 100%;
  left: 50%;
  transition: all 0.4s ease;
}

.head_nav_right_list li.hvr ul.sub-menu li:after{
  content: unset;
}

.we__improved__title{
  max-width: 100px;
  min-width: 157px;
  width: 100%;
  position: absolute;
}

.we__improved__title span {
  /* padding-top: 45px;
    display: inline-block;
    padding-bottom: 45px;
    padding-right: 40px; */
  font-size: 24px;
  line-height: 30px;
  font-family: "ReadexPro Regular";
  color: var(--primary);
}

.improved__slider .slick-list{
  margin-left: 200px;
}

.improved__slider  .slick-slide{
  margin: 0 30px;
}

.we__imp__wrapper {
  padding: 40px 0;
  position: relative;
}

.we__imp__wrapper:before{
  content: "";
  position: absolute;
  width: calc(100% - 35%);
  background: var(--ro50);
  height: 150px;
  top: 0;
  left: -50%;
  transform: translateX(0);
  z-index: -1;
}

.improved__slider__item{
  /* width: 200px; */
  height: 70px;
  cursor: pointer;
  filter: grayscale(1);
}

.improved__slider__item:hover{
  filter: none;
}

.improved__slider__item img {
  width: 100%;
  height: inherit;
  object-fit: contain;
  object-position: center;
  /* margin: 0 auto; */
}

.br__footer{
  border-top: 1px solid #4B494A;
}

.com__ino__footer{
  background-color: var(--black);
}

.com__upd {
  display: flex;
  gap: 78px;
}

.smc__frp{
  display: flex;
  gap: 76px;
}

.com__foot__link h6{
  padding-bottom: 16px;
}

.com__foot__link ul li a{
  font-size: 16px;
  line-height: 32px;
  font-family: "ReadexPro Regular";
  color: var(--gray-stroke);
  text-transform: capitalize;
}

.com__foot__link ul li a:hover{
  color: var(--white);
}

.cpy__footer__sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 0;
}

.cpy__footer__sec p{
  margin: 0;
  color: var(--gray-stroke);
}

.cpy__footer__sec ul{
  display: flex;
  gap: 30px;
}

.cpy__footer__sec ul li a{
  color: var(--gray-stroke);
  font-size: 16px;
  line-height: 32px;
  font-family: "ReadexPro Regular";
}

.cpy__footer__sec ul li a:hover{
  color: var(--white);
}

.cpy__footer__main {
  border-top: 1px solid #4B494A;
}

.com__detail__footer{
  position: relative;
}

.com__detail__footer:after{
  content: "";
  position: absolute;
  background-color: var(--primary);
  height: 70%;
  width: 100%;
  bottom: 0;
  z-index: -1;
}

.com__detail__footer ul li a{
  display: flex;
  align-items: center;
  gap: 8px;
}

.com__detail__footer ul li a:hover span{
  color: var(--white);
}

.com__detail__footer ul li a span{
  color: var(--gray-stroke);
  font-size: 16px;
  line-height: 24px;
}

.footer__logo {
  padding-bottom: 20px;
}

.com__detail__footer ul li{
  padding-bottom: 10px;
}

.office__one h5, .office__two h5{
  color: var(--gray);
  font-size: 20px;
  line-height: 24px;
  font-family: "ReadexPro Bold";
  text-transform: capitalize;
  padding-bottom: 26px;
}

.office__one p, .office__two p{
  margin-bottom: unset;
}

.request__quote{
  background-color: var(--white);
  border: 1px solid var(--br-gray);
}

.request__quote__right{
  padding: 50px;
  border-left: 1px solid var(--br-gray);
}

.request__quote__right h4 {
  padding-bottom: 15px;
  color: var(--primary);
  font-size: 24px;
  font-family: "ReadexPro Bold";
}

.request__quote__right p{
  margin-bottom: 16px;
}

.cf_contorl{
  border: 1px solid var(--br-gray-fr) !important;
  width: 100%;
  padding: 10px 14px;
  outline: none;
  color: var(--secondary) !important;
}

select.cf_contorl:focus{
  outline: none;
  border: none;
}

.request__quote__left{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 50px 39px 50px 50px
}

.request__quote__left:before{
  content: "";
  position: absolute;
  background-color: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}

.request__quote__left h2{
  color: var(--white);
  font-size: 48px;
  font-family: "ReadexPro Bold";
  margin: 0;
  letter-spacing: -2px;
}

.request__quote__left p{
  color: var(--white);
  font-family: "ReadexPro Regular";
  font-size: 16px;
  line-height: 24px;
  padding: 30px 0;
  margin-bottom: 0;
}

.form-group select{
  position: relative;
  /*webkit browsers */
  -webkit-appearance: none;
  /*Firefox */
  /* modern browsers */
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33335 1.66675L7.16848 2.84206C6.23952 3.77935 5.77504 4.248 5.20891 4.32016C5.0702 4.33784 4.92984 4.33784 4.79113 4.32016C4.225 4.248 3.76052 3.77935 2.83156 2.84206L1.66669 1.66675' stroke='%23C3C3C3' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-position: 95%;
  color: var(--secondary);
}

.form-group input[type="submit"]
{
  border: 1px solid var(--ro800) !important;
  color: var(--ro800) !important;
  padding: 14px 24px;
  transition: all 0.4s ease;
}

.form-group input[type="submit"]:hover{
  background-color: var(--ro800) !important;
  color: var(--white) !important;
}

.form-group.contact__us__btn input[type="submit"]{
  border: 1px solid var(--ro600) !important;
  color: var(--white) !important;
  padding: 14px 24px;
  transition: all 0.4s ease;
  background-color: var(--ro500) !important;
}

.form-group.contact__us__btn input[type="submit"]:hover{
  background-color: transparent !important;
  color: var(--ro600) !important;
}

.btn__download__bro{
  background-color: var(--ro500);
  border: 1px solid var(--ro600);
  color: var(--white);
  padding: 14px 24px;
  font-size: 16px;
  font-family: "ReadexPro Regular";
  display: inline-block;
}

.btn__download__bro:hover{
  background-color: transparent;
  border: 1px solid var(--white);
  color: var(--white);
}

.btn__learn__more{
  padding: 14px 24px;
  border: 1px solid var(--ex-color);
  color: var(--ex-color);
  text-transform: capitalize;
  background-color: var(--gray);
  display: inline-block;
}

.btn__learn__more:hover{
  background-color: var(--white);
  color: var(--ex-color);
}

.hi__btn__learn__more{
  padding: 14px 24px;
  border: 1px solid var(--ex-color);
  color: var(--ex-color);
  text-transform: capitalize;
  background-color: var(--gray);
  display: inline-block;
  opacity: 0;
}

.hi__btn__learn__more:hover{
  background-color: var(--white);
  color: var(--ex-color);
}

.btn__learn__more__ex{
  padding: 14px 24px;
  border: 1px solid var(--ex-color);
  color: var(--ex-color);
  text-transform: capitalize;
  background-color: transparent;
  display: inline-block;
}

.btn__learn__more__ex:hover{
  background-color: var(--gray);
  color: var(--ex-color);
}

.high__perform__img{
  max-width: 100px;
  max-height: 100px;
  margin-top: 18px;
}

.high__perform__img img{
  width: auto;
  height: inherit;
  object-fit: cover;
}

.hight__perform__sec{
  position: relative;
  z-index: 99;
}

.hight__perform__sec:before{
  content: "";
  position: absolute;
  background-image: url(../images/map-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: 32%;
  left: 50%;
  width: 100%;
  height: 649px;
  z-index: -1;
  transform: translate(-50%, -50%);
}

.quality__services__sec li{
  background-color: rgba(255, 220, 217, .7);
  border: 1px solid transparent;
  padding: 50px 35px;
  cursor: pointer;
  position: relative;
  transition: all 0.4s ease;
}

.quality__services__sec li:nth-child(2){
  background-color: rgba(255, 220, 217, .5);
}

.quality__services__sec li:nth-child(3){
  background-color: rgba(255, 227, 224, .3);
}

.quality__services__sec li::before{
  content: "";
  position: absolute;
  background-image: url('../images/quality__img.png');
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0;
  z-index: -1;
}

.quality__services__sec li:hover{
  background-color: transparent;
  box-shadow: rgba(0, 0, 0,0.1) 0px 10px 24px;
  border: 1px solid var(--ro500);
}

.quality__services__sec li:hover::before{
  opacity: 1;
}

.quality__services__inner h3 {
  padding-bottom: 20px;
}

.quality__services__inner p{
  margin: 0;
  padding-bottom: 32px;
}

.quality__services__inner svg{
  margin:  0 auto;
}

.remarkable__range__wrapper {
  text-align: center;
  position: relative;
}

.remarkable__range__inner span{
  font-size: 150px;
  line-height: 187px;
  color: var(--gray);
  font-family: "ReadexPro Bold";
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px;
  -webkit-text-stroke-color: rgba(249, 249, 249, 0.5);
}

.remarkable__range__wrapper h2{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-bottom: 0;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: -2px;
  text-transform: capitalize;
  color: var(--gray);
}

.remarkable__range__sec{
  position: relative;
}

.remarkable__range__sec:before{
  content: "";
  position: absolute;
  background-color: var(--ro500);
  height: 267px;
  top: 0;
  width: 100%;
  z-index: -1;
}

.remar__product {
  position: relative;
}

.remar__product:before{
  content: "";
  position: absolute;
  background-color: var(--acqua);
  height: 267px;
  width: 100%;
}

.prod__range {
  text-align: center;
  position: relative;
}

.prod__range span{
  font-size: 150px;
  font-family: "ReadexPro Bold";
  color: transparent;
  -webkit-text-stroke: 1px;
  -webkit-text-stroke-color: rgba(249, 249, 249);
}

.restoring__part__wrapper li:first-of-type{
  grid-column-start: span 2;
  grid-column-end: span 2;
}

.restoring__part__wrapper li:nth-child(1) h4{
  font-size: 48px;
  line-height: 60px;
  letter-spacing: -2px;
  font-family: "ReadexPro Bold";
  color: var(--primary);
  width: 100%;
  padding: unset;
  margin-bottom: 30px;
}

.restoring__part__wrapper li:nth-child(1) .restoring__part p:first-of-type{
  color: var(--dark-black);
  font-size: 20px;
  line-height: 24px;
  font-family: "ReadexPro Regular";
  padding-bottom: 16px;
}

.restoring__part__wrapper li:nth-child(2), .restoring__part__wrapper li:nth-child(3), .restoring__part__wrapper li:nth-child(4), .restoring__part__wrapper li:nth-child(5){
  box-shadow:rgba(0, 0, 0, 0.1) 0 5px 16px;
  padding: 43px 35px;
  background-color: var(--white);
}

.restoring__part h4 {
  color: var(--primary);
  padding-top: 17px;
  padding-bottom: 12px;
  width: 223px;
}

.restoring__part__wrapper li:nth-child(4){
  grid-column-end: 3;
}

.restoring__part p{
  margin-bottom: unset;
}

.btn__contact__us{
  background-color: var(--ro500);
  color: #F9F9F9;
  padding: 14px 24px;
  border: 1px solid var(--ro500);
  display: inline-block;
}

.btn__contact__us:hover{
  color: var(--ro500);
  background-color: transparent;
}

.restoring__part__wrapper li:last-child{
  background-color: var(--ro50);
  box-shadow: rgba(0, 0, 0, 0.1) 0 5px 16px;
  padding: 20px;
}

.restoring__part__wrapper li:last-child p{
  color: var(--dark-black);
  padding: 16px 0;
  /* display: inline-block; */
  margin: 0;
}

.restoring__part__wrapper{
  position: relative;
}

.restoring__part__wrapper:before{
  content: "";
  position: absolute;
  background-image: url('../images/building-prov-img.png');
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 598px;
  z-index: -1;
}

.provide__innovation__left {
  width: 100%;
  height: 621px;
}

.provide__innovation__left img{
  width: 100%;
  height: inherit;
  object-fit: cover;
}

.provide__innovation__right ul{
  display: flex;
  margin-left: -114px;
  gap: 50px;
}

.provide__innovation__right ul li{
  display: flex;
  gap: 10px;
  background: var(--white);
  padding: 36px 30px;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
}

.provide__innovation__right ul li h4 {
  color: var(--primary);
  width: 145px;
}

.provide__innovation__right p{
  margin-bottom: 0;
  margin-bottom: 50px;
}

.provide__innovation__wrapper {
  position: relative;
}

.provide__innovation__wrapper:before{
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/solution-bg-new.png);
  width: 100%;
  height: 437px;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.feedback__wrapper {
  text-align: center;
  position: relative;
}

.feedback__item span{
  font-size: 150px;
  line-height: 187px;
  color: var(--primary);
  font-family: "ReadexPro Bold";
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px;
  -webkit-text-stroke-color: rgba(0, 0, 9, 0.4);
}

.feedback__wrapper h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-bottom: 0;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: -2px;
  text-transform: capitalize;
}

.happy__client__slider {
  padding-top: 36px;
}

.happy__client__item .slick-list{
  margin-right:-40px;
  overflow: visible;
}

.happy__client__item .slick-slide {
  margin-right:40px;
}

.happy__client__inner{
  border: 1px solid var(--br-gray);
  padding: 30px 50px;
  position: relative;
  height: 307px;
}

.happy__client__inner:after{
  content: "";
  position: absolute;
  background-image: url('../images/testimonials-icon.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 85px;
  height: 59px;
  right: 50px;
  bottom: 25px;
}

.happy__client__inner p{
  font-family: "ReadexPro SemiBold";
  font-size: 16px;
  line-height: 24px;
  color: var(--secondary);
  margin-bottom: 18px;
  width: 449px;
}

.cus__name__left h5{
  font-family: "ReadexPro Bold";
  font-size: 20px;
  line-height: 24px;
  color: var(--dark-black);
  letter-spacing: normal;
}

.cus__name__left span{
  font-family: "ReadexPro Regular";
  font-size: 16px;
  line-height: 24px;
  color: var(--secondary);
}

.cus__name__left{
  padding-bottom: 50px;
}

.cus__name__right {
  position: absolute;
  right: 50px;
  top: -50px;
  width: 100px;
  height: 100px;
}

.cus__name__right img{
  width: 100%;
  height: inherit;
  object-fit: cover;
}

.happy__client__item .slick-dots li button{
  width: unset;
  height: unset;
  padding: unset;
}

.happy__client__item .slick-dots li button:before{
  content: "";
  border: 1px solid var(--br-gray);
  width: 25px;
  height: 5px;
  top: 25px;
}

.happy__client__item .slick-dots li.slick-active button:before{
  background-color: var(--ro400);
  border: 1px solid var(--ro400);
  box-shadow: 0 5px 10px 5px #0000000a;
}

.exhibition__img {
  width: 100%;
  height: 250px;
}

.exhibition__img img{
  width: 100%;
  height: inherit;
  object-fit: cover;
}

.exhibition__item .slick-slide{
  margin-right: 30px;
}

.exhibition__item .slick-list {
  margin-right: -30px;
}

.exhibition__inner{
  border: 1px solid var(--br-gray);
  cursor: pointer;
}

.exhibition__inner:hover .exhibition__content{
  background-color: var(--white);
  transition: all 0.4s ease-in-out;
}

.exhibition__inner:hover{
  box-shadow: rgba(174, 175, 175, 0.5) 0 5px 16px;
}

.exhibition__content {
  padding: 16px 20px 20px 20px;
  background-color: var(--light-gray);
}

.exhibition__content h4 {
  color: var(--primary);
  padding-bottom: 6px;
}

.exhibition__content span{
  background-color: var(--ex-gray-bg);
  color: var(--secondary);
  border-radius: 12px;
  display: inline-block;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 16px;
  font-family: "ReadexPro Regular";
  margin-right: 6px;
}

.exhibition__content p{
  display: block;
  padding: 16px 0;
  margin: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.exhibition__item .slick-next:before, .exhibition__item .slick-prev:before{
  color: #000000;
}

.exhibition__item .slick-prev{
  left: unset;
  top: -50px;
  right: 50px;
  border: 1px solid var(--br-gray) !important;
  width: 50px;
  height: 50px;
  margin-right: 20px;
}

.exhibition__item .slick-next{
  right: 0;
  top: -50px;
  border: 1px solid var(--br-gray) !important;
  width: 50px;
  height: 50px;
}

.exhibition__item .slick-prev:before, .exhibition__item .slick-next:before{
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: 50%;
  transition: all .4s ease;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 18px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.25C0.585786 5.25 0.25 5.58579 0.25 6C0.25 6.41422 0.585786 6.75 1 6.75L1 5.25ZM17 6.75C17.4142 6.75 17.75 6.41421 17.75 6C17.75 5.58579 17.4142 5.25 17 5.25V6.75ZM13.528 0.467309C13.2338 0.175726 12.7589 0.177844 12.4673 0.472041C12.1757 0.766238 12.1778 1.24111 12.472 1.53269L13.528 0.467309ZM14.763 2.74731L14.235 3.28L14.763 2.74731ZM14.763 9.25269L15.2909 9.78538L14.763 9.25269ZM12.472 10.4673C12.1778 10.7589 12.1757 11.2338 12.4673 11.528C12.7589 11.8222 13.2338 11.8243 13.528 11.5327L12.472 10.4673ZM16.9801 5.68667L17.7241 5.59184V5.59184L16.9801 5.68667ZM16.9801 6.31333L17.7241 6.40816V6.40816L16.9801 6.31333ZM1 6.75L17 6.75V5.25L1 5.25L1 6.75ZM12.472 1.53269L14.235 3.28L15.2909 2.21462L13.528 0.467309L12.472 1.53269ZM14.235 8.72L12.472 10.4673L13.528 11.5327L15.2909 9.78538L14.235 8.72ZM14.235 3.28C14.9505 3.98914 15.4413 4.47718 15.7734 4.8907C16.096 5.2924 16.2067 5.55042 16.2361 5.7815L17.7241 5.59184C17.6453 4.97372 17.3504 4.45878 16.9429 3.95146C16.545 3.45597 15.9814 2.89892 15.2909 2.21462L14.235 3.28ZM15.2909 9.78538C15.9814 9.10108 16.545 8.54403 16.9429 8.04854C17.3504 7.54121 17.6453 7.02628 17.7241 6.40816L16.2361 6.2185C16.2067 6.44958 16.096 6.7076 15.7734 7.10929C15.4413 7.52282 14.9505 8.01086 14.235 8.72L15.2909 9.78538ZM16.2361 5.7815C16.2546 5.92659 16.2546 6.07341 16.2361 6.2185L17.7241 6.40816C17.7586 6.13714 17.7586 5.86286 17.7241 5.59184L16.2361 5.7815Z' fill='%23AFAEAE'/%3E%3C/svg%3E%0A");
}

.exhibition__item .slick-prev:before {
  transform: rotate(-180deg) translate(50%, 50%) !important;
}

/* .exhibition__item .slick-slide.slick-current.slick-active .exhibition__content{
background-color: var(--white);
} */

.exhibition__sec{
  position: relative;
}

.exhibition__sec:after{
  content: "";
  position: absolute;
  background-color: #EBEBEB;
  bottom: -55%;
  width: 100%;
  height: 737px;
  z-index: -1;
}

.high__perform .all__products__wrapper__slider .all__products__wrapper__inner {
  padding: 30px;
  height: 399px;
  overflow: hidden;
  background-color: var(--gray);
  position: relative;
  z-index: 99;
  cursor: pointer;
  border: 1px solid var(--ro100);
  transition: all 0.4s ease;
  transform: translateY(40px);
}

.high__perform .all__products__wrapper__slider .all__products__wrapper__inner:hover{
  border: 1px solid var(--ro600);
  transform: translateY(0px);
  /* height: 450px; */
}

.high__perform .all__products__wrapper__slider .all__products__wrapper__inner:hover .all__products h3{
  color: var(--ro600);
  transition: all 0.4s ease;
}

.high__perform .all__products__wrapper__slider .all__products__wrapper__inner:hover  a.hi__btn__learn__more{
  opacity: 1;
}

.high__perform .all__products__wrapper__slider .all__products__wrapper__inner:after{
  content: "";
  position: absolute;
  background-image: url('../images/smc-pro-bg.png');
  background-repeat: no-repeat;
  width: 100%;
  height: 200px;
  z-index: -9;
  bottom: 0;
  right: 0;
  background-position: bottom right;
}

.all__products h3{
  color: var(--primary);
  font-size: 36px;
  font-family: "ReadexPro Bold";
  letter-spacing: -2px;
}

.all__products p{
  margin: unset;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 289px;
}

.high__perform .all__products__wrapper__slider .all__products__wrapper__inner:first-child .smc__bg__image{
  background-position: center bottom;
  background-repeat: no-repeat;
}

.high__perform .all__products__wrapper__slider .all__products__wrapper__inner:last-child .smc__bg__image{
  background-position: center bottom;
}

.high__perform .all__products__wrapper__slider .all__products__wrapper__inner:nth-child(2) .smc__bg__image, .high__perform .all__products__wrapper__slider .all__products__wrapper__inner:nth-child(3) .smc__bg__image{
  background-position: bottom left;
  position: absolute;
  left: 0;
  z-index: -1;
}

.smc__bg__image {
  background-repeat: no-repeat;
  width: 100%;
  height: 223px;
  position: absolute;
  bottom: -30px;
  left: 0;
  z-index: -1;
}

.pro__high__per__ser{
  background-color: var(--ro50);
  padding: 50px;
  position: relative;
  z-index: 99;
}

.pro__high__per__ser h4{
  font-size: 24px;
  line-height: 28px;
  font-family: "ReadexPro Bold";
  color: var(--primary);
}

.pro__high__per__ser p{
  margin: unset;
  padding-top:16px;
  padding-bottom: 20px;
  color: var(--gray-text);
}

/*****/

.hero_section.comm_banner {
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 350px;
  position: relative;
  z-index: 9;
}

.hero_section.comm_banner:before {
  content: "";
  position: absolute;
  width: 100%;
  background: #000;
  opacity: .6;
  height: 100%;
  z-index: -1;
}

.comm_banner_content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 350px;
  flex-direction: column;
}

.comm_banner_content h1 {
  text-transform: capitalize;
  margin-bottom: unset;
  text-align: center;
}
.hero_section_home .hero_slide_content h1 {
  color: var(--pp743C94);
}

.custom_bradecumb {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.custom_bradecumb li, .custom_bradecumb li a {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
}

.custom_bradecumb li {
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--white);
  font-family: "ReadexPro Regular";
  line-height: normal;
  position: relative;
  text-transform: capitalize;
}

.custom_bradecumb li a {
  transition: all .4s ease;
}
.custom_bradecumb li a:hover {
  color: var(--ro600);
}

.custom_bradecumb li, .custom_bradecumb li a {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
}

.custom_bradecumb li:after {
  position: absolute;
  content: ">";
  right: -20px;
  top: 50%;
  transform: translate(-50%, -50%);
}

.custom_bradecumb li:last-child:after{
  content: unset;
}

.who__we__are__cont{
  padding-right: 230px;
}

.who__we__are__cont p:first-of-type{
  font-size: 20px;
  color: var(--primary);
  letter-spacing: -2px;
  margin-bottom: 20px;
}

.who__we__are__cont h3{
  font-size: 20px;
  color: var(--blue);
  font-family: "ReadexPro Bold";
  margin-bottom: 114px;
}

.certificate__img {
  width: 100%;
  height: 579px;
}

.certificate__img img {
  object-fit: cover;
  width: 100%;
  height: inherit;
  /* border: 1px solid #000; */
}

.who__we__are__sec .container{
  position: relative;
}

.who__we__are__sec .container:before{
  content: "";
  position: absolute;
  background-image: url('../images/map-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 649px;
  top: 0;
  z-index: -1;
}

.who__we__are__sec .container:after{
  content: "";
  position: absolute;
  background-image: url('../images/solution-bg-new.png');
  background-repeat: no-repeat;
  height: 437px;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-20%, -50%);
  Z-INDEX: -1;
}

/*****/

.about__left__wrapper {
  padding: 40px 0;
  position: relative;
}

.about__left__wrapper:before {
  content: "";
  position: absolute;
  width: calc(100% - 29%);
  background: var(--light-acqua);
  height: 150px;
  top: 0;
  left: -50%;
  transform: translateX(0);
}

.abt__we__imp__title {
  max-width: 100px;
  min-width: 157px;
  width: 100%;
  position: absolute;
}

.abt__we__imp__title span {
  font-size: 24px;
  line-height: 30px;
  font-family: "ReadexPro Regular";
  color: var(--primary);
}

.about__improve__slider .slick-list {
  margin-left: 200px;
}

.about__improve__item {
  width: 200px !important;
  height: 70px;
  cursor: pointer;
}

.about__improve__item img {
  width: 100%;
  height: inherit;
  object-fit: cover;
}

.whyconsider__content ul {
  display: flex;
  gap: 50px;
  margin-left: -120px;
}

.whyconsider__content ul li{
  background-color: var(--white);
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  padding: 25px 25px 37px 25px;
  width: 290px; /*265px */
  height: 270px; /*226px */
  overflow: hidden;
}

.whyconsider__content ul li h4{
  padding-bottom: 20px;
  display: flex;
  gap: 6px;
  align-items: center;
  color: var(--ro800);
}
.whyconsider__content ul li h4 svg path {
  fill: var(--ro800);
}
.whyconsider__content ul li:nth-child(3) h4 svg path {
  fill: var(--white);
  stroke: var(--ro800);
}

.whyconsider__content ul li p{
  margin: unset;
}

.whyconsider__img {
  width: 100%;
  height: 621px;
}

.whyconsider__img img {
  width: 100%;
  height: inherit;
  object-fit: cover;
}

.whyconsider__content p {
  margin-bottom: 58px;
}

.our__statistics__sec {
  position: relative;
}

.our__statistics__sec:before {
  content: "";
  position: absolute;
  background-color: var(--ro500);
  height: 228px;
  top: 0;
  width: 100%;
  z-index: -1;
}

.our__statistics__wrapper{
  text-align: center;
  position: relative;
}

.our__statistics__wrapper span {
  font-size: 150px;
  line-height: 187px;
  color: var(--gray);
  font-family: "ReadexPro Bold";
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px;
  -webkit-text-stroke-color: rgba(249, 249, 249, 0.5);
}

.our__statistics__wrapper h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-bottom: 0;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: -2px;
  text-transform: capitalize;
  color: var(--gray);
}

.our__statistics__inner {
  padding: 22px 0;
}

.the__future__right ul li h2, .the__future__right ul li span{
  font-size: 48px;
  line-height: 58px;
  font-family: "ReadexPro Bold";
  color: var(--primary);
  display: inline-block;
  margin-bottom: unset;
}

.the__future__right ul li p{
  color: var(--dark-black);
  margin: unset;
  font-size: 20px;
}

.the__future__right ul li {
  border: 1px solid #AFAEAE;
  padding: 20px;
}

.the__future__left p:first-of-type{
  color: var(--dark-black);
  font-size: 20px;
  line-height: 24px;
  font-family: "ReadexPro Regular";
  margin-bottom: 16px;
}

.the__future__right ul li:nth-child(2), .the__future__right ul li:nth-child(4){
  border-left: unset;
}

.the__future__right ul li:nth-child(1), .the__future__right ul li:nth-child(2){
  border-bottom: unset;
}

.achiv__certi__img {
  width: 100%;
  height: 579px;
}

.achiv__certi__img img{
  width: 100%;
  height: inherit;
  object-fit: cover;
  border: 1px solid rgba(0, 0, 0, 1);
}

.achiv__certi__right p:first-of-type{
  font-size: 20px;
  line-height: 24px;
  color: var(--dark-black);
}

.achiv__certi__right  h3{
  font-size: 20px;
  line-height: 24px;
  color: var(--black);
  font-family: "ReadexPro Regular";
  margin-bottom: 20px;
}

.achiv__certi__right p{
  color: var(--dark-gray);
}

/* the slides */

.improved__slider__abt .slick-slide {
  margin: 0 15px;
}

/* the parent */

.improved__slider__abt .slick-list {
  margin: 0 -15px;
}

.all__smc__products{
  border: 1px solid var(--br-gray);
  position: relative;
  /* border-top-right-radius: 8px;
    border-top-left-radius: 8px; */
}

.all__our__products ul{
  display: flex;
  align-items: center;
  gap: 5px;
  padding-top: 50px;
  padding-bottom: 30px;
  overflow: hidden;
  white-space: nowrap;
}

.all__our__products ul li{
  padding: 10px;
  font-size: 20px;
  font-family: "ReadexPro Bold";
  border-bottom: 1px solid var(--br-gray);
  cursor: pointer;
  color: var(--ex-color);
}

.all__our__products ul li.active{
  color: var(--ro600);
  border-bottom: 2px solid var(--ro600);
}

.all__smc__products__content {
  padding: 20px;
  position: absolute;
  bottom: 0;
  background: #fff;
  /* transform: translateY(35%); */
  height: 100px;
  min-height: 100px;
  transition: all 0.4s ease;
  width: 100%;
}

.all__smc__products {
  border: 1px solid var(--br-gray);
  position: relative;
  width: 100%;
  height: 510px;
  overflow: hidden;
  z-index: 99;
}

.all__smc__products:hover .all__smc__products__content{
  height: 220px;
}

.all__smc__products img{
  width: 100%;
  height: inherit;
  object-fit: cover;
  object-position: top;
}

/* .all__smc__products__img {
    width: 100%;
    height: 244px;
}
.all__smc__products__img img{
    width: 100%;
    height: inherit;
    object-fit: cover;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    object-position: top;
} */

.all__smc__products__content h5{
  color: var(--primary);
  font-family: "ReadexPro Medium";
  padding-bottom: 5px;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: -2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.all__smc__products__content span{
  color: var(--white);
  background-color: var(--ro500);
  padding: 4px 8px;
  font-size: 14px;
  line-height: 18px;
}

.all__smc__products__content p{
  padding-top: 16px;
  margin-bottom: 16px;
  font-size: 16px;
  color: var(--product-color);
}

.read__more__sec{
  color: var(--ro500);
  font-size: 20px;
  line-height: 24px;
  font-family: "ReadexPro Regular";
  letter-spacing: -1px;
}

.read__more__sec:hover{
  color: var(--black);
}

.our__products__hvr li:hover .all__smc__products{
  background-color: var(--white);
  box-shadow: 0 5px 16px rgba(0,0,0,0.1);
  cursor: pointer;
  border: 1px solid transparent;
}

.load_more{
  background-color: var(--ro500);
  border: 1px solid var(--ro500);
  padding: 14px 28px;
  color: var(--white);
  display: inline-block;
}

.our__products__hvr{
  padding-bottom: 50px;
}

.lord__more__btn {
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.load_more:hover{
  background-color: transparent;
  color: var(--ro500);
}

.product__overview__item__nav {
  width: 83px !important;
  height: 53px;
  opacity: 0.5;
}

.product__overview__inner__nav .slick-slide{
  width: 83px !important;
}

.product__overview__item__nav img{
  width: 100%;
  height: inherit;
  object-fit: contain;
  cursor: pointer;
}

.product__overview__item__for img {
  width: 100%;
  height: inherit;
/*   object-fit: cover; */
  object-fit: contain;
  object-position: top center;
  cursor: pointer;
}

.product__overview__item__for {
  width: 100% !important;
  height: 360px;
}

.product__overview__inner__nav{
  margin-top: 5px;
}

.product__overview__inner__nav  .slick-slide {
  margin-right: 10px;
}

.product__overview__inner__nav .slick-slide.slick-current.slick-active .product__overview__item__nav{
  opacity: 1;
}

.product__overview__right h3{
  padding-bottom: 30px;
  font-size: 36px;
  line-height: 46px;
  font-family: "ReadexPro Bold";
  color: var(--primary);
  letter-spacing: -2px;
}

.product__overview__right p{
  margin-bottom: 21px;
}

.product__overview__right ul {
  padding-left: 25px;
}

.product__overview__right ul li{
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-family: "ReadexPro Regular";
  color: var(--secondary);
  margin-bottom: 18px;
}

.product__overview__right ul li:last-child{
  margin-bottom: 45px;
}

.product__overview__right ul li:before{
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: var(--secondary);
  top: 12px;
  left: -12px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.product__btn__sec a:hover{
  border: 1px solid var(--ro600);
  color: var(--ro600);
}

.product__btn__sec {
  display: flex;
  align-items: center;
  gap: 40px;
}

.btn__schedule__app{
  color: var(--primary);
  background-color: transparent;
  border: 1px solid var(--primary);
  padding: 14px 24px;
  font-size: 16px;
  font-family: "ReadexPro Regular";
  display: inline-block;
}

.technical__spec  h3{
  letter-spacing: -2px;
}

.technical__spec  p{
  padding-top: 24px;
  padding-bottom: 51px;
  margin: unset;
}

.rang__specification table thead tr th, .rang__specification table tbody tr td{
  text-align: left;
  border: 1px solid var(--product-color);
}

.rang__specification table tbody tr:first-of-type td{
  color: var(--secondary);
}

.rang__specification table tbody tr td{
  color: var(--dark-black);
  font-size: 16px;
  line-height: 24px;
  font-family: "ReadexPro Regular";
}

.rang__specification table thead tr th{
  font-size: 20px;
  color: var(--primary);
  line-height: 24px;
  font-family: "ReadexPro SemiBold";
}

.fetured__bene__sec .container{
  position: relative;
}

.fetured__bene__sec .container:before{
  content: "";
  position: absolute;
  background-image: url(../images/building-prov-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 60%;
  left: 50%;
  width: 100%;
  height: 548px;
  transform: translate(-50%,-50%);
  z-index: -1;
}

.fetured__bene__sec h2{
  font-size: 36px;
  font-family: "ReadexPro Bold";
  color: var(--primary);
  letter-spacing: -2px;
}

.fetured__bene__sec ul li{
  padding: 30px;
  border: 1px solid var(--br-gray);
  background-color: var(--white);
}

.fetured__bene__content h4{
  font-size: 26px;
  color: var(--primary);
  font-family: "ReadexPro Medium";
  letter-spacing: -2px;
  margin-bottom: 21px;
}

.fetured__bene__content {
  width: 288px;
}

.frequently__quetion__wrapper {
  text-align: center;
  position: relative;
}

.frequently__quetion__inner span {
  font-size: 150px;
  line-height: 187px;
  font-family: "ReadexPro Bold";
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px;
  -webkit-text-stroke-color: rgb(17,17,17);
}

.frequently__quetion__wrapper h2 {
  margin-bottom: 0;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: -2px;
  text-transform: capitalize;
  color: var(--primary);
  width: 400px;
  text-align: left;
}

.c_faq_list li.faq_open .faq_minus {
  display: block;
}

.c_faq_list li.faq_open .faq_plus {
  display: none;
}

.c_faq_list li {
  margin: 0;
  padding: 20px;
  background-color: var(--white);
  border: 1px solid var(--br-gray);
  margin-bottom: 20px;
}

.c_faq_list li:last-child{
  margin-bottom: unset;
}

.c_faq_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.c_faq_btn h4 {
  color: var(--title-color);
  font-family: 'ReadexPro Medium';
  font-size: 26px;
  line-height: 30px;
  text-align: left;
}

.faq_plus, .faq_minus {
  transition: all .4s ease;
  min-width: 16px;
  width: 16px;
}

.faq_minus {
  display: none;
}

.c_faq_content {
  padding-top: 20px;
}

.que_look_herel p:last-child {
  margin: 0;
}

.c_faq_content p {
  color: var(--secondary);
  font-family: 'ReadexPro Regular';
  font-size: 16px;
  line-height: 24px;
}

.c_faq_list li.faq_open{
  border: unset;
  box-shadow: 0px 5px 16px rgba(0,0,0,0.1);
  border: 1px solid transparent;
}

.our__pro__item{
  border: 1px solid var(--br-gray);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.our__pro__item__img{
  width: 100%;
  height: 244px;
}

.our__pro__item__img img{
  width: 100%;
  height: inherit;
  object-fit: cover;
  object-position: top;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.our__pro__item__cont h5{
  color: var(--primary);
  font-family: "ReadexPro Medium";
  letter-spacing: -2px;
  font-size: 26px;
  line-height: 30px;
  padding-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.our__pro__item__cont span{
  background-color: var(--light-gray);
  padding: 4px 8px;
  display: inline-block;
  margin-bottom: 16px;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--product-color);
}

.our__pro__item__cont  p{
  margin-bottom: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.our__pro__item__cont {
  padding: 20px 32px;
}

.our__pro__inner .slick-list {
  margin-left: -25px;
}

.our__pro__inner .slick-slide {
  margin-left: 30px;
}

.our__pro__inner .slick-prev {
  left: unset;
  top: -50px;
  right: 50px;
  border: 1px solid var(--br-gray) !important;
  width: 50px;
  height: 50px;
  margin-right: 20px;
  background-color: var(--white) !important;
}

.our__pro__inner  .slick-prev:before {
  transform: rotate(-180deg) translate(50%, 50%) !important;
}

.our__pro__inner .slick-next:hover, .our__pro__inner .slick-prev:hover{
  background-color: transparent !important;
}

.our__pro__inner .slick-next {
  right: 0;
  top: -50px;
  border: 1px solid var(--br-gray) !important;
  width: 50px;
  height: 50px;
  background-color: var(--white) !important;
}

.our__pro__inner  .slick-prev:before, .our__pro__inner  .slick-next:before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: 50%;
  transition: all .4s ease;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 18px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.25C0.585786 5.25 0.25 5.58579 0.25 6C0.25 6.41422 0.585786 6.75 1 6.75L1 5.25ZM17 6.75C17.4142 6.75 17.75 6.41421 17.75 6C17.75 5.58579 17.4142 5.25 17 5.25V6.75ZM13.528 0.467309C13.2338 0.175726 12.7589 0.177844 12.4673 0.472041C12.1757 0.766238 12.1778 1.24111 12.472 1.53269L13.528 0.467309ZM14.763 2.74731L14.235 3.28L14.763 2.74731ZM14.763 9.25269L15.2909 9.78538L14.763 9.25269ZM12.472 10.4673C12.1778 10.7589 12.1757 11.2338 12.4673 11.528C12.7589 11.8222 13.2338 11.8243 13.528 11.5327L12.472 10.4673ZM16.9801 5.68667L17.7241 5.59184V5.59184L16.9801 5.68667ZM16.9801 6.31333L17.7241 6.40816V6.40816L16.9801 6.31333ZM1 6.75L17 6.75V5.25L1 5.25L1 6.75ZM12.472 1.53269L14.235 3.28L15.2909 2.21462L13.528 0.467309L12.472 1.53269ZM14.235 8.72L12.472 10.4673L13.528 11.5327L15.2909 9.78538L14.235 8.72ZM14.235 3.28C14.9505 3.98914 15.4413 4.47718 15.7734 4.8907C16.096 5.2924 16.2067 5.55042 16.2361 5.7815L17.7241 5.59184C17.6453 4.97372 17.3504 4.45878 16.9429 3.95146C16.545 3.45597 15.9814 2.89892 15.2909 2.21462L14.235 3.28ZM15.2909 9.78538C15.9814 9.10108 16.545 8.54403 16.9429 8.04854C17.3504 7.54121 17.6453 7.02628 17.7241 6.40816L16.2361 6.2185C16.2067 6.44958 16.096 6.7076 15.7734 7.10929C15.4413 7.52282 14.9505 8.01086 14.235 8.72L15.2909 9.78538ZM16.2361 5.7815C16.2546 5.92659 16.2546 6.07341 16.2361 6.2185L17.7241 6.40816C17.7586 6.13714 17.7586 5.86286 17.7241 5.59184L16.2361 5.7815Z' fill='%23AFAEAE'/%3E%3C/svg%3E%0A");
}

.our__product__slid h2{
  margin-bottom: 30px;
  font-size: 36px;
  font-family: "ReadexPro Bold";
  letter-spacing: -2px;
}

/**blog page**/

.all__blog__category ul {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-top: 50px;
  padding-bottom: 30px;
}

.all__blog__category ul li.active {
  color: var(--blue);
  border-bottom: 2px solid var(--blue);
}

.all__blog__category ul li {
  padding: 10px;
  font-size: 20px;
  font-family: "ReadexPro Bold";
  border-bottom: 1px solid var(--br-gray);
  cursor: pointer;
  color: var(--ex-color);
}

.all__smc__blog {
  border: 1px solid var(--br-gray);
}

.all__smc__blog__img{
  width: 100%;
  height: 244px;
  min-height: 244px;
  max-height: 244px;
}

.all__smc__blog__img img {
  width: 100% !important;
  height: inherit !important;
  object-fit: cover;
  object-position: top;
  max-width: 100%;
  min-width: 100%;
}

.all__smc__blog__content {
  padding: 20px;
}

.all__smc__blog__content h5{
  color: var(--primary);
  font-family: "ReadexPro Medium";
  font-size: 30px;
  line-height: 35px;
  letter-spacing: -2px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.all__smc__blog__content span:first-of-type{
  font-size: 20px;
  line-height: 24px;
  color: var(--product-color);
  display: block;
  background-color: unset;
  padding: 5px 0;
}

.all__smc__blog__content span{
  color: var(--product-color);
  background-color: var(--light-gray);
  padding: 4px 8px;
}

.all__smc__blog__content span a{
  font-size: 14px;
}

.all__smc__blog__content p{
  font-size: 20px;
  line-height: 24px;
  color: var(--product-color);
  font-family: "ReadexPro Regular";
  margin: 16px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.our__blog__hvr li:hover .all__smc__blog{
  background-color: var(--white);
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  border: 1px solid transparent;
}

.why__sheet__wrapper img {
  width: 100%;
}

.why__sheet__wrapper h3{
  font-size: 30px;
  line-height: 35px;
  color: var(--primary);
  font-family: "ReadexPro Medium";
  letter-spacing: -1px;
  padding: 30px 0;
  text-transform: capitalize;
}

.why__sheet__wrapper h5{
  font-size: 20px;
  line-height: 24px;
  font-family: "ReadexPro Medium";
  color: var(--ro500);
  padding-bottom: 30px;
  text-transform: capitalize;
}

.why__sheet__wrapper p{
  font-size: 20px;
  line-height: 30px;
  font-family: "ReadexPro Regular";
  color: var(--dark-gray);
}

.blog__detail__inner__product {
  width: 100%;
  height: 244px;
}

.blog__detail__inner__product img{
  width: 100%;
  height: inherit;
  object-fit: cover;
  object-position: top;
}

.blog__detail__content {
  padding: 20px;
}

.blog__detail__content a h4{
  font-size: 24px;
  line-height: 30px;
  font-family: "ReadexPro Medium";
  color: var(--primary);
  letter-spacing: -1px;
  padding-bottom: 5px;
}

.blog__detail__product li{
  border: 1px solid var(--br-gray);
}

.blog__detail__content span{
  color: var(--product-color);
  font-size: 14px;
  font-family: "ReadexPro Regular";
  letter-spacing: -1px;
  background-color: var(--light-gray);
  padding: 4px 8px;
}

.why__sheet__wrapper> ul {
  padding-top: 30px;
  padding-left: 30px;
  padding-bottom: 30px;
}

.why__sheet__wrapper> ul li p{
  margin: unset;
}

.why__sheet__wrapper> ul li{
  position: relative;
}

.why__sheet__wrapper> ul li:before{
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: var(--dark-gray);
  border-radius: 50%;
  left: -15px;
  top: 50%;
  transform: translate(-50%, -50%);
}

.search-box-show {
  padding: 30px 0;
}

.search__form__group{
  display: flex;
  align-items: center;
  border: 1px solid var(--br-gray);
  width: 100%;
  justify-content: space-between;
  padding: 25px;
}

.search__form__group input[type="text"]{
  width: 100%;
  padding: unset;
  font-size: 16px;
  font-family: "ReadexPro Regular";
}

.recent__blog__sec h3{
  color: var(--black);
  padding-bottom: 30px;
  font-family: "ReadexPro Bold";
  font-size: 36px;
  letter-spacing: -1px;
}

.recent__blog__right h2 {
  font-size: 16px;
  line-height: 20px;
  font-family: "ReadexPro Medium";
  color: var(--primary);
  margin-bottom: 12px;
}

.recent__blog__sec ul li{
  display: flex;
  gap: 14px;
  margin-bottom: 30px;
}

.recent__blog__left {
  min-height: 70px;
  min-width: 105px;
  width: 105px;
  height: 70px;
}

.recent__blog__left img{
  width: 100%;
  height: inherit !important;
  object-fit: cover;
}

.recent__blog__right span{
  color: var(--gray-stroke);
  font-size: 14px;
  line-height: 18px;
  font-family: "ReadexPro Light";
}

.recent__blog__right span:first-of-type{
  position: relative;
  padding-right: 10px;
}

.recent__blog__right span:first-of-type:after{
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  top: 50%;
  right: 3px;
  background-color: var(--gray-stroke);
  transform: translate(-50%, -50%);
}

.blg__cont__left a >span{
  font-size: 26px;
  font-family: "ReadexPro SemiBold";
  color: var(--gray-text);
  letter-spacing: -1px;
}

.blg__pre__next li.blg__cont__left {
  text-align: left;
  padding-top: 20px;
}

.blg__pre__next li {
  margin-bottom: 0;
  padding-top: 20px;
}

.blg__cont__left .prev__blog__main {
  display: flex;
  gap: 30px;
  padding-top: 30px;
}

.blg__cont__right .prev__blog__main {
  display: flex;
  gap: 30px;
  padding-top: 30px;
  justify-content: end;
}

.prev__blog__cont {
  width: 226px;
}

.prev__blog__cont span{
  font-size: 16px;
  line-height: 20px;
  color: var(--gray-stroke);
  padding-right: 15px;
  font-family: "ReadexPro Light";
}

.prev__blog__cont span:first-of-type{
  position: relative;
}

.prev__blog__cont span:first-of-type:after{
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  top: 50%;
  right: 3px;
  background-color: var(--gray-stroke);
  transform: translate(-50%, -50%);
}

.prev__blog__img img {
  width: 100%;
  height: inherit;
  object-fit: cover;
}

.prev__blog__cont p{
  font-size: 20px;
  line-height: 24px;
  font-family: "ReadexPro Medium";
  color: var(--primary);
  letter-spacing: -1px;
  margin-bottom: 30px;
}

.nxt__blog {
  text-align: right;
  display: block;
  font-size: 26px;
  font-family: "ReadexPro SemiBold";
  color: var(--gray-text);
  letter-spacing: -1px;
}

.prev__blog__img {
  min-width: 244px !important;
  width: 244px;
  height: 154px !important;
}

.prev__blog__img img {
  width: 100%;
  height: inherit !important;
  object-fit: cover;
}

.blg__pre__next li a:hover >span, .blg__pre__next li a:hover .prev__blog__cont p{
  color: var(--product-color);
}

.why__sheet__wrapper p:last-child{
  margin-bottom: unset;
}

/****/

.infra__img{
  width: 100%;
  height: 621px;
}

.infra__img img{
  width: 100%;
  height: inherit;
  object-fit: cover;
  object-position: top;
}

.infrastructure__sec .container:before{
  content: "";
  position: absolute;
  background-image: url(../images/map-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: -45px;
  left: 0;
  width: 100%;
  height: 649px;
  z-index: -1;
}

.infra__left h2{
  margin-bottom: 20px;
}

.infra__left p:first-of-type{
  color: var(--dark-black);
  font-size: 20px;
  line-height: 24px;
  font-family: "ReadexPro Regular";
  padding-bottom: 20px;
  margin-bottom: unset;
  padding-right: 150px;
}

.infra__left p{
  margin-bottom: 20px;
  text-transform: capitalize;
  padding-right: 206px;
}

.gallery__img__wrapper {
  width: 100%;
  height: 256px;
}

.gallery__img__wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close{
  color: var(--white) !important;
}

.gallery__tab ul{
  padding-top: 0px;
}

.careers__vid__right {
  width: 100%;
  height: 600px;
  position: relative;
}

.careers__vid__right img{
  width: 100%;
  height: inherit;
  object-fit: cover;
}

.video__btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}

.careers__vid__right:before{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--black);
  opacity: 40%;
}

.sch__appointment__btn{
  background-color: var(--dw-bg-color);
  border: 1px solid var(--dw-bg-color);
  color: var(--primary);
  padding: 14px 24px;
  font-size: 16px;
  font-family: "ReadexPro Regular";
  display: inline-block;
}

.careers__sec{
  position: relative;
}

.careers__sec:before{
  content: "";
  position: absolute;
  background-image: url(../images/map-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 649px;
  z-index: -1;
  transform: translate(-50%, -50%);
}

.careers__sec:after{
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/solution-bg.png);
  width: 100%;
  height: 437px;
  z-index: -1;
}

.careers__vid__left h2 {
  padding-right: 67px;
  letter-spacing: -1px;
}

.careers__vid__left p {
  padding-right: 130px;
}

a.sch__appointment__btn:hover{
  color: var(--acqua);
  background: transparent;
}

.careers__vid__left ul{
  display: flex;
  gap: 8px;
  position: relative;
  z-index: 9;
  padding-top: 40px;
}

.careers__vid__left ul li {
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--white);
  padding: 23px 20px;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
}

.careers__vid__left ul li h4{
  font-size: 16px;
  line-height: 24px;
  font-family: "ReadexPro SemiBold";
  width: 130px;
}

.prov__inno__img {
  width: 100%;
  height: 546px;
}

.prov__inno__img img{
  width: 100%;
  height: inherit;
  object-fit: cover;
}

.prov__inno__right ul{
  display: flex;
  padding-top: 37px;
}

.prov__inno__right ul li{
  display: flex;
  align-items: center;
  gap: 15px;
  background: var(--white);
  padding: 25px 30px;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
}

.prov__inno__right ul li svg{
  width: 70px;
  height: 70px;
}

.prov__inno__right ul li h5{
  font-size: 20px;
  line-height: 24px;
  font-family: "ReadexPro SemiBold";
  color: var(--dark-acquaL);
  padding-bottom: 20px;
}

.emply__work {
  width: 104px;
}

.emply__work p{
  margin: unset;
}

.opertunity__sec{
  position: relative;
}

.opertunity__sec:before{
  content: "";
  position: absolute;
  background-color: var(--acqua);
  height: 228px;
  top: 0;
  width: 100%;
  z-index: -1;
}

.our__position__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}

.our__position__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.our__position__bottom p{
  margin-bottom: unset;
}

.our__position__top h3{
  font-family: "ReadexPro Medium";
  font-size: 30px;
  line-height: 35px;
  letter-spacing: -1px;
  color: var(--primary);
}

.our__position__bottom p{
  width: 800px;
  font-size: 20px;
  line-height: 30px;
  color: var(--gray-text);
  font-family: "ReadexPro Regular";
}

.our__position__sec ul li{
  background-color: var(--white);
  box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin-bottom: 20px;
}

.btn__fulltime{
  text-transform: capitalize;
  padding: 10px 15px;
  border: 1px solid rgba(175, 174, 174, 1);
  color: var(--gray-text);
  display: inline-block;
}

.btn__openposition .btn__fulltime:hover{
  color: rgba(32, 176, 228, 1);
  border: 1px solid rgba(32, 176, 228, 1);
}

.our__position__bottom a{
  color: var(--primary);
  font-size: 16px;
  padding: 14px 24px;
  border: 1px solid var(--dw-bg-color);
  background-color: var(--dw-bg-color);
}

.our__position__bottom a:hover{
  background-color: transparent;
}

.our__position__sec {
  margin-top: 30px;
}

.btn__openposition {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pos__lord__more__btn {
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-top: 50px;
}

.pos_load_more {
  background-color: var(--gray);
  border: 1px solid var(--dark-acquaL);
  padding: 14px 28px;
  color: var(--dark-acquaL);
  display: inline-block;
}

.pos_load_more:hover{
  background-color: var(--dark-acquaL);
  color: var(--white);
}

.our__position__sec ul li:last-child{
  margin-bottom: unset;
}

.mfp-bg{
  z-index: 9999;
}

.mfp-wrap{
  z-index: 9999;
}

.restoring__part svg{
  width: 33px;
}

.counter__wrapper {
  display: flex;
  justify-content: space-between;
}

.counter__wrapper img{
  width: 40px;
  height: 55px;
}

.contact__detail h3{
  font-size: 36px;
  line-height: 46px;
  font-family: "ReadexPro Bold";
  color: var(--primary);
  letter-spacing: -1px;
  padding-bottom: 38px;
}

/* .cont__address__one h4{
    font-family: "ReadexPro Bold";
    font-size: 20px;
    line-height: 24px;
    color: var(--primary);
    padding-bottom: 24px;
} */

/* .cont__address__one p{
    color: var(--gray-stroke);
} */

.office__one.cont__address__one h5, .office__two.cont__address__one h5{
  color: var(--primary);
}

ul.contact__info li{
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

ul.contact__info li a{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 35px;
  color: var(--gray-stroke);
  font-size: 16px;
  line-height: 24px;
}

ul.contact__info li a:hover{
  color: var(--gray-text);
}

ul.contact__info {
  margin-bottom: 34px;
}

ul.social-icons{
  display: flex;
  gap: 10px;
}

ul.social-icons li a:hover svg{
  opacity: 0.5;
}

.right__faq__sec h4{
  font-size: 24px;
  line-height: 32px;
  font-family: "ReadexPro SemiBold";
  padding-right: 20px;
  text-transform: capitalize;
  padding-bottom: 11px;
  color: var(--ro800);
}

.right__faq__sec p{
  font-size: 16px;
  line-height: 24px;
  color: var(--dark-black);
  font-family: "ReadexPro Regular";
  text-transform: capitalize;
}

.right__faq__sec{
  background: var(--white);
  padding: 25px 34px;
  border: 1px solid var(--br-gray);
}

.top__to__up {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  background: #111;
  place-items: center;
  display: grid;
  border: 1px solid #9A9999;
  cursor: pointer;
}

.high__performance__wrapper {
  text-align: center;
  position: relative;
}

.high__performance__inner{
  text-align: left;
  position: relative;
}

.high__performance__inner span{
  font-size: 150px;
  line-height: 187px;
  color: var(--primary);
  font-family: "ReadexPro Bold";
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px;
  -webkit-text-stroke-color: rgba(17, 17, 17, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.high__performance__wrapper h2{
  /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-bottom: 0;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -2px;
    text-transform: capitalize;
    color: var(--primary);
    text-align: left;
    width: 100%; */
}

h5.search_result {
  font-size: 20px;
  line-height: 24px;
  font-family: "ReadexPro Bold";
  color: var(--dark-black);
  letter-spacing: -1px;
  padding: 25px 0;
}

.archive_page h2 span {
  font-size: 48px;
  line-height: 58px;
  font-family: "ReadexPro Bold";
  color: var(--primary);
}

/*******/

.big-nav  .sub-menu-toggle svg {
  width: 13px;
  height: 13px;
}

.big-nav>ul{
  position: absolute;
  width: 250px;
  background: var(--white);
  top: 100%;
  left: -30px;
  /* left: 50%;
    transform: translateX(-50%);
    height: 350px; 
    overflow: hidden;*/
  display: none;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25);
}

.big-nav>ul:before{
  /* content: "";
    position: absolute;
    background-image: url(../images/our-product-img.png);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-position: right;
    right: 50px;
    bottom: 0; */
}

.big-nav>ul:after{
  content: "";
  position: absolute;
  background-image: url(../images/smc-pro-bg.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.big-nav>ul>li{
  position: relative;
  border-bottom: 1px solid var(--gray-stroke);
}

.big-nav>ul>li:last-child{
  border-bottom: unset;
}

.big-nav>ul>li.hvr {
  position: relative;
}

li.big-nav:hover > ul {
  display: block;
}

.big-nav ul li.hvr::after{
  content: unset;
}

.big-nav > ul > li > a{
  font-family: "ReadexPro Regular";
  font-size: 16px;
  color: #000009;
  padding: 15px 10px;
  line-height: 1;
}

.big-nav ul li.hvr ul{
  position: absolute;
  top: 0;
  left: 100%;
  width: 250px;
  transform: translate(0);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25);
  display: none;
  background-color: var(--white);
  max-height: 300px;
  overflow-y: auto;
}

.big-nav ul li.hvr:hover ul{
  display: block;
}

.big-nav > ul > li.show > ul{
  display:block;
}

.big-nav ul li.hvr ul li {
  position: relative;
  border-bottom: 1px solid var(--gray-stroke);
}

.big-nav>ul>li:hover a{
  color: var(--ro600);
}

.big-nav ul li.hvr ul li:last-child{
  border: none;
}

.big-nav ul li.hvr ul li:before{
  /* content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='4' height='7' viewBox='0 0 4 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 7L4 3.5102L-3.0598e-07 0L0 7Z' fill='%231A84AB'/%3E%3C/svg%3E%0A");
    top: 50%;
    left: -7px;
    transform: translate(-50%,-50%);
    background-repeat: no-repeat;
    width: 5px;
    height: 8px; */
}

.hvr > ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px transparent;
  background-color: transparent;
  border-radius: 2px;
}

.hvr > ul::-webkit-scrollbar{
  width: 5px;
  background-color: transparent;
}

.hvr > ul::-webkit-scrollbar-thumb{
  border-radius: 2px;
  background-color: #FFF;
  background-image: -webkit-gradient(linear,
            40% 0%,
            75% 84%,
            from(var(--ro600)),
            to(var(--ro600)),
            color-stop(.6, var(--ro600)))
}

.big-nav ul li.hvr ul li a{
  font-family: "ReadexPro Regular";
  font-size: 16px;
  color: #000009;
  padding: 10px;
  padding: 15px 10px;
  letter-spacing: -1px;
  line-height: 1.4;
}

/* .big-nav ul li:nth-child(1) ul{
    top: 0;
    transform:translateY(-12%);
}
.big-nav ul li:nth-child(2) ul{
    top: -5%;
    transform:translateY(-50%);
}
.big-nav ul li:nth-child(3) ul{
    top: -95%;
    transform:translateY(-100%);
}
.big-nav ul li:nth-child(4) ul{
    top: 0;
    transform:translateY(-45%);
} */

/* .big-nav ul li.hvr ul:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100vh;
    background: #000;
    left: 0;
} */

.big-nav>ul>li.hvr>a {
  border: 1px solid transparent;
}

/* .big-nav>ul>li.hvr:hover>a {
    color: var(--blue);
    border: 1px solid var(--blue);
} */

.big-nav > ul > li.hvr>ul>li>a:hover{
  color: var(--ro600);
}

button.sub-menu-toggle {
  display: none;
}

/******/

.sticky__whats {
  position: fixed;
  right: 30px;
  z-index: 999;
  bottom: 20px;
  width: 70px;
  height: 70px;
  background: #000;
  display: grid;
  place-content: center;
  border-radius: 50%;
  cursor: pointer;
}

.wh-tabs {
  width: 305px;
  background: #fff;
  position: fixed;
  right: 30px;
  bottom: 75px;
  z-index: 1000;
  border-radius: 16px;
  box-shadow: 0 5px 10px 5px #0000000a;
}

.hidden {
  display: none;
}

ul.tab-headers {
  display: flex;
}

.tab-content-wh {
  background-color: #fff;
  border-radius: 16px;
}

.tab-content-wh .tab {
  display: none;
}

.tab-content-wh .tab.active {
  display: block;
}

ul.tab-headers li a{
  display: flex;
  align-items: center;
  padding: 10px 30px;
  font-size: 14px;
  gap: 5px;
  color: var(--ex-color);
}

.tab-headers li.active{
  background-color: #D4F4FF;
  border-radius: 16px;
}

.tab-headers li a svg path{
  fill: var(--ex-color);
}

.tab-headers li.active a svg path{
  fill: var(--black)
}

.tab-headers li.active a{
  color: var(--black);
}

.wht__cont {
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #AFAEAE;
}

.wht__chat__logo {
  padding-top: 8px;
  padding-bottom: 24px;
}

a.whts__btn {
  background-color: #30CA6D;
  color: #fff;
  padding: 16px 24px;
  border-radius: 50px;
}

.down__sec{
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  padding-bottom: 16px;
}

.down__sec p{
  color: var(--black);
  padding-top: 24px;
  margin: unset;
  padding-bottom: 10px;
}

.down__sec a{
  color: var(--blue)
}

.wht__frm {
  padding: 16px 20px 16px 20px;
  height: 400px;
  overflow-y: auto;
}

.wht__frm textarea{
  height: 70px;
}

.wht__frm p {
  color: #000;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
}

.wht__frm .form-group.contact__us__btn input[type="submit"]{
  border: 1px solid var(--ro600) !important;
  color: var(--white) !important;
  padding: 14px 24px;
  transition: all 0.4s ease;
  background-color: var(--ro600) !important;
  width: 100%;
  font-size: 16px;
}

.wht__frm .form-group.contact__us__btn input[type="submit"]:hover{
  background-color: transparent !important;
  color: var(--ro600) !important;
}

.left__career_popup__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}

.left__career_popup__wrapper h3{
  font-family: "ReadexPro Medium";
  font-size: 30px;
  line-height: 35px;
  letter-spacing: -1px;
  color: var(--primary);
}

.left__career_popup__inner{
  display: flex;
  align-items: center;
  gap: 10px;
}

.car__pop__sec {
  padding: 20px;
  background-color: var(--white);
  max-height: 500px;
  overflow: auto;
  max-width: 80%;
  margin: 0 auto;
  position: relative;
}

.left__career_popup ul li h3{
  font-size: 16px;
  line-height: 30px;
  font-family: "ReadexPro Regular";
  color: var(--dark-gray);
}

.left__career_popup >ul >li {
  list-style: auto;
}

.left__career_popup>ul, #popup_description>ul {
  padding-left: 20px;
}

.left__career_popup ul li p{
  position: relative;
  padding-bottom: 5px;
  margin: unset;
}

.left__career_popup ul li p:before{
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: var(--dark-gray);
  top: 10px;
  left: -15px;
  border-radius: 50%;
}

.left__career_popup >ul >li>ul{
  padding-left: 20px;
}

.left__career_popup__inner a.btn__fulltime:last-child, .btn__openposition a.btn__fulltime:last-child {
  color: var(--blue);
  border: 1px solid var(--blue);
}

#appl__resume__popup::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px transparent;
  background-color: transparent;
  border-radius: 2px;
}

#appl__resume__popup::-webkit-scrollbar{
  width: 5px;
  background-color: transparent;
}

#appl__resume__popup::-webkit-scrollbar-thumb{
  border-radius: 2px;
  background-color: #FFF;
  background-image: -webkit-gradient(linear,
            40% 0%,
            75% 84%,
            from(var(--secondary)),
            to(var(--secondary)),
            color-stop(.6, var(--secondary)))
}

.form-group {
  position: relative;
}

.custom-file-upload {
  display: inline-block;
  padding: 10px 20px;
  cursor: pointer;
  border: 1px solid var(--br-gray-fr);
  font-family: "ReadexPro Regular";
  font-size: 14px;
  color: var(--secondary);
  transition: background-color 0.3s ease, border-color 0.3s ease;
  margin-bottom: unset;
}

.custom-file-upload svg {
  margin-right: 8px;
  vertical-align: middle;
}

.right__career_popup h4{
  font-size: 24px;
  line-height: 32px;
  font-family: "ReadexPro SemiBold";
  color: var(--dark-acquaL);
}

.right__career_popup p {
  margin: 18px 0;
}

#fileInput {
  display: none;
}

.custom-file-upload {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.custom-file-upload svg {
  flex-shrink: 0;
}

.cf_contorl::placeholder,.cf_contorl:-moz-placeholder, .cf_contorl:-ms-input-placeholder, .cf_contorl::-webkit-input-placeholder {
  color: var(--secondary);
  opacity: 1;
}

.apply__resume .form-group input[type="submit"] {
  border: 1px solid var(--acqua) !important;
  background-color: var(--acqua) !important;
  color: var(--white) !important;
  padding: 14px 24px;
  transition: all 0.4s ease;
}

.apply__resume .form-group input[type="submit"]:hover{
  background-color: transparent !important;
  color: var(--acqua) !important;
}

#custome__scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px transparent;
  background-color: transparent;
  border-radius: 2px;
}

#custome__scroll::-webkit-scrollbar{
  width: 5px;
  background-color: transparent;
}

#custome__scroll::-webkit-scrollbar-thumb{
  border-radius: 2px;
  background-color: var(--br-gra);
  background-image: -webkit-gradient(linear,
            40% 0%,
            75% 84%,
            from(var(--br-gray)),
            to(var(--br-gray)),
            color-stop(.6, var(--br-gray)))
}

.overlay__sec{
  position: relative;
}

.request__quote__bg{
  background-repeat: no-repeat;
  width: 100%;
  height: 544px;
  background-position: center;
  background-size: cover;
  position: relative;
}

.request__quote__bg:before{
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}

.overlay__sec .request__quote__left:before{
  content: unset;
}

img.custom-logo{
	max-width: 150px !important;
}
.not_found_404 h1 {
  color: var(--primary);
  margin: 40px 0 0 0;
  font-size: 60px;
  padding: 0 0 0 0;
  text-align: center;
}
.not_found_404 {
  padding: 20px 0;
  border: 0;
}
.not_found_404 p {
  color: var(--primary);
  text-align: center;
}
.not_found_404 a {
  width: fit-content;
  display: block;
  margin: 0 auto;
}
.not_found_404_2 {
  margin-bottom: 40px;
}
@media (min-width:1200px) {
  .container {
    max-width: 1280px;
  }
}

@media(max-width: 1366px) {
  .left__career_popup__wrapper{
    flex-wrap: wrap;
    gap: 10px;
  }
}

@media(max-width: 1300px) {
  .container {
    padding: 0 15px;
  }

  .frequently__quetion__wrapper h2{
    font-size: 44px;
    line-height: 56px;
  }
}

@media(max-width: 1024px) {
  h1 {
    font-size: 54px;
    line-height: 64px;
  }

  h2 {
    font-size: 38px;
    line-height: 48px;
  }

  h3 {
    font-size: 26px;
    line-height: 36px;
  }

  h4 {
    font-size: 20px;
    line-height: 24px;
  }

  h5 {
    font-size: 20px;
    line-height: 24px;
  }

  h6 {
    font-size: 20px;
    line-height: 24px;
  }

  .we__imp__wrapper:before{
    content: "";
    position: absolute;
    width: calc(100% - 31%);
    background: var(--light-acqua);
    height: 150px;
    top: 0;
    left: -50%;
    transform: translateX(0);
  }

  .smc__frp{
    gap: 46px;
  }

  .request__quote__left h2{
    font-size: 34px;
    line-height: 44px;
  }

  .hight__perform__sec:before{
    height: 500px;
  }

  .quality__services__inner svg{
    width: 120px;
  }

  .provide__innovation__left{
    height: 500px;
  }

  .provide__innovation__right ul li{
    padding:20px 20px;
  }

  .provide__innovation__right ul{
    margin-left: -142px;
  }

  .restoring__part__wrapper li:nth-child(1) .restoring__part h4{
    font-size: 38px;
    line-height: 48px;
  }

  .restoring__part__wrapper li:nth-child(2), .restoring__part__wrapper li:nth-child(3), .restoring__part__wrapper li:nth-child(4), .restoring__part__wrapper li:nth-child(5){
    padding: 20px;
  }

  .exhibition__img{
    height: 200px;
  }

  .exhibition__sec:after{
    bottom: -46%;
  }

  .feedback__item span, .remarkable__range__inner span, .our__statistics__wrapper  span, .frequently__quetion__inner span{
    font-size: 120px;
    line-height: 160px;
  }

  .feedback__wrapper h2{
    font-size: 38px;
    line-height: 48px;
  }

  .remarkable__range__wrapper h2{
    font-size: 30px;
    line-height: 40px;
  }

  .frequently__quetion__wrapper h2{
    font-size: 36px;
    line-height: 48px;
  }

  .all__products p{
    width: 100%;
  }

  .pro__high__per__ser{
    padding: 25px;
  }

  .about__left__wrapper:before{
    width: calc(100% - 23%);
  }

  .who__we__are__cont{
    padding-right: unset;
  }

  .who__we__are__cont h3{
    margin-bottom: 50px;
  }

  .certificate__img{
    height: 500px;
  }

  .the__future__right ul li h2, .the__future__right ul li span{
    font-size: 38px;
    line-height: 48px;
  }

  .the__future__right ul li p{
    font-size: 18px;
  }

  .the__future__right ul li{
    padding: 15px;
  }

  .all__smc__products__content h5{
    font-size: 22px;
  }

  .all__smc__products__content p{
    font-size: 16px;
    line-height: 20px;
  }

  .all__smc__products__img{
    height: 200px;
  }

  .product__overview__right ul li:last-child {
    margin-bottom: 25px;
  }

  .product__btn__sec{
    gap: 25px;
  }

  .fetured__bene__content{
    width: 100%;
  }

  .c_faq_btn h4{
    font-size: 20px;
    line-height: 24px;
  }

  .our__pro__item__cont h5{
    font-size: 20px;
    line-height: 24px;
  }

  .our__pro__inner .slick-list{
    margin-left: -32px;
  }

  .our__pro__inner .slick-slide {
    margin-left: 29px;
  }

  /* .all__smc__blog__img{
        height: 200px;
    } */

  .all__smc__blog__content h5{
    width: 100%;
    font-size: 18px;
    line-height: 24px;
  }

  .all__smc__blog__content span:first-of-type{
    font-size: 16px;
    line-height: 20px;
  }

  .all__smc__blog__content p{
    font-size: 16px;
    line-height: 20px;
  }

  .contact__detail__left p{
    width: 100%;
  }

  .why__sheet__wrapper h3{
    font-size: 26px;
    line-height: 36px;
    padding: 20px 0;
  }

  .why__sheet__wrapper h5{
    padding-bottom: 20px;
  }

  .why__sheet__wrapper p{
    font-size: 18px;
    line-height: 28px;
  }

  .why__sheet__wrapper> ul{
    padding: 20px;
  }

  .blg__cont__left a >span, .nxt__blog{
    font-size: 20px;
    line-height: 24px;
  }

  .prev__blog__img {
    min-width: 200px !important;
    height: 125px !important;
  }

  .infra__left p, .infra__left p:first-of-type{
    padding-right: unset;
  }

  .infra__img{
    width: 100%;
    height: 500px;
  }

  .infra__left h2{
    font-size: 38px;
    line-height: 48px;
  }

  .careers__vid__left p{
    padding-right: unset;
  }

  .opertunity__sec:before{
    height: 200px;
  }

  .our__position__top h3{
    font-size: 26px;
    line-height: 36px;
  }

  ul.contact__info li:nth-child(2){
    flex-direction: column;
    align-items: self-start;
    gap: 10px;
  }

  .form-group.contact__us__btn input[type="submit"]{
    padding: 10px 20px;
  }

  .right__faq__sec h4{
    padding-right: 0;
  }

  .all__smc__products{
    height: 410px;
  }

  .sticky__whats{
    width: 50px;
    height: 50px;
  }

  .sticky__whats svg{
    width: 30px;
    height: 30px;
  }

  .left__career_popup__wrapper h3{
    font-size: 22px;
    line-height: 28px;
  }

  .right__career_popup h4{
    font-size: 22px;
    line-height: 28px;
  }
}

@media(max-width: 820px) {
  h1 {
    font-size: 42px;
    line-height: 52px;
  }

  h2 {
    font-size: 34px;
    line-height: 44px;
  }

  h3 {
    font-size: 26px;
    line-height: 36px;
  }

  h4 {
    font-size: 20px;
    line-height: 24px;
  }

  h5 {
    font-size: 20px;
    line-height: 24px;
  }

  h6 {
    font-size: 20px;
    line-height: 24px;
  }

  .we__improved__title span{
    font-size: 20px;
    line-height: 30px;
  }

  .hero_section, .hero_slide{
    height: 500px;
  }

  button#header_hamburger{
    display: block;
  }

  button#header_hamburger, button#header_close{
    order: 2;
  }

  .big-nav ul li.hvr:hover ul {
    display: none;
  }

  .head_nav_right_list{
    display: none;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fff;
    max-width: 100%;
    width: 100%;
    z-index: 99;
    overflow-y: auto;
    height: 100vh;
    left: 0;
    top: 0;
    position: fixed;
  }

  button#header_close {
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 999;
  }

  .big-nav ul li.hvr ul {
    max-height: unset;
  }

  .head_nav_right_list li:after{
    content: unset;
  }

  .head_nav_right_list li a{
    padding: 10px 0px;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 0;
  }

  .big-nav > ul > li > a{
    padding: 15px 0px;
  }

  .head_nav_right_list li{
    border-bottom: 1px solid var(--gray-stroke);
  }

  .head_nav_right_list li:last-child{
    border-bottom: unset;
    margin-right: unset;
  }

  .main__header__wrapper {
    padding: 15px 0;
  }

  .btn__primary{
    margin-right: 10px;
    padding: 5px 10px;
  }

  .we__imp__wrapper:before{
    width: calc(100% - 25%);
  }

  .com__upd{
    gap: 20px;
  }

  .smc__frp {
    gap: 30px;
  }

  .provide__innovation__left{
    height: 450px
  }

  .provide__innovation__right ul{
    margin-left:unset;
    flex-wrap: wrap;
    gap: 15px;
  }

  .provide__innovation__right ul li svg {
    width: 50px;
  }

  .provide__innovation__right ul li h4{
    font-size: 16px;
    line-height: 20px;
  }

  .provide__innovation__right ul li{
    padding: 10px;
  }

  .provide__innovation__right p{
    margin-bottom: 20px;
  }

  .provide__innovation__right h2{
    margin-bottom:10px;
  }

  .provide__innovation__wrapper:before{
    content: unset;
  }

  .restoring__part__wrapper li:nth-child(4){
    grid-column-end:unset;
  }

  .restoring__part__wrapper li:nth-child(1) h4{
    font-size: 34px;
    line-height: 44px;
  }

  .exhibition__sec:after{
    bottom: -60%;
  }

  .request__quote__left h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .request__quote__right{
    padding: 20px;
  }

  .com__detail__footer{
    padding-top: 50px;
  }

  .com__detail__footer:after{
    height: 100%;
  }

  .exhibition__sec:after{
    height: 100%;
    bottom: 0;
  }

  .happy__client__inner p{
    width: 100%;
  }

  .happy__client__inner{
    padding: 20px 20px;
  }

  .cus__name__right{
    right: 30px;
    top: -40px;
    width: 70px;
    height: 70px;
  }

  .cus__name__left{
    padding-bottom: 30px;
  }

  .feedback__item span, .remarkable__range__inner span, .our__statistics__wrapper  span, .frequently__quetion__inner span {
    font-size: 90px;
    line-height: 130px;
  }

  .feedback__wrapper h2, .remarkable__range__inner h2{
    font-size: 34px;
    line-height: 44px;
  }

  .quality__services__sec li{
    padding: 25px;
  }

  .all__products h3{
    font-size: 26px;
    line-height: 36px;
  }

  .high__perform .all__products__wrapper__slider .all__products__wrapper__inner{
    padding: 20px;
    height: 270px;
  }

  .hi__btn__learn__more{
    opacity: 1;
    padding: 10px 20px;
  }

  .high__perform .all__products__wrapper__slider .all__products__wrapper__inner{
    transform: unset;
  }

  .high__perform .all__products__wrapper__slider .all__products__wrapper__inner:hover{
    transform: unset;
  }

  .header__sticky .head_nav_right_list{
    /* top: 60px; */
    border: 1px solid #e5e5e5;
    box-shadow: 0 6px 9px rgba(0, 0, 0, 0.1);
  }

  .certificate__img img{
    margin: 0 auto;
    width: 100%;
  }

  .whyconsider__img{
    height: 450px;
    width: 100%;
  }

  .whyconsider__img img{
    width: 100%;
    height: inherit;
    object-fit: cover;
    object-position: top;
  }

  .who__we__are__cont h3{
    margin-bottom: 20px;
  }

  .whyconsider__content ul{
    margin: unset;
    gap: 20px;
    flex-wrap: wrap;
  }

  .whyconsider__content ul li{
    width: 230px;
    height: 226px;
  }

  .achiv__certi__img{
    height:400px;
  }

  .our__statistics__sec:before{
    height: 175px;
  }

  .the__future__right ul li p{
    font-size: 16px;
    line-height: 24px;
  }

  .read__more__sec{
    font-size: 16px;
    line-height: 20px;
  }

  .all__smc__products__content{
    padding: 20px 10px;
    height: 85px;
    min-height: 85px;
  }

  .all__smc__products__content h5{
    font-size: 16px;
    line-height: 20px;
  }

  .all__smc__products__img {
    height: 150px;
  }

  .all__our__products ul li{
    font-size: 18px;
  }

  .product__overview__right h3{
    padding-bottom: 15px;
    font-size: 26px;
    line-height: 36px;
  }

  .our__product__slid h2{
    font-size: 34px;
    line-height: 44px;
  }

  .product__overview__right ul li{
    margin-bottom: 14px;
  }

  .product__btn__sec{
    gap: 5px;
  }

  .btn__download__bro, .btn__schedule__app{
    padding: 14px 10px;
    font-size: 14px;
  }

  .product__overview__item__for{
    height: 400px;
  }

  .fetured__bene__sec h2{
    font-size: 34px;
    line-height: 44px;
  }

  .fetured__bene__content h4{
    font-size: 20px;
    line-height: 24px;
  }

  .fetured__bene__sec .container:before{
    top: 50%;
    height: 450px;
  }

  .frequently__quetion__wrapper h2{
    font-size: 34px;
    line-height: 44px;
    width: 100%;
  }

  .c_faq_btn h4{
    font-size: 16px;
    line-height: 20px;
  }

  .our__pro__inner .slick-list{
    margin-left: -20px;
  }

  .our__pro__inner .slick-slide {
    margin-left: 26px;
  }

  .all__blog__category ul li{
    font-size: 18px;
  }

  /* .all__smc__blog__img{
        height: 150px;
    } */

  .prev__blog__img {
    min-width: 150px !important;
    height: 100px !important;
  }

  .prev__blog__cont{
    width: 100%;
  }

  .prev__blog__cont p{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
  }

  .blg__cont__left .prev__blog__main, .blg__cont__right .prev__blog__main{
    gap: 15px;
    padding-top: 15px;
  }

  .blg__cont__left a >span, .nxt__blog {
    font-size: 16px;
    line-height: 20px;
  }

  .search__form__group{
    padding: 15px;
  }

  .recent__blog__sec h3{
    font-size: 26px;
    line-height: 36px;
    padding-bottom: 15px;
  }

  .search-box-show{
    padding: 15px 0;
    width: 100%;
  }

  .recent__blog__sec ul li{
    flex-direction: column;
  }

  .recent__blog__left{
    min-width: 100%;
    width: 100%;
  }

  .blog__detail__content a h4{
    font-size: 18px;
    line-height: 26px;
  }

  .blog__detail__inner__product{
    height: 200px;
  }

  .why__sheet__wrapper p{
    font-size: 16px;
    line-height: 28px;
  }

  .infra__left h2{
    font-size: 34px;
    line-height: 44px
  }

  .gallery__img__wrapper {
    width: 100%;
    height: 200px;
  }

  .careers__vid__left h2{
    padding-right: unset
  }

  .prov__inno__right ul li svg {
    width: 60px;
    height: 60px;
  }

  .prov__inno__img {
    width: 100%;
    height: 500px;
  }

  .our__position__bottom{
    align-items: start;
    flex-direction: column;
    gap: 10px;
  }

  .our__position__bottom p{
    width: 100%;
    font-size: 18px;
    line-height: 28px;
  }

  .opertunity__sec:before {
    height: 170px;
  }

  .video__btn svg{
    width: 60px;
    height: 60px;
  }

  .all__smc__products__content p{
    font-size: 14px;
    line-height: 18px;
  }

  .all__smc__products{
    height: 310px;
  }

  .head_nav_right_list li.big-nav>a:after{
    display: none;
  }

  li.big-nav {
    display: block;
    align-items: unset;
  }

  .big-nav ul li.hvr ul{
    box-shadow: unset;
  }

  button.sub-menu-toggle, button.sub-menu-togglee {
    display: block;
    position: absolute;
    right: 20px;
    top: 10px;
    /* transform: translateY(-50%); */
    z-index: 9999;
  }

  .big-nav>ul>li.hvr, .head_nav_right_list .sub-menu li{
    width: 100%;
  }

  .big-nav>ul>li.hvr ul li{
    border-bottom: 1px solid var(--gray-stroke);
  }

  .big-nav>ul>li.hvr ul li:last-child{
    border-bottom: unset;
  }

  .sub-menu-toggle .icon-minus, .sub-menu-togglee .icon-minuss {
    display: none;
  }

  .big-nav>ul{
    position: relative;
    width: 100%;
    background-image: unset;
    height: unset;
    top: unset;
    left: unset;
    transform: unset;
    background-position: unset;
    background-repeat: unset;
    box-shadow: unset;
  }

  .big-nav>ul>li.hvr{
    width: 100%;
  }

  .big-nav .sub-menu-toggle svg{
    width: 20px;
    height: 20px;
  }

  .big-nav > ul > li.hvr > a{
    font-family: "ReadexPro Regular";
    padding: 15px 0;
  }

  .big-nav>ul:after{
    content: unset;
  }

  .big-nav ul li.hvr ul{
    position: relative;
    width: calc(100% - 10%);
    left: 0;
    transform: unset;
    top: 0;
    margin: 0 auto;
    padding: unset;
    border-top: 1px solid var(--gray-stroke);
  }

  .big-nav ul li.hvr ul li{
    width: 100%;
  }

  .big-nav ul li.hvr ul:before{
    content: unset;
  }

  .big-nav ul li.hvr ul li a{
    padding: 10px 0;
    font-size: 16px;
  }

  .big-nav ul li.hvr ul li:before{
    content: unset;
  }

  .big-nav>ul>li.hvr:hover>a{
    border: unset;
  }

  .head_nav_right_list li a{
    font-size: 16px;
  }

  .big-nav > ul > li.hvr > a{
    font-size: 16px;
  }

  .big-nav>ul>li.hvr:hover>a{
    color: unset;
  }

  li.hvr ul li,.big-nav>ul>li.hvr>a{
    border: unset;
  }

  .big-nav>ul:before{
    content: unset;
  }

  .all__smc__products:hover .all__smc__products__content{
    height: 235px;
  }

  .high__perform .all__products__wrapper__slider .all__products__wrapper__inner:first-child .smc__bg__image, .high__perform .all__products__wrapper__slider .all__products__wrapper__inner:nth-child(2) .smc__bg__image, .high__perform .all__products__wrapper__slider .all__products__wrapper__inner:nth-child(3) .smc__bg__image{
    background-size: 100% 100%;
  }

  .office__one h5, .office__two h5{
    padding-bottom: 15px;
  }

  li.big-nav:hover > ul{
    display: none;
  }
}

@media(max-width: 768px) {
  .provide__innovation__right ul{
    justify-content: center;
  }

  .restoring__part__wrapper:before{
    content: unset;
  }

  .form-group input[type="submit"]{
    padding: 10px 20px;
  }

  .about__left__wrapper:before{
    width: calc(100% - 25%);
  }

  .certificate__img{
    width: 100%;
  }

  .certificate__img img{
    margin: 0 auto;
    width: auto;
  }

  .achiv__certi__img{
    height:350px;
  }
}

@media(max-width: 767px) {
  .about__left__wrapper:before {
    width: calc(100% - 20%);
  }

  .whyconsider__content ul li{
    width: 100%;
  }

  .whyconsider__content p{
    margin-bottom: 20px;
  }

  .whyconsider__img{
    height: 350px;
  }

  .certificate__img{
    height: 350px;
  }

  .certificate__img img{
    width: 100%;
    object-position: top;
  }

  .who__we__are__left {
    order: 1;
  }

  .who__we__are__right {
    order: 0;
  }

  .frequently__quetion__wrapper h2{
    font-size: 26px;
    line-height: 32px;
  }

  .recent__blog__sec ul li{
    flex-direction: row;
  }

  .recent__blog__left{
    width: 105px;
    min-width: 105px;
  }

  .prev__blog__cont span{
    font-size: 14px;
    line-height: 18px;
  }

  .prev__blog__img{
    min-width: 100px !important;
    width: 100px !important;
    height: 100px !important;
  }

  .infra__left h2{
    font-size: 26px;
    line-height: 34px;
  }

  .careers__vid__left ul{
    flex-wrap: wrap;
    justify-content: center;
  }

  .careers__vid__right{
    height: 400px;
  }

  .prov__inno__img{
    width: 100%;
    height: 400px;
  }

  .prov__inno__img img{
    object-position: top;
  }

  .prov__inno__right p{
    margin-bottom: unset;
  }

  .prov__inno__right ul{
    justify-content: center;
  }

  .opertunity__sec .our__statistics__wrapper span{
    font-size: 70px;
    line-height: 110px;
  }

  .opertunity__sec .our__statistics__wrapper h2{
    font-size: 30px;
    line-height: 42px;
  }

  .top__head__left ul li:first-child{
    display: none;
  }
}

@media(max-width: 640px) {
  h1 {
    font-size: 30px;
    line-height: 40px;
  }

  h2 {
    font-size: 26px;
    line-height: 34px;
  }

  h3 {
    font-size: 24px;
    line-height: 34px;
  }

  h4 {
    font-size: 20px;
    line-height: 24px;
  }

  h5 {
    font-size: 20px;
    line-height: 24px;
  }

  h6 {
    font-size: 20px;
    line-height: 24px;
  }

  .top__head__left ul,.top__head__right ul{
    gap: 24px;
  }

  .top__head__right ul li a:before, .top__head__left ul li a:before{
    right: -12px;
  }

  .we__imp__wrapper:before {
    width: calc(100% - 20%);
  }

  .hero_section, .hero_slide{
    height: 450px;
  }

  .smc__frp{
    gap: 20px;
  }

  .com__upd, .smc__frp{
    flex-direction: column;
  }

  .hight__perform__sec:before {
    content: unset;
  }

  .provide__innovation__left{
    height: 350px;
  }

  .cpy__footer__sec{
    flex-direction: column;
    gap: 10px;
  }

  .restoring__part__wrapper li:nth-child(1) h4{
    font-size: 26px;
    line-height: 34px;
  }

  .happy__client__inner:after{
    width: 60px;
    height: 41px;
  }

  .exhibition__item .slick-prev,.exhibition__item .slick-next {
    width: 45px;
    height: 45px;
  }

  .exhibition__item .slick-prev{
    margin-right: 10px;
  }

  .remarkable__range__wrapper h2 {
    font-size: 25px;
    line-height: 32px;
  }

  .achiv__certi__img img{
    margin: 0 auto;
    width: auto;
  }

  .product__overview__right h3{
    font-size: 24px;
    line-height: 34px;
  }

  .rang__specification table{
    display: block;
    overflow-x: scroll;
  }

  .rang__specification table thead tr th{
    font-size: 16px;
    line-height: 20px;
  }

  .fetured__bene__sec h2{
    font-size: 26px;
    line-height: 34px;
  }

  .our__product__slid h2{
    font-size: 26px;
    line-height: 34px;
  }

  .our__pro__inner .slick-prev, .our__pro__inner .slick-next{
    width: 45px;
    height: 45px;
  }

  .infra__img{
    height: 400px;
  }

  .our__position__top h3{
    font-size: 24px;
    line-height: 34px;
  }

  .btn__fulltime{
    padding: 10px;
  }

  .our__position__bottom a, .pos_load_more{
    padding: 10px 20px;
  }

  .high__performance__inner span{
    font-size: 80px;
    line-height: 120px;
  }

  .feedback__item span, .remarkable__range__inner span,.high__performance__inner span, .our__statistics__wrapper span, .frequently__quetion__inner span{
    -webkit-text-stroke-color: rgba(0, 0, 9, 0.2);
  }

  .all__smc__blog__content h5, .request__quote__left h2, .our__statistics__wrapper h2{
    letter-spacing: 0;
  }
}

@media(max-width: 639px) {
  .the__future__right ul li:nth-child(2), .the__future__right ul li:nth-child(4){
    border-left: 1px solid var(--br-gray);
  }
  .hero_slide {
    background-position: 19% 10%;
  }

  .the__future__right ul li:nth-child(4){
    border-top: unset;
  }

  .product__btn__sec{
    flex-wrap: wrap;
    gap: 15px;
  }

  .btn__download__bro, .btn__schedule__app{
    padding: 14px 15px;
    font-size: 16px;
  }

  .product__overview__item__for{
    height: 350px;
  }

  .opertunity__sec .our__statistics__wrapper h2{
    font-size: 24px;
    line-height: 36px;
  }

  .opertunity__sec:before{
    height: 135px;
  }

  .our__position__top{
    display: flex;
    align-items: flex-start;
    padding-bottom: 20px;
    flex-direction: column;
    gap: 10px;
  }

  .restoring__part__wrapper li:first-of-type{
    grid-column-start: unset;
    grid-column-end: unset;
  }

  .left__career_popup__wrapper{
    flex-wrap: wrap;
    gap: 10px;
  }
}

@media(max-width: 476px) {
  .top__head__right ul li a span{
    display: none;
  }

  .improved__slider .slick-list{
    margin-left: 150px;
  }

  .we__imp__wrapper:before{
    width: calc(100% + 100%);
    height: 70px;
  }

  .who__we__are__cont p:first-of-type, .all__smc__products__content h5, .feedback__wrapper h2{
    letter-spacing: 0;
  }

  .request__quote__left{
    padding: 20px;
  }

  .improved__slider.slick-initialized.slick-slider{
    margin-top: 40px;
  }

  .slick-dots li button:before{
    font-size: 16px;
  }
}

@media(max-width: 430px) {
  .we__improved__title{
    text-align: center;
    position: unset;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    padding-bottom: 10px;
  }

  .improved__slider__item{
    width: inherit;
    height: 70px;
  }

  .improved__slider__item img{
    width: inherit;
    height: inherit;
    object-fit: contain;
  }

  .improved__slider .slick-list{
    margin-left: unset;
  }
}

@media(max-width: 425px) {
  .top__head__left ul li:first-child a span, .top__head__right ul li a span{
    display: none;
  }

  .hero_slide_content h1, .hero_slide_content p{
    width: 100%;
  }

  .feedback__item span, .remarkable__range__inner span, .our__statistics__wrapper  span, .frequently__quetion__inner span {
    font-size: 50px;
    line-height: 90px;
  }

  .feedback__wrapper h2, .remarkable__range__inner h2, .our__statistics__wrapper h2 {
    font-size: 22px;
    line-height: 32px;
  }

  .cpy__footer__sec ul{
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .about__left__wrapper:before{
    width: calc(100% - 0%);
  }

  .abt__we__imp__title span{
    font-size: 22px;
    line-height: 30px;
  }

  .about__improve__slider .slick-list{
    margin-left: 150px;
  }

  .about__improve__item{
    width: 160px !important;
  }

  .abt__we__imp__title span{
    font-size: 20px;
    line-height: 30px;
  }

  .our__statistics__sec:before{
    height: 135px;
  }

  .all__our__products ul{
    overflow-x: scroll;
  }

  .all__blog__category ul{
    overflow-x: scroll;
  }

  .opertunity__sec .our__statistics__inner span{
    font-size: 30px;
    line-height: 90px;
  }

  .wh-tabs{
    right: 7px;
  }

  .we__imp__wrapper{
    padding-top: 20px;
    padding-bottom: unset;
  }

  .com__detail__footer{
    padding-top:unset;
  }
}

@media(max-width: 375px) {
  .remarkable__range__wrapper h2{
    font-size: 22px;
    line-height: 26px;
  }

  .frequently__quetion__inner span{
    font-size: 45px;
    line-height: 85px;
  }
}

@media(max-width: 320px) {
  .improved__slider__abt .improved__slider__item{
    margin: 0 auto;
  }
}

.hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.focus\:bg-green-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.focus\:text-black:focus {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-green-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity));
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

@media (min-width: 640px) {
  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:w-4\/12 {
    width: 33.333333%;
  }

  .sm\:w-8\/12 {
    width: 66.666667%;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:gap-5 {
    gap: 1.25rem;
  }

  .sm\:gap-8 {
    gap: 2rem;
  }

  .sm\:gap-x-0 {
    column-gap: 0px;
  }

  .sm\:gap-y-2 {
    row-gap: 0.5rem;
  }

  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:pt-56 {
    padding-top: 14rem;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 768px) {
  .md\:order-1 {
    order: 1;
  }

  .md\:order-2 {
    order: 2;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:flex {
    display: flex;
  }

  .md\:w-1\/12 {
    width: 8.333333%;
  }

  .md\:w-11\/12 {
    width: 91.666667%;
  }

  .md\:w-4\/12 {
    width: 33.333333%;
  }

  .md\:w-6\/12 {
    width: 50%;
  }

  .md\:w-8\/12 {
    width: 66.666667%;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:gap-14 {
    gap: 3.5rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-5 {
    gap: 1.25rem;
  }

  .md\:gap-7 {
    gap: 1.75rem;
  }

  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .md\:pb-12 {
    padding-bottom: 3rem;
  }

  .md\:pb-36 {
    padding-bottom: 9rem;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

  .md\:pt-6 {
    padding-top: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .lg\:flex {
    display: flex;
  }

  .lg\:w-3\/12 {
    width: 25%;
  }

  .lg\:w-4\/12 {
    width: 33.333333%;
  }

  .lg\:w-5\/12 {
    width: 41.666667%;
  }

  .lg\:w-8\/12 {
    width: 66.666667%;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:gap-12 {
    gap: 3rem;
  }

  .lg\:gap-16 {
    gap: 4rem;
  }

  .lg\:gap-28 {
    gap: 7rem;
  }

  .lg\:gap-5 {
    gap: 1.25rem;
  }

  .lg\:gap-7 {
    gap: 1.75rem;
  }

  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lg\:pb-12 {
    padding-bottom: 3rem;
  }

  .lg\:pb-24 {
    padding-bottom: 6rem;
  }

  .lg\:pb-32 {
    padding-bottom: 8rem;
  }

  .lg\:pt-0 {
    padding-top: 0px;
  }

  .lg\:pt-24 {
    padding-top: 6rem;
  }

  .lg\:pt-6 {
    padding-top: 1.5rem;
  }

  .lg\:pt-64 {
    padding-top: 16rem;
  }
}

@media (min-width: 1280px) {
  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xl\:-mt-40 {
    margin-top: -10rem;
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:gap-20 {
    gap: 5rem;
  }

  .xl\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .xl\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

@media (min-width: 1536px) {
  .\32xl\:pb-40 {
    padding-bottom: 10rem;
  }

  .\32xl\:pt-60 {
    padding-top: 15rem;
  }

  .\32xl\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}