/* ! normalize.css v3.0.1 | MIT License | git.io/normalize */
*/ html {
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],
template {
  display: none
}

a {
  background: 0 0
}

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

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

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

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 1.4814rem
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

pre {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td,
th {
  padding: 0
}

:root {
  --font-geist-sans: "GeistSans", sans-serif;
}

body {
  --font-sans: var(--font-geist-sans);
  font-family: var(--font-sans), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@font-face {

  font-family: 'Px Regular';

  src: url('../fonts/Px-Grotesk-Regular.woff2') format('woff2'),

    url('../fonts/Px-Grotesk-Regular.woff2') format('woff'),

    url('../fonts/Px-Grotesk-Regular.ttf') format('ttf');

  font-display: swap;

}



* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html,
body {
  margin: 0;
}

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

img {
  border: 0;
}

* {
  outline: 0;
}

html {
  font-size: 1.25vw;
}

body {
  font-size: 1rem;
  line-height: 1.3;
  color: #0A1E2D;
  overflow-x: hidden;
}

body.menu-active,
body.popup-active {
  height: 100vh;
  overflow: hidden;
}

.container {
  /* padding-top: 4.66rem; */
  max-width: 100% !important;
}





/* Common Elements */

h1 {
  font-size: 2rem;
  font-weight: 400;
}

h2,
.h2-style {
  font-size: 2rem;
  font-weight: 400;
}

h3 {
  font-size: 1.8rem;
  font-weight: 400;
}

h4,
.h4-style {
  font-size: 1.6rem;
  font-weight: 400;
}

h5 {
  font-size: 1.4rem;
  font-weight: 400;
}

h6 {
  font-size: 1.2rem;
  font-weight: 400;
}



p:first-child {
  margin-top: 0;
}

P:last-child {
  margin-bottom: 0;
}



.woocommerce-message {
  font-size: 0.75rem;
  text-align: center;
  padding: 0.5rem 1rem;
}



.video-iframe-wrapper>div {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
}

.video-iframe-wrapper>div>* {
  display: none;
}

.video-iframe-wrapper>div>iframe {

  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  margin: auto;

}

.video-thumb>div {
  position: relative;
}

.video-thumb>div::before {

  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  background: rgba(0, 0, 0, 0.5);

  background-image: url('../img/icon-play-video.svg');
  background-size: 2rem auto;

  background-repeat: no-repeat;
  background-position: center center;

}

.walkthrough-thumb>div {
  position: relative;
}

.walkthrough-thumb>div::before {

  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  background: rgba(0, 0, 0, 0.5);

  background-image: url('../img/icon-walk-through.png');
  background-size: 2rem auto;

  background-repeat: no-repeat;
  background-position: center center;

}

.walkthrough-label {

  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;

  height: 100%;
  padding-top: 6rem;
  z-index: 9;
  color: #fff;

}

.walkthrough-label--thumb {
  font-size: 0.65rem;
  padding-top: 3.5rem;
}

#html5-watermark {
  display: none !important;
}

.screen-reader-text {

  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);

  height: 1px;
  margin: -1px;
  overflow: hidden;
  overflow-wrap: normal !important;

  word-wrap: normal !important;
  padding: 0;
  position: absolute !important;
  width: 1px;

}



/* Form Fields */

input[type="text"],
input[type="email"],
input[type="tel"],

input[type="password"],
input[type="number"],

textarea,
select,
select option {

  display: block;
  width: 100%;
  background: #ffffff;
  color: #0A1E2D;
  outline: 0;

  padding: 0.75rem 0.5rem !important;
  border-radius: 0;
  line-height: 1.2;

  border: 1px #979797 solid;

}

input.hidden {

  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border: 0;

  visibility: hidden;
  pointer-events: none;

}

textarea {
  resize: none;
}

select {

  text-indent: 0;
  text-overflow: '';
  padding-right: 1.75rem;

  -webkit-appearance: none;
  -moz-appearance: none;

  background-image: url(../img/icon-double-arrow-down-red.svg);
  background-repeat: no-repeat;

  background-position: right 0.5rem top 50%;
  background-size: 0.7rem auto;

}

/* Chrome, Safari, Edge, Opera */

input:not(.hs-input)::-webkit-outer-spin-button,

input:not(.hs-input)::-webkit-inner-spin-button {

  -webkit-appearance: none;
  margin: 0;

}

/* Firefox */

input[type=number]:not(.hs-input) {
  -moz-appearance: textfield;
}



/*Custom Select Menu*/

select.custom-select-menu.selectInited {

  display: block !important;
  width: 0;
  height: 0;
  padding: 0 0 !important;
  border: 0;
  outline: 0;
  margin: 0 0;

  -webkit-appearance: none;
  -moz-appearance: none;

}

.custom-select-menu {
  position: relative;
  border: 0;
  width: 100%;
  outline: 0;
  text-align: left;
}

.custom-select-menu>label {

  display: block;
  width: 100%;
  color: inherit;
  line-height: 1.2 !important;
  font: inherit;

  padding: 0.75rem 1.75rem 0.75rem 0.5rem;
  outline: 0;

  position: relative;
  cursor: pointer;
  border-radius: 0;
  background-color: #ffffff;

  background-image: url(../img/icon-double-arrow-down-red.svg);
  background-repeat: no-repeat;

  background-position: right 0.5rem top 50%;
  background-size: 0.7rem auto;

}

.custom-select-menu>label.selection-made {
  color: inherit;
}

.custom-select-menu>label.opened {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.custom-select-menu ul {

  position: absolute;
  top: 100%;
  padding: 0;
  margin: 0;
  background: #ffffff;
  list-style: none;
  width: 100%;
  z-index: 12;

  max-height: 14rem;
  overflow: auto !important;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;

  border: 0;
  font-size: inherit;

}

.custom-select-menu ul>span.cs-filter-wrapper {
  display: block;
  width: 100%;
  padding: 0.26rem;
}

.custom-select-menu ul>span.cs-filter-wrapper>input {

  display: block;
  width: 100%;
  border: 1px solid #999999;

}

.custom-select-menu ul li.filterOut {
  display: none;
}

.custom-select-menu ul>span.cs-opt-group {
  display: block;
  cursor: auto !important;
  opacity: 0.7;
}

.custom-select-menu ul li,
.custom-select-menu ul>span.cs-opt-group {

  padding: 0.4rem 0.5rem;
  color: #636467;
  cursor: pointer;

  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;

  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;

}

.custom-select-menu ul li.sub-opt::before {
  content: '- ';
}

.custom-select-menu ul li:hover,
.custom-select-menu ul li.selected {
  color: #000000;
}

select.error+label.error+.custom-select-menu {
  box-shadow: 0px 0px 5px rgba(224, 0, 0, 0.25);
}

/*Custom Select Menu End*/

body>div>.grecaptcha-badge {
  opacity: 0 !important;
  pointer-events: none !important;
}

fieldset {
  padding: 0 0;
  margin: 0 0;
}



form select.custom-select-menu {
  border: 1px #979797 solid;
}

form .custom-select-menu>label {
  border: 1px #979797 solid;
}

form .custom-select-menu ul {
  border: 1px #979797 solid;
  border-top: 0;
}

/* Form Fields End */



/* HubSpot Forms */

.hbspt-form {
  position: relative;
}

.hbspt-form .hs-form-field {
  position: relative;
}

.hbspt-form .hs-error-msgs {

  /*position: absolute; bottom: 0; left: 0;*/
  list-style: none;
  padding: 0;
  margin: 0;

  font-size: 0.6rem;
  color: #FF5A5A;

}

.hbspt-form .inputs-list {
  list-style: none;
  padding: 0;
  margin: 0 0;
}

.hbspt-form .input .inputs-list {
  margin: -0.25rem 0;
}

.hbspt-form .input .inputs-list .hs-form-booleancheckbox-display {

  display: flex;
  align-items: flex-start;
  padding: 0.25rem 0;

}

.hbspt-form .input .inputs-list .hs-form-booleancheckbox-display input[type="checkbox"],

.hbspt-form .input .inputs-list .hs-form-booleancheckbox-display input[type="radio"] {

  display: inline-block !important;
  width: auto !important;
  margin: 0.25rem 0.5rem 0.25rem 0;

}

.hbspt-form fieldset.form-columns-1,

.hbspt-form fieldset.form-columns-2 {
  margin: 0 -1rem;
  max-width: unset;
}

.hbspt-form fieldset.form-columns-1>.hs-form-field,

.hbspt-form fieldset.form-columns-2>.hs-form-field {
  padding: 0 1rem 1rem;
}

.hbspt-form fieldset.form-columns-1>.hs-form-field>.hs-error-msgs,

.hbspt-form fieldset.form-columns-2>.hs-form-field .hs-error-msgs {
  padding: 0.15rem 0 0;
}

.hbspt-form fieldset .input {
  margin-right: 0 !important;
}

.hbspt-form form fieldset.form-columns-1 .hs-input,

.hbspt-form form fieldset.form-columns-2 .hs-input,

.hbspt-form form fieldset.form-columns-3 .hs-input {
  width: 100% !important;
  max-width: 701px;
}

.page-id-11716 .image.aos-init.aos-animate img {
  border-radius: 22px;
}

.page-id-11716 section.newsletter {
  display: none;
}

.page-id-11716 .text.aos-init.aos-animate {
  width: 52%;
}

.page-id-11716 .text.aos-init.aos-animate {
  width: 52%;
}

.hs_submit input[type="submit"] {
  display: block;
  width: 100%;
}

/*.hbspt-form .hs-form-field > label { display: none; }*/

.hbspt-form .hs-form-field>label+legend {
  display: none !important;
}

.hs-custom-style fieldset textarea {
  height: 8rem;
}

.hs-custom-style fieldset input[type="checkbox"] {

  flex-shrink: 0;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;

  margin: 0.15rem 0.5rem 0 0;
  color: #A5BEC8;
  width: 1rem;
  height: 1rem;
  border: 1px solid #A5BEC8;
  border-radius: 0;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;

}

.hbspt-form fieldset.form-columns-1 input[type="radio"] {
  width: 1rem;
}

.hbspt-form input[type="checkbox"] {

  width: 1rem !important;
  display: grid !important;
  vertical-align: middle;

}

.hbspt-form textarea {
  min-height: 10rem;
}

.hs-recaptcha {
  margin-top: 0;
}

.hs_error_rollup {
  position: relative;
  display: block;
  margin: 0 0 1rem;
}

.hs_error_rollup .hs-error-msgs {
  position: relative;
}

.hbspt-form .grecaptcha-badge {
  display: none !important;
}

.hbspt-form .submitted-message {
  font-size: 1.4rem;
}

/* HubSpot Forms End */



.full-span-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  margin: auto;
  z-index: 1;
}

.full-span-video video.portrait {

  width: auto;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);

}

.red-button,
input[type=submit] {

  display: inline-block;
  padding: 0.75rem 1.2rem;
  background: #FF5A5A;
  color: #ffffff !important;

  text-align: center;
  border: 1px solid #FF5A5A;
  outline: 0;
  cursor: pointer;

  border-radius: 0;
  font-weight: normal;
  text-decoration: none !important;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.red-button:hover,
input[type=submit]:hover {
  background: #ffffff;
  color: #FF5A5A !important;
}



.light-blue-border-button {

  display: inline-block;
  padding: 0.75rem 1.2rem;
  background: transparent;
  color: #0A1E2D;

  text-align: center;
  border: 1px solid #28D2C8;
  outline: 0;
  border-radius: 0;
  font-weight: normal;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.light-blue-border-button:hover {
  background: #28D2C8;
  color: #ffffff;
}



.white-button {

  display: inline-block;
  padding: 0.75rem 1.2rem;
  background: #ffffff;
  color: #0A1E2D;

  text-align: center;
  border: 1px solid #ffffff;
  outline: 0;
  border-radius: 0;
  font-weight: normal;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.white-button:hover {
  color: #FF5A5A;
}





.arrow-link {
  display: inline-block;
  position: relative;
  padding-right: 1.75rem;
  color: #0a1e2d;
}

.arrow-link:after {

  content: '';
  width: 1rem;
  height: 0.8rem;
  background: url(../img/right-double-arrow.svg) center center;

  background-size: cover;
  display: block;
  position: absolute;
  right: 0.25rem;
  top: 0;
  bottom: 0;
  margin: auto;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.arrow-link:hover::after {
  right: 0;
}



/* CF7 */

.wpcf7-form-control-wrap {
  display: block;
  margin: 0 0 1rem;
}

.wpcf7 form .wpcf7-response-output {
  padding: 0 0;
  border: 0;
  margin: 1rem 0 0;
}

.fieldset-cf7mls-wrapper div.wpcf7-validation-errors .wpcf7-icon-wraning {

  display: inline-block;
  float: none;
  vertical-align: middle;
  margin: 0 0.25rem 0 0;

}

.wpcf7-spinner {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  margin: 0 0;
}

.wpcf7 form[data-status="sent"] .wpcf7-response-output {
  font-size: 1.4rem;
}

/* CF7 End */

/* MultiStep Forms */

.cf7mls-btns .cf7mls_next.action-button,

.cf7mls-btns .cf7mls_back.action-button,

.cf7mls_back.action-button,

form.cf7mls input.wpcf7-form-control.wpcf7-submit {

  background: #FF5A5A;
  color: #fff;
  padding: 0.75rem 1.2rem;
  text-align: center;
  font-weight: normal;

  border: 0;
  border-radius: 0;
  outline: 0;
  width: 48%;
  margin: 0 0;
  position: relative;

  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;

}

.cf7mls-btns .cf7mls_next.action-button:hover,

.cf7mls-btns .cf7mls_back.action-button:hover {
  opacity: 1;
}

.cf7mls-btns .cf7mls_next.action-button::after {

  content: '';
  width: 0.89rem;
  height: 0.67rem;

  background: url(../img/icon-double-arrow-white.svg) center center;
  background-size: cover;

  display: inline-block;
  margin-left: 0.61rem;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.cf7mls-btns .cf7mls_next.action-button:hover::after {
  margin-left: 0.86rem;
}



.cf7mls-btns .cf7mls_back.action-button,

.cf7mls_back.action-button {

  background: #ffffff;
  color: #0A1E2D;

}

.cf7mls-btns .cf7mls_back.action-button::before,

.cf7mls_back.action-button:before {

  content: '';
  width: 0.89rem;
  height: 0.67rem;
  transform: rotate(180deg);

  background: url(../img/icon-double-arrow-black.svg) center center;
  background-size: cover;

  display: inline-block;
  margin-right: 0.61rem;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.cf7mls-btns .cf7mls_back.action-button:hover::before,

.cf7mls_back.action-button:hover::before {
  margin-right: 0.86rem;
}



.wpcf7-form .fieldset-cf7mls .cf7mls-btns {
  min-height: 3rem;
}

.fieldset-cf7mls>p {
  margin: 0 0;
}

.fieldset-cf7mls:first-child .cf7mls_next.action-button {
  width: 100%;
}

/* MultiStep Forms End */

img.responsive {
  display: block;
  width: 100%;
  height: auto;
}

img.background-image {

  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

}



.content-page-wysiwyg {
  line-height: 1.33;
}

.content-page-wysiwyg img {
  max-width: 100%;
  height: auto;
}

.content-page-wysiwyg a:hover {

  color: #28d2c8;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

/* Common Elements End */



/*AOS CSS*/

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s
}

[data-aos] {
  pointer-events: none
}

[data-aos].aos-animate {
  pointer-events: auto
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

@media screen {
  html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
  }

  html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }

  html:not(.no-js) [data-aos=fade-up] {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
  }

  html:not(.no-js) [data-aos=fade-down] {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0)
  }

  html:not(.no-js) [data-aos=fade-right] {
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0)
  }

  html:not(.no-js) [data-aos=fade-left] {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0)
  }

  html:not(.no-js) [data-aos=fade-up-right] {
    -webkit-transform: translate3d(-100px, 100px, 0);
    transform: translate3d(-100px, 100px, 0)
  }

  html:not(.no-js) [data-aos=fade-up-left] {
    -webkit-transform: translate3d(100px, 100px, 0);
    transform: translate3d(100px, 100px, 0)
  }

  html:not(.no-js) [data-aos=fade-down-right] {
    -webkit-transform: translate3d(-100px, -100px, 0);
    transform: translate3d(-100px, -100px, 0)
  }

  html:not(.no-js) [data-aos=fade-down-left] {
    -webkit-transform: translate3d(100px, -100px, 0);
    transform: translate3d(100px, -100px, 0)
  }

  html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
  }

  html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
  }

  html:not(.no-js) [data-aos=zoom-in] {
    -webkit-transform: scale(.6);
    transform: scale(.6)
  }

  html:not(.no-js) [data-aos=zoom-in-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(.6);
    transform: translate3d(0, 100px, 0) scale(.6)
  }

  html:not(.no-js) [data-aos=zoom-in-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(.6);
    transform: translate3d(0, -100px, 0) scale(.6)
  }

  html:not(.no-js) [data-aos=zoom-in-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(.6);
    transform: translate3d(-100px, 0, 0) scale(.6)
  }

  html:not(.no-js) [data-aos=zoom-in-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(.6);
    transform: translate3d(100px, 0, 0) scale(.6)
  }

  html:not(.no-js) [data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  html:not(.no-js) [data-aos=zoom-out-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
    transform: translate3d(0, 100px, 0) scale(1.2)
  }

  html:not(.no-js) [data-aos=zoom-out-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
    transform: translate3d(0, -100px, 0) scale(1.2)
  }

  html:not(.no-js) [data-aos=zoom-out-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
    transform: translate3d(-100px, 0, 0) scale(1.2)
  }

  html:not(.no-js) [data-aos=zoom-out-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
    transform: translate3d(100px, 0, 0) scale(1.2)
  }

  html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    visibility: hidden
  }

  html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
    visibility: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  html:not(.no-js) [data-aos=slide-up] {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  html:not(.no-js) [data-aos=slide-down] {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  html:not(.no-js) [data-aos=slide-right] {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  html:not(.no-js) [data-aos=slide-left] {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
  }

  html:not(.no-js) [data-aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform: perspective(2500px) rotateY(-100deg)
  }

  html:not(.no-js) [data-aos=flip-left].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
  }

  html:not(.no-js) [data-aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform: perspective(2500px) rotateY(100deg)
  }

  html:not(.no-js) [data-aos=flip-right].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
  }

  html:not(.no-js) [data-aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg)
  }

  html:not(.no-js) [data-aos=flip-up].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
  }

  html:not(.no-js) [data-aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform: perspective(2500px) rotateX(100deg)
  }

  html:not(.no-js) [data-aos=flip-down].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
  }
}

/*AOS CSS End*/



/* Slick */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}



/* Header */

header {

  display: block;
  width: 100%;
  justify-content: space-between;
  align-items: end;

  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;

  /* border-bottom: 1px #0A1E2D solid; */
  background: #fff;
  /* padding: 1.3rem 2rem; */

}

header::before {

  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  z-index: 3;
  pointer-events: none;
  background: #ffffff;
  opacity: 0;

  transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;

  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;

}

header .logo {
  z-index: 3;
  width: 18%;
  flex-shrink: 0;
}

header .logo a {
  position: relative;
  display: block;
  width: 100%;
}

header .logo a img {

  display: block;
  width: 100%;
  height: auto;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

header .logo a img.pink {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  opacity: 0;
}

header .logo a:hover img.black {
  opacity: 0;
}

header .logo a:hover img.pink {
  opacity: 1;
}

header .middle ul {
  list-style: none;
  padding: 0;
  margin: 0;
}



.menu-secondary-menu-container>ul {
  display: flex;
  margin: -1.3rem 0 !important;
}

.menu-secondary-menu-container>ul>li {
  padding: 1.3rem 1rem;
  line-height: 1.1;
}

.menu-secondary-menu-container li {
  position: relative;
}

/* new-style-2 */
.menu-secondary-menu-container .sub-menu {
  position: absolute;
  top: 100%;
  left: 0.5rem;
  display: block !important;
  background: #ffffff;
  padding: 0.75rem;
  width: 17rem;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  box-shadow: 0px 2px 5px rgba(102, 102, 102, 0.6);
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}

.menu-secondary-menu-container li.menu-item-has-children:hover .sub-menu {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
}

.menu-secondary-menu-container .sub-menu li {
  padding: 0;
  margin-bottom: 0.6rem;
  width: 100%;
}

.menu-secondary-menu-container .sub-menu li:last-child {
  margin: 0;
}

/* new-style-2 end */



header a {
  transition: 0.2s all linear;
}

header .middle a:hover {
  color: #28D2C8;
}

header .right a:hover {
  color: #28D2C8;
}



header .right {
  display: flex;
  align-items: center;
}

header .right a {
  margin-left: 1.67rem;
  display: inline-block;
  line-height: 1.1;
}

header .right a.profile {
  padding-right: 2rem;
  position: relative;
}

header .right a.profile:before {
  content: '';
  height: 1.31rem;
  width: 1.06rem;
  display: block;
  position: absolute;
  right: 0;
  background: url(../img/icon-profile.svg) left top no-repeat;
  background-size: auto 100%;
  bottom: 0;
  opacity: 1;
  transition: 0.2s all linear;
}

header .right a.profile:after {
  content: '';
  height: 1.31rem;
  width: 1.06rem;
  display: block;
  position: absolute;
  right: 0;
  background: url(../img/icon-profile.svg) right top no-repeat;
  background-size: auto 100%;
  bottom: 0;
  opacity: 0;
  transition: 0.2s all linear;
}

header .right a.profile:hover:after {
  opacity: 1;
}

header .right a img {
  display: inline-block;
  vertical-align: bottom;
}

header .right a.menu-icon {
  z-index: 3;
  position: relative;
}

header .right a.menu-icon i {

  background: url(../img/menu.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;

  width: 1.5rem;
  height: 1.5rem;
  display: block;

}

header .right .cart-icon a {
  position: relative;
  font-size: 0.6rem;
  text-align: center;
  min-width: 1.32rem;
  height: 1.31rem;
  line-height: 1rem;
  padding: 0.31rem 0.25rem 0;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}

header .right .cart-icon a:before,
header .right .cart-icon a:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 200% 100%;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}

header .right .cart-icon a:before {
  /*background-image: url(../img/icon-cart.svg);*/
  background-image: url(../img/cart-2.svg);
  width: 87px;
  height: 66px;
  background-size: auto;
  left: -7px;
  top: -4px;
}

.cart-icon {
  position: relative;
  left: -40px;
  top: -13px;
}

header .right .cart-icon a:after {
  background-image: url(../img/icon-cart.svg);
  opacity: 0;
  background-position: center right 0;
}

header .right .cart-icon a:hover:after {
  opacity: 0;
}

header .right .cart-icon a:hover:before {
  opacity: 0.8;
}

header .right a.enquire-now i {
  display: none;
}



/* Hamburger Menu */

header .hamburger-menu {

  position: fixed;
  width: 100%;
  height: 100vh;
  left: 100%;
  right: 0;
  top: 0;
  background: #fff;

  z-index: 2;
  display: flex;
  padding: 8rem 5rem 5rem 5rem;
  overflow-x: hidden;
  overflow-y: auto;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.menu-active header .hamburger-menu {
  left: 0;
}

header .hamburger-menu>div {
  width: 50%;
}

header .hamburger-menu .list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

header .hamburger-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

header .hamburger-menu ul li a {
  position: relative;
  display: block;
  padding: 0.5rem 0;
  color: #838D95;
}



header .hamburger-menu .primary-navigation {
  width: 40%;
  position: relative;
}

header .hamburger-menu .primary-navigation li {
  border-top: 1px #838D95 solid;
}

header .hamburger-menu .primary-navigation li:last-child {
  border-bottom: 1px #838D95 solid;
}

header .hamburger-menu .primary-navigation li a {
  padding-right: 1rem;
}

header .hamburger-menu .primary-navigation li a:after {

  content: '';
  width: 1rem;
  background: url(../img/right-double-arrow.svg) center center no-repeat;

  background-size: 100% auto;

  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
  opacity: 0;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

header .hamburger-menu .primary-navigation li a:hover {
  color: #666666;
}

header .hamburger-menu .primary-navigation li a:hover::after {
  opacity: 1;
  right: 0;
}



header .hamburger-menu .primary-navigation li>ul {

  position: absolute;
  left: 100%;
  width: 100%;
  margin-left: 20%;
  top: 0;
  display: none;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

header .hamburger-menu .primary-navigation li.active>ul {
  display: block;
}



header .hamburger-menu .preview {

  font-size: 2rem;
  opacity: 0;
  border-top: 1px #666 solid;
  padding: 0.5rem 0;

  transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;

  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;

}

header .hamburger-menu .preview.active {
  opacity: 1;
}

header .hamburger-menu .preview.col-2 {
  margin-left: -26%;
}



body.menu-active header .right a.menu-icon i {
  background-image: url(../img/close.svg);
}

body.menu-active header::before {
  opacity: 1;
}

/* Hamburger Menu End */

/* Header */



/* Footer */

footer {
  background: #0A1E2D;
}

footer .footer-logo {
  display: none;
}

footer .footer-logo img {
  display: block;
  width: 4rem;
  height: auto;
}

footer .links {

  padding: 2.7rem 4rem 2rem;
  color: #fff;
  display: flex;
  width: 100%;
  justify-content: space-between;

}

footer .links .footer-navigation {
  display: inline-block;
  width: 25%;
  padding: 0 1rem;
}

footer .links .footer-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer .links .footer-navigation ul li a {
  transition: 0.2s all linear;
  font-size: 0.78rem;
  line-height: 1.5;
}

footer .links .footer-navigation ul li a:hover {
  color: #28D2C8;
}

footer .links .footer-navigation ul.menu>li {
  position: relative;
  padding-bottom: 1.4rem;
}

footer .links .footer-navigation ul.menu>li::after {

  content: "";
  position: absolute;
  bottom: 0.7rem;
  left: 0;
  width: 1rem;
  height: 2px;

  background: #ffffff;
  margin-top: -1px;

}

footer .links .footer-navigation ul.menu>li:last-child {
  padding-bottom: 0;
}

footer .links .footer-navigation ul.menu>li:last-child::after {
  display: none;
}

footer .links .footer-navigation ul li a[href="#"] {
  pointer-events: none;
}

footer .links .footer-navigation--mobile {
  display: none;
}



footer .footer-middle {

  display: flex;
  justify-content: flex-start;
  padding: 2rem 4rem 7.5rem;
  color: #fff;
  font-size: 0.78rem;

}

footer .footer-middle .copyright {
  line-height: 1.5;
  width: 25%;
  padding: 0 1rem;
}

footer .footer-middle .copyright a {
  text-decoration: underline;
  transition: .2s color linear;
}

footer .footer-middle .copyright a:hover {
  color: #28D2C8;
}

footer .footer-middle .copyright span {
  text-decoration: underline;
}

footer .social-links {
  padding: 0 1rem;
  width: 25%;
}

footer .social-links a {
  display: inline-block;
  margin-right: 0.8rem;
}

footer .social-links a img,
footer .social-links a i {

  display: block;
  border-radius: 50%;
  width: 1.55rem;
  height: 1.55rem;
  overflow: hidden;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

footer .social-links a i {

  background-size: auto 100%;
  background-position: center left;

}

footer .social-links a:hover i.twitter {
  filter: saturate(46);
}

footer .social-links a img:hover,
footer .social-links a:hover i {
  background-color: #28D2C8;
}

.social-links i.linkedin {
  background-image: url(../img/icon-linkedin.svg);
}

.social-links i.facebook {
  background-image: url(../img/icon-facebook.svg);
}

.social-links i.twitter {
  background-image: url(../img/twitter-new.svg);
}

.social-links i.youtube {
  background-image: url(../img/icon-youtube.svg);
}



footer .blue-section {

  position: relative;
  padding: 5rem;
  background: #28D2C8;
  color: #fff;
  font-size: 2rem;

  min-height: 15.30vw;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;

}

footer .blue-section__before {

  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;

  padding-bottom: 15.88%;
  width: 100%;
  position: absolute;
  top: -7.3vw;
  left: 0;
  right: 0;

}

/* Footer End */



/* Common Classes */

main {
  overflow: hidden;
}

section {
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
  width: 100%;
}

section .heading,
section .entry-header {
  margin-bottom: 3.33rem;
}

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

section .heading.right {
  text-align: right;
}

section .heading h1,
section .heading h2,

section .entry-header h1,

section .entry-header h2,

section .entry-header .h2-style {
  font-size: 2rem;
  margin: 0;
  font-weight: normal;
}

section .caption {
  font-size: 2rem;
}

/* Common Classes End */



/* Banner Section */

.banner {
  position: relative;
  min-height: calc(100vh - 5rem);
  color: #fff;
  background: #DDDDDD;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 6rem;
}

.banner__video,

.banner__image {

  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;

}

.banner__image img {

  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.banner__image--center-center img {
  object-position: center center;
}

.banner__image--center-top img {
  object-position: center top;
}

.banner__image--center-bottom img {
  object-position: center bottom;
}

.banner__image--left-center img {
  object-position: left center;
}

.banner__image--left-top img {
  object-position: left top;
}

.banner__image--left-bottom img {
  object-position: left bottom;
}

.banner__image--right-center img {
  object-position: right center;
}

.banner__image--right-top img {
  object-position: right top;
}

.banner__image--right-bottom img {
  object-position: right bottom;
}

.banner__overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner__content {
  position: relative;
  z-index: 3;
}

.banner span {
  font-size: 4.7rem;
  margin: 0 0 0 -0.2rem;
  font-weight: 400;
}

.banner .caption {
  font-size: 2rem;
  margin: 1rem 0 0;
}

.banner .desc {
  margin: 1.5rem 0 0;
}

.banner__cta {
  margin: 2.2rem 0 0;
  min-width: 11rem;
}

.banner .down-arrow {
  position: absolute;
  z-index: 3;
  bottom: 4rem;
  width: 2.44rem;
  height: auto;
}

.banner .down-arrow img {

  display: block;
  width: 100%;
  height: auto;

  -moz-animation: bounce 3s infinite;
  -webkit-animation: bounce 3s infinite;
  animation: bounce 3s infinite;

}

.banner .down-arrow:hover img {

  -moz-animation: none;
  -webkit-animation: none;
  animation: none;

}



@-moz-keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -moz-transform: translateY(1rem);
    transform: translateY(1rem);
  }

  60% {
    -moz-transform: translateY(0.5rem);
    transform: translateY(0.5rem);
  }

}

@-webkit-keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
  }

  60% {
    -webkit-transform: translateY(0.5rem);
    transform: translateY(0.5rem);
  }

}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -moz-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
  }

  60% {
    -moz-transform: translateY(0.5rem);
    -ms-transform: translateY(0.5rem);
    -webkit-transform: translateY(0.5rem);
    transform: translateY(0.5rem);
  }

}

/* Banner Section End */



/* Explore Text Section */

.sl-explore {
  background: #F4F2F2;
}

.sl-explore .heading {
  margin-bottom: 1.11rem;
  max-width: 50%;
}

.sl-explore .content {
  max-width: 50%;
}

.sl-explore__with-lines {

  width: 100%;
  height: 14.66vw;
  display: block;
  position: absolute;
  bottom: -9.5vw;

  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center center;

  background-size: cover;

}

/* Explore Text Section End */



/* Pagination */

.pagination ul.page-numbers {

  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;

  align-items: flex-start;
  width: 100%;
  padding: 0 0;
  margin: 0 -0.12rem;
  list-style: none;

}

.pagination ul.page-numbers li {
  margin: 0 0.12rem 0.24rem;
}

.pagination ul.page-numbers li.page-nav {
  flex-grow: 1;
}

.pagination ul.page-numbers li.page-nav--disabled {
  pointer-events: none;
}

.pagination ul.page-numbers li.page-nav--prev {
  text-align: left;
}

.pagination ul.page-numbers li.page-nav--next {
  text-align: right;
}

.pagination ul.page-numbers li .page-numbers {

  display: inline-block;
  line-height: 2.78rem;
  text-align: center;
  width: 2.78rem;

  border: 1px transparent solid;

  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;

}

.pagination ul.page-numbers li .page-numbers.prev,

.pagination ul.page-numbers li .page-numbers.next,

.pagination ul.page-numbers li .page-numbers.prev:hover,

.pagination ul.page-numbers li .page-numbers.next:hover {

  color: #888;
  background: none;
  width: 11rem;
  border: 1px #D2CDCD solid;
  color: #0A1E2D;

}

.pagination ul.page-numbers li .page-numbers.prev span {
  position: relative;
  padding-left: 2rem;
}

.pagination ul.page-numbers li .page-numbers.next span {
  position: relative;
  padding-right: 2rem;
}

.pagination ul.page-numbers li .page-numbers.prev span:after,

.pagination ul.page-numbers li .page-numbers.next span:after {

  content: '';
  width: 1.1rem;
  height: 0.8rem;
  background: url(../img/right-double-arrow.svg) center center;

  background-size: 100% auto;
  display: block;
  top: 0;
  bottom: 0;
  margin: auto;

  transition: 0.2s all linear;
  position: absolute;

}

.pagination ul.page-numbers li .page-numbers.prev span:after {
  left: 0.5rem;
  transform: rotate(180deg);
}

.pagination ul.page-numbers li .page-numbers.prev:hover span:after {
  left: 0;
}

.pagination ul.page-numbers li .page-numbers.next span:after {
  right: 0.5rem;
}

.pagination ul.page-numbers li .page-numbers.next:hover span:after {
  right: 0;
}

.pagination ul.page-numbers li .page-numbers.current,

.pagination ul.page-numbers li .page-numbers:hover {

  background: #A5BEC8;
  color: #fff;
  border: 1px #A5BEC8 solid;

}

/* Pagination End */



/* Tabs */

.tab-links-section {
  padding-top: 5.56rem;
  padding-bottom: 0;
}

.tabs {
  display: flex;
  border-bottom: 1px #A5BEC8 solid;
  width: 100%;
}

.tabs .each {

  display: inline-block;
  padding-right: 2rem;
  margin-right: 1rem;
  margin-bottom: -1px;
  opacity: 0.6;

  cursor: pointer;

}

.tabs .each span {
  position: relative;
  display: block;
  line-height: 2rem;
}

.tabs .each span:after {

  content: '';
  width: 1rem;
  height: 0.8rem;
  background: url(../img/right-double-arrow.svg) center center;

  background-size: cover;
  display: block;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;

  transition: 0.2s right linear;
  position: absolute;

}

.tabs .each.active {
  border-bottom: 2px #FF595A solid;
  opacity: 1;
}

.tabs .each:hover {
  opacity: 1;
}

.tabs .each:hover span:after,

.tabs .each.active span:after {
  right: -1.5rem;
  opacity: 1;
}

/* Tabs End */



/* Slick */

.slick-track {
  display: flex;
}

.slick-vertical .slick-track {
  display: block;
}

.slick-prev,

.slick-next {

  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;

  width: 1.1rem;
  height: 1.94rem;
  padding: 0;

  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);

  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;

}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {

  color: transparent;
  outline: none;
  background: transparent;

}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {

  opacity: 1;

}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev {
  left: -2rem;
}

.slick-prev:before {

  content: '';
  background: url(../img/slider-left.svg) center center no-repeat;
  background-size: cover;

  width: 1.1rem;
  height: 1.94rem;
  display: block;

}

.slick-next {
  right: -2rem;
}

.slick-next:before {

  content: '';
  background: url(../img/slider-right.svg) center center no-repeat;
  background-size: cover;

  width: 1.1rem;
  height: 1.94rem;
  display: block;

}

/* Slick */



/* Industries Section 2 */

.section3 {
  z-index: 2;
}

.section3 .heading .caption {
  color: #5D6B74;
}

.section3 .list {
  display: flex;
  flex-wrap: wrap;
}

.section3 .list .each {
  width: 47%;
  padding-bottom: 8%;
}

.section3 .list .each:nth-child(2n) {
  margin-left: 6%;
}

.section3 .list .each .text {
  width: 62%;
  margin-top: -4rem;
  background: #fff;
  position: relative;
  z-index: 1;
}

.section3 .list .each .text h3 {
  margin: 0;
  font-size: 2rem;
  line-height: 4rem;
  font-weight: normal;
}

.section3 .list .each .text .desc {
  border-top: 1px #A5BEC8 solid;
  padding: 1rem 0;
  margin-top: -1px;
}

.section3 .list .each .text a {

  display: block;
  border-bottom: 1px #A5BEC8 solid;
  border-top: 1px #A5BEC8 solid;
  line-height: 2.6rem;

}

.section3 .list .each .text a span {
  display: inline-block;
  position: relative;
}

.section3 .list .each .text a span:after {
  content: '';
  width: 1rem;
  height: .8rem;
  background: url(../img/right-double-arrow.svg) center center;
  background-size: cover;
  display: block;
  right: -1.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.2s right linear;
  position: absolute;
}

.section3 .list .each .text a:hover span:after {
  right: -1.75rem;
}

.section3 .list .each .image {
  width: 100%;
  overflow: hidden;
}

.section3 .list .each .image img {

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.section3 .list .each .image:hover img {
  transform: scale(1.02);
}

/* Industries Section 2 End */



/* Text Media Section */

.section4 {
  background: #D2CDCD;
  margin-top: 0vw;
  padding-bottom: 7rem;
  z-index: 1;
}

/* .section4:before{width: 100%;padding-bottom: 35.13%;content: '';background: url(../img/line-grey-home.svg) center center no-repeat;background-size: cover;display: block;position: absolute;top: -25vw;left: 0;z-index: 2;} */

.section4:after {
  width: 100%;
  padding-bottom: 3.6%;
  content: '';
  background: url(../img/ug_divider3.svg) center center no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  bottom: -2vw;
  left: 0;
  z-index: 2;
}

.section4 .caption {
  color: #fff;
}

.section4 .heading {
  margin-bottom: 2rem;
}

.section4 .content {
  display: flex;
}

.section4 .content .text {
  width: 40%;
  line-height: 1.3;
  padding-right: 10%;
  flex-shrink: 0;
  align-self: center;
}

.section4 .content .image {
  width: 60%;
}

.section4 .content .image video,

.section4 .content .image img {
  display: block;
  width: 100%;
  height: auto;
}

.section4 .content .image video {

  background: #fefefe;
  font-size: unset !important;

  margin: unset;
  text-indent: unset;
  border-radius: unset;
  animation: unset;

}

.section4 .content .image video[poster] {
  object-fit: cover;
}

.section4 .content .image iframe {
  width: 100%;
}

/* Text Media Section */



/* Text Media Gallery Section */

.text-gallery .content {
  display: flex;
  align-items: flex-start;
}

.text-gallery .content .text {
  width: 40%;
  line-height: 1.3;
  padding-right: 10%;
  flex-shrink: 0;
  padding-top: 2rem;
}

.text-gallery .content .text h3 {
  font-size: 2rem;
  margin: 0 0 1rem;
}

.text-gallery .content .text .desc {
  margin: 0 0 1rem;
}

.text-gallery .content .gallery {
  width: 60%;
}

.text-gallery .content .gallery .main {
  display: block;
  margin: 0 0 1rem;
}

.text-gallery .content .gallery .main .each {
  display: block;
  width: 100%;
}

.text-gallery .content .gallery .main .each>div {

  display: block;
  width: 100%;
  position: relative;

}

.text-gallery .content .gallery .main .each video,

.text-gallery .content .gallery .main .each img {

  display: block;
  width: 100%;
  height: auto;

}

.text-gallery .content .gallery .main .each.inited video,

.text-gallery .content .gallery .main .each.inited img {

  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: contain;

}

.text-gallery .content .gallery .main .each video {

  background: #fefefe;
  font-size: unset !important;

  margin: unset;
  text-indent: unset;
  border-radius: unset;
  animation: unset;

}

.text-gallery .content .gallery .main>.each:nth-child(n+2) {
  display: none;
}

.text-gallery .content .gallery .thumbs {
  display: block;
  text-align: right;
  margin: 0 -0.3rem;
  white-space: nowrap;
}

.text-gallery .content .gallery .thumbs .slick-track {
  margin-right: 0;
}

.text-gallery .content .gallery .thumbs .each {
  display: inline-block;
  width: 25%;
  padding: 0 0.3rem;
}

.text-gallery .content .gallery .thumbs .each>div {
  display: block;
  width: 100%;
  position: relative;
  padding-bottom: 100%;
}

.text-gallery .content .gallery .thumbs .each img {

  position: absolute;
  top: 0;
  left: 0;

  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.text-gallery .content .gallery .thumbs>.each:nth-child(n+5) {
  display: none;
}





.text-gallery .content .gallery .thumbs .slick-prev,

.text-gallery .content .gallery .thumbs .slick-next {

  margin-top: -0.97rem;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;

}

.text-gallery .content .gallery .thumbs .slick-prev {

  left: 0.35rem;
  z-index: 2;
  transform: translateX(-1rem);
  -webkit-transform: translateX(-1rem);

}

.text-gallery .content .gallery .thumbs .slick-next {

  right: 0.35rem;
  z-index: 2;
  transform: translateX(1rem);
  -webkit-transform: translateX(1rem);

}

.text-gallery .content .gallery .thumbs:hover .slick-prev,

.text-gallery .content .gallery .thumbs:hover .slick-next {

  opacity: 1;
  transform: translateX(0);
  -webkit-transform: translateX(0);

}

/* Text Media Gallery Section */



/* Case Studies Section */

.section5 .heading .caption {
  color: #5D6B74;
}

/* Case Studies Columns */

.case-studies-columns__list {

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;

  align-items: stretch;
  margin: 0 -1.5rem;

}

.case-studies-columns__list .each {

  display: inline-flex;
  flex-direction: column;
  width: 33.33%;
  padding: 0 1.5rem;
  margin: 0 0 3rem;

}

.case-studies-columns__list .each__content {
  flex-grow: 1;
}

.case-studies-columns__list .each .image {

  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  padding-bottom: 70%;

}

.case-studies-columns__list .each .image img {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;

  object-fit: contain;
  object-position: center;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.case-studies-columns__list .each .image:hover img {
  transform: scale(1.02);
}

.case-studies-columns__list .each .image:after {

  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;

  background: rgba(10, 30, 45, 0.7) url(../img/icon-double-arrow-white.svg) center center no-repeat;

  background-size: 1.45rem auto;
  opacity: 0;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.case-studies-columns__list .each .image:hover:after {
  opacity: 1;
}



.case-studies-columns__list .each .title {
  margin: 0.7rem 0;
  font-size: 1.33rem;
}

.case-studies-columns__list .each .tag {

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  font-size: 0.9rem;

  margin: 0 0 0.7rem;

}

.case-studies-columns__list .each .tag span {
  margin-left: 0.8rem;
  padding-left: 0.8rem;
  display: inline-block;
  position: relative;
}

.case-studies-columns__list .each .tag span:before {
  content: '|';
  color: #A5BEC8;
  position: absolute;
  left: 0;
}

.case-studies-columns__list .each .tag span:first-child {
  margin-left: 0;
  padding-left: 0;
}

.case-studies-columns__list .each .tag span:first-child:before {
  display: none;
}

.case-studies-columns__list .each .desc {
  margin: 0 0 0.7rem;
}



.case-studies-columns__list .each a.view-more {

  display: block;
  border-bottom: 1px #A5BEC8 solid;
  border-top: 1px #A5BEC8 solid;

  line-height: 2.6rem;

}

.case-studies-columns__list .each a.view-more span {
  display: inline-block;
  position: relative;
}

.case-studies-columns__list .each a.view-more span:after {
  content: '';
  width: 1rem;
  height: .8rem;
  background: url(../img/right-double-arrow.svg) center center;
  background-size: cover;
  display: block;
  right: -1.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.2s right linear;
  position: absolute;
}

.case-studies-columns__list .each a.view-more:hover span:after {
  right: -1.75rem;
}



.case-studies-columns__list .each.featured {
  width: 66.66%;
}

.case-studies-columns__list .each.featured .image {
  padding-bottom: 40%;
}

.case-studies-columns__list .each.featured .image img {
  object-fit: cover;
}

/* Case Studies Columns End */



/* Case Studies Rows */

.case-studies-rows__list .each {

  width: 100%;
  padding-bottom: 5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;

}

.case-studies-rows__list .each:nth-child(2n) {
  flex-direction: row-reverse;
}

.case-studies-rows__list .each:last-child {
  padding-bottom: 0;
}

.case-studies-rows__list .each>div {
  width: 47.5%;
}

.case-studies-rows__list .each .image {
  overflow: hidden;
}

.case-studies-rows__list .each .image img {
  width: 100%;
  display: block;
  height: auto;
  transition: 0.2s all linear;
}

.case-studies-rows__list .each .image:hover img {
  transform: scale(1.01);
}



.case-studies-rows__list .each .text h3 {

  margin: 0;
  font-size: 2rem;
  font-weight: normal;
  padding: 0 0 0.8rem;
  border-bottom: 1px #A5BEC8 solid;

}

.case-studies-rows__list .each .text .tag span {
  margin-left: 0.8rem;
  padding-left: 0.8rem;
  display: inline-block;
  position: relative;
}

.case-studies-rows__list .each .text .tag span:before {
  content: '|';
  color: #A5BEC8;
  position: absolute;
  left: 0;
}

.case-studies-rows__list .each .text .tag span:first-child {
  margin-left: 0;
  padding-left: 0;
}

.case-studies-rows__list .each .text .tag span:first-child:before {
  display: none;
}

.case-studies-rows__list .each .text .desc {
  padding: 1rem 0;
  border-bottom: 1px #A5BEC8 solid;
}

.case-studies-rows__list .each .text a.view-more {

  display: block;
  border-bottom: 1px #A5BEC8 solid;
  line-height: 2.6rem;

}

.case-studies-rows__list .each .text a.view-more span {
  display: inline-block;
  position: relative;
  transition: 0.2s all linear;
}

.case-studies-rows__list .each .text a.view-more span:after {
  content: '';
  width: 1rem;
  height: .8rem;
  background: url(../img/right-double-arrow.svg) center center;
  background-size: cover;
  display: block;
  right: -1.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.2s right linear;
  position: absolute;
}

.case-studies-rows__list .each .text a.view-more:hover span:after {
  right: -1.75rem;
}

.case-studies-rows .load-more {
  text-align: center;
  margin-top: 5rem;
}

.case-studies-rows .pagination {
  margin-top: 5rem;
}

/* Case Studies Rows End */

/* Case Studies Section */



/* Map Section */

.section6 {
  padding: 0;
}

.section6 .map {
  position: relative;
}

.section6 .map #map {
  width: 100%;
  min-height: 40rem;
}

.section6 .heading {
  position: absolute;
  top: 3.2rem;
  left: 5rem;
  display: inline-block;
  z-index: 2;
}

.section6 .heading .caption {
  color: #5D6B74;
}

.section6 .content {
  position: absolute;
  left: 5rem;
  top: 10rem;
  display: flex;
  width: 16rem;
  border: 1px #0A1E2D solid;
  flex-direction: column;
  z-index: 2;
  font-size: 0.8rem;
  line-height: 1.2rem;
}



.section6 .content .custom-select {
  border-bottom: 1px #0A1E2D solid;
}

.section6 .office option {
  display: none;
}

.section6 .address a {
  transition: 0.2s all linear;
}

.section6 .address a:hover {
  color: #28D2C8;
}



.section6 .content {
  border-bottom: 0;
}

.section6 .content .address {
  background: #fff;
  padding: 0 1rem;
  max-height: 0rem;
  transition: 0.2s all linear;
  transition-delay: 0.1s;
  overflow: hidden;
}

.section6 .content .address.active {
  border-bottom: 1px #0A1E2D solid;
  max-height: 20rem;
}

.section6 .content .address div {
  display: none;
  margin: 1rem 0;
}

.section6 .content .address div.active {
  display: block;
}

/* Map Section End */



/*Products Listing Page*/

section.products {
  display: flex;
  flex-direction: column;
}

section.products .search {
  padding: 2.5rem 0 0 2.5rem;
  position: relative;
}

section.products .search:before {

  position: absolute;
  left: 0;
  bottom: 0.5rem;
  width: 1.2rem;
  height: 1.2rem;
  display: block;

  content: '';
  background: url(../img/search-icon.svg) center center no-repeat;
  background-size: cover;

}

section.products .search input {

  border: 0px;
  border-bottom: 1px #0A1E2D solid;
  width: 100%;
  line-height: 2rem;
  padding: 0 0;

}

section.products .search input#yith-searchsubmit {
  display: none;
}

section.products .content {
  display: flex;
}

section.products .content .list {
  flex-grow: 1;
  padding-left: 2.4rem;
}

section.products .filter-btn {
  display: none;
}

section.products .content .filters {
  width: 15rem;
  font-size: 0.83rem;
  flex-shrink: 0;
}

section.products .content .filters .close-icon {
  display: none;
}

section.products .content .filters .filter-title {
  font-size: 0.8rem;
  color: #888;
}

section.products .content .filters ul {
  list-style: none;
  padding: 0;
  margin: 0;
}



/* WooCommerce Category List */

section.products .content .unique-product-list.loading::before {

  content: "";
  background: url('../img/ajax-loader.gif') no-repeat center;

  height: 6.25rem;
  width: 6.25rem;
  display: block;

}

section.products .content .filter-content {
  position: relative;
}

section.products .content .filter-content .clear-selection {

  position: absolute;
  top: -1rem;
  right: 0;
  font-size: 0.9em;
  display: none;

}

section.products .content .filter-content .clear-selection.active {
  display: block;
}

section.products .content .wc-block-product-categories-list-item {
  position: relative;
}

section.products .content .wc-block-product-categories-list-item a {

  position: relative;
  display: block;
  padding: 0.7rem 0;
  margin-right: 1.5rem;
  padding-right: 3.125rem;

}

section.products .content .wc-block-product-categories-list-item .wc-block-product-categories-list-item-count {

  position: absolute;
  z-index: 2;
  right: 1.5rem;
  top: 0;
  padding: 0.7rem 0;
  color: #B4B4B4;

}

section.products .content .wc-block-product-categories-list-item .wc-block-product-categories-list-item-count::before {

  content: "(";

}

section.products .content .wc-block-product-categories-list-item .wc-block-product-categories-list-item-count::after {

  content: ")";

}

section.products .content .wc-block-product-categories-list-item a:before {

  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  top: 0;
  left: 0;
  right: -1.5rem;

  border-bottom: 1px #A5BEC8 solid;
  pointer-events: none;

}

section.products .content .wc-block-product-categories-list-item a span {
  position: relative;
  z-index: 3;
}

section.products .content .wc-block-product-categories-list-item.has-children>a:after {

  content: '';
  width: 0.7rem;
  height: 100%;
  pointer-events: none;

  background: url(../img/arrow-coral.svg) center center no-repeat;

  position: absolute;
  right: -1.2rem;
  top: 0;
  z-index: 2;

  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;

}

section.products .content .wc-block-product-categories-list-item.active>a:before {

  background: rgba(210, 205, 205, 0.4);

}

section.products .content .wc-block-product-categories-list-item.active>a,

section.products .content .wc-block-product-categories-list-item.active>.wc-block-product-categories-list-item-count,

section.products .content .wc-block-product-categories-list-item.active-parent>.wc-block-product-categories-list-item-count {

  color: #0A1E2D;

}

section.products .content .wc-block-product-categories-list-item.open>a:after {

  transform: rotate(180deg);

}

section.products .content .wc-block-product-categories>ul>li>a {
  padding-left: 0;
}

section.products .content .wc-block-product-categories>ul>li.active-parent>a:before {

  background: rgba(210, 205, 205, 1);

}

section.products .content .wc-block-product-categories>ul>li>ul>li>a {
  padding-left: 0.5rem;
}

section.products .content .wc-block-product-categories>ul>li>ul>li.active-parent>a:before {

  background: rgba(210, 205, 205, 0.85);

}

section.products .content .wc-block-product-categories>ul>li>ul>li>ul>li>a {
  padding-left: 1rem;
}

section.products .content .wc-block-product-categories>ul>li>ul>li>ul>li.active-parent>a:before {

  background: rgba(210, 205, 205, 0.7);

}

section.products .content .wc-block-product-categories>ul>li>ul>li>ul>li>ul>li>a {
  padding-left: 1.5rem;
}

section.products .content .wc-block-product-categories>ul>li>ul>li>ul>li>ul>li.active-parent>a:before {

  background: rgba(210, 205, 205, 0.55);

}

section.products .content .wc-block-product-categories>ul>li>ul>li>ul>li>ul>li>ul>li>a {
  padding-left: 2rem;
}

section.products .content .wc-block-product-categories>ul>li>ul>li>ul>li>ul>li>ul>li.active-parent>a:before {

  background: rgba(210, 205, 205, 0.4);

}

section.products .content .wc-block-product-categories-list-item>ul {
  display: none;
}

section.products .content .wc-block-product-categories-list-item.open>ul {
  display: block;
}

/* WooCommerce Category List End */



/* Products Listing */

ul.products {

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;

  align-items: stretch;
  list-style: none;
  padding: 0;
  margin: 0 -1.2rem;

}

ul.products li.product {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 33.33%;

  padding: 0 1.2rem 2.4rem;

}

ul.products li.product .woocommerce-loop-product__link {
  flex-grow: 1;
  display: block;
  width: 100%;
}

ul.products li.product .product-thumbnail {

  display: block;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;

}

ul.products li.product .product-thumbnail img {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;

  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;

}

ul.products li.product .product-thumbnail::after {

  background: rgba(10, 30, 45, 0.7) url(../img/icon-double-arrow-white.svg) center center no-repeat;

  background-size: 1.45rem auto;

  content: '';
  width: 100%;
  height: 100%;
  display: block;

  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;

  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;

}

ul.products li.product .product-thumbnail:hover img {
  transform: scale(1.01);
}

ul.products li.product .product-thumbnail:hover::after {
  opacity: 1;
}

ul.products li.product h2 {
  margin: 0;
  padding: 0.8rem 0;
  font-size: 1rem;
  font-weight: normal;
}

ul.products li.product h4 {
  margin: 0;
  padding: 0.8rem 0;
  font-size: 1rem;
  font-weight: normal;
}

ul.products li.product .category {
  display: none;
  font-size: 0.9rem;
  color: #888;
  width: 100%;
  margin: 0 0 1rem;
}

ul.products li.product .buttons {
  width: 100%;
}

ul.products li.product .view-product {

  display: block;
  line-height: 2.78rem;

  text-align: center;
  background: #0A1E2D;
  color: #fff;
  border: 1px #0A1E2D solid;

  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;

}

ul.products li.product .view-product:hover {
  background: #fff;
  color: #0A1E2D;
}

ul.products li.product .add-request-quote-button {

  display: block;
  width: 2.78rem;
  height: 2.78rem;
  font-size: 0 !important;

  background-color: #ffffff !important;
  border: 1px #0A1E2D solid !important;

  background-image: url(../img/cart-icon-black.svg);
  background-position: center center;

  background-repeat: no-repeat;
  background-size: 1.22rem 1.22rem;

  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;

}

ul.products li.product .add-request-quote-button:hover {

  background-color: #0A1E2D !important;
  background-image: url(../img/cart-icon-white.svg);

}

ul.products li.product .buttons.buttons--with-quote {
  position: relative;
  padding-right: 3.78rem;
}

ul.products li.product .buttons .yith-ywraq-add-to-quote {
  position: absolute;
  top: 0;
  right: 1px;
}

ul.products li.product .buttons .yith-ywraq-add-button {
  display: block !important;
}



ul.products li.product .buttons .yith-ywraq-add-button.hide .add-request-quote-button,

ul.products li.product .buttons .yith-ywraq-add-button.addedd .add-request-quote-button {

  background-image: url(../img/icon-tick.svg);
  pointer-events: none;

}

ul.products li.product .buttons .yith_ywraq_add_item_product_message,

ul.products li.product .buttons .yith_ywraq_add_item_response_message,

ul.products li.product .buttons .yith_ywraq_add_item_browse_message {
  display: none !important;
}

/* Products Listing End */

.unique-category-archive-description .term-description {
  margin: 3rem 0 0;
}

/*Products Listing Page*/



/* Product Detail End */

.breadcrumb {
  font-size: 0.78rem;
  padding: 0.5rem 5rem;
  border-bottom: 1px #0A1E2D solid;
}

.product-detail {
  background: #f4f2f2;
}

.product-detail .basic {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.product-detail .basic .image {
  width: 63%;
}

.product-detail .basic .image>div {
  display: flex;
  align-items: stretch;
  margin: 0 -0.32rem;
}

/* Main Slider */

.img-slide {
  display: inline-block;
  width: 100%;
  float: none;
}

.img-slide>div {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  padding-bottom: 100%;
}

.img-slide>div>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-detail .basic .image .slider {

  position: relative;
  display: inline-block;
  width: 80%;
  padding: 0 0.32rem;

  flex-grow: 0;
  flex-shrink: 0;

}

.product-detail .basic .image .slider>.img-slide {
  display: none;
}

.product-detail .basic .image .slider>.img-slide:first-child {
  display: block;
}

.product-detail .basic .image .slider .img-slide>div>img {
  object-fit: contain;
  object-position: top center;
}

.product-detail .basic .image .slider .video-thumb>div::before,

.product-detail .basic .image .slider .walkthrough-thumb>div::before {

  background-size: 4rem auto;

}

.product-detail .basic .image .slider {
  overflow: hidden;
}

.product-detail .basic .image .slider .slick-prev,

.product-detail .basic .image .slider .slick-next {

  left: 0.32rem;
  top: 0;
  height: 100%;
  width: 3rem;
  z-index: 2;
  opacity: 0;

  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background: unset;

  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;

}

.product-detail .basic .image .slider .slick-prev {

  transform: translateX(-1rem);
  -webkit-transform: translateX(-1rem);

}

.product-detail .basic .image .slider .slick-prev:before {

  content: '';
  background-image: url(../img/slider-left.svg);
  background-position: center center;

  background-repeat: no-repeat;
  background-size: 1.1rem auto;

  width: 100%;
  height: 100%;
  display: block;

}

.product-detail .basic .image .slider .slick-next:before {

  content: '';
  background-image: url(../img/slider-right.svg);
  background-position: center center;

  background-repeat: no-repeat;
  background-size: 1.1rem auto;

  width: 100%;
  height: 100%;
  display: block;

}

.product-detail .basic .image .slider .slick-next {

  left: unset;
  right: 0.32rem;
  transform: translateX(1rem);
  -webkit-transform: translateX(1rem);

}

.product-detail .basic .image .slider:hover .slick-prev,

.product-detail .basic .image .slider:hover .slick-next {

  opacity: 1;
  transform: translateX(0);
  -webkit-transform: translateX(0);

}

/* Main Slider End */

/* Thumbnails Slider */

.product-detail .basic .image .thumbs-wrapper {

  display: inline-block;
  width: 20%;
  flex-grow: 0;
  flex-shrink: 0;
  margin: -0.32rem 0;
  padding: 0 0.32rem;

}

.product-detail .basic .image .thumbs .img-slide {
  display: block;
  padding: 0.32rem 0;
  cursor: pointer;
}

.product-detail .basic .image .thumbs>.img-slide:not(:nth-child(-n+4)) {
  display: none;
}

.product-detail .basic .image .thumbs {
  overflow: hidden;
}

.product-detail .basic .image .thumbs .slick-prev,

.product-detail .basic .image .thumbs .slick-next {

  left: 0;
  top: 0.32rem;
  display: block;

  width: 100%;
  height: 3rem;
  z-index: 2;
  opacity: 0;

  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background: unset;

  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;

}

.product-detail .basic .image .thumbs .slick-prev {

  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);

  transform: translateY(-1rem);
  -webkit-transform: translateY(-1rem);

}

.product-detail .basic .image .thumbs .slick-prev:before {

  content: '';
  background-image: url(../img/slider-left.svg);
  background-position: center center;

  background-repeat: no-repeat;
  background-size: 1.1rem auto;

  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);

  width: 100%;
  height: 100%;
  display: block;

}

.product-detail .basic .image .thumbs .slick-next:before {

  content: '';
  background-image: url(../img/slider-right.svg);
  background-position: center center;

  background-repeat: no-repeat;
  background-size: 1.1rem auto;

  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);

  width: 100%;
  height: 100%;
  display: block;

}

.product-detail .basic .image .thumbs .slick-next {

  top: unset;
  bottom: 0.32rem;
  transform: translateY(1rem);
  -webkit-transform: translateY(1rem);

  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  ;

}

.product-detail .basic .image .thumbs:hover .slick-prev,

.product-detail .basic .image .thumbs:hover .slick-next {

  opacity: 1;
  transform: translateX(0);
  -webkit-transform: translateX(0);

}

/* Thumbnails Slider */

.product-detail .basic .text {
  width: 33%;
}

.product-detail .basic .text h1 {
  font-size: 2rem;
  font-weight: normal;
  margin: 0;
  padding: 0.5rem 0rem;
  border-bottom: 1px #A5BEC8 solid;
}

.product-detail .basic .text .availabilty {
  line-height: 2.4rem;
  border-bottom: 1px #A5BEC8 solid;
}

.product-detail .basic .text .download {

  line-height: 2.4rem;
  border-bottom: 1px #A5BEC8 solid;
  position: relative;

  padding-right: 0.6rem;

}

.product-detail .basic .text .download img {

  position: absolute;
  right: 0;
  height: 0.92rem;
  width: 0.58rem;
  display: block;

  top: 0;
  bottom: 0;
  margin: auto;
  object-fit: contain;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.product-detail .basic .text .download a {
  display: block;
}

.product-detail .basic .text .download a img.hover {
  opacity: 0;
}

.product-detail .basic .text .download a:hover img {
  opacity: 0;
}

.product-detail .basic .text .download a:hover img.hover {
  opacity: 1;
}

.product-detail .basic .text .quantity {
  padding: 1.4rem 0rem;
  text-align: center;
}

.product-detail .quantity span {
  height: 2.67rem;
  line-height: 2.67rem;
  width: 2.67rem;
  display: inline-block;
  text-align: center;
  border: 1px #A5BEC8 solid;
  transition: 0.2s background linear;
  cursor: pointer;
  user-select: none;
}

.product-detail .quantity span:hover {
  background: #A5BEC8;
  color: #fff;
}

.product-detail .quantity input {
  height: 2.67rem;
  line-height: 2.67rem;
  width: 2.67rem;
  border: 1px #0A1E2D solid;
  display: inline-block;
  margin: 0 0.5rem;
  text-align: center;
}

.product-detail .basic .variations_form .variations {
  width: 100%;
}

.product-detail .basic .variations_form .variations th.label {

  text-align: left;
  font-weight: normal;
  padding-right: 0.75rem;
  vertical-align: top;

  padding: 0.85rem 0.85rem 0.85rem 0;
  width: 40%;

}

.product-detail .basic .variations_form .variations th.value {
  vertical-align: top;
  width: 60%;
}

.product-detail .basic .variations_form .variations td.value .reset_variations {
  display: none !important;
}



.product-detail .basic .add-to-basket a,

.product-detail .basic a.add-request-quote-button {

  display: block;
  text-align: center;
  margin-bottom: 1.33rem;
  padding: 0.85rem;

  font-weight: inherit;
  font-size: inherit !important;
  line-height: 1;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.product-detail .basic .add-to-basket a {
  background: rgba(0, 0, 0, 0);
  border: 1px #28D2C8 solid;
  color: #0A1E2D;
}

.product-detail .basic .yith-ywraq-add-button {
  position: relative;
}

.product-detail .basic .yith-ywraq-add-button .ajax-loading {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}

.product-detail .basic .yith_ywraq_add_item_product_message,

.product-detail .basic .yith_ywraq_add_item_response_message {
  margin: 0 0 0.5rem;
  text-align: center;
}

.product-detail .basic .yith_ywraq_add_item_browse_message {

  text-decoration: underline;
  color: #0A1E2D;
  margin-bottom: 1.33rem;
  text-align: center;

}

.product-detail .basic .yith_ywraq_add_item_browse_message a {
  padding: 10px 15px;
  text-decoration: none;
  color: #fff;
  text-align: center;
  background: #0A1E2D;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  border: 1px #0A1E2D solid;
}

.product-detail .basic .yith_ywraq_add_item_browse_message a:hover {
  background: #fff;
  color: #0A1E2D;
  border: 1px #0A1E2D solid;
}

.product-detail .basic .description,

.product-detail .basic .woocommerce-product-details__short-description {

  padding-top: 0.8rem;
  border-top: 1px #A5BEC8 solid;
  line-height: 1.33rem;

}

.product-detail .details {

  padding: 2rem 0 0;
  display: flex;
  justify-content: space-between;
  color: #5D6B74;

  align-items: flex-start;
  flex-wrap: wrap;

}

.product-detail .details .title,

.product-detail .details strong {
  color: #0A1E2D;
  font-weight: 400;
}

.product-detail .details .col {
  width: 30%;
}

.product-detail .details .col .product-tab__title,

.product-detail .details .col .product-tab__content>div,

.product-detail .details .col .product-tab__content>p,

.product-detail .details .col .product-tab__content>h3 {

  padding: 0.8rem 0;
  border-top: 1px #A5BEC8 solid;
  margin: 0 0;
  font-size: 1rem;

}

.product-detail .details .col .product-tab__title {

  padding-right: 1rem;
  position: relative;

}

.product-detail .details .col .product-tab__title::after {

  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1rem;

  background-position: right center;
  background-repeat: no-repeat;
  background-size: 100% auto;

}

.product-detail .details .woocommerce-product-attributes {
  width: 100%;
}

.product-detail .details .woocommerce-product-attributes tr {
  border-top: 1px #A5BEC8 solid;
}

.product-detail .details .woocommerce-product-attributes th,

.product-detail .details .woocommerce-product-attributes td {

  font-weight: normal;
  vertical-align: top;
  padding: 0.8rem 0;
  text-align: left;

}

.product-detail .details .woocommerce-product-attributes td.woocommerce-product-attributes-item__value {

  text-align: right;

}

.product-detail__after {

  position: absolute;
  bottom: -9.5vw;
  left: 0;
  right: 0;
  width: 100%;
  height: 14.66vw;
  display: block;

  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

}

.product-enquiry .form {
  max-width: 42rem;
  width: 100%;
}

.product-enquiry .hs-product_name,

.product-enquiry .hs-line_of_business,

.product-enquiry .hs-legal_entity {

  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border: 0;

  visibility: hidden;
  pointer-events: none;

}



/* Related Products */

.related.products {
  background: rgba(165, 190, 200, .2);
}

.related.products ul.products li.product {
  width: 25%;
}

.related.products ul.products.slick-initialized {
  display: block;
}

.related.products ul.products .slick-track {
  align-items: stretch;
}

.related.products ul.products .slick-track li.product {
  height: auto;
  float: none;
}

/* Related Products */

/* Product Detail End */



/* Cart Page */

.ywraq-wrapper .woocommerce-error {

  text-align-last: center;
  margin: 0 0 2rem;
  padding: 0 0;
  list-style: none;

}

.ywraq-with-form .ywraq-form-table-wrapper.wide {
  grid-column-gap: 2.5rem;
  align-items: flex-start;
}

#yith-ywraq-form table.cart {
  margin: 0 0;
}

#yith-ywraq-form table.cart .cart_item {

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;

  align-items: stretch;
  border-top: 1px #BBD3DC solid;
  padding: 2.5rem 0;

}

#yith-ywraq-form table.cart .cart_item:first-child {
  border-top: 0;
  padding-top: 0;
}

#yith-ywraq-form table.cart .cart_item td {
  display: inline-block;
  vertical-align: top;
}



#yith-ywraq-form table.cart .cart_item td.product-thumbnail {
  width: 26%;
  flex-shrink: 0;
}

#yith-ywraq-form table.cart .cart_item td.product-thumbnail a,

#yith-ywraq-form table.cart .cart_item td.product-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}



#yith-ywraq-form table.cart .cart_item td.product-name {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;

  position: relative;
  padding: 0 1.5rem;
  flex-grow: 1;

}

#yith-ywraq-form table.cart .cart_item .item-name {
  padding-bottom: 0.5rem;
}

#yith-ywraq-form table.cart .cart_item .category {
  font-size: 0.88rem;
  color: rgba(34, 35, 43, 0.6);
}

#yith-ywraq-form table.cart .cart_item .product-info ul {

  list-style: none;
  padding: 0 0;
  margin: 1rem 0 0;

  font-size: 0.88rem;
  color: rgba(34, 35, 43, 0.6);

}

#yith-ywraq-form table.cart .cart_item .product-info strong {
  font-weight: normal;
}



#yith-ywraq-form .product-quantity {
  padding: 0 0;
  margin: 1rem 0 0;
}

#yith-ywraq-form .product-quantity .quantity {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

#yith-ywraq-form .product-quantity .quantity span {

  height: 2.67rem;
  line-height: 2.67rem;
  width: 2.67rem;
  display: inline-block;

  text-align: center;
  border: 1px #A5BEC8 solid;
  cursor: pointer;
  user-select: none;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

#yith-ywraq-form .product-quantity .quantity span:hover {
  background: #A5BEC8;
  color: #fff;
}

#yith-ywraq-form .product-quantity .quantity input::-webkit-outer-spin-button,

#yith-ywraq-form .product-quantity .quantity input::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

#yith-ywraq-form .product-quantity .quantity input {

  height: 2.67rem;
  line-height: 2.67rem;
  width: 5.2rem;
  border: 1px #A5BEC8 solid;
  display: inline-block;

  margin: 0 0.5rem;
  text-align: center;
  -moz-appearance: textfield;

}

#yith-ywraq-form .product-remove {

  position: absolute;
  right: 0;
  top: 0;
  width: 0.6rem;
  padding: 0 0;
  max-width: unset;

}

#yith-ywraq-form .product-remove a {

  display: block;
  font-size: 0;
  width: 100%;
  height: 0.88rem;
  background-image: url(../img/delete.svg);

  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

#yith-ywraq-form .product-remove a:hover {
  transform: scale(1.2);
}



.unique-request-quote-form {
  background: #D2CDCD;
}

.unique-request-quote-form .title {
  padding: 1.94rem 2.22rem;
  font-size: 2rem;
}

.unique-request-quote-form .order-details {
  padding: 0 2.22rem 1rem;
}

.unique-request-quote-form .order-details .ywraq_number_items {
  display: inline-block;
}

.unique-request-quote-form img.request-quote-form__line {
  display: block;
  width: 100%;
  height: auto;
}

.unique-request-quote-form .submitted-message {
  text-align: center;
}

.unique-request-quote-form .hs-cart_items,

.unique-request-quote-form .hs-quantity,

.unique-request-quote-form .hs-line_of_business,

.unique-request-quote-form .hs-legal_entity {

  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border: 0;

  visibility: hidden;
  pointer-events: none;

}



.ywraq-form-table-wrapper.wide .yith-ywraq-mail-form-wrapper {
  margin: 0 0;
  padding: 1rem 2.22rem;
}

.yith-ywraq-default-form>h3 {
  display: none;
}

.yith-ywraq-mail-form-wrapper .form-row.form-row-wide,

.yith-ywraq-mail-form-wrapper .form-row {
  padding: 0 0;
  margin: 0 0 0.8rem;
}

.yith-ywraq-mail-form-wrapper .form-row.form-row-wide.raq-send-request-row {
  margin: 0 0;
}



.yith-ywraq-mail-form-wrapper input[type="text"],

.yith-ywraq-mail-form-wrapper input[type="email"],

.yith-ywraq-mail-form-wrapper input[type="tel"],

.yith-ywraq-mail-form-wrapper input[type="number"],

.yith-ywraq-mail-form-wrapper textarea,

.yith-ywraq-mail-form-wrapper select {

  border: 1px #979797 solid;
  padding: 0.75rem 1.2rem;

}

.yith-ywraq-mail-form-wrapper textarea {
  resize: none;
  padding: 1.2rem;
  height: 10rem;
}

.yith-ywraq-mail-form-wrapper input[type=submit],

.yith-ywraq-mail-form-wrapper button[type=submit] {

  display: block;
  width: 100%;
  padding: 0.75rem 1.2rem;

  background: #FF5A5A;
  color: #fff;
  text-align: center;
  border: 0;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.yith-ywraq-mail-form-wrapper input[type=submit]:hover,

.yith-ywraq-mail-form-wrapper button[type=submit]:hover {

  box-shadow: 0px 0px 0px 2px #FF5A5A;
  background: rgba(0, 0, 0, 0);
  color: #FF5A5A;

}

.unique-request-quote-form__or {
  text-align: center;
  position: relative;
  margin: 0.5rem 2.22rem;
}

.unique-request-quote-form__or span:before,

.unique-request-quote-form__or span:after {

  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 45%;
  height: 1px;

  background: rgba(12, 30, 45, .6);
  margin: auto;

}

.unique-request-quote-form__or span:before {
  left: 0;
}

.unique-request-quote-form__or span:after {
  right: 0;
}

.unique-request-quote-form__continue-shopping {
  text-align: center;
  padding: 0 2.22rem 1rem;
}

.unique-request-quote-form__continue-shopping a {
  font-size: 0.8rem;
  text-decoration: underline;
}

/* Cart Page End */



.sl-list {
  padding-top: 5.56rem;
  padding-bottom: 3.88rem;
}

.sl-list .caption {
  color: #5D6B74
}



.sl-list .content {
  display: flex;
  flex-direction: column;
}

.sl-list .content .each {
  display: flex;
  flex-direction: row;
  margin: 0 0 5.55rem;
  align-items: flex-start;
}

.sl-list .content .each:last-child {
  margin-bottom: 0rem;
}

.sl-list .content .each:nth-child(2n) {
  flex-direction: row-reverse;
}

.sl-list .content .each>* {
  width: 50%;
}

.sl-list .content .each .image {
  margin-right: 1.66rem;
  overflow: hidden;
  position: relative;
}

.sl-list .content .each a.image:after {

  background: rgba(10, 30, 45, 0.7) url(../img/icon-double-arrow-white.svg) center center no-repeat;

  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;

  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-size: 1.45rem auto;

  transition: 0.2s all linear;

}

.sl-list .content .each a.image:hover::after {
  opacity: 1;
}

.sl-list .content .each .image img {
  width: 100%;
  height: auto;
  display: block;
  transition: 0.2s all linear;
}

.sl-list .content .each .image:hover img {
  transform: scale(1.01);
}

.sl-list .content .each .text {
  padding-left: 1.66rem;
}

.sl-list .content .each:nth-child(2n) .image {
  margin-left: 1.66rem;
  margin-right: 0;
}

.sl-list .content .each:nth-child(2n) .text {
  padding-left: 0;
  padding-right: 1.66rem;
}

.sl-list .content .each .text h2 {
  margin: 0;
  margin-bottom: 1.33rem;
  font-size: 2rem;
}

.sl-list .content .each .text h2 a {

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.sl-list .content .each .text h2 a:hover {
  color: #28d2c8;
}

.sl-list .content .each .text .desc {
  padding-bottom: 1rem;
}

.sl-list .content .each .text .thumbs-list {

  width: 100%;
  border-top: 1px #A5BEC8 solid;
  padding: 1.38rem 0;

}

.sl-list .content .each .text .thumbs-list .thumbs-list__each {

  width: 6.66rem;
  display: inline-block;
  text-align: center;
  vertical-align: top;

  margin: 0 0.7rem;
  position: relative;

}

.sl-list .content .each .text .thumbs-list>.thumbs-list__each:nth-child(n+4) {
  display: none;
}

.sl-list .content .each .text .thumbs-list .thumbs-list__each:after {

  content: '';
  width: 100%;
  padding-bottom: 100%;
  display: block;

  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;

  background-color: rgba(10, 30, 45, 0.7);
  background-image: url(../img/icon-double-arrow-white.svg);

  background-position: center center;
  background-repeat: no-repeat;

  transition: 0.2s all linear;
  background-size: 1.45rem auto;

}

.sl-list .content .each .text .thumbs-list .thumbs-list__each:hover span {
  color: #28D2C8;
}

.sl-list .content .each .text .thumbs-list .thumbs-list__each:hover:after {
  opacity: 1;
}

.sl-list .content .each .text .thumbs-list .thumbs-list__each span {

  display: block;
  padding-top: 0.55rem;
  font-size: .9rem;

}

.sl-list .content .each .text .thumbs-list .thumbs-list__each__image {

  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;

}

.sl-list .content .each .text .thumbs-list .thumbs-list__each__image img {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.sl-list .content .each .text .view-more {

  display: block;
  border-bottom: 1px #A5BEC8 solid;
  border-top: 1px #A5BEC8 solid;
  line-height: 2.6rem;

}

.sl-list .content .each .text .view-more span {
  display: inline-block;
  position: relative;
}

.sl-list .content .each .text .view-more span:after {
  content: '';
  width: 1rem;
  height: .8rem;
  background: url(../img/right-double-arrow.svg) center center;
  background-size: cover;
  display: block;
  right: -1.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.2s right linear;
  position: absolute;
}

.sl-list .content .each .text .view-more:hover span:after {
  right: -1.75rem;
}

.sl-list .each .service-list .title {
  font-size: 1.28rem;
  padding-top: 1.11rem;
  /* border-top: 1px #A5BEC8 solid; */
}

.sl-list .each .service-list ul {
  font-size: .94rem;
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  /* grid-template-columns: repeat(2, 1fr); */
  padding: .56rem 0 2.11rem 0;
}

.sl-list .each .service-list ul li {
  line-height: 1.5rem;
  padding: 0rem 1rem;
  position: relative;
}

.sl-list .each .service-list ul li:after {
  height: .67rem;
  width: .4rem;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.4rem;
  background: url(../img/right-arrow.svg) center center no-repeat;
  background-size: cover;
  transition: 0.2s all linear;
}

.sl-list .each .service-list ul li:hover:after {
  left: 0.2rem;
}





.thumbs-list .slick-prev::before {
  background: url(../img/left-round-arrow.svg) center center no-repeat;
  background-size: cover;
  width: 1.38rem;
  height: 1.38rem;
}

.thumbs-list .slick-next::before {
  background: url(../img/right-round-arrow.svg) center center no-repeat;
  background-size: cover;
  width: 1.38rem;
  height: 1.38rem;
}

.thumbs-list .slick-prev,
.thumbs-list .slick-next {
  width: 1.38rem;
  height: 1.38rem;
  z-index: 2;
  top: 5.2rem;
}

.thumbs-list .slick-prev {
  left: -0.69rem;
}

.thumbs-list .slick-next {
  right: -0.69rem;
}

.thumbs-list .slick-track {
  margin-left: 0;
  display: flex;
}

.thumbs-list .slick-list {
  margin: 0 -0.7rem;
}





/* Certificates Section */

.sl-certificates .heading .caption {
  color: #5D6B74
}

.sl-certificates .content {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1.1rem;
}

.sl-certificates .content .each {
  height: 7rem;
  padding: 0.55rem 0.2rem;
  border: 0.06rem #D2CDCD solid;
  text-align: center;
}

.sl-certificates .content .each img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  display: block;
}



.sl-certificates--lines-before {

  padding-top: 8.5rem;
  background: url(../img/sl-cert-bg.svg) top center no-repeat;

  background-size: 100% auto;

}

.sl-certificates--lines-after {
  padding-top: 4.11rem;
  padding-bottom: 6.33rem;
}

.sl-certificates--lines-after:after {

  content: '';
  background: url(../img/line-about-certificates.svg) center center no-repeat;

  background-size: cover;
  display: block;
  height: 20vw;
  width: 100%;

  position: absolute;
  left: 0;
  right: 0;
  bottom: -13.5vw;
  z-index: 2;

}

/* Certificates Section End */



/* Newsletter Section */

.newsletter {

  background-color: #0A1E2D;
  color: #fff;
  position: relative;

  padding-top: 5.22rem;
  padding-bottom: 6.22rem;

}

.newsletter>* {
  position: relative;
  z-index: 2;
}

.newsletter .heading .caption {
  font-size: 1.38rem;
  font-weight: normal;
  margin-top: 1rem;
}

.newsletter form {
  max-width: 20rem;
}

.newsletter .submit-btn {
  width: 100%;
}

/* Newsletter Section End */



/* Red Box Section */

.red-box {

  display: flex;
  justify-content: flex-end;

  background-color: #0A1E2D;
  padding: 3.22rem 0;

}

.red-box>* {
  position: relative;
  z-index: 2;
}

.red-box .heading {
  width: 50%;
  background: #FF5A5A;
  color: #fff;
  padding: 2.4rem 2.1rem;
  margin-bottom: 0;
}

.red-box .heading h2 {
  margin: 0 0 0.77rem;
}

.red-box .heading .caption {
  font-size: 1.38rem;
  margin: 0 0 0.77rem;
}

.red-box .heading .white-button {
  margin: 2rem 0 0;
}

.red-box .heading ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  padding: 0;
  padding-top: 1.39rem;
}

.red-box .heading ul li {
  line-height: 1.5rem;
  padding: 0rem 0rem 1rem 1.5rem;
  position: relative;
}

.red-box .heading ul li:after {
  height: .67rem;
  width: 1rem;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.4rem;
  background: url(../img/icon-double-arrow-white.svg) center center no-repeat;
  background-size: cover;
  transition: 0.2s all linear;
}

.red-box .heading ul li:hover:after {
  left: 0.2rem;
}

/* Red Box Section End */



/* Industries Section */

.industries {

  background: #A5BEC8;
  min-height: 39.6vw;
  display: flex;
  position: relative;

  padding-bottom: 5%;

}

.industries__after {

  display: block;
  position: absolute;
  top: 98.6%;
  left: 0;
  width: 100%;
  padding-bottom: 5.3%;

}

.industries__after img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.industries .content,
.industries .image {
  width: 50%;
}

.industries .heading {
  margin-bottom: 2.44rem;
}

.industries .caption {
  color: #fff;
}

.industries .image {
  position: relative;
}

.industries .image .each,
.industries .image .main {

  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  padding: 1rem;
  width: 30rem;
  max-width: 100%;

  -webkit-transform: translate3d(20px, -20px, 0);
  transform: translate3d(20px, -20px, 0);

  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;

}

.industries .image .each:first-child,
.industries .image .main {
  position: relative;
}

.industries .image .each img,

.industries .image .main img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

.industries .image .each.active,
.industries .image .main {

  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

}

.industries .text ul {
  list-style: none;
  width: 60%;
  padding: 0;
  margin: 0;
}

.industries .text ul li {
  position: relative;
  color: #fff;
  border-bottom: 1px #fff solid;
}

.industries .text ul li:first-child {
  border-top: 1px #fff solid;
}

.industries .text ul li h3 {

  font-size: 1.3rem;
  padding: 0.4rem 0;
  margin: 0;
  font-weight: normal;
  cursor: pointer;

}

.industries .text ul li .desc {

  max-height: 0;
  transition: all .4s linear;
  overflow: hidden;
  display: block;
  opacity: 0;

}

.industries .text ul li .desc>div {
  padding: 1rem 0;
}

.industries .text ul li .desc a {
  display: block;
  border-top: 1px #222 solid;
  padding: 0.65rem 0;
}

.industries .text ul li .desc a span {
  display: inline-block;
  position: relative;
}

.industries .text ul li .desc a span:after {

  content: '';
  width: 1rem;
  height: 0.8rem;

  display: block;
  position: absolute;
  right: -1.5rem;
  top: 0;
  bottom: 0;
  margin: auto;

  background: url(../img/right-double-arrow.svg) center center;
  background-size: cover;

  transition: 0.2s right linear;

}

.industries .text ul li .desc a:hover span:after {
  right: -1.75rem;
}



.industries .text ul li.active {
  border-color: #222222;
  z-index: 1;
  color: #0A1E2D;
}

.industries .text ul li.active .desc {
  max-height: 40rem;
  border-top: 1px #222 solid;
  opacity: 1;
}

/* Industries Section End */



/* Case Studies Listing Page */

.case-studies-page .top-section {
  display: flex;
  justify-content: space-between;
}

.case-studies-page .filter .title {

  display: block;
  text-align: right;
  color: #22232B;
  font-size: 0.833rem;

  text-transform: uppercase;
  opacity: 0.5;

}

.case-studies-page .filter .filter__list {
  margin-top: 1.33rem;
  display: flex;
}

.case-studies-page .filter .filter__field {

  width: 16rem;
  margin-left: 1.33rem;
  border-bottom: 1px #222 solid;

}

.case-studies-page .filter .filter__field select,

.case-studies-page .filter .filter__field .custom-select-menu>label {

  padding-top: 0.4rem;
  padding-bottom: 0.4rem;

}

/* Case Studies Listing Page */



/* Small Newsletter Box */

.newsletter-small {

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  height: 100%;
  background: #0A1E2D;
  color: #fff;
  padding: 3.28rem 1.94rem;

}

.newsletter-small>div {
  display: block;
  width: 100%;
}

.newsletter-small h2 {
  margin: 0 0 !important;
}

.newsletter-small .desc {
  line-height: 1.4;
  padding: 0.7rem 0 1rem;
}

.newsletter-small form {
  margin-top: 1rem;
}

.newsletter-small form input[type=submit] {
  display: block;
  width: 100%;
  margin: 1rem 0 0;
}

/* Small Newsletter Box End */



/* Case Study Detail */

.case-detail {
  padding: 0;
}

.case-detail .image {
  position: relative;
}

.case-detail .image .image__wrapper {
  position: relative;
  max-height: calc(100vh - 5rem);
  overflow: hidden;
}

.case-detail .image img {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;

  object-fit: contain;
  object-position: center center;

}

.case-detail .image.cover img {
  object-fit: cover;
}

.case-detail .image img.relative {
  position: relative;
  opacity: 0 !important;
  height: auto;
}

.case-detail .image.banner__image--center-center img {
  object-position: center center;
}

.case-detail .image.banner__image--center-top img {
  object-position: center top;
}

.case-detail .image.banner__image--center-bottom img {
  object-position: center bottom;
}

.case-detail .image.banner__image--left-center img {
  object-position: left center;
}

.case-detail .image.banner__image--left-top img {
  object-position: left top;
}

.case-detail .image.banner__image--left-bottom img {
  object-position: left bottom;
}

.case-detail .image.banner__image--right-center img {
  object-position: right center;
}

.case-detail .image.banner__image--right-top img {
  object-position: right top;
}

.case-detail .image.banner__image--right-bottom img {
  object-position: right bottom;
}

.case-detail .image .case-detail__heading {

  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem 5rem;
  background: #fff;
  max-width: 80%;

}

.case-detail .image h1 {
  margin: 0 0;
}

.case-detail .tag {

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 1rem -0.4rem 0;

}

.case-detail .tag span {
  margin: 0 0.4rem;
  padding-left: 0.8rem;
  display: inline-block;
  position: relative;
}

.case-detail .tag span:before {
  content: '|';
  color: #A5BEC8;
  position: absolute;
  left: 0;
}

.case-detail .tag span:first-child {
  padding-left: 0;
}

.case-detail .tag span:first-child:before {
  display: none;
}

.case-detail .text {
  padding: 0 5rem 4.28rem 5rem;
}

.case-detail .details {
  display: flex;
  align-items: flex-start;
  margin: 1.4rem 0 0;
}

.case-detail .details .desc {
  line-height: 1.33;
}

.case-detail .details .desc>*:first-child {
  margin-top: 0;
}

.case-detail .details .desc>*:last-child {
  margin-bottom: 0;
}

.case-detail .details .desc img {
  max-width: 100%;
  height: auto;
}

.case-detail .details .desc a {
  /* text-decoration: underline; */
  color: #0a1e2d;
}



.case-detail .details .column-main {
  flex-grow: 1;
  padding-right: 3.33rem;
}

.case-detail .details .column-right {
  width: 20rem;
  flex-shrink: 0;
  flex-grow: 0;
}

.case-detail .details .column-right>div {
  margin-bottom: 1.6rem;
}

.case-detail .details .about-client {

  position: relative;
  background-color: #0A1E2D;
  color: #fff;
  padding: 1.72rem 1.5rem;
  line-height: 1.33;

}

.case-detail .details .about-client::before {

  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background: #0A1E2D;
  opacity: 0.7;

}

.case-detail .details .about-client>div {
  position: relative;
  z-index: 3;
}

.case-detail .details .about-client .name {
  font-size: 1.56rem;
  margin: 0 0 1.5rem;
}

/* Case Study Detail */



/* Articles Bottom */

.cs-nav {
  display: flex;
  justify-content: space-between;
  padding-top: 2rem;
}

/* Articles Share */

.cs-nav .social {
  display: flex;
  align-items: center;
}

.cs-nav .social a {
  margin-right: 0.8rem;
  display: inline-block;
  cursor: pointer;
}

/* Articles Share End */

/* Articles Prev and Next Nav */

.cs-nav .next-prev {
  display: flex;
}

.cs-nav .next-prev a {
  display: inine-block;
  border: 1px #D2CDCD solid;
  line-height: 2.7rem;
  width: 10rem;
  text-align: center;
}

.cs-nav .next-prev a span {
  display: inline-block;
  position: relative;
}

.cs-nav .next-prev a span:after {
  content: '';
  width: 1.1rem;
  height: .8rem;
  background: url(../img/right-double-arrow.svg) center center;
  background-size: cover;
  display: block;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.2s all linear;
  position: absolute;
}

.cs-nav .next-prev a.prev {
  margin-right: 1rem;
}

.cs-nav .next-prev a.prev span {
  padding-left: 2rem;
}

.cs-nav .next-prev a.prev span:after {
  left: .5rem;
  transform: rotate(180deg);
}

.cs-nav .next-prev a.prev:hover span:after {
  left: 0;
}

.cs-nav .next-prev a.next span {
  padding-right: 2rem;
}

.cs-nav .next-prev a.next span:after {
  right: .5rem;
}

.cs-nav .next-prev a.next:hover span:after {
  right: 0;
}

/* Articles Prev and Next Nav End */

/* Articles Bottom */



/* Case Study Contact Module */

.contact-local {

  background-color: #0A1E2D;
  display: flex;
  justify-content: flex-end;
  padding: 3.5rem 0;
  position: relative;

}

.contact-local>img {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;

}

.contact-local .content {

  position: relative;
  z-index: 2;
  width: 50%;
  background: #FF5A5A;
  padding: 2.28rem 5rem 2.28rem 2.28rem;

}

.contact-local .content .title {
  color: #fff;
  font-size: 1.67rem;
}

.contact-local .content form {
  margin-top: 2rem;
}

.contact-local .content .white-button {
  margin: 2rem 0 0;
}

/* Case Study Contact Module End */



/* Media Listing Page */

.media {
  padding-top: 1.38rem;
}

.media .top-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 3rem;
}

.media .filter .title {

  display: block;
  text-align: right;
  color: #22232B;
  font-size: 0.833rem;

  text-transform: uppercase;
  opacity: 0.5;

}

.media .filter .filter__list {
  margin-top: 1.33rem;
  display: flex;
}

.media .filter .filter__field {
  width: 12rem;
  margin-left: 1.33rem;
  border-bottom: 1px #222 solid;
}

.media .filter .filter__field select,

.media .filter .filter__field .custom-select-menu>label {

  padding-top: 0.4rem;
  padding-bottom: 0.4rem;

}

.media .list {

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;

  align-items: stretch;
  margin: 0 -1.5rem;

}

.media .list .each {

  display: inline-flex;
  flex-direction: column;
  width: 33.33%;
  padding: 0 1.5rem;
  margin: 0 0 3rem;

}

.media .list .each__content {
  flex-grow: 1;
}

.media .list .each .image {

  position: relative;
  overflow: hidden;
  padding-bottom: 70%;

  display: block;
  width: 100%;

}

.media .list .each .image img {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;

  object-fit: contain;
  object-position: center;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.media .list .each .image:hover img {
  transform: scale(1.02);
}

.media .list .each .image:after {

  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;

  background: rgba(10, 30, 45, 0.7) url(../img/icon-double-arrow-white.svg) center center no-repeat;

  background-size: 1.45rem auto;
  opacity: 0;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.media .list .each .image:hover:after {
  opacity: 1;
}

.media .list .each .title {
  margin: 0.7rem 0;
  font-size: 1.33rem;
}

.media .list .each .tag {

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;

  font-size: 0.9rem;
  margin: 0 0 0.7rem;

}

.media .list .each .tag span {
  margin-left: 0.8rem;
  padding-left: 0.8rem;
  display: inline-block;
  position: relative;
}

.media .list .each .tag span:before {
  content: '|';
  color: #A5BEC8;
  position: absolute;
  left: 0;
}

.media .list .each .tag span:first-child {
  margin-left: 0;
  padding-left: 0;
}

.media .list .each .tag span:first-child:before {
  display: none;
}

.media .list .each .desc {
  margin: 0 0 0.7rem
}

.media .list .each a.read-more {

  display: block;
  border: 1px #A5BEC8 solid;
  border-left: 0;
  border-right: 0;
  line-height: 2.6rem;

}

.media .list .each a.read-more span {
  display: inline-block;
  position: relative;
}

.media .list .each a.read-more span:after {

  content: '';
  width: 1rem;
  height: 0.8rem;

  background: url(../img/right-double-arrow.svg) center center;
  background-size: cover;

  display: block;
  position: absolute;
  right: -1.5rem;
  top: 0;
  bottom: 0;
  margin: auto;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.media .list .each a.read-more:hover span:after {
  right: -1.75rem;
}



.media .list .each.featured {
  width: 66.66%;
}

.media .list .each.featured .image {
  padding-bottom: 40%;
}

.media .list .each.featured .image img {
  object-fit: cover;
}

/* Media Listing Page End */



/* Article Detail */

.article {
  padding: 0;
}

.article .image {
  position: relative;
}

.article .image .image__wrapper {
  position: relative;
  max-height: calc(100vh - 5rem);
  overflow: hidden;
}

.article .image img {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;

  object-fit: contain;
  object-position: center center;

}

.article .image.cover img {
  object-fit: cover;
}

.article .image img.relative {
  position: relative;
  opacity: 0 !important;
  height: auto;
}

.article .image.banner__image--center-center img {
  object-position: center center;
}

.article .image.banner__image--center-top img {
  object-position: center top;
}

.article .image.banner__image--center-bottom img {
  object-position: center bottom;
}

.article .image.banner__image--left-center img {
  object-position: left center;
}

.article .image.banner__image--left-top img {
  object-position: left top;
}

.article .image.banner__image--left-bottom img {
  object-position: left bottom;
}

.article .image.banner__image--right-center img {
  object-position: right center;
}

.article .image.banner__image--right-top img {
  object-position: right top;
}

.article .image.banner__image--right-bottom img {
  object-position: right bottom;
}



.article .image .article__heading {

  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem 5rem;
  background: #fff;
  max-width: 80%;

}

.article .image h1 {
  margin: 0 0;
}

.article .tag {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 1rem -0.4rem 0;
}

.article .tag span {
  margin: 0 0.4rem;
  padding-left: 0.8rem;
  display: inline-block;
  position: relative;
}

.article .tag span:before {
  content: '|';
  color: #A5BEC8;
  position: absolute;
  left: 0;
}

.article .tag span:first-child {
  padding-left: 0;
}

.article .tag span:first-child:before {
  display: none;
}



.article .text {
  padding: 0 5rem 4.28rem 5rem;
}

.article .details {
  display: flex;
  align-items: flex-start;
  margin: 1.4rem 0 0;
}

.article .details .desc {
  line-height: 1.33;
}

.article .details .desc img {
  max-width: 100%;
  height: auto;
}

.article .details .column-main {
  flex-grow: 1;
  padding-right: 3.33rem;
}

.article .details .column-right {
  width: 20rem;
  flex-shrink: 0;
  flex-grow: 0;
}

.article .details .column-right>div {
  margin-bottom: 1.6rem;
}

/* .article .details .desc a {
   text-decoration: underline; 
  color: #0a1e2d;
} */

/* Article Detail End */



/* About Page */

/* Grey Section */

.grey-section {
  background: #F4F2F2;
}

/* .grey-section .heading {
  margin-bottom: 1.11rem;
  max-width: 50%;
}

.grey-section .content {
  max-width: 50%;
} */

.grey-section:after {

  content: "";
  position: absolute;
  bottom: -3.3vw;
  left: 0;
  right: 0;
  width: 100%;
  height: 5vw;

  display: block;
  background: url(../img/line-about.svg) no-repeat center center;
  background-size: cover;
  z-index: 9;

}

/* Grey Section */



/* Our Story */

.our-story-section {
  padding-top: 0;
  padding-bottom: 0;
}

.about-detail {
  padding-top: 2.78rem;
  padding-bottom: 3.88rem;
}

.about-detail .heading {
  margin: 0 0 2.5rem;
}

.about-detail .caption {
  color: #5D6B74;
}

.about-detail .content .each {

  display: flex;
  flex-direction: row;
  align-items: flex-start;

  margin: 0 -1.66rem 5.55rem;

}

.about-detail .content .each:last-child {
  margin-bottom: 0rem;
}

.about-detail .content .each:nth-child(2n) {
  flex-direction: row-reverse;
}

.about-detail .content .each>div {
  width: 50%;
  padding: 0 1.66rem;
}

.about-detail .content .each .image {
  overflow: hidden;
}

.about-detail .content .each .image img {
  width: 100%;
  height: auto;
  display: block;
}

.about-detail .content .each .text h2 {
  margin: 0;
  margin-bottom: 1.33rem;
  font-size: 2rem;
}

.about-detail .line-bg {
  margin: 0 -5rem 3rem;
}

.about-detail .line-bg img {
  width: 100%;
  height: auto;
  display: block;
}

/* Our Story End */



/* Values */

.our-values-section {
  padding-top: 0;
  padding-bottom: 0;
}

.about-values {
  padding-bottom: 0.56rem;
}

.about-values .heading {
  padding-top: 2.78rem;
}

.about-values .caption {
  color: #5D6B74
}

.about-values .content {

  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;

  margin: 0 -1.66rem;

}

.about-values .content .each {

  display: flex;
  flex-direction: column;
  padding: 0 1.66rem 3.32rem;
  width: 33.33%;

}

.about-values .content .each>div {

  display: block;
  width: 100%;
  flex-grow: 1;

  border: 1px #D2CDCD solid;
  padding: 1.2rem
}

.about-values .content .each h2 {
  margin: 0;
  font-size: 2.1rem;
  color: #A5BEC8;
  margin-bottom: 1.2rem;
}

/* Values End */



/* Directors */

.our-directors-section {
  padding-top: 0;
  padding-bottom: 0;
}

.about-directors .heading {
  padding-top: 2.78rem;
}



.directors-slide {
  margin: 0 -5rem;
}

.dslider {
  padding: 0rem 0rem 5rem 0rem;
}

.dslider .each {
  margin: 0.45rem;
}

.dslider>.each {
  display: inline-block;
  width: 19%;
  margin: 0 0;
}

.dslider>.each:nth-child(n+6) {
  display: none;
}

.dslider .each:hover:not(.slick-center) {
  transform: scale(1.01);
}

.dslider .each img {
  width: 100%;
  display: block;
  height: auto;
}

.dslider .text {
  background: #0A1E2D;
  color: #fff;
  padding: 1.2rem 1.55rem;
}

.dslider .text h3 {
  margin: 0;
  font-size: 1.11rem;
}

.dslider .text .designation {
  margin-top: 0.5rem;
  font-size: .94rem;
  opacity: 0.8;
}

.dslider .slick-list {

  padding-top: 2rem !important;
  padding-bottom: 3rem !important;

  margin-top: -2rem;
  margin-bottom: -1rem;

}

.dslider .slick-slide {
  transition: all 0.3s linear;
}

.dslider .slick-track {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
}

.dslider .slick-slide {
  float: none;
  display: inline-block;
  vertical-align: middle;
  height: auto;
}

.dslider .slick-center {
  transform: scale(1.1);
  box-shadow: 0 3px 8px #818181;
  z-index: 2;
}



.dslider .slick-prev,
.dslider .slick-next {
  top: auto;
  margin: auto;
  left: 0;
  right: 0;
  width: 5.5rem;
  height: 2.77rem;
  border: 1px #0A1E2D solid;
  bottom: 0rem;
}

.dslider .slick-prev {
  left: -8.4rem;
}

.dslider .slick-next {
  right: -8.4rem;
}

.dslider .slick-prev::before {
  background: url(../img/right-double-arrow.svg) center center no-repeat;
  background-size: cover;
  width: 0.89rem;
  height: 0.67rem;
  transform: rotate(180deg);
  left: 0;
  right: 0;
  margin: auto;
}

.dslider .slick-next::before {
  background: url(../img/right-double-arrow.svg) center center no-repeat;
  background-size: cover;
  width: 0.89rem;
  height: 0.67rem;
  left: 0;
  right: 0;
  margin: auto;
}

/* Directors End */



/* ESG */

.our-esg-section {
  padding-top: 0;
  padding-bottom: 0;
}

.about-esg {
  padding-bottom: 3.2rem;
}

.about-esg .heading {
  padding-top: 2.78rem;
}

.about-esg .content {
  display: flex;
}

.about-esg .content>div {
  width: 50%;
}

.about-esg .content .image {
  margin-right: 1.66rem;
  overflow: hidden;
}

.about-esg .content .image img {
  width: 100%;
  height: auto;
  display: block;
  transition: 0.2s all linear;
}

.about-esg .content .image:hover img {
  transform: scale(1.01);
}

.about-esg .content .text {
  padding: 1.66rem;
}

.about-esg .content .text .desc {
  padding-bottom: 1rem;
}



.about-esg-related {
  background: #F4F2F2;
  margin: 0 -5rem;
  width: auto;
}

.about-esg-related .content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}

.about-esg-related .content .each {
  border: 1px #C9ACAC solid;
  padding: 1.89rem;
}

.about-esg-related .content .each h5 {
  margin: 0;
}

.about-esg-related .content .each .desc {
  padding: 0.7rem 0 0;
}

.about-esg-related .content .each a {

  display: block;
  border-bottom: 1px #C9ACAC solid;
  border-bottom: 1px #C9ACAC solid;

  line-height: 2.6rem;
  margin: 1.33rem 0 0;

}

.about-esg-related .content .each a span {
  display: inline-block;
  position: relative;
}

.about-esg-related .content .each a span:after {

  content: '';
  width: 1rem;
  height: 0.8rem;
  background: url(../img/right-double-arrow.svg) center center;

  background-size: cover;
  display: block;
  right: -1.5rem;
  top: 0;
  bottom: 0;
  margin: auto;

  transition: 0.2s right linear;
  position: absolute;

}

.about-esg-related .content .each a:hover span:after {
  right: -1.75rem;
}



.esg-detail {
  padding: 3.2rem 0;
}

.esg-detail h2 {
  font-size: 1.33rem;
  margin: 0;
}

.esg-detail .desc {
  padding: 2rem 0;
}

.esg-detail img {
  width: 100%;
}

/* ESG End */



/* Stats Section */

.count-section {

  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  background: #A5BEC8;
  padding: 4rem 13.67rem 7.1rem;
  overflow: hidden;

}

.count-section:after {

  content: '';
  position: absolute;
  background: url(../img/count-section-lines.svg) center center no-repeat;

  background-size: cover;
  width: 100%;
  height: 7vw;
  bottom: -2.5rem;
  left: 0;
  right: 0;
  z-index: 2;

}

.count-section .each {
  width: 13rem;
  text-align: center;
  margin-bottom: 1rem;
}

.count-section .each div:first-child {
  font-size: 3.06rem;
  display: block;
}

.count-section .each div:first-child+div {
  font-size: 1.22rem;
  display: block;
}

/* Stats Section End */



/* Latest Products Section */

.latest-products .heading .caption {
  font-size: 1.38rem;
}

.latest-products .content .each {
  width: 22%;
  position: relative;
  display: inline-block;
}

.latest-products .content .each .image {

  display: block;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;

}

.latest-products .content .each .image img {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;

}

.latest-products .content .each .text {
  margin-top: 1rem;
}

.latest-products .content .each .text .category {
  font-size: 0.89rem;
  opacity: 0.6;
  margin-top: .2rem;
}

.latest-products .content .each:after {
  background-color: rgba(10, 30, 45, 0.7);
  background-image: url(../img/icon-double-arrow-white.svg);
  content: '';
  width: 100%;
  padding-bottom: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-position: center center;
  background-repeat: no-repeat;
  transition: 0.2s all linear;
  background-size: 1.45rem auto;
}

.latest-products .content .each:hover:after {
  opacity: 1;
}



.latest-products .slick-track {
  margin-left: 0;
  display: flex;
}

.latest-products .slick-slider .each {
  margin: 0 1.33rem;
}

.latest-products .slick-list {
  margin: 0 -1.33rem;
}

.latest-products .slick-prev,
.latest-products .slick-next {
  top: 7.7rem;
}

/* Latest Products Section */

/* About Page End */



/* Careers Page */

/* Testimonials */

.careers-slide {
  padding: 4.6rem 0rem;
}

.cslider {
  padding: 0rem 0rem 5rem 0rem;
  display: flex;
  flex-wrap: wrap;
}

.cslider .each {
  margin: 0.45rem;
  display: flex;
  width: 39rem;
  padding: 1.5rem;
  border: 1px #D2CDCD solid;
}

.cslider>.each:nth-child(n+2) {
  display: none;
}

.cslider .each .image {
  width: 6.11rem;
  height: auto;
  flex-shrink: 0;
}

.cslider .each .image>div {

  position: relative;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;

}

.cslider .each .image img {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: top center;

}

.cslider .each .text {
  padding-left: 1.5rem;
}

.cslider .each .text h3 {
  margin: 0;
  font-size: 1.38rem;
}

.cslider .each .text .designation {
  margin-top: 0.5rem;
  font-size: 0.77rem;
  opacity: 0.8;
}

.cslider .each .text .desc {
  margin-top: 1.38rem;
  opacity: 0.8;
}

.cslider .slick-list {
  padding-bottom: 2rem !important;
}

.cslider .slick-track {
  align-items: stretch;
}

.cslider .slick-track .slick-slide {
  float: none;
  height: auto;
}

.cslider .slick-prev,
.cslider .slick-next {
  top: auto;
  margin: auto;
  left: 0;
  right: 0;
  width: 5.5rem;
  height: 2.77rem;
  border: 1px #D2CDCD solid;
  bottom: 0rem;
  transition: 0.2s all linear;
}

.cslider .slick-prev {
  left: -8.4rem;
}

.cslider .slick-next {
  right: -8.4rem;
}

.cslider .slick-prev::before {
  background: url(../img/right-double-arrow.svg) center center no-repeat;
  background-size: cover;
  width: 0.89rem;
  height: 0.67rem;
  transform: rotate(180deg);
  left: 0;
  right: 0;
  margin: auto;
}

.cslider .slick-next::before {
  background: url(../img/right-double-arrow.svg) center center no-repeat;
  background-size: cover;
  width: 0.89rem;
  height: 0.67rem;
  left: 0;
  right: 0;
  margin: auto;
}

.cslider .slick-prev:hover,
.cslider .slick-next:hover {
  border: 1px #FF5A5A solid;
}

/* Testimonials End */



/* Job Openings */

.openings {
  background: #F4F2F2;
  position: relative;
}

.openings:before {
  content: '';
  width: 100%;
  height: 15.37vw;
  display: block;
  background: url(../img/lines-careers-2.svg) center center no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: -7.4vw;
  z-index: 2;
}

.openings .content .each {
  border: 1px #D2CDCD solid;
  background: #fff;
  margin-top: 1.11rem;
  padding: 1.44rem 1.88rem 1.11rem 1.88rem;
}

.openings .content .each h3 {
  font-size: 1.38rem;
  margin: 0;
}

.openings .tags {
  margin-top: 0.72rem;
}

.openings .tags>span {

  display: inline-block;
  margin-right: 1.722rem;
  line-height: 1.05rem;

  font-size: 0.77rem;
  padding-top: 0.2rem;

}

.openings .tags .job-type {

  background: url(../img/icon-job-type.svg) left center no-repeat;
  background-size: auto 0.9rem;

  padding-left: 1.55rem;

}

.openings .tags .location {

  background: url(../img/icon-location-grey.svg) left center no-repeat;
  background-size: auto 1rem;

  padding-left: 1.2rem;

}

.openings .description {
  margin-top: 1.11rem;
}

.openings .more-details {
  max-height: 0rem;
  overflow: hidden;
  transition: 0.2s all linear;
}

.openings .active .more-details {
  padding: 1rem 0;
  max-height: 1000vh;
  transition: 0.6s max-height linear;
}

.openings a {
  display: inline-block;
  margin-top: 1rem;
  padding-right: 2rem;
}

.openings a span {
  display: inline-block;
  position: relative;
}

.openings a span:after {
  content: '';
  width: 0.72rem;
  height: .44rem;
  background: url(../img/icon-arrow-down-red.svg) center center;
  background-size: cover;
  display: block;
  right: -1.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.2s right linear;
  position: absolute;
  transition: 0.2s all linear;
}

.openings a span.less {
  display: none;
}

.openings a span.less:after {
  transform: rotate(180deg);
}

.openings a:hover span:after {
  width: 0.82rem;
  height: 0.54rem;
}

.openings .active .more {
  display: none;
}

.openings .active .less {
  display: block;
}

/* Job Openings End */



/* Career Form */

.career-form {
  background: url(../img/line-careers-3.svg) bottom center no-repeat;
  background-size: 100% auto;
  padding-bottom: 15.37vw;
}

.career-form .heading h2 {
  margin: 0;
}

.career-form .heading .desc {
  margin-top: 1.55rem;
  width: 26.7rem;
}



.career-form form {
  max-width: 42rem;
}

.career-form form .fields {

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;

  margin: 0 -1rem;

}

.career-form form .fields>div {
  width: 50%;
  padding: 0 1rem;
}

.career-form form .file-upload {

  display: block;
  color: rgba(10, 30, 45, 0.6);

  position: relative;
  margin: 0 0 1rem;

}

.career-form form .file-upload>div {
  display: inline-block;
  position: relative;
}

.career-form form .file-upload span.label {

  position: relative;
  display: inline-block;
  padding: 0.75rem 1.5rem 0.75rem 0;

}

.career-form form .file-upload span.label::after {

  background: url(../img/icon-attachment.svg) center center no-repeat;
  background-size: 100% auto;

  content: '';
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0;
  display: block;
  top: 0;

  bottom: 0;
  margin: auto;

}

.career-form form .file-upload span.wpcf7-form-control-wrap {
  position: unset;
  margin: 0 0;
}

.career-form form .file-upload input[type=file] {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;

}

.career-form form input[type=submit] {
  display: block;
  width: 100%;
}

/* Career Form End */



/* Gallery */

.gallery img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 0 1.5rem;
}

.gallery img:last-child {
  margin: 0 0;
}

.gallery__desktop {
  display: block;
}

.gallery__mobile {
  display: none;
}

/* Gallery End */

/* Careers Page End */



/* Contact Page */

.contact-details {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2.94rem;
}

.contact-details .text {

  padding: 6.67rem 2.33rem;
  position: relative;

}

.contact-details .text>div {

  background: rgba(10, 30, 45, .8);
  color: #fff;
  padding: 2.33rem;
  position: relative;
  z-index: 2;

}

.contact-details .text>div>div {
  margin-bottom: 1.11rem;
  position: relative;
}

.contact-details .text .title {
  margin: 0 0 1.11rem;
}

.contact-details .text .address,

.contact-details .text .phone,

.contact-details .text .email {
  padding-left: 2rem;
  line-height: 1.39rem;
}

.contact-details .text .address:before,

.contact-details .text .phone:before,

.contact-details .text .email:before {

  background: url(../img/icon-marker-white.svg) center center no-repeat;
  background-size: cover;

  width: 0.72rem;
  height: 0.94rem;
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0.2rem;

}

.contact-details .text .phone:before {

  background-image: url(../img/icon-phone-white.svg);
  width: 0.94rem;
  height: 0.94rem;

}

.contact-details .text .email:before {

  background-image: url(../img/icon-mail-white.svg);
  width: 1rem;
  height: 0.72rem;

}

.contact-details .text a {

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.contact-details .text a:hover {
  color: #28D2C8;
}



.contact-form {

  background: #D2CDCD;
  padding: 1.78rem 2.22rem 2.22rem;
  overflow: hidden;

  position: relative;
  display: flex;
  flex-direction: column;

}

.contact-form .title {
  margin: 0 0 0.5rem;
}

.contact-form .line {
  height: auto;
  margin: 0 -2.22rem 1rem;
}

.popup-alert {

  background: rgba(10, 30, 45, .8);
  color: #fff;
  padding: 2.33rem;
  position: relative;
  z-index: 999;

  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;

  left: 0;
  top: 0;
  opacity: 1;
  visibility: visible;

}

.popup-alert__content {
  padding: 1.5rem;
  background: #fff;
  color: #0A1E2D;
  max-width: 30rem;
}

.popup-alert__content a {
  color: #FF5A5A;
}

.popup-alert__close {
  position: absolute;
  width: 20px;
  color: #fff;
  top: 40px;
  right: 40px;
  cursor: pointer;
}

/* Contact Page */



/* Start Project Pop Up */

.start-project {

  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.7);

  opacity: 0;
  pointer-events: none;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;

}

.start-project.open {

  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  -webkit-transform: translateY(0);

}

.start-project__wrapper {

  position: relative;
  z-index: 2;
  display: block;
  background: #ffffff;

  padding: 1.5rem;
  max-width: 34rem;
  margin: 1rem auto;

}

.start-project__close {

  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  display: block;
  width: 1rem;
  cursor: pointer;

}

.start-project__content h2 {
  margin: 0 0 1rem;
  text-align: center;
}

.start-project__content .caption {
  font-size: 1.38rem;
  margin: 0 0 1rem;
  text-align: center;
}

.start-project__content .submitted-message {
  text-align: center;
  max-width: 27rem;
  margin: 0 auto;
}

.start-project__content .hs-line_of_business,

.start-project__content .hs-legal_entity {

  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border: 0;

  visibility: hidden;
  pointer-events: none;

}

/* Start Project Pop Up End */



/* Responsive Table Section */

.unique-table-section .heading .caption {
  font-size: 1.38rem;
}

.unique-table-section__content {
  display: block;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}

.unique-table-section__content table {
  max-width: 100%;
  width: 100%;
  margin: 0 0;
  overflow: hidden;
}

.unique-table-section__content table th {

  text-align: center;
  font-weight: normal;
  vertical-align: top;

  border-bottom: 1px #a5bec8 solid;
  padding: 0.75rem 0.3rem;
  text-align: center;

}

.unique-table-section__content table td {

  color: #5d6b74;
  padding: 0.75rem 0.3rem;
  vertical-align: top;

  border-right: 0.23rem solid #ffffff;

}

.unique-table-section__content table tr:nth-child(even) td {
  background: #f4f2f2;
}

.unique-table-section__cta {
  margin: 3rem 0 0;
  text-align: center;
}

/* Responsive Table Section End */



/* Lead Magnet Block */

.unique-lead-magnet {
  max-width: 20rem;
}

.unique-lead-magnet__content {
  display: none;
}

.unique-lead-magnet__description {
  margin: 0 0 1rem;
}

.unique-lead-magnet__form {
  margin: 0 0 1rem;
}

.unique-lead-magnet__thank-you {
  margin: 0 0 1rem;
  display: none;
}

.unique-lead-magnet__form .wpcf7 form[data-status="sent"] .wpcf7-response-output {
  font-size: 1rem;
}

.unique-lead-magnet__resource-link {
  margin: 1rem 0 0;
}

/* Lead Magnet Block End */



/* Icon Gallery */

.icon-gallery .heading .caption {
  font-size: 1.38rem;
}

.icon-gallery .icon-slider {
  text-align: center;
}

.icon-gallery .icon-slider .each {
  display: inline-block;
  padding: 1rem;
  width: 20%;
}

.icon-gallery .icon-slider>.each:nth-child(n+6) {
  display: none;
}

/* Icon Gallery End */



/* Contact Section */

.contact-form-section .contact-form {
  max-width: 50%;
  margin: 0 auto;
}

/* Contact Section End */



@media (min-width: 766px) {

  /* Common Elements */

  .show-mobile {
    display: none !important;
  }

  /* Common Elements End */

}



@media (max-width: 765px) {



  html {
    font-size: 4vw;
  }

  body.fixed {
    height: 100vh;
    overflow: hidden;
  }

  .container {
    padding-top: 4.26rem;
  }

  section {
    padding: 3rem 2rem;
  }

  section .heading {
    margin-bottom: 3rem
  }

  section .heading .caption {
    font-size: 1.5rem;
  }



  /* Common Elements */

  .show-desktop {
    display: none !important;
  }

  /* Common Elements End */



  /* Header */

  header {
    align-items: center;
    justify-content: space-between;
    padding: 1.3rem 2rem;
  }

  header .middle {
    display: none;
  }

  header .logo {
    width: 46vw;
  }

  header .right {
    display: flex;
    align-items: center;
  }

  header .right a {
    margin-left: 1.5rem;
  }

  header .right a.enquire-now span {
    display: none;
  }

  header .right a.enquire-now i {

    display: block;
    background: url(../img/icon-contact.svg) no-repeat;

    background-size: 100% 100%;
    height: 1.15rem;
    width: 1.4rem;

  }

  header .right a.menu-icon i {
    height: 1.2rem;
    width: 1.4rem;
  }

  /* Hamburger Menu */

  header .hamburger-menu {
    padding: 5rem 2rem 2rem 2rem;
    flex-direction: column;
  }

  header .hamburger-menu>div {
    width: 100%;
    padding-top: 1rem;
  }

  header .hamburger-menu .primary-navigation {
    width: 100%;
  }

  header .hamburger-menu .primary-navigation .menu>li>a {
    color: #0A1E2D;
  }

  header .hamburger-menu .primary-navigation .menu>li.menu-item-has-children>a {

    margin-right: 3rem;
    padding-right: 0;

  }

  header .hamburger-menu .primary-navigation .menu>li.menu-item-has-children>a::after {

    opacity: 1;
    right: -3rem;
    pointer-events: none;
    transform: rotate(90deg);

  }

  header .hamburger-menu .primary-navigation .menu>li.menu-item-has-children.open>a::after {

    transform: rotate(270deg);

  }

  header .hamburger-menu .primary-navigation li:last-child {
    border-bottom: 0;
  }

  header .hamburger-menu .primary-navigation li a {
    padding-right: 0;
  }

  header .hamburger-menu .preview {
    display: none !important;
  }

  header .hamburger-menu .primary-navigation li>ul,

  header .hamburger-menu .primary-navigation li.active>ul {

    position: relative;
    margin-left: 0;
    top: 0;
    left: 0;
    display: none;

    transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;

  }

  /* Hamburger Menu End */

  /* Header */



  /* HubSpot Forms */

  .hbspt-form fieldset.form-columns-1,

  .hbspt-form fieldset.form-columns-2 {
    margin: 0 -0.5rem;
  }

  .hbspt-form fieldset.form-columns-1>.hs-form-field,

  .hbspt-form fieldset.form-columns-2>.hs-form-field {
    padding: 0 0.5rem 1rem;
  }

  /* HubSpot Forms End */



  /* Banner Section */

  .banner span {
    font-size: 3rem;
  }

  .banner .caption {
    font-size: 1.75rem;
  }

  .banner .down-arrow {
    bottom: 6rem;
  }

  /* Banner Section End */



  /* Industries Section 2 */

  .section3 {
    padding-bottom: 8rem;
  }

  .section3 .list .each {
    width: 100%;
  }

  .section3 .list .each:nth-child(2n) {
    margin-left: 0;
  }

  .section3 .list .each .text {
    width: 80%;
  }

  /* Industries Section 2 End */



  /* Text Media Section */

  .section4 {
    padding: 8rem 2rem;
  }

  .section4:before {
    padding-bottom: 105.39%;
    background-size: 100% 100%;
    top: -76.5vw;
  }

  .section4:after {
    background-size: 100% 100%;
    padding-bottom: 10.8%;
    bottom: -6vw;
  }

  .section4 .content {
    flex-direction: column;
  }

  .section4 .content .text {
    width: 100%;
    padding-right: 0;
  }

  .section4 .content .image {
    width: 100%;
    margin-top: 2rem;
  }

  /* Text Media Section */



  /* Text Media Gallery Section */

  .text-gallery .content {
    display: block;
  }

  .text-gallery .content .text {
    width: 100%;
    padding-right: 0;
    padding-top: 0;
  }

  .text-gallery .content .gallery {
    width: 100%;
    margin-top: 2rem;
  }

  .text-gallery .content .gallery .thumbs .slick-prev,

  .text-gallery .content .gallery .thumbs .slick-next {

    opacity: 1;

  }

  .text-gallery .content .gallery .thumbs .slick-prev {

    left: -1.3rem;
    z-index: 2;
    transform: translateX(0);
    -webkit-transform: translateX(0);

  }

  .text-gallery .content .gallery .thumbs .slick-next {

    right: -1.3rem;
    z-index: 2;
    transform: translateX(0);
    -webkit-transform: translateX(0);

  }

  /* Text Media Gallery Section */



  /* Footer */

  footer .links {
    padding: 3rem 1rem 0;
    flex-wrap: wrap;
  }

  footer .footer-logo {
    display: none;
  }

  footer .links .footer-navigation {
    display: none;
    margin: 0 0 3rem;
  }

  footer .links .footer-navigation--mobile {
    display: block;
    width: 100%;
  }

  footer .links .footer-navigation ul li {
    margin: 0 0 1rem;
  }

  footer .links .footer-navigation ul li:last-child {
    margin-bottom: 0;
  }

  footer .links .footer-navigation ul li a {
    display: inline-block;
    font-size: 1rem;
  }

  footer .links .footer-navigation ul li a:not(:last-child) {
    margin: 0 0 1rem;
  }

  footer .links .footer-navigation ul.menu>li {
    padding-bottom: 1rem;
  }

  footer .links .footer-navigation ul.menu>li::after {
    bottom: 0;
  }

  footer .links .footer-navigation ul.menu>li:last-child {
    padding-bottom: 0;
  }



  footer .footer-middle {
    display: block;
    padding: 0 1rem 3rem;
    position: relative;
    font-size: 1rem;
  }

  footer .footer-middle::before {

    content: "";
    position: absolute;
    top: -1.5rem;
    left: 2rem;
    right: 2rem;
    width: auto;
    display: block;

    background: #1F3546;
    height: 1px;
    margin: 0 0;

  }

  footer .footer-middle .copyright {
    width: 100%;
    margin: 0 0 1rem;
  }

  footer .social-links {
    width: 100%;
  }

  footer .social-links a img,
  footer .social-links a i {
    width: 2.3rem;
    height: 2.3rem;
  }

  footer .blue-section {
    padding: 10rem 2rem 3.5rem 2rem;
    margin-top: 5rem;
  }

  footer .blue-section__before {
    padding-bottom: 47.64%;
    background-size: 100% 100%;
    top: -21.87vw;
  }

  /* Footer End */



  /* Case Studies Section */

  /* Case Studies Rows */

  .case-studies-rows__list .each .text h3 {
    font-size: 1.8rem;
  }

  /* Case Studies Rows End */

  /* Case Studies Section */



  /*Products Listing Page*/

  section.products.fixed .heading {
    padding-bottom: 4.5rem;
  }

  section.products.fixed .search-filter {

    position: fixed;
    left: 2rem;
    right: 2rem;
    top: 3rem;
    background: #fff;
    z-index: 2;
    padding-bottom: 1rem;

  }

  section.products .search {
    padding-left: 2rem;
    padding-right: 2rem;
    position: relative;
  }

  section.products .filter-btn {

    display: block;
    position: absolute;
    right: 0;
    bottom: 0.3rem;
    transition: 0.2s all linear;

  }

  section.products .filter-btn i {

    width: 1.2rem;
    height: 1.2rem;
    background: url(../img/icon-filter.svg) center center no-repeat;

    content: '';
    display: block;
    background-size: cover;

  }

  section.products .content {
    position: relative;
    display: block;
  }

  section.products .content .filters {

    position: fixed;
    z-index: 99;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;

    background: #fff;
    padding: 5rem 2rem;

    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;

  }

  section.products .content .filters.active {
    left: 0;
  }

  section.products .content .filters .close-icon {

    position: absolute;
    top: 2rem;
    right: 2rem;
    display: block;

  }

  section.products .content .filters .close-icon i {

    width: 1.2rem;
    height: 1.2rem;
    background: url(../img/close.svg) center center no-repeat;

    content: '';
    display: block;
    background-size: cover;

  }

  section.products .content .list {
    padding-left: 0;
  }

  /* Products Listing */

  ul.products {
    display: block;
  }

  ul.products li.product {
    width: 100%;
  }

  ul.products li.product .product-thumbnail {
    padding-bottom: 0;
  }

  ul.products li.product .product-thumbnail img {
    position: relative;
    display: block;
    height: auto;
  }

  /* Products Listing End */

  /*Products Listing Page*/



  /* Pagination */

  .pagination ul.page-numbers li:not(.page-nav) {
    display: none;
  }

  .pagination ul.page-numbers li.page-nav {
    margin: 0 0 0.24rem;
    width: 50%;
    padding: 0 0.12rem;
  }

  .pagination ul.page-numbers li .page-numbers {
    display: block;
    width: 100% !important;
  }

  /* Pagination End */



  /* Map Section */

  .section6 {
    padding-top: 3rem;
  }

  .section6 .heading {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    padding: 0 2rem;
  }

  .section6 .content {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: auto;
    margin: 0 2rem 2rem 2rem;
  }

  .section6 .map #map {
    min-height: 50vh;
  }

  /* Map Section */



  /* Product Detail */

  .breadcrumb {
    padding: 0 2rem;
  }

  .single-product .breadcrumb {
    display: none;
  }

  .product-detail__after {
    bottom: -28.5vw;
    height: 43.98vw;
    background-size: 100% 100%;
  }

  .product-detail .basic {
    display: block;
  }

  .product-detail .basic .image {
    width: 100%;
  }

  .slick-prev {
    left: -1.5rem;
  }

  .slick-next {
    right: -1.5rem;
  }

  .product-detail .basic .text {
    width: 100%;
    padding-top: 2rem;
  }

  .product-detail .details {
    display: block;
    margin: 0 0 2rem;
  }

  .product-detail .details .col {
    width: 100%;
  }

  .product-detail .details .col:last-child {
    border-bottom: 1px #a5bec8 solid;
  }

  .product-detail .details .col .product-tab__title {
    padding-right: 1.75rem;
    cursor: pointer;
  }

  .product-detail .details .col .product-tab__title::after {

    content: "";
    right: 0.5rem;
    width: 0.7rem;

    background-image: url(../img/icon-double-arrow-down-red.svg);

    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;

  }

  .product-detail .details .col .product-tab__content {

    max-height: 0;
    overflow: hidden;

    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;

  }

  .product-detail .details .col.active .product-tab__title::after {

    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);

  }

  .product-detail .details .col.active .product-tab__content {
    max-height: none;
  }



  .product-enquiry {
    padding-top: 5rem;
  }

  .walkthrough-label--thumb {
    display: none;
  }



  /* Related Products */

  .related.products ul.products {
    display: block;
    margin: 0 0;
  }

  .related.products ul.products li.product {
    display: block;
    width: 100%;
    padding: 0 0;
  }

  /* Related Products End */

  /* Product Detail End */



  /* Explore Text Section */

  .sl-explore .heading {
    max-width: 100%;
  }

  .sl-explore .content {
    max-width: 100%;
  }

  .sl-explore__with-lines {

    height: 24.66vw;
    bottom: -16.5vw;
    background-size: auto 250%;
    background-position: right center;

  }

  /* Explore Text Section End */



  .sl-list .content .each {
    flex-direction: column;
  }

  .sl-list .content .each:nth-child(2n) {
    flex-direction: column;
  }

  .sl-list .content .each>* {
    width: 100%;
  }

  .sl-list .content .each .text {
    padding-left: 0;
  }

  .sl-list .content .each:nth-child(2n) .image {
    margin-left: 0;
    margin-right: 0;
  }

  .sl-list .content .each:nth-child(2n) .text {
    padding-left: 0;
    padding-right: 0;
  }



  /*Certificates Section*/

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

  .sl-certificates--lines-before {
    background-size: 210% auto;
    background-position: top right;
  }

  .sl-certificates--lines-after::after {

    background-size: auto 100%;
    height: 40vw;
    bottom: -27vw;

    background-position: right center;

  }

  /*Certificates Section End*/



  .sl-list .content .each .text h2 {
    margin: 1rem 0rem;
  }

  .sl-list .content .each:nth-child(2n) .image {
    margin-left: 0;
  }

  .thumbs-list .slick-track {
    margin: auto;
  }



  .newsletter form {
    flex-direction: column;
  }

  .newsletter form input[type="submit"] {
    width: 100%;
    margin: 1rem 0 0 0;
  }



  /* Industries Section */

  .industries {
    flex-direction: column;
    margin-bottom: 5%;
    padding-bottom: 14%;
  }

  .industries__after {
    padding-bottom: 15.9%;
  }

  .industries__after img {
    object-fit: unset;
  }

  .industries .content,
  .industries .image {
    width: 100%;
  }

  .industries .image .each {
    display: none;
  }

  .industries .text ul {
    width: 100%;
  }

  /* Industries Section End */



  .sl-list .each .service-list ul {
    grid-template-columns: repeat(1, 1fr)
  }

  .sl-list .content .each {
    margin-bottom: 2rem;
  }



  /* Red Box */

  .red-box {
    padding: 0 0;
    display: block;
  }

  .red-box:last-child {
    margin-bottom: 4rem;
  }

  .red-box>img.background-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
  }

  .red-box .heading {
    width: 100%;
  }

  /* Red Box End */



  /* Case Studies Listing Page */

  .case-studies-page .top-section {
    display: block;
    margin: 0 0 3.33rem;
  }

  .case-studies-page .filter .filter__list {
    display: block;
  }

  .case-studies-page .filter .filter__field {
    display: block;
    width: 100%;
    margin: 0 0 1.33rem;
  }

  .case-studies-page .filter .filter__field:last-child {
    margin-bottom: 0;
  }

  /* Case Studies Listing Page */



  /* Case Studies Section */

  /* Case Studies Columns */

  .case-studies-columns__list {
    display: block;
  }

  .case-studies-columns__list .each,

  .case-studies-columns__list .each.featured {
    display: block;
    width: 100%;
  }

  .case-studies-columns__list .each .image,

  .case-studies-columns__list .each.featured .image {
    padding-bottom: 0;
  }

  .case-studies-columns__list .each .image img {
    position: relative;
    width: 100%;
    height: auto;
  }

  /* Case Studies Columns End */



  /* Case Studies Rows */

  .case-studies-rows__list .each {
    display: block;
    padding-bottom: 4rem;
  }

  .case-studies-rows__list .each:last-child {
    padding-bottom: 0;
  }

  .case-studies-rows__list .each>div {
    width: 100%;
  }

  .case-studies-rows__list .each>div.image {
    margin: 0 0 1rem;
  }

  .case-studies-rows .load-more,

  .case-studies-rows .pagination {
    margin-top: 4rem;
  }

  /* Case Studies Rows End */

  /* Case Studies Section End */



  /* Case Study Detail */

  .case-detail .image .case-detail__heading {
    position: relative;
    padding: 2rem 2rem 0;
    max-width: 100%;
  }

  .case-detail .text {
    padding: 0 2rem 2rem;
  }

  .case-detail .details {
    display: block;
  }

  .case-detail .details .column-main {
    padding-right: 0;
  }

  .case-detail .details .column-right {
    width: 100%;
    margin-top: 2rem;
  }

  .case-detail .details figcaption {
    display: none;
  }

  .float-right {
    display: block;
    padding-left: 0;
    float: none;
    padding-top: 2rem;
  }

  /* Case Study Detail */



  /* Case Study Contact Module */

  .contact-local {
    display: block;
    padding: 0 0;
  }

  .contact-local:last-child {
    margin-bottom: 4rem;
  }

  .contact-local>img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
  }

  .contact-local .content {
    width: 100%;
    padding: 2rem;
  }

  /* Case Study Contact Module End */



  /* Articles Bottom */

  .cs-nav {
    flex-direction: column;
  }

  /* Articles Prev and Next Nav */

  .cs-nav .next-prev {
    margin-top: 2rem;
  }

  /* Articles Prev and Next Nav End */

  /* Articles Bottom */



  /* Media Listing Page */

  .media .top-section {
    display: block;
  }

  .media .filter {
    margin: 3rem 0 0;
  }

  .media .filter .filter__list {
    display: block;
  }

  .media .filter .filter__field {
    display: block;
    width: 100%;
    margin: 0 0 1.33rem;
  }

  .media .list {
    display: block;
  }

  .media .list .each,

  .media .list .each.featured {
    display: block;
    width: 100%;
  }

  .media .list .each .image,

  .media .list .each.featured .image {
    padding-bottom: 0;
  }

  .media .list .each .image img {
    position: relative;
    width: 100%;
    height: auto;
  }

  /* Media Listing Page End */



  .tabs {
    flex-direction: column;
    border-bottom: 0;
  }

  .tabs .each {
    margin-bottom: 1rem;
    border-bottom: 1px #A5BEC8 solid;
  }

  .tabs .each:last-child {
    margin-bottom: 0;
  }



  /* Article Detail */

  .article .image .article__heading {
    position: relative;
    padding: 2rem 2rem 0;
    max-width: 100%;
  }

  .article .text {
    padding: 0 2rem 2rem;
  }

  .article .details {
    display: block;
  }

  .article .details .column-main {
    padding-right: 0;
  }

  .article .details .column-right {
    width: 100%;
    margin-top: 2rem;
  }

  .article .details figcaption {
    display: none;
  }

  /* Article Detail End */



  /* About Page */

  /* Directors */

  .directors-slide {
    margin: 0 -2rem;
  }

  /* Directors End */



  /* Grey Section */

  .grey-section .heading {
    max-width: 100%;
  }

  .grey-section:after {

    height: 15vw;
    bottom: -9.9vw;
    background-size: auto 100%;
    background-position: right center;

  }

  /* Grey Section */



  .about-detail .content .each {
    flex-direction: column;
  }

  .about-detail .content .each>div {
    width: 100%;
  }

  .about-detail .content .each .text {
    padding-top: 1rem;
  }

  .about-detail .content .each:nth-child(2n) {
    flex-direction: column;
  }

  .about-detail .content .each:nth-child(2n) .image {
    margin-left: 0;
  }

  .about-detail .line-bg {
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    margin: 0 -2rem 3rem;
  }

  .about-detail .line-bg img {
    width: auto;
    height: 38vw;
  }



  /* Stats Section */

  .count-section {
    flex-direction: column;
    padding: 2rem 2rem 5rem;
    align-items: center;
  }

  .count-section:after {
    height: 26vw;
    background-size: auto 100%;
    background-position: right center;
  }

  .count-section .each {
    margin-bottom: 2rem;
  }

  /* Stats Section End */



  .latest-products .slick-list {
    margin: 0 0;
  }

  .latest-products .content .each {
    width: 100%;
    margin: 0 0 2rem;
  }



  .about-values .content {
    display: block;
  }

  .about-values .content .each {
    width: 100%;
  }



  .about-esg .heading {
    margin: 2rem 0rem;
  }

  .about-esg .content {
    flex-direction: column;
  }

  .about-esg .content .image {
    width: 100%;
    margin: 0;
  }

  .about-esg .content .text {
    width: 100%;
    padding: 2rem 0;
  }



  .about-esg-related {
    margin: 0 -2rem;
  }

  .about-esg-related .content {
    grid-template-columns: repeat(1, 1fr)
  }

  /* About Page End */



  /* Careers Page */

  /* Testimonials */

  .cslider .each {
    flex-direction: column;
    margin: 0 2rem;
  }

  .cslider .each .image {
    margin: 0 auto 1rem;
  }

  .cslider .each .text {
    padding-left: 0;
    text-align: center;
  }

  /* Testimonials End */

  /* Job Openings */

  .openings::before {
    height: 46.11vw;
    top: -22.2vw;
    background-size: 100% 100%;
  }

  .openings {
    padding-top: 5rem;
  }

  /* Job Openings End */

  /* Career Form */

  .career-form form .fields {
    display: block;
  }

  .career-form form .fields>div {
    width: 100%;
  }

  .career-form .heading .desc {
    width: 100%;
  }

  .career-form {
    background-size: 100% 46.12vw;
    padding-bottom: 56.12vw;
  }

  /* Career Form End */

  /* Gallery */

  .gallery__desktop {
    display: none;
  }

  .gallery__mobile {
    display: block;
  }

  /* Gallery End */

  /* Careers Page End */



  /* Contact Page */

  .contact-details {
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
    grid-gap: 0rem;
  }

  .contact-form .line {
    height: 24vw;
    width: auto;
    object-fit: cover;
    object-position: right center;
  }

  /* Contact Page */



  /* Responsive Table Section */

  .unique-table-section__content table {
    border: 1px #a5bec8 solid;
  }

  .unique-table-section__content table thead,
  .unique-table-section__content table thead th {

    display: none;

  }

  .unique-table-section__content table tr {
    display: block;
    padding: 0.75rem 0.5rem;
  }

  .unique-table-section__content table tr:nth-child(even) {
    background: #f4f2f2;
  }

  .unique-table-section__content table td {
    display: block;
    border-right: 0;
    /* padding: 0 0 0.4rem;  */
  }

  .unique-table-section__content table td:last-child {
    padding: 0 0;
  }

  .unique-table-section__content table td:before {
    content: attr(data-label);
    color: #0a1e2d;
  }

  /* Responsive Table Section End */



  /* Icon Gallery */

  .icon-gallery .icon-slider .each {
    width: 33.33%;
  }

  .icon-gallery .icon-slider>.each:nth-child(n+4) {
    display: none;
  }

  /* Icon Gallery End */



  /* Contact Section */

  .contact-form-section {
    padding-left: 0;
    padding-right: 0;
  }

  .contact-form-section .contact-form {
    max-width: 100%;
  }

  /* Contact Section End */

}

.floating-boat {
  display: none;
}

.postid-5939 .floating-boat {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 99;
  display: block;
}

.postid-5939 .floating-boat .boat-desktop {
  display: block;
}

.postid-5939 .floating-boat .boat-mobile {
  display: none;
}

.postid-5939 .floating-boat img {
  width: 100%;
}

@media (max-width: 767px) {
  .postid-5939 .floating-boat .boat-desktop {
    display: none;
  }

  .postid-5939 .floating-boat .boat-mobile {
    display: block;
  }
}

@media (max-width: 480px) {
  .postid-5939 .floating-boat {
    bottom: 50%;
  }

  /* HubSpot Forms */

  .hbspt-form fieldset.form-columns-1,

  .hbspt-form fieldset.form-columns-2 {
    margin: 0 0;
  }

  .hbspt-form fieldset.form-columns-1>.hs-form-field,

  .hbspt-form fieldset.form-columns-2>.hs-form-field {
    padding: 0 0 1rem;
  }

  /* HubSpot Forms End */

}


/*New syle from GMI - start */

.head-red-button {
  font-weight: 600 !important;
  display: inline-block;
  padding: 0.5rem 1rem;
  background: #FF5A5A;
  color: #ffffff !important;
  text-align: center;
  border: 1px solid #FF5A5A;
  outline: 0;
  cursor: pointer;
  border-radius: 0;
  font-weight: normal;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}

.head-red-button:hover {
  background: #ffffff;
  color: #FF5A5A !important;
}

@media (max-width: 765px) {

  .head-red-button {
    display: inline-block;
    padding: revert;
    background: none;
    color: unset;
    text-align: center;
    border: none;
    outline: 0;
    cursor: pointer;
    border-radius: 0;
    font-weight: normal;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
  }

}

/*Filter CSS start*/
ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-0 {
  display: flex;
  flex-direction: column;
}

li.wc-block-product-categories-list-item.active {
  order: -1;
}

li.wc-block-product-categories-list-item.has-children.open.active-parent {
  order: -1;
}

div#block-16 li.wc-block-product-categories-list-item {
  display: none;
}

div#block-16 li.wc-block-product-categories-list-item:has(a.Rental.Equipment) {
  display: revert !important;
}

div#block-16 li.wc-block-product-categories-list-item:has(a.Used.Equipment) {
  display: revert !important;
}

div#block-11 li.wc-block-product-categories-list-item:has(a.Rental.Equipment) {
  display: none;
}

div#block-11 li.wc-block-product-categories-list-item:has(a.Used.Equipment) {
  display: none;
}

.pwb-brands-col3>div {
  display: none;
}

.pwb-brands-cols-outer {
  display: inline;
}

.pwb-brands-col3 {
  display: list-item !important;
  border-bottom: 1px #A5BEC8 solid !important;
  list-style: none;
  width: 100% !important;
  padding-top: 0.7rem;
}

.pwb-pagination-wrapper {
  border-top: none !important;
}

.pwb-brands-col3:has(.active) {
  background: rgba(210, 205, 205, .4);
}

.pwb-brands-cols-outer {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.pwb-brands-col3:has(.active) {
  order: -1;
}

a.clear-selection-brand {
  display: none;
  position: absolute;
  top: -1rem;
  right: 0;
  font-size: .9em;
}

a.clear-selection-brand.active {
  display: block;
}

a.clear-selection-availability {
  display: none;
  position: absolute;
  top: -1rem;
  right: 0;
  font-size: .9em;
}

a.clear-selection-availability.active {
  display: block;
}

li.wc-block-product-categories-list-item.has-children.active-parent.open {
  opacity: 1;
}

li.wc-block-product-categories-list-item.has-children.active-parent.open li.wc-block-product-categories-list-item.has-children.prdctcategory3 {
  opacity: 1;
}

li.wc-block-product-categories-list-item.has-children.active.open {
  opacity: 1;
}

li.wc-block-product-categories-list-item.has-children.active.open li.wc-block-product-categories-list-item {
  opacity: 1;
}

.prdct-list-gmi li.wc-block-product-categories-list-item.has-children {
  opacity: 1;
}

li.wc-block-product-categories-list-item.has-children {
  opacity: .5;
}

li.wc-block-product-categories-list-item {
  opacity: .5;
}

li.wc-block-product-categories-list-item.active.open {
  opacity: 1;
}

li.wc-block-product-categories-list-item.active {
  opacity: 1;
}

.prdct-list-gmi li.wc-block-product-categories-list-item {
  opacity: 1;
}

.prdct-list-gmi .pwb-brands-col3 {
  opacity: 1;
}

.pwb-brands-col3 {
  opacity: .5;
}

.pwb-brands-col3:has(.active) {
  opacity: 1;
}

li.wc-block-product-categories-list-item.has-children.open.active-parent li.wc-block-product-categories-list-item {
  opacity: 1;
}

div#block-21 {
  display: none;
}

section.products .content .filter-content .clear-selection.active {
  font-size: 15px;
  font-weight: 600;
}

.pwb-brands-col3 small {
  color: #B4B4B4;
  float: right;
  width: 2.5rem;
  font-size: .83rem;
  flex-shrink: 0;
}

li.gmi-prdct-attribute {
  position: relative;
  display: block;
  padding: 0.7rem 0;
  padding-right: 3.125rem rem;
  border-bottom: 1px #A5BEC8 solid;
}

span.gmi-prdct-attribute-count {
  color: #B4B4B4;
  float: right;
  width: 2.5rem;
  font-size: .83rem;
  flex-shrink: 0;
}

li.gmi-prdct-attribute:has(.active) {
  background: rgba(210, 205, 205, .4);
}

ul.attribute-terms-list {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.gmi-prdct-attribute:has(.active) {
  order: -1;
}

li.gmi-prdct-attribute:has(.active) {
  opacity: 1;
}

li.gmi-prdct-attribute {
  opacity: 0.5;
}

.prdct-list-gmi li.gmi-prdct-attribute {
  opacity: 1;
}

div#mCSB_1_container {
  display: flex;
  flex-wrap: wrap;
}

.filters .wcf-ai {
  margin-right: unset;
}

.filters .wcf-horizontal-popover {
  padding: 10px 40px 6px 20px;
}

/*Filter CSS end*/
/*...n-tsrats...*/
.pwb-brands-cols-outer.content {
  max-height: 400px;
  display: block !important;
}

.pwb-brands-cols-outer.content .mCSB_container {
  margin-right: 15px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #FF5A5A !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent !important;
}

.mCSB_scrollTools .mCSB_draggerContainer:before {
  position: absolute;
  left: 7px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
  width: 2px;
  height: 100%;
}

.filters .wc-block-product-categories,
.filters .attribute-terms-list {
  margin-bottom: 60px !important;
}

@media(max-width:1024px) {

  .filters .wc-block-product-categories,
  .filters .attribute-terms-list {
    margin-bottom: 40px !important;
  }
}

.product-tab__content .woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_pa_availability {
  display: none;
}

a.clear-selection-brand.active {
  display: none;
}

.single-product section.product-enquiry .form {
  margin: 0 auto
}

.single-product section.product-enquiry .heading {
  margin: 60px auto 3.33rem;
  max-width: 42rem;
  width: 100%
}

.single-product section.product-enquiry .form {
  float: inherit !important;
  margin: auto !important
}

.single-product section.product-enquiry .h2-style {
  text-align: left !important
}

.sln-loadmore a:hover {
  color: #FF5A5A
}

.sln-loadmore a {
  position: relative;
  display: inline-block
}

.sln-loadmore a::after {
  content: '';
  width: 1rem;
  height: .8rem;
  background: url(../img/right-double-arrow.svg) center center;
  background-size: cover;
  display: block;
  right: -1.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.2s right linear;
  position: absolute
}

.sln-loadmore a:hover::after {
  right: -1.75rem
}

@media (max-width: 1600px) {
  header .right .cart-icon a:before {
    /* background-image: url(../img/icon-cart.svg); */
    background-image: url(../img/cart-2.svg);
    width: 87px;
    height: 66px;
    background-size: auto;
    left: -11px;
    top: -10px;
  }
}

@media (max-width: 500px) {
  header .right .cart-icon a:before {
    /* background-image: url(../img/icon-cart.svg); */
    background-image: url(../img/cart-2.svg);
    width: 56px;
    height: 66px;
    background-size: contain;
    left: -9px;
    top: -15px;
  }

  .cart-icon {
    position: relative;
    left: -14px;
    top: -6px;
  }
}

/*New syle from GMI - end */

/*Footer style from GMI - start*/

@media (max-width: 767px) {
  footer .links .footer-navigation ul .sub-menu li {
    border-bottom: 1px solid #143954;
  }

  footer .menu-footer-mobile-menu-container h4 {
    font-size: 16px;
    line-height: 38px;
    font-weight: normal;
    padding-bottom: 0;
  }

  h4.f-menu-h3.ug-menu-important-link {
    font-size: 16px;
    line-height: 38px;
    font-weight: normal;
    padding-bottom: 0;
  }

  h4.f-menu-h3.ug-menu-contact {
    font-size: 16px;
    line-height: 38px;
    font-weight: normal;
    padding-bottom: 0;
  }

  footer .f-menu-h3 {
    position: relative;
    padding: 0px 0px 15px;
  }

  footer .f-menu-h3:after {
    background: url(../img/arrw-path.svg) no-repeat center center;
    content: "";
    width: 14px;
    height: 40px;
    display: inline-block;
    position: absolute;
    right: 1rem;
    top: 0;
  }

  footer .active.f-menu-h3:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  #f-menu-section {
    display: none;
  }

  #menu-footer-mobile-location-menu {
    display: none;
  }

  #f-contact-section {
    display: none;
  }

  #menu-footer-mobile-important-links-menu {
    display: none;
  }

  #f-menu-section.active {
    display: block;
    margin-bottom: 25px;
  }

  #menu-footer-mobile-location-menu.active {
    display: block;
    margin-bottom: 25px;
  }

  #f-contact-section.active {
    display: block;
    margin-bottom: 25px;
  }

  #menu-footer-mobile-important-links-menu.active {
    display: block;
    margin-bottom: 25px;
  }

  footer .links .footer-navigation {
    width: 100%;
  }

  #menu-footer-mobile-location-menu.active,
  #menu-footer-mobile-important-links-menu.active {

    background: #0A2940;

    padding: 1rem 1rem 1rem;

  }

  #menu-footer-mobile-location-menu.active li {

    border-bottom: 1px solid #1d384d;

    padding-bottom: 6px;

  }

  footer .links .footer-navigation {
    padding: 3rem 0 0;
  }

  footer .links {
    padding: 0 !important;
  }

  .menu-footer-mobile-menu-container {
    padding: 0 1rem 0;
  }

  h4.f-menu-h3.ug-menu-contact {
    padding: 0 1rem 0;
  }

  h4.f-menu-h3.ug-menu-important-link {
    padding: 0 1rem 0;
  }
}

/*Footer style from GMI - end*/

.menu-item-9227 sup,
.menu-item-740 sup {
  font-size: 50%;
  top: -1em;
}

.wcf-is-child-term {
  margin-left: 22px !important;
}

/*new video banner*/
.banner video {
  width: 100%;
}

.mobile-banner-img {
  display: none;
}

@media (max-width: 1024px) {
  .home .banner {
    min-height: calc(100vh - 67rem);
  }
}

@media (max-width: 820px) {
  .home .banner {
    min-height: calc(100vh - 76rem);
  }
}

@media only screen and (min-width: 768px) and (max-width: 812px) {
  .home .banner {
    min-height: calc(100vh - 67rem);
  }
}

@media (max-width: 767px) {
  .home .banner {
    min-height: calc(100vh - 5rem);
  }

  .desktop-banner-img {
    display: none;
  }

  .home .banner__overlay {
    background-color: rgba(0, 0, 0, 0.3);
  }

  .mobile-banner-img {
    display: block;
    width: 100%;
  }
}

/*new video banner ends*/

div#hbspt-form-822533d2-12c3-47d3-9b89-850e4ebed566 {
  display: none;
}


/*Hide Banner Section on customer-feedback page - start*/
.page-id-10577 section.banner {
  display: none;
}

/*Hide Banner Section on customer-feedback page - start*/

/*add styel to math captcha form - start*/
img.dscf7_captcha_icon {
  width: 23px;
}

img.dscf7_captcha_reload_icon {
  width: 23px !important;
}

p.dscf7captcha {
  font-size: 24px;
}

.dscf7captcha input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  font-size: 17px;
  margin-top: 10px;
}

/*add styel to math captcha form - end*/
.newsletter form#hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.newsletter form#hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 fieldset.form-columns-1 {
  width: 50%;
  margin: 0;
}

.newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 label {
  color: #fff;
}

.newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 input {
  display: block;
  width: 100%;
  background: #fff;
  color: #0A1E2D;
  outline: 0;
  padding: 0.75rem 0.5rem !important;
  border-radius: 0;
  line-height: 1.2;
  border: 1px #979797 solid;
}

.newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input label input {
  width: 20px;
}

.newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .hs-form-field {
  padding: 0 1rem 1rem 0;
}

.newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input label input[type="checkbox"] {
  display: inline-block !important;
  width: auto !important;
  margin: 0.25rem 0.5rem 0.25rem 0;
  position: relative;
  cursor: pointer;
  appearance: none;
  border: none;
}

.newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input label input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
  border: 1px solid #888E91;
  background-color: #fff;
}

.hbspt-form fieldset.form-columns-1:last-child {
  width: 100%;
}

.hbspt-form fieldset.form-columns-2 {
  width: 100%;
}

.newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input label input[type=checkbox]:checked:after {
  content: "";
  display: block;
  width: 6px;
  height: 12px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 5px;
  left: 10px;
}

.newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input .inputs-list .hs-form-checkbox-display span {
  padding-left: 17px;
  font-size: 15px;
  line-height: 18px;
}

.newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input .inputs-list .hs-form-checkbox-display {
  display: flex;
  align-items: center;
  padding: 0.25rem 0;
}

.newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .hs_submit input[type="submit"] {
  display: block;
  width: auto !important;
  background: #FF5A5A !important;
  color: #fff;
  padding: 0.75rem 1.2rem !important;
  text-align: center;
  font-weight: 400;
  border: 0;
  border-radius: 0;
  outline: 0;
  margin: 0 0;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
  font-size: 16px;
}

.newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .hs_submit input.hs-button:hover {
  color: #000 !important;
}

.newsletter .hs-form-a3d0d447-78ee-4711-893c-04bc746b1734_c8dac87a-8bf0-43d2-b563-92aff49f77ec .hs-form-field label:not(.hs-error-msg) {
  color: #fff;
}



.newsletter-small #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input .inputs-list .hs-form-checkbox-display {
  display: flex;
  align-items: center;
  padding: 0 0;
}

.newsletter-small #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input .inputs-list .hs-form-checkbox-display span {
  padding-left: 17px;
  font-size: 15px;
  line-height: 18px;
}

.newsletter-small #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input label input[type="checkbox"] {
  display: inline-block !important;
  width: auto !important;
  margin: 0.25rem 0.5rem 0.25rem 0;
  position: relative;
  cursor: pointer;
  appearance: none;
  border: none;
  padding: 10px !important;
}

.newsletter-small #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input label input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  border: 1px solid #888E91;
  background-color: #fff;
}

.newsletter-small #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .input label input[type=checkbox]:checked:after {
  content: "";
  display: block;
  width: 6px;
  height: 12px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 2px;
  left: 8px;
}

.newsletter-small #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .hs_submit input[type="submit"] {
  display: block;
  width: 40% !important;
  background: #FF5A5A !important;
  color: #fff;
  padding: 0.75rem 1.2rem !important;
  text-align: center;
  font-weight: 400;
  border: 0;
  border-radius: 0;
  outline: 0;
  margin: 0 0;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
  font-size: 16px;
}

.newsletter form#hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 fieldset.form-columns-1 {
  width: 50%;
}

.newsletter form#hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 input.hs-button:hover {
  color: #000 !important;
}

.newsletter p:last-child,
.newsletter-small p:last-child {
  margin-top: 0;
}

.newsletter p:last-child br,
.newsletter-small p:last-child br {
  display: none;
}

@media (max-width: 765px) {
  .newsletter form#hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 fieldset.form-columns-1 {
    width: 100%;
  }

  .newsletter #hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 .hs-form-field {
    padding: 0 0 1rem 0;
  }
}

label#label-product_category-a3d0d447-78ee-4711-893c-04bc746b1734 {
  display: block !important;
  padding-bottom: 15px;
}

#hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 label {
  color: #fff;
}

#hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 input {
  display: block;
  width: 100%;
  background: #fff;
  color: #0A1E2D;
  outline: 0;
  padding: 0.75rem 0.5rem !important;
  border-radius: 0;
  line-height: 1.2;
  border: 1px #979797 solid;
}

.hs-form-a3d0d447-78ee-4711-893c-04bc746b1734_c8dac87a-8bf0-43d2-b563-92aff49f77ec .hs-form-field label:not(.hs-error-msg) {
  color: #fff;
}

.hsForm_a3d0d447-78ee-4711-893c-04bc746b1734 input {
  width: 10px !important;
}

/*banner cta style - start*/
.page-id-720 .banner-sp .banner__cta {
  margin-right: 1rem;
}

.page-id-720 .banner-sp {
  margin-bottom: 2rem;
}

/*banner cta style - end*/
.sl-list .each .service-list ul li a:hover {
  color: #FF5A5A;
}

.menu-item-206 sup,
.menu-item-11193 sup,
.menu-item-208 sup,
.menu-item-11195 sup {
  font-size: 50%;
  top: -1em;
}

.red-box .h2-style {
  margin: 0 0 .77rem;
}

.page-id-11247 section.simple-text {
  display: none;
}


/*Sustainability CSS - start*/

.page-id-11404 .esg-detail {
  padding-bottom: 0px;
}


/* style added latest 12-07-2024 */
.page-id-11404 .banner h1 {
  font-size: 60px !important;
  line-height: 70px !important;
}

.page-id-11404 .banner p {
  font-size: 21px !important;
}

.about-detail .content .each>div {
  position: relative;
}

.about-detail .content .each .text h2 {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
  padding: 10px 0;
}

.banner-sp .red-button {
  font-size: 20px;
}

.about-detail .content .each .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.our-story-section {
  padding-top: 30px;
}

.about-detail .content .each>div {
  height: 430px;
  overflow-y: auto;
}

.new-text-wrap p {
  font-size: 26px !important;
}

.new-text-wrap h3 {
  font-size: 28px !important;
}

.new-text-wrap h4 {
  font-size: 20px !important;
}

.new-text-wrap {
  background: #487d3b !important;
}

.about-detail .content .each {
  display: flex;
  flex-direction: row;
  margin: 0 -1.66rem 5.55rem;
}

.about-detail .content .each .image {
  height: 450px;
  object-fit: cover;
}

.new-slider {
  position: relative;
  height: 450px;
}

.swiper {
  height: 100%;
}

.swiper-slide {
  height: 100%;
}

@media (max-width:570px) {
  .page-id-11404 .banner h1 {
    font-size: 45px !important;
    line-height: 54px !important;
  }

  .page-id-11404 .banner p {
    font-size: 18px !important;
  }

  .new-text-wrap p {
    font-size: 20px !important;
  }

  .new-text-wrap h3 {
    font-size: 25px !important;
  }

  .new-text-wrap h4 {
    font-size: 17px !important;
  }

  .about-detail .content .each .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
  }

  .new-slider {
    height: 100%;
  }

  .about-detail .content .each>div {
    height: 100%;
    overflow-y: unset;
  }

  .about-detail .content .each {
    flex-direction: column;
  }

  .about-detail .content .each .image {
    height: 100%;
    object-fit: unset;
  }

  .about-detail {
    padding-bottom: 0;
  }

  /* new-style-2 */
  .cred-box .desk-img {
    display: none !important;
  }

  .cred-box .mob-img {
    display: block !important;
    object-fit: cover;
    width: 100%;
  }

  .cred-box .mob-img img {
    height: 100%;
    max-width: 100%;
  }

  /* new-style-2 end */

}

/* end */

/*Sustainability CSS - end*/

/*Decommissioning Services page css start*/

.dscontainer,
.dsbox,
.dsbox img,
.dsbox-content {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.dscontainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
  /*            max-width: 1200px;*/
}

.dsbox {
  position: relative;
  margin: 10px;
  flex: 1 1 calc(33.333% - 20px);
  min-width: 250px;
  /*            height: 300px;*/
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*            background-color: #007bff;*/
  /*            color: #fff;*/
  /*            padding: 20px;*/
  text-align: center;
  border-radius: 10px;
}

.dsbox img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  transition: transform 0.3s ease;
}

.dsbox:hover img {
  transform: scale(1.1);
}

@media (max-width: 768px) {
  .dsbox {
    flex: 1 1 calc(50% - 20px);
  }
}

@media (max-width: 480px) {
  .dsbox {
    flex: 1 1 100%;
  }
}

/*Decommissioning Services page css end*/

.menu-secondary-menu-container sup {
  font-size: 50%;
  top: -1em;
}

.primary-navigation sup {
  font-size: 50%;
  top: -1em;
}

.menu-secondary-menu-container .sub-menu li:last-child {
  line-height: 23px;
}

/* style-joe start - for product listing*/

ul.page-numbers {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  padding: 0 0;
  margin: 0 -0.12rem;
  list-style: none;
}

ul.page-numbers li.page-nav--prev {
  text-align: left;
  display: none;
}

ul.page-numbers li.page-nav {
  flex-grow: 1;
  display: none;
}

ul.page-numbers li {
  margin: 0 0.12rem 0.24rem;
}

ul.page-numbers li .page-numbers {
  display: inline-block;
  line-height: 2.78rem;
  text-align: center;
  width: 2.78rem;
  border: 1px transparent solid;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.woocommerce-pagination .page-numbers li .page-numbers.current {
  background-color: #A5BEC8;
  border-color: #A5BEC8;
  color: #fff;
}

/* end */


/* =================================style-s jobetails-page start============================= */

@font-face {
  font-family: 'Px Grotesk';
  src: url("../fonts/PxGroteskRegular.woff2") format("woff2"), url("../fonts/PxGroteskRegular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.commons-space {
  padding: 100px 0;
}

.job-detail-sec h2 {
  font-size: 4.7rem;
  line-height: 80px;
  color: #000;
  font-weight: 400;
  margin-bottom: 40px;
}

.job-detail-sec span {
  color: #FF5A5A;
}

.deatails-jobs {
  display: flex;
}

.det-left {
  width: 100%;
  display: flex;
  margin-right: 10px;
  align-items: center;
}

.share-link {
  width: 100%;
  display: flex;
  font-weight: 700;
  color: #ff5a5a;
  align-items: center;
  justify-content: flex-end;
  padding-right: 57px;
}

.job-det-tags {
  margin-right: 60px;
  color: #000;
  display: flex;
  justify-content: center;
}

.job-det-tags span {
  color: #ffffff;
  font-size: 17px;
  margin-left: 10px;
  font-weight: 600;
}

.desktop-detials-job {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.job-det-tags img {
  filter: grayscale(10);
}

.detail-jobs {
  padding-top: 47px;
  width: 100%;
}

.job-detail-sec .container {
  padding: 0;
}

.share-link .addtoany_shortcode {
  padding-left: 8px;
}

.detail-jobs h3 {
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 40px;
  color: #000;
}

.job-detail-sec .detail-jobs p {
  font-size: 16px;
  line-height: 24px;
}

.job-requir li {
  font-size: 16px;
  line-height: 25px;
  color: #000;
}

.job-requir {
  padding-top: 40px;
}

.job-form-sec {
  display: none;
}

.job-form-sec.active {
  display: block;
  background: #f4f4f4;
}

.button-main {
  display: flex;
  margin-top: 50px;
}

.apply-submit-bttn .button-main .button {
  padding: 1px 18px;
  font-weight: bold !important;
  font-size: 16px;
}

.button-main .button {
  display: flex;
  list-style-type: none;
  color: #fff;
  text-decoration: none;
  background: #FF5A5A;
  padding: 9px 32px;
  align-items: center;
  transition: all 0.2s ease-in-out;
  border: 1px solid #FF5A5A;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}

.apply-submit-bttn input[type="submit"]:hover {
  color: #000;
}

.button-main .button span {
  color: #fff;
}

.button-main .button svg pth {
  stroke: #fe7070;
  stroke: rgb(255 255 255);
}

.button-main .button svg {
  margin-left: 19px;
}

.button-main .button path {
  stroke: #fff;
}

.button-main .button:hover path {
  stroke: #000;
}

.button-main .button:hover {
  background: none;
  color: #000;
}

.button-main .button:hover span {
  color: #000;
}

.job-form-sec h2 {
  font-size: 40px;
  line-height: 45px;
  margin-bottom: 40px;
  color: #000;
}

.job-form-sec span {
  display: block;
  color: #FF5A5A;
}

.job-form-sec .container {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.col-form-details {
  width: 100%;
  margin-bottom: 17px;
}

.col-form-details input[type="text"] {
  width: 100%;
  border: 0;
  padding: 10px;
  display: flex;
  color: #0A1E2D;
  outline: 0;
  padding: 1rem 1rem;
  border-radius: 0;
  line-height: 1.2;
  border: 1px #c8c8c8 solid;
  font-size: 17px;
}

.file-upload {
  display: flex;
  margin-top: 53px;
}

.apply-submit-bttn input[type="submit"] {
  border: 0;
  background: none;
  color: #fff;
  font-weight: bold;
}

.apply-submit-bttn .button:hover input[type="submit"] {
  color: #000;
}

.col-upload {
  display: flex;
  position: relative;
}

.col-upload label {
  display: flex;
  position: absolute;
  left: 0;
  align-items: center;
  font-size: 19px;
  font-weight: 400;
  color: rgba(10, 30, 45, .6);
}

.share-link svg {
  max-width: 23px;
  width: 100%;
  height: 23px;
  transition: transform .2s;
}

.share-link a {
  text-decoration: none;
  margin-right: 5px;
  max-width: 25px;
}

.share-link svg:hover {
  transform: scale(1.5);
}

.col-upload input[type="file"] {
  table-layout: unset;
  color: #ff0808;
  border: 0;
  opacity: 1;
  font-size: 14px;
  margin-top: 0;
  margin-right: 10px;
  display: block;
  position: relative;
  z-index: 999;
}

.job-form-sec .file-upload label:after {
  content: "";
  position: relative;
  display: flex;
  background: url(../images/icon-attachment.svg) no-repeat;
  width: 15px;
  height: 16px;
  margin-left: 24px;
  cursor: pointer;
}

button#cload-more-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border: 0;
  background: #ff5a5a;
  color: #fff;
  padding: 10px 28px;
  margin-top: 66px;
  border: 1px solid #ff5a5a;
  transition: all 0.2s ease-in-out;
  font-weight: 600;
}

button#cload-more-button:hover {
  background: none;
  color: #ff5a5a;
}

.banner-details:after {
  position: absolute;
  width: 100%;
  background: #0000002e;
  content: "";
  height: 100%;
  display: flex;
  top: -1px;
  bottom: 0;
  left: 0;
  right: 0;
}

/*
  .banner-top:after {
    position: absolute;
    width: 100%;
    background: #0000002e;
    content: "";
    height: 100%;
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  */
/* ==================style-end jobdetails-page======================= */

/* =================style-s- jobdetails-listing-new-style- start =====================*/
.job-lists-det {
  display: flex;
  align-items: center;
}

.apply-job {
  margin-top: 0 !important;
}

.job-lists-det {
  display: flex;
  align-items: center;
}

.addtoany_list a img {
  width: 25px;
  height: 25px;
}

.job-list-col {
  width: 100%;
  max-width: 205px;
  font-size: 16px;
  color: #000;
  font-weight: 500;
}

.job-list-col span {
  display: flex;
  align-items: center;
  text-align: center;
  color: #8c8c8c;
}

.joblist-wrapp {
  background: #fff;
  padding: 39px 20px;
  border-radius: 6px;
  box-shadow: 0px 6px 40px #00205B1D;
  margin-bottom: 20px;
}

.job-list-col.job-title {
  max-width: 535px;
  font-size: 20px;
  font-weight: 400;
}

.job-list-col.job-time {
  max-width: 371px;
  line-height: 26px;
}


.job-list-col .apply-job {
  background: #ff5a5a;
  padding: 14px 29px;
  color: #fff;
}

.job-list-col .apply-job .text {
  color: #fff;
}

.apply-button svg path {
  stroke: #fff;
  margin: 12px;
  display: inline-block;
  padding: 10px;
}

.job-list-col .apply-job:hover {
  background: transparent;
  border: 1px solid #ff5a5a;
  color: #ff5a5a;
}

.job-search {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 0;
  width: 100%;
  border-bottom: 1px solid #0000003b;
  box-shadow: 0px 10px 15px -15px black;
  padding: 50px 60px;
  background: #fff;
  position: relative;
}

.col-serch {
  width: 80%;
  margin: 0px 10px 0 0;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border: 1px solid #00000021;

}

.job-search .error {
  font-size: 14px;
  margin-top: 5px;
  color: #f00;
}

.col-serch span {
  position: absolute;
  left: auto;
  right: 15px;
  top: 17px;
  width: 20px;
  height: 27px;
}

.col-serch input[type="text"] {
  border: 0;
  padding: 19px 19px !important;
  display: inline-block;
  height: 61px;
}

.col-serch.search-button {
  width: 20%;
}

button.bt-search {
  border: 0;
  background: #ff5a5a;
  display: flex;
  padding: 19px 37px;
  font-size: 17px;
  color: #fff;
  font-weight: 600;
  border: 1px solid #ff5a5a;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 61px;
}

.job-search .col-serch svg {
  width: 100%;
  height: 30px;
}

.col-serch.col-button {
  width: 20%;
  margin-right: 0;
}

.apply-button:hover path {
  stroke: #000;
}

.job-list-col .apply-job .text:hover {
  color: #000;
}

.apply-button a span:after {
  display: none;
}

.job-list-col .apply-job:hover .text {
  color: #ff5a5a;
}

button.bt-search:hover {
  background: none;
  color: #ff5a5a;
  border: 1px solid #ff5a5a;
}

.apply-job svg:hover path {
  stroke: #ff5a5a;
}

section.section4 .content .image {
  position: relative;
}

section.section4 .content {
  position: relative;
}

.job-form-sec .container {
  padding-top: 0 !important;
}

/* new-style-2 */
/* modal */
.trigger {
  position: absolute;
  padding: 7px 13px;
  background: transparent;
  color: #fff;
  outline: none;
  border: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 140px;
  margin: 0 auto;
  cursor: pointer;
}

.trigger.yutube-btn img {
  transition: 0.5s ease;
}

.trigger.yutube-btn:hover img {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

/* new-style-2 -end*/

/* modal */
/*  .trigger{
    position: absolute;
    padding: 7px 13px;
    background: #3e3e3e;
    color: #fff;
    outline: none;
    border: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 81px;
    margin: 0 auto;
  }*/

.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
  z-index: 99;
}

.modal-content {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  width: 60rem;
}

.close-button {
  width: 2.1rem;
  line-height: 2.1rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  background-color: #ff5a5a;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 100%;
  margin-top: 0;
  color: #fff !important;
  border-radius: 18px;
  margin-bottom: 0;
}

.close-button:hover {
  background-color: darkgray;
}

.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1.0);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}


.col-form-details span {
  font-size: 16px;
  margin-top: 6px;
  font-weight: 400;
}

.yutube-btn {
  background: url(../../img/play-btn.png) center center no-repeat;
  display: inline-block;
}

iframe {
  width: 100%;
  margin-top: 10px;
}

.openings.listing-job-open .heading {
  margin-bottom: 0 !important;
}

.openings.listing-job-open .job-main-wrapp {
  width: 100%;
  padding: 4rem 5rem;
  padding-top: 2rem;
}

.content-top-banner h2 {
  color: #ffff;
}

.banner-top {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  color: #fff;
  font-size: 50px;
  text-align: left;
  z-index: 9;
  padding: 3.2rem 5rem;
  width: 100%;
}

.banner-content h1 {
  font-size: 4.7rem !important;
  text-transform: capitalize;
  font-weight: 400 !important;
}

.openings.listing-job-open:before {
  display: none !important;
}

section.openings.listing-job-open {
  padding: 0 0 !important;
}

input::file-selector-button {
  margin-right: 38px;
  color: transparent;
  border: 0;
  display: block;
  background: transparent !important;
  position: relative;
  z-index: 999;
  margin-top: 20px;
}

.job-qa {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #000 !important;
}

section.job-detail-sec {
  padding: 0;
}

.details-jobs {
  padding: 4rem 6rem;
}

section.job-detail-sec {
  position: relative;
}

.banner-details {
  background: #e5e5e5;
  position: relative;
}

.content-top-banner {
  padding: 0 5rem;
  position: absolute;
  /*top: 40%;*/
  top: 100px;
  z-index: 9;
  left: 0;
}

select.search {
  background-image: url(../img/arrow-search.png);
  background-repeat: no-repeat;
  background-position: right 0.2rem top 50%;
  padding: 19px 19px !important;
  border: 0;
  background-size: auto;
  height: 61px;
}

.detail-jobs-block {
  display: flex;
}

.col-left-details {
  width: 80%;
  /* max-width: 801px; */
  padding-right: 30px;
}

.col-right-detials {
  width: 33%;
  padding: 0;
  height: auto;
}

.play-details img {
  width: 100%;
  height: auto;
}

.play-details {
  position: relative;
}

.about-details h2 {
  font-size: 26px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 0;
}

.mobile-detials-job {
  display: none;
}

.about-details {
  background: #fafafa;
  padding: 30px;
  margin-bottom: 23px;
}

.about-details {
  font-size: 15px;
  line-height: 21px;
  margin-top: 0;
}

.detail-jobs li {
  font-size: 16px;
  line-height: 19px;
  padding-bottom: 10px;
  color: #0A1E2D;
}

.detail-jobs ul {
  padding-left: 1rem;
  ;
}

.mobile-banner {
  display: none;
}

.marquee-container {
  z-index: 99 !important;
}

.desktop-banner {
  width: 100%;
  object-fit: cover;
}

.banner-details {
  object-fit: cover;
  position: relative;
  width: 100%;
  height: 521px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 5rem);
}

.job-form-sec .wpcf7 form.invalid .wpcf7-response-output {
  color: #ff0c0c;
}

.job-list-col.job-loc {
  margin-right: 94px;
}

/* jobdetails-listing-End */

.section4.explore-career .content .text {
  width: 60%;
}

.section4.explore-career .content .image {
  position: relative;
  margin-top: 54px;
}

.banner-mobile-acf {
  display: none !important;
}

/* new-style-2 */

.careers-slide .cview-more {
  display: block;
  margin-top: 43px;
  margin-bottom: 30px;
  padding-right: 18px;
}

.careers-slide .cview-more span {
  display: flex;
  position: relative;
  align-items: flex-end;
  justify-content: flex-end;
}

.careers-slide .cview-more span:after {
  content: '';
  width: 1rem;
  height: .8rem;
  background: url(../../assets/images/right-double-arrow.svg) center center;
  background-size: cover;
  display: block;
  right: -1.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.2s right linear;
  position: absolute;
}

.careers-slide .cview-more a.view-more:hover span:after {
  right: -1.75rem;
}

.cred-box .mob-img {
  display: none;
}

/* 01-10 */
.sg-popup-content {
  border: none;
  box-shadow: none !important;
}

.sgpb-popup-dialog-main-div-theme-wrapper-1 {
  border: 1px solid #011f49 !important;
  border-radius: 30px !important;
}

.prcontent .content {
  max-width: 100% !important;
}

.sgpb-popup-overlay {
  backdrop-filter: blur(0) !important;
}

.unique-table-section__content td {
  max-width: 162px;
}

.unique-table-section__content table td:nth-child(2) {
  /* padding-right: 51px; */
  max-width: 279px;
}

.DDEquipment h5 {
  margin-bottom: 0;
  line-height: 20px;
}

.DDEquipment .red-button.prform {
  margin-top: 37px;
}

.unique-table-section .heading {
  margin-bottom: 20px;
}

.DSEquipment h5 {
  margin-bottom: 0;
  line-height: 20px;
}

.DSEquipment a {
  margin-top: 37px;
}

.DDEquipment .image {
  margin-top: 39PX;
}

.DSEquipment .image {
  margin-top: 39PX;
}

.prcontent {
  padding-bottom: 107px;
}

/* new-style--20-9 */
.hsForm_4895081e-0bb0-4706-b9b5-059c45309702 {
  max-width: 735px !important;

}

.hsForm_4895081e-0bb0-4706-b9b5-059c45309702 .hbspt-form .input .inputs-list .hs-form-booleancheckbox-display span {
  padding-left: 1px !important;
}

.hsForm_4895081e-0bb0-4706-b9b5-059c45309702 .hs_submit.hs-submit {
  max-width: 152px !important;
}

.hsForm_4895081e-0bb0-4706-b9b5-059c45309702 input[type=submit] {
  padding: 0.9rem 1rem !important;
  font-size: 17px !important;
}

.hsForm_4895081e-0bb0-4706-b9b5-059c45309702 textarea.hs-input {
  width: 100% !important;
  max-width: 700px !important;
}

section#SurveyEquipment {
  scroll-margin-top: 100px;
}

@media (max-width:680px) {
  .unique-table-section__content table td:nth-child(2) {
    padding-right: 0;
    max-width: 100%;
  }

  .unique-table-section__content td {
    max-width: 100%;
  }

  .prdct-list-gmi .prcontent .red-button {
    width: 100%;
    margin-top: 13px;
  }

}

/* new-style-2-end */

/* jobdetails-listing-Responsive-start */
@media (max-width:1400px) {
  button.bt-search {
    padding: 19px 37px;
  }
}

@media (max-width:1024px) {
  .job-detail-sec h2 {
    font-size: 4.7rem;
    line-height: 105px;
    margin-bottom: 0;
  }

  .about-details {
    padding: 30px 20px;
    margin-bottom: 23px;
  }

  .modal-content {
    top: 50%;
    bottom: 0;
  }

  .container {
    padding-top: 3.65rem !important;
  }

  .banner-top img {
    width: 100%;
    max-width: 100%;
  }

  .banner-content h1 {
    font-size: 4.7rem !important;
  }
}

@media (max-width:864px) {
  button.bt-search {
    padding: 14px 37px;
  }
}

@media (max-width: 765px) {
  .grey-section .content {
    max-width: 100%;
  }
}

@media (max-width: 680px) {
  .job-lists-det {
    flex-wrap: wrap;
  }

  .job-list-col.job-title {
    max-width: 100%;
  }

  .job-list-col {
    margin-bottom: 15px;
    line-height: 20px !important;
  }

  .col-serch.col-button {
    width: 100%;
  }

  button.bt-search {
    display: flex;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
  }

  .col-serch {
    margin-bottom: 22px;
    width: 100%;
    margin-right: 0;
  }

  .modal-content {
    width: 100%;
  }

  .close-button {
    right: 10px;
  }

  /*================= jobdetails-page-responsive================ */

  .job-detail-sec h2 {
    font-size: 3rem;
    line-height: 60px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .deatails-jobs {
    flex-wrap: wrap;
    padding-top: 0;
  }

  .job-det-tags {
    width: 100%;
    margin-bottom: 18px;
    justify-content: flex-start;
    margin-right: 0;
  }

  .det-left {
    margin-bottom: 20px;
    margin-top: 19px;
  }

  .job-det-tags span {
    font-size: 17px;
  }

  .detail-jobs h3 {
    font-size: 35px;
    text-align: center;
  }

  .detail-jobs {
    padding-top: 62px;
  }

  .job-requir li {
    text-align: left;
  }

  .col-upload {
    flex-wrap: wrap;
  }

  .commons-space {
    padding: 80px 0;
  }

  .detail-jobs p {
    text-align: left;
    font-size: 30px;
    line-height: 33px;
  }

  .share-link {
    width: 100%;
    padding-right: 0;
  }

  .file-upload {
    flex-wrap: wrap;
  }

  .job-form-sec h2 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 19px;
  }

  .banner-content h1 {
    font-size: 3rem !important;
  }

  .banner-top img {
    width: 100%;
  }

  .openings.listing-job-open .job-main-wrapp {
    padding: 2rem 2rem;
  }

  .job-search {
    margin-bottom: 0;
  }

  .job-search {
    padding: 50px 25px;
  }

  .content-top-banner {
    top: 20px;
    padding: 0 1rem;
  }

  .details-jobs {
    padding-top: 19px;
    text-align: left;
  }

  .detail-jobs-block {
    flex-wrap: wrap;
    padding-top: 0;
  }

  .col-left-details {
    width: 100%;
    padding-right: 0;
  }

  .detail-jobs li {
    font-size: 16px;
    line-height: 24px;
  }

  .col-right-detials {
    width: 100%;
    padding: 39px 0;
    margin-top: 0;
    padding-bottom: 0;
  }

  .details-jobs {
    padding: 4rem 1rem;
  }

  iframe {
    width: 100%;
  }

  .job-search {
    flex-wrap: wrap;
  }

  header {
    top: 0;
  }

  .job-detail-sec .container {
    padding: 0;
  }

  .details-jobs .container {
    padding-top: 0 !important;
  }

  .content h2 {
    margin-top: 0;

  }

  .section4 {
    padding: 6rem 2rem !important;
  }

  /* new-style-s */
  .section4.explore-career .content {
    flex-direction: column;
  }

  .section4.explore-career .content .text {
    width: 100%;
  }

  .section4 .content .image {
    height: auto;
  }

  .section4 .content .image {
    width: 100%;
  }

  .button-main.submityourcv {
    padding-left: 0 !important;
    margin-top: 23px;
  }

  .button-main {
    width: 68%;
    margin-top: 15px;
  }

  .button-main .button {
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
  }

  /* new-style-s-end */
}

@media (max-width:575px) {
  .search-button button {
    width: 100%;
    align-items: center;
    justify-content: center;
  }

  .job-search {
    width: 100%;
    flex-wrap: wrap;
  }

  .col-serch {
    margin-bottom: 22px;
  }

  .desktop-detials-job {
    display: none;
  }

  .mobile-detials-job {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 100%;
  }

  .content-top-banner {
    top: 210px;
  }

  .desktop-banner {
    display: none;
  }

  .mobile-banner {
    display: block;
  }

  .banner-desktop-acf {
    display: none !important;
  }

  .banner-mobile-acf {
    display: block !important;
  }


  .section4 .content .image {
    width: 100%;
    height: 100%;
  }

  .job-detail-sec .detail-jobs p {
    font-size: 16px;
    line-height: 24px;
  }

  .banner-top {
    height: 100% !important;
    min-height: 100% !important;
  }
}

/* ================================style-s END=============================== */

/*Menu style - start*/

@media (min-width: 768px) {
  .secondary-navigation .sub-menu li ul.sub-menu {
    display: none !important;
  }

  /* .secondary-navigation .sub-menu li:nth-child(2) ul.sub-menu{
  display: none !important;
} */

  .secondary-navigation .sub-menu li:first-child {
    position: relative;
  }

  .secondary-navigation .sub-menu li:hover>ul.sub-menu {
    display: block !important;
    position: absolute;
    left: 100%;
    top: -14px;
  }

  /* .secondary-navigation .sub-menu li:nth-child(2):hover > ul.sub-menu {
  display: block !important;
  position: absolute;
  left: 100%;
  top: 0;
} */
  .secondary-navigation .sub-menu {
    padding-right: 0 !important;
  }
}


/*
@media (max-width: 765px) {
  .sub-menu li:first-child:hover > ul.sub-menu {
    display: block !important;
    position: inherit;
    left: 0;
    top: 0;
    background: #DDDDDD;
    padding-left:10px;
    padding-right: 10px;
  }
  .sub-menu li:nth-child(2):hover > ul.sub-menu {
    display: block !important;
    position: inherit;
    left: 0;
    top: 0;
    background: #DDDDDD;
    padding-left:10px;
    padding-right: 10px;
  }
  .sub-menu li:first-child a{
    position: relative;
  }

  .sub-menu li:first-child a:after {
    content: '' !important;
    width: 1rem !important;
    background: url(../img/right-double-arrow.svg) center center no-repeat !important;
    background-size: 100% auto !important;
    position: absolute !important;
    right: 0 !important;
    height: 100% !important;
    top: 0 !important;
    opacity: 1 !important;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
  }

  .sub-menu li:nth-child(2) a{
    position: relative;
  }

  .sub-menu li:nth-child(2) a:after {
    content: '' !important;
    width: 1rem !important;
    background: url(../img/right-double-arrow.svg) center center no-repeat !important;
    background-size: 100% auto !important;
    position: absolute !important;
    right: 0 !important;
    height: 100% !important;
    top: 0 !important;
    opacity: 1 !important;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
  }

}*/

/*Menu style - end*/


/*Youtube Play icon style (career pmain page)- start*/
.explore-career.section4 .content .image {
  width: 60%;
  height: 100%;
}

@media (max-width: 765px) {
  .explore-career.section4 .content .image {
    width: 100%;
    height: 100%;
  }

  .cred-box .heading {
    margin-top: -2%;
  }

  /* style-new-s-19 */
  header .hamburger-menu .primary-navigation li a {
    padding-right: 0;
    margin-right: 4rem;
  }

  header .hamburger-menu .primary-navigation .menu>li.menu-item-has-children.open>.sub-menu>li.menu-item-has-children>a::after {
    content: "";
    position: absolute;
    display: flex;
    top: 0.1rem;
    width: 1rem;
    background: #000;
    opacity: 1;
    background: url(../img/right-double-arrow.svg) center center no-repeat;
    /* background: url(../right-double-arrow.svg) center center no-repeat; */
    background-size: 100% auto;
    right: -4rem;
    pointer-events: none;
    transform: rotate(90deg);
  }

  header .hamburger-menu .primary-navigation .menu>li.menu-item-has-children.active.open>.sub-menu>li.menu-item-has-children.open>a::after {
    transform: rotate(270deg);
  }

  /* new-style-s-22-10*/
  .unique-table-section__content table tr td:first-child {
    background: #073763;
    color: #fff;
  }

  .unique-table-section__content table td:first-child:before {
    color: #ffff;
  }

  /* new-style-s-22-10 - end*/
}

@media (max-width:680px) {
  .unique-table-section__content table td:nth-child(2) {
    padding-right: 0;
    max-width: 100%;
  }

  .unique-table-section__content td {
    max-width: 100%;
  }

  .prdct-list-gmi .prcontent .red-button {
    width: 100%;
    margin-top: 13px;
  }

}


section.banner-sec.home-banner {
  padding: 0;
}

section.section-9.sections.innovation-section {
  padding: 0;
}

.home-banner .disc p {
  margin-bottom: 20px;
}

body .uniminiform fieldset .input .hs-input {
  width: 100% !important;
  padding: 4px 0 !important;
}

@media only screen and (min-device-width:1100px) and (max-device-width: 1300px) {
  .uni-min-det-thumb-bg .overlay .uni-mini-det-boat-box {
    top: 5%;
  }

  .path-7 {
    left: 26% !important;
  }
}


/*Youtube Play icon style (career pmain page)- end*/

/* new-style-s-22-10 */
.unique-table-section__content thead tr {
  text-align: center;
  background: #073763;
  color: #fff;
  font-weight: 600;
}

.unique-table-section__content tbody td {
  text-align: center;
}

.unique-table-section__content tbody td {
  text-align: center;
  border: 1px solid #c6c6c6;
}

/* new-style-s-22-10 - end*/

/* style-joe start */

.ug-location-class .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  padding: 0;
  list-style: none;
}


.ug-location-class .menu-item-has-children:hover>.sub-menu {
  display: block;
}


.ug-location-class .sub-menu li {
  position: relative;
}

.ug-location-class .sub-menu li a {
  display: block;
  padding: 5px 10px;
  white-space: nowrap;
  color: #fff;
  text-decoration: none;
}


.ug-location-class .sub-menu .sub-menu {
  display: none;
  position: relative;
  margin-left: 12px;
}

.menu-item-has-children>.sub-menu .sub-menu:hover {
  display: block;
}

/* .sub-menu .sub-menu li a {
    padding: 10px 15px;
} */

/* 
.menu-item a {
    padding: 10px 15px;
    text-decoration: none;
} */

/* .menu-item a:hover {
    background-color: #f0f0f0;
    color: #000;
} */


.ug-location-class>li {
  position: relative;
  display: inline-block;
  margin-right: 15px;
}

.ug-location-class>li>a {
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
}

/* .ug-location-class > li:hover > a {
    background-color: #333; 
    color: #fff;
} */


.ug-location-class>li>.sub-menu li>a::after {
  content: '▼';
  font-size: 7px;
  position: relative;
  margin-left: 8px;
  bottom: 4px;
}

.ug-location-class>li>.sub-menu li>.sub-menu li>a::after {
  content: none;
}

.search-section {
  margin: 0px auto 30px auto;
  max-width: 500px;
}

.banner__content h1 {
  font-size: 3.7rem;
  display: flex;
}

.banner__content h1 p {
  font-size: 19px;
  margin-top: 5px;
}

.banner-subsea .banner__content h1 {
  font-size: 3.7rem !important;
  line-height: 67px !important;
}

.page-id-11404 .banner h1 {
  font-size: 3.7rem !important;
}

/*24-2-2025*/

.featured-product-item {
  width: 33%;
  float: left;
}

/* .content .each:nth-child(odd) {
  background-color: white;
}

.content .each:nth-child(even) {
  background-color: #f0f0f0;

} */

.desc h2 {
  font-size: 1.5rem;
}

.desc h3 {
  font-size: 1.2rem;
}

/*11-11-2025-start*/
/* .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-inner .logo a {
  display: flex;
}

.header-inner .logo span {
  --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)));
}

.header-inner .logo .rounded-full {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));

}

.header-inner .logo .logo-text-first {
  color: rgb(255 255 255);

}

.header-inner .logo .logo-text-second {
  color: rgb(15 23 42);
} */
.header-inner .menu-item {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.header-inner .enquire-now span {
  color: #fff;
}

footer section {
  padding: 0px;
}