@charset "UTF-8";
/**
*	Theme Name: AWG Micronesia
*	Theme URI:
*	Author: ST Media Solution
*	Author URI: https://stdezign.com
*	Description: Custom theme
*	Version: 1.0
*	Text Domain:  stdezign 
**/
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800";
@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900";
@import "https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800";
@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,500,600,700,800";
@import "https://fonts.googleapis.com/css?family=Exo:200,300,400,500,600,700,800";
@import "https://fonts.googleapis.com/css?family=Exo+2:400,500,600";
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bebas+Neue&family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nanum+Brush+Script&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap");
/* line 16, sass/_variables.scss */
h1, h2, h3, h4, h5, h6, p, span, li a, * {
  font-family: "Open Sans", sans-serif !important;
}

/* line 13, sass/style.scss */
body::-webkit-scrollbar {
  width: 5px;
}

/* line 16, sass/style.scss */
body::-webkit-scrollbar-thumb {
  background: #000000;
  outline: #000000 solid 1px;
}

/* line 21, sass/style.scss */
a,
a:hover {
  text-decoration: none !important;
}

/* line 26, sass/style.scss */
p {
  margin: 0 0 20px;
}

/* line 30, sass/style.scss */
img {
  height: auto;
  max-width: 100%;
}

/* line 34, sass/style.scss */
a:focus,
input:focus,
button:focus,
select:focus,
textarea:focus {
  outline: 0 !important;
}

/* line 41, sass/style.scss */
input[type="checkbox"],
input[type="radio"] {
  width: auto !important;
}

/* line 45, sass/style.scss */
.searchform {
  position: relative;
}

/* line 48, sass/style.scss */
.searchform input {
  border-radius: 30px;
  border: 1px solid #ccc;
  padding: 14px 20px;
  width: 100%;
}

/* line 54, sass/style.scss */
.searchform button {
  border: 0px;
  background-color: transparent;
  font-size: 24px;
  position: absolute;
  top: 5px;
  right: 10px;
}

/* line 62, sass/style.scss */
ul.nav-menu,
div.nav-menu > ul {
  margin: 0;
  padding: 0;
}

/* .nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #220e10;
	color: #ffffff;
    } */
/* line 76, sass/style.scss */
.nav-menu .sub-menu,
.nav-menu .children {
  background-color: #e35a28;
  border: 0px;
  border-top: 0;
  padding: 0;
  position: absolute;
  left: -2px;
  z-index: 99999;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* line 91, sass/style.scss */
ul.sub-menu li {
  margin: 0px;
}

/* line 95, sass/style.scss */
ul.sub-menu li a {
  color: #ffffff !important;
  padding: 15px;
  text-align: left;
}

/* line 101, sass/style.scss */
ul.sub-menu li a:hover {
  background: #000;
}

/* line 105, sass/style.scss */
.nav-menu .sub-menu ul,
.nav-menu .children ul {
  border-left: 0;
  left: 100%;
  top: 0;
}

/* line 112, sass/style.scss */
ul.nav-menu ul a,
.nav-menu ul ul a {
  color: #ffffff;
  margin: 0;
  width: 200px;
}

/* line 119, sass/style.scss */
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
  background-color: #db572f;
}

/* line 126, sass/style.scss */
ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
  clip: inherit;
  overflow: inherit;
  height: inherit;
  width: inherit;
}

/* line 136, sass/style.scss */
.closebtn,
.openmenu,
.menuToggle,
.mobilesubmenu {
  display: none;
}

/* line 147, sass/style.scss */
.text-meta {
  text-align: center;
  letter-spacing: .003em;
  color: #5f6b75;
  font-size: .9375rem;
  max-width: 783px;
  margin: 48px auto 0;
}

/* line 157, sass/style.scss */
.site-btn {
  margin-top: 40px;
  display: inline-flex;
  gap: 20px;
  transition: all 0.3s linear;
}
/* line 162, sass/style.scss */
.site-btn .tns-btn {
  background-color: transparent !important;
  border: 1px solid #fff;
  color: #fff;
}

/* line 169, sass/style.scss */
.site-btn a {
  font-size: 15px;
  padding: 15px 20px;
  transition: all 0.3s linear;
  display: inline-flex;
  background-color: #fff;
  color: #00638d;
  border-radius: 12px;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}
/* line 180, sass/style.scss */
.site-btn a svg {
  width: 15px;
  height: 15px;
}

/* line 188, sass/style.scss */
h1 {
  letter-spacing: -.02em;
  font-size: clamp(2.15rem, 4.4vw, 3.5rem) !important;
  font-weight: 700  !important;
  line-height: 1.12  !important;
  color: #fff;
  text-wrap: balance;
}

/* line 197, sass/style.scss */
.main-pra {
  font-size: 1.1875rem !important;
  line-height: 1.8;
  color: #f9fcfe;
  margin: 28px 0 0 0;
  max-width: 843px;
}

/* line 206, sass/style.scss */
.main-title {
  letter-spacing: -.018em;
  font-size: clamp(1.7rem, 3vw, 2.45rem);
  font-weight: 700;
  line-height: 1.16;
}

/* line 214, sass/style.scss */
.main-site-pra {
  margin: 0;
  font-size: 1.1875rem;
  line-height: 1.8;
  color: #5f6b75;
  margin-top: 24px;
}

/* line 222, sass/style.scss */
.text-eyebrow {
  color: #2d91bd;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 600;
}

/* line 231, sass/style.scss */
.main-sub-title {
  letter-spacing: -.01em;
  font-size: clamp(1.15rem, 1.5vw, 1.4rem);
  font-weight: 600;
  line-height: 1.32;
}

/* line 240, sass/style.scss */
.site-header {
  padding: 24px 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: transparent;
  transition: all 0.3s ease;
}
/* line 251, sass/style.scss */
.site-header .row {
  align-items: center;
}
/* line 255, sass/style.scss */
.site-header ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 40px;
  justify-content: center;
}
/* line 263, sass/style.scss */
.site-header ul a {
  color: #fff;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 600;
  opacity: .8;
  position: relative;
}
/* line 271, sass/style.scss */
.site-header ul a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  left: 0;
  bottom: -4px;
  transition: all 0.2s linear;
  background-color: #2d91bd;
}
/* line 283, sass/style.scss */
.site-header ul a:hover {
  opacity: 1;
}
/* line 287, sass/style.scss */
.site-header ul a:hover::before {
  opacity: 1;
  width: 100%;
}
/* line 293, sass/style.scss */
.site-header ul a.active::before {
  width: 100%;
  transition: all 0.2s linear;
}
/* line 300, sass/style.scss */
.site-header .site-logo img {
  width: 128px;
  height: 64px;
  object-fit: cover;
}
/* line 306, sass/style.scss */
.site-header .logo-default {
  display: block;
}
/* line 310, sass/style.scss */
.site-header .logo-sticky {
  display: none;
}
/* line 314, sass/style.scss */
.site-header .site-btn {
  text-align: end;
  margin-top: 0px;
  width: 100%;
  justify-content: end;
}
/* line 321, sass/style.scss */
.site-header .site-btn a {
  font-size: 14px;
  padding: 11px 23px;
  display: inline-flex;
  background-color: #fff;
  color: #00638d;
  border-radius: 12px;
  align-items: center;
  gap: 6px;
		transition: all 0.3s linear;
}

.site-header .site-btn a:hover {
	    background: linear-gradient(120deg, #004365 0%, #005d7e 45%, #00709a 100%);
	transition: all 0.3s linear;
	color: #fff;
}

/* line 334, sass/style.scss */
.site-header.is-sticky {
  position: fixed;
  background: rgba(248, 252, 254, 0.9);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 2px 4px rgba(30, 120, 160, 0.08), 0 12px 28px -14px rgba(30, 105, 135, 0.3);
}
/* line 344, sass/style.scss */
.site-header.is-sticky .logo-default {
  display: none;
}
/* line 348, sass/style.scss */
.site-header.is-sticky .site-btn a {
  background: linear-gradient(120deg, #004365 0%, #005d7e 45%, #00709a 100%);
  color: #fff;
}
/* line 353, sass/style.scss */
.site-header.is-sticky .logo-sticky {
  display: block;
}
/* line 358, sass/style.scss */
.site-header.is-sticky .nav-menu a {
  color: #182028;
}
/* line 363, sass/style.scss */
.site-header.is-sticky a.active {
  color: #00638d;
}

/* line 374, sass/style.scss */
.hero-banner {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-position: 100% 41%;
  padding: 238px 0;
  position: relative;
}
/* line 384, sass/style.scss */
.hero-banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(100deg, rgba(0, 27, 46, 0.95) 0%, rgba(0, 45, 72, 0.82) 50%, rgba(0, 79, 117, 0.5) 100%);
}
/* line 401, sass/style.scss */
.hero-banner .text-eyebrow {
  margin-bottom: 20px;
}
/* line 405, sass/style.scss */
.hero-banner .container {
  position: relative;
  z-index: 1;
}

/* line 412, sass/style.scss */
.img-with-text {
  position: relative;
  padding: 128px 0;
  background-color: #fefefe;
  overflow: hidden;
}
/* line 418, sass/style.scss */
.img-with-text::before {
  content: "";
  position: absolute;
  top: -20%;
  right: -10%;
  left: -20%;
  width: 100%;
  height: 70%;
  z-index: 0;
  background: radial-gradient(ellipse 55% 60% at 25% 40%, rgba(85, 200, 232, 0.26) 0%, rgba(85, 200, 232, 0) 70%);
  filter: blur(40px);
  pointer-events: none;
  animation: breathe-glow 11s ease-in-out infinite;
}
/* line 439, sass/style.scss */
.img-with-text > * {
  position: relative;
  z-index: 1;
}
/* line 445, sass/style.scss */
.img-with-text .water-box {
  padding: 40px;
  margin-top: 40px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(30, 120, 160, 0.08), 0 22px 40px -14px rgba(35, 105, 135, 0.32), 0 38px 60px -28px rgba(35, 105, 135, 0.22);
  border-radius: 20px;
}
/* line 455, sass/style.scss */
.img-with-text .water-box p {
  font-size: 1.0625rem;
  margin: 20px 0 0 0;
  line-height: 1.625;
}
/* line 460, sass/style.scss */
.img-with-text .water-box p:last-child {
  letter-spacing: .003em;
  line-height: 1.7;
  font-size: 15px;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #dbe5ea;
}
/* line 476, sass/style.scss */
.img-with-text .row {
  justify-content: space-between;
}
/* line 480, sass/style.scss */
.img-with-text .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 30px;
  transition: all 0.2s linear;
}
/* line 486, sass/style.scss */
.img-with-text .img img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  border-radius: 30px;
  transition: all 0.4s linear;
}
/* line 493, sass/style.scss */
.img-with-text .img img:hover {
  scale: 1.02;
  transition: all 0.4s linear;
}

@keyframes breathe-glow {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.7;
  }
  50% {
    transform: scale(1.08);
    opacity: 1;
  }
}
/* line 519, sass/style.scss */
.surface-deep {
  padding: 128px 0;
  background-color: #00253B;
}
/* line 523, sass/style.scss */
.surface-deep h2 {
  color: #fbf7f8;
}
/* line 527, sass/style.scss */
.surface-deep p {
  color: #fefbfc;
  opacity: .9;
}
/* line 532, sass/style.scss */
.surface-deep ul {
  list-style: none;
  padding: 0;
}
/* line 535, sass/style.scss */
.surface-deep ul li {
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-flex;
  align-items: center;
  gap: 15px;
  width: 100%;
}
/* line 542, sass/style.scss */
.surface-deep ul li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
/* line 547, sass/style.scss */
.surface-deep ul span {
  color: #fff;
  font-size: 17px;
}
/* line 552, sass/style.scss */
.surface-deep ul .dot {
  background-color: #5bb8de;
  width: 6px;
  height: 6px;
  border-radius: 100px;
}

/* line 565, sass/style.scss */
.card-section {
  padding: 128px 0;
  background-color: #edf6fa;
}
/* line 569, sass/style.scss */
.card-section .row {
  margin-top: 56px;
}
/* line 573, sass/style.scss */
.card-section .card-body {
  padding: 32px;
}
/* line 577, sass/style.scss */
.card-section .cm-card {
  background-color: #fff;
  border-radius: 30px;
  height: 100%;
  transition: all 0.3s linear;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.15s ease-out, box-shadow 0.3s ease;
  will-change: transform;
}
/* line 586, sass/style.scss */
.card-section .cm-card:hover {
  box-shadow: 0 2px 4px rgba(30, 120, 160, 0.08), 0 12px 24px -10px rgba(30, 110, 145, 0.25), 0 28px 45px -20px rgba(30, 105, 135, 0.28);
  transition: all 0.3s linear;
}
/* line 595, sass/style.scss */
.card-section .cm-card p {
  font-size: .95rem;
  min-height: 3.5rem;
  margin: 12px 0 0 0;
  color: #5f6b75;
  line-height: 1.625;
}
/* line 603, sass/style.scss */
.card-section .cm-card .highlight-text {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid #dbe5ea;
}
/* line 608, sass/style.scss */
.card-section .cm-card .highlight-text p {
  color: #182028 !important;
  font-size: .95rem !important;
  min-height: 42px !important;
  margin-top: 0px !important;
}
/* line 621, sass/style.scss */
.card-section .card-img {
  padding: 20px;
  background-image: radial-gradient(circle at 50% 45%, #c6edf5, #dceff3);
  border-radius: 30px 30px 0 0;
}
/* line 630, sass/style.scss */
.card-section .card-img img {
  aspect-ratio: 4 / 3;
  object-fit: contain;
}
/* line 636, sass/style.scss */
.card-section .site-btn {
  width: 100%;
  text-align: center;
}
/* line 639, sass/style.scss */
.card-section .site-btn a {
  border: 1px solid #00638d;
  width: 100%;
  justify-content: center;
  transition: all 0.3s linear;
}
/* line 644, sass/style.scss */
.card-section .site-btn a:hover {
  background-color: #00638d;
  color: #fff;
  transition: all 0.3s linear;
}

/* line 656, sass/style.scss */
.atmos-deep {
  padding: 128px 0;
  background-color: #003e5e;
}
/* line 660, sass/style.scss */
.atmos-deep h2 {
  color: #fbf7f8;
  max-width: 548px;
  text-align: center;
  margin: auto;
}
/* line 668, sass/style.scss */
.atmos-deep .main-site-pra {
  font-size: 16px;
  line-height: 1.8;
  color: #fefbfc;
  margin: 24px auto 0;
  max-width: 748px;
  text-align: center;
}
/* line 677, sass/style.scss */
.atmos-deep .row {
  margin-top: 64px;
  gap: 60px;
  align-items: center;
}
/* line 681, sass/style.scss */
.atmos-deep .row .main-site-pra {
  font-size: 1.1875rem !important;
  line-height: 1.8 !important;
  text-align: start !important;
}
/* line 689, sass/style.scss */
.atmos-deep .atmos-deep-img {
  border-radius: 30px;
}
/* line 691, sass/style.scss */
.atmos-deep .atmos-deep-img img {
  border-radius: 30px;
}
/* line 697, sass/style.scss */
.atmos-deep .row.sec {
  gap: 10px;
  justify-content: space-between;
  align-items: unset !important;
}
/* line 702, sass/style.scss */
.atmos-deep .row.sec .atmos-deep-card {
  padding: 28px;
  background-color: #124C69;
  border: 1px solid rgba(255, 255, 255, 0.3);
  height: 100%;
  border-radius: 16px;
}
/* line 710, sass/style.scss */
.atmos-deep .row.sec h5 {
  margin: 20px 0 0 0;
  font-weight: 600;
  color: #fbf7f8;
  font-size: 16px;
}
/* line 717, sass/style.scss */
.atmos-deep .row.sec h3 {
  font-weight: 700;
  font-size: 44px;
  color: #5bb8de;
  margin: 8px 0 0 0;
}
/* line 724, sass/style.scss */
.atmos-deep .row.sec p {
  margin: 8px 0 0 0;
  font-size: .95rem;
  line-height: 1.625;
  color: rgba(255, 255, 255, 0.8);
}
/* line 734, sass/style.scss */
.atmos-deep .text-meta {
  color: rgba(255, 255, 255, 0.8);
}

/* line 743, sass/style.scss */
.marquee-section {
  width: 100%;
  overflow: hidden;
  padding: 24px 0;
  background: #fff;
}
/* line 749, sass/style.scss */
.marquee-section .marquee {
  width: 100%;
  overflow: hidden;
}
/* line 753, sass/style.scss */
.marquee-section .marquee .marquee__track {
  display: flex;
  width: max-content;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  animation: marquee-scroll 30s linear infinite;
}
/* line 760, sass/style.scss */
.marquee-section .marquee .marquee__track .marquee__group {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
/* line 765, sass/style.scss */
.marquee-section .marquee .marquee__track .marquee__group .marquee__item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
}
/* line 771, sass/style.scss */
.marquee-section .marquee .marquee__track .marquee__group .marquee__item .marquee__dot {
  width: 8px;
  height: 8px;
  margin: 0 90px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: #59b8df;
}
/* line 780, sass/style.scss */
.marquee-section .marquee .marquee__track .marquee__group .marquee__item .marquee__text {
  flex-shrink: 0;
  font-size: 36px;
  line-height: 1;
  font-weight: 500;
  color: #5f6b75;
  letter-spacing: -.025em;
}
@keyframes marquee-scroll {
  to {
    transform: translate3d(-50%, 0, 0);
  }
}
@media (max-width: 767px) {
  /* line 743, sass/style.scss */
  .marquee-section {
    padding: 18px 0;
  }
  /* line 803, sass/style.scss */
  .marquee-section .marquee .marquee__track {
    animation-duration: 20s;
  }
  /* line 808, sass/style.scss */
  .marquee-section .marquee .marquee__track .marquee__group .marquee__item .marquee__dot {
    width: 6px;
    height: 6px;
    flex-basis: 6px;
    margin: 0 45px;
  }
  /* line 815, sass/style.scss */
  .marquee-section .marquee .marquee__track .marquee__group .marquee__item .marquee__text {
    font-size: 32px;
    letter-spacing: -0.5px;
  }
}

/* line 827, sass/style.scss */
.process-section {
  width: 100%;
  padding: 128px 0;
  background: #ffffff;
}
/* line 832, sass/style.scss */
.process-section__header {
  max-width: 700px;
  margin-bottom: 70px;
}
/* line 836, sass/style.scss */
.process-section__header h2 {
  margin: 0;
  color: #18212b;
  font-size: 54px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -1.5px;
}
/* line 846, sass/style.scss */
.process-section .process-timeline {
  display: grid;
  grid-template-columns: 70px 1fr;
  column-gap: 35px;
  align-items: start;
  position: relative;
}
/* line 853, sass/style.scss */
.process-section .process-timeline__line {
  position: sticky;
  top: 120px;
  left: auto;
  width: 6px;
  height: 460px;
  margin: 0 auto;
  background: #dfecef;
  border-radius: 20px;
  z-index: 10;
}
/* line 865, sass/style.scss */
.process-section .process-timeline__progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: linear-gradient(to bottom, #075778 0%, #299ac5 100%);
  border-radius: 20px;
  transition: height 0.4s ease;
}
/* line 880, sass/style.scss */
.process-section .process-timeline__indicator {
  position: absolute;
  top: 0;
  left: 50%;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #299ac5;
  border: 4px solid #ffffff;
  transform: translate(-50%, 0);
  z-index: 20;
  transition: top 0.4s ease;
}
/* line 894, sass/style.scss */
.process-section .process-timeline__items {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  gap: 26px;
  min-width: 0;
}
/* line 903, sass/style.scss */
.process-section .process-card {
  position: relative;
  min-height: 210px;
  padding: 32px;
  border: 1px solid #e5edf1;
  border-radius: 30px;
  background: #ffffff;
  opacity: 0.45;
  transition: opacity 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}
/* line 917, sass/style.scss */
.process-section .process-card__dot {
  display: none;
}
/* line 921, sass/style.scss */
.process-section .process-card__inner {
  display: flex;
  gap: 20px;
}
/* line 926, sass/style.scss */
.process-section .process-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  min-width: 56px;
  height: 56px;
  border-radius: 22px;
  background: #eff8fb;
}
/* line 936, sass/style.scss */
.process-section .process-card__icon img {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
}
/* line 944, sass/style.scss */
.process-section .process-card__content {
  flex: 1;
  min-width: 0;
}
/* line 950, sass/style.scss */
.process-section .process-card__title {
  letter-spacing: -.01em;
  font-size: clamp(1.15rem, 1.5vw, 1.4rem);
  font-weight: 600;
  line-height: 1.32;
  margin: 8px 0 0 0;
}
/* line 958, sass/style.scss */
.process-section .process-card__description {
  color: #667583;
  font-size: 16px;
  line-height: 1.625;
  font-weight: 400;
  margin-top: 12px;
}
/* line 965, sass/style.scss */
.process-section .process-card__description p {
  margin: 0;
}
/* line 970, sass/style.scss */
.process-section .process-card.is-active {
  opacity: 1;
  border-color: #a8dcef;
  box-shadow: 0 2px 6px rgba(40, 150, 190, 0.08), 0 26px 60px -28px rgba(30, 120, 160, 0.45);
}
/* line 978, sass/style.scss */
.process-section .process-card.is-active .process-card__icon {
  background: linear-gradient(145deg, #00658b 0%, #238ebd 100%);
}
/* line 985, sass/style.scss */
.process-section .process-card.is-active .process-card__icon img {
  filter: brightness(0) invert(1);
}
/* line 991, sass/style.scss */
.process-section .process-card.is-active .process-card__title {
  color: #111c26;
}
/* line 995, sass/style.scss */
.process-section .process-card.is-active .process-card__description {
  color: #61707e;
}

/* line 1004, sass/style.scss */
.img-with-text.sec {
  background-color: #edf6fa;
}
/* line 1007, sass/style.scss */
.img-with-text.sec::before {
  display: none;
}
/* line 1012, sass/style.scss */
.img-with-text.sec .image-with-text-content .nwd-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 55px;
  row-gap: 28px;
  margin-top: 35px;
}
/* line 1019, sass/style.scss */
.img-with-text.sec .image-with-text-content .nwd-items .nwd-item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}
/* line 1024, sass/style.scss */
.img-with-text.sec .image-with-text-content .nwd-items .nwd-item__dot {
  width: 9px;
  height: 9px;
  min-width: 9px;
  margin-top: 10px;
  border-radius: 50%;
  background: #2d96c0;
}
/* line 1033, sass/style.scss */
.img-with-text.sec .image-with-text-content .nwd-items .nwd-item__text {
  color: #182028;
  font-size: 16px;
  line-height: 1.55;
  font-weight: 400;
}
/* line 1043, sass/style.scss */
.img-with-text.sec .image-with-text-content .main-site-pra {
  font-size: 16px;
}

/* line 1052, sass/style.scss */
.act {
  padding: 128px 0;
}
/* line 1055, sass/style.scss */
.act .heading {
  text-align: center;
}
/* line 1059, sass/style.scss */
.act .card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  border-radius: 22px;
  background: linear-gradient(145deg, #00658b 0%, #238ebd 100%);
}
/* line 1069, sass/style.scss */
.act .card-icon img {
  width: 20px;
  min-width: 20px;
  height: 20px;
}
/* line 1077, sass/style.scss */
.act .row {
  margin-top: 56px;
}
/* line 1084, sass/style.scss */
.act .col-md-6:nth-child(2) .act-card {
  background-color: #003e5e;
}
/* line 1087, sass/style.scss */
.act .col-md-6:nth-child(2) .act-card h3, .act .col-md-6:nth-child(2) .act-card p {
  color: #fbf7f8;
}
/* line 1091, sass/style.scss */
.act .col-md-6:nth-child(2) .act-card a {
  background: #fbf7f8 !important;
  color: #00638d;
  transition: all 0.2s linear;
}
/* line 1097, sass/style.scss */
.act .col-md-6:nth-child(2) .act-card .card-icon {
  background: rgba(255, 255, 255, 0.1) !important;
}
/* line 1107, sass/style.scss */
.act h2 {
  max-width: 527px;
  margin: auto;
}
/* line 1112, sass/style.scss */
.act .main-site-pra {
  font-size: 16px;
  max-width: 781px;
  margin: 24px auto 0;
}
/* line 1118, sass/style.scss */
.act .act-card {
  padding: 44px;
  box-shadow: 0 12px 28px -18px rgba(20, 80, 110, 0.35);
  border: 1px solid #dbe5ea;
  border-radius: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* line 1128, sass/style.scss */
.act .act-card h3 {
  letter-spacing: -.01em;
  font-size: clamp(1.15rem, 1.5vw, 1.4rem);
  font-weight: 600;
  line-height: 1.32;
  margin: 28px 0 0 0;
}
/* line 1136, sass/style.scss */
.act .act-card p {
  color: #5f6b75;
  line-height: 1.625;
  font-size: 16px;
  margin: 16px 0 0 0;
}
/* line 1143, sass/style.scss */
.act .act-card .site-btn {
  width: 100%;
  transition: all 0.2s linear;
}
/* line 1146, sass/style.scss */
.act .act-card .site-btn a {
  background: linear-gradient(120deg, #004365 0%, #005d7e 45%, #00709a 100%);
  color: #fff;
  width: 100%;
  justify-content: center;
  transition: all 0.2s linear;
}
/* line 1157, sass/style.scss */
.act .act-card .site-btn a:hover {
  background: linear-gradient(120deg, #006088 0%, #0078A0 45%, #58B8DC 100%);
  transition: all 0.2s linear;
  transform: translateY(-4px);
}
/* line 1170, sass/style.scss */
.act .site-btn {
  width: 100%;
  text-align: center;
  justify-content: center;
}
/* line 1174, sass/style.scss */
.act .site-btn a {
  justify-content: center;
  background: linear-gradient(120deg, #32D074 0%, #18C56C 50%, #00B866 100%);
  color: #fff;
  transition: all 0.2s linear;
}
/* line 1179, sass/style.scss */
.act .site-btn a:hover {
  transition: all 0.2s linear;
  transform: translateY(-4px);
  background: linear-gradient(120deg, #22C46B 0%, #0FBA63 50%, #009F58 100%);
}

/* line 1191, sass/style.scss */
.site-footer {
  background: #003E5E;
  color: #fff;
}
/* line 1195, sass/style.scss */
.site-footer__main {
  padding: 74px 0 82px;
}
/* line 1199, sass/style.scss */
.site-footer__grid {
  display: grid;
  grid-template-columns: 1.65fr 1fr 1fr 1.25fr;
  gap: 70px;
  align-items: start;
}
/* line 1206, sass/style.scss */
.site-footer__brand {
  max-width: 500px;
}
/* line 1210, sass/style.scss */
.site-footer__logo {
  display: inline-flex;
  margin-bottom: 30px;
  text-decoration: none;
}
/* line 1215, sass/style.scss */
.site-footer__logo img {
  display: block;
  width: auto;
  max-width: 128px;
  height: auto;
}
/* line 1222, sass/style.scss */
.site-footer__logo--text {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}
/* line 1229, sass/style.scss */
.site-footer__description {
  max-width: 349px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 16px;
  line-height: 1.625;
}
/* line 1236, sass/style.scss */
.site-footer__heading {
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 600;
  color: #5bb8de;
  margin-bottom: 20px;
}
/* line 1245, sass/style.scss */
.site-footer__menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 1250, sass/style.scss */
.site-footer__menu li {
  margin: 0 0 23px;
}
/* line 1253, sass/style.scss */
.site-footer__menu li:last-child {
  margin-bottom: 0;
}
/* line 1258, sass/style.scss */
.site-footer__menu a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  line-height: 1.45;
  text-decoration: none;
  transition: color 0.25s ease;
}
/* line 1266, sass/style.scss */
.site-footer__menu a:hover {
  color: #fff;
  transition: color 0.25s ease;
}
/* line 1273, sass/style.scss */
.site-footer__contact-item {
  margin-bottom: 16px;
}
/* line 1276, sass/style.scss */
.site-footer__contact-item:last-child {
  margin-bottom: 0;
}
/* line 1281, sass/style.scss */
.site-footer__label {
  display: block;
  margin-bottom: 7px;
  color: #58b9e8;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
/* line 1292, sass/style.scss */
.site-footer__contact-link, .site-footer__contact-text {
  display: inline-block;
  color: rgba(255, 255, 255, 0.86);
  font-size: 15px;
  line-height: 1.45;
  text-decoration: none;
}
/* line 1301, sass/style.scss */
.site-footer__contact-link {
  transition: color 0.25s ease;
}
/* line 1304, sass/style.scss */
.site-footer__contact-link:hover {
  color: #fff;
  transition: color 0.25s ease;
}
/* line 1311, sass/style.scss */
.site-footer__bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  min-height: 90px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}
/* line 1320, sass/style.scss */
.site-footer__copyright, .site-footer__disclaimer {
  color: rgba(255, 255, 255, 0.7);
  font-size: 15px;
  line-height: 1.5;
}
/* line 1327, sass/style.scss */
.site-footer__disclaimer {
  max-width: 800px;
  text-align: right;
}

/* line 1335, sass/style.scss */
.text-eyebrow.about {
  margin-bottom: 16px;
}

/* line 1340, sass/style.scss */
.atmos-deep.about .text-eyebrow.about {
  text-align: center;
}
/* line 1344, sass/style.scss */
.atmos-deep.about h2 {
  max-width: 714px;
}
/* line 1348, sass/style.scss */
.atmos-deep.about .text-meta {
  text-align: start;
  font-size: 16px;
  max-width: 783px;
  margin: 48px  0 0 0;
  border-left: 2px solid #5bb8de;
  padding-left: 21px;
}

/* line 1359, sass/style.scss */
.img-with-text.about.sec {
  background-color: #fff;
}
/* line 1361, sass/style.scss */
.img-with-text.about.sec .row {
  align-items: center;
}
/* line 1365, sass/style.scss */
.img-with-text.about.sec .image-with-text-content {
  padding-left: 25px;
}
/* line 1369, sass/style.scss */
.img-with-text.about.sec .main-site-pra {
  font-size: 19px;
}
/* line 1373, sass/style.scss */
.img-with-text.about.sec .img {
  box-shadow: 0 2px 6px rgba(34, 96, 125, 0.08), 0 26px 60px -28px rgba(34, 78, 102, 0.45);
}
/* line 1375, sass/style.scss */
.img-with-text.about.sec .img img {
  aspect-ratio: 4 / 3;
}

/* line 1383, sass/style.scss */
.surface-deep.about {
  background-color: #edf6fa;
}
/* line 1386, sass/style.scss */
.surface-deep.about h2 {
  color: #182028;
  max-width: 551px;
}
/* line 1391, sass/style.scss */
.surface-deep.about p {
  color: #5f6b75;
  font-size: 16px;
  max-width: 600px;
}
/* line 1397, sass/style.scss */
.surface-deep.about span {
  color: #182028;
}
/* line 1401, sass/style.scss */
.surface-deep.about li {
  border-top: 1px solid #dbe5ea;
}
/* line 1403, sass/style.scss */
.surface-deep.about li:last-child {
  border-bottom: 1px solid #dbe5ea;
}
/* line 1408, sass/style.scss */
.surface-deep.about .num {
  letter-spacing: .003em;
  font-weight: 600;
  color: #2d91bd;
  font-size: 15px;
}
/* line 1416, sass/style.scss */
.surface-deep.about .site-btn {
  transition: all 0.2s linear;
}
/* line 1418, sass/style.scss */
.surface-deep.about .site-btn a {
  background: linear-gradient(120deg, #004365 0%, #005d7e 45%, #00709a 100%);
  color: #fff;
  justify-content: center;
  transition: all 0.2s linear;
}
/* line 1428, sass/style.scss */
.surface-deep.about .site-btn a:hover {
  background: linear-gradient(120deg, #006088 0%, #0078A0 45%, #58B8DC 100%);
  transition: all 0.2s linear;
  transform: translateY(-4px);
}

/* line 1440, sass/style.scss */
.hero-banner.about {
  padding: 160px 0;
  background-position: 100% 85%;
}
/* line 1443, sass/style.scss */
.hero-banner.about .text-eyebrow {
  color: #5bb8de;
}

/* line 1449, sass/style.scss */
.technology {
  padding: 128px 0;
  background-color: #edf6fa;
}
/* line 1453, sass/style.scss */
.technology h2 {
  max-width: 611px;
}
/* line 1457, sass/style.scss */
.technology .main-site-pra {
  font-size: 16px;
  max-width: 783px;
}

/* line 1464, sass/style.scss */
.technology-process {
  position: relative;
  padding: 35px 0 100px;
  background-color: #edf6fa;
  /* ==========================================
     LEFT STICKY IMAGE
     ========================================== */
  /* ==========================================
     RIGHT CONTENT
     ========================================== */
  /* ==========================================
     ACTIVE ITEM
     ========================================== */
}
/* line 1469, sass/style.scss */
.technology-process__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 90px;
  align-items: start;
}
/* line 1481, sass/style.scss */
.technology-process__left {
  position: sticky;
  top: 145px;
  height: calc(100vh - 185px);
  display: flex;
  align-items: flex-start;
}
/* line 1490, sass/style.scss */
.technology-process__image-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 580px;
  overflow: hidden;
  border-radius: 32px;
  background-color: #dcecf2;
  box-shadow: 0 2px 6px rgba(34, 96, 125, 0.08), 0 26px 60px -28px rgba(34, 78, 102, 0.45);
}
/* line 1502, sass/style.scss */
.technology-process__image-wrap::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 161px;
  bottom: 0;
  background-image: linear-gradient(to bottom, transparent 16%, rgba(34, 78, 102, 0.85) 100%);
}
/* line 1512, sass/style.scss */
.technology-process__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(1.03);
  will-change: opacity, transform;
  transition: opacity 0.8s ease-in-out, transform 1.15s ease-in-out;
}
/* line 1530, sass/style.scss */
.technology-process__image-label {
  position: absolute;
  left: 40px;
  right: 30px;
  bottom: 28px;
  z-index: 3;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  color: #fff;
  line-height: 1.4;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
  pointer-events: none;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 600;
}
/* line 1550, sass/style.scss */
.technology-process__image-stage, .technology-process__image-divider, .technology-process__image-title {
  transition: opacity 0.4s ease;
}
/* line 1561, sass/style.scss */
.technology-process__right {
  position: relative;
}
/* line 1565, sass/style.scss */
.technology-process__item {
  position: relative;
  min-height: 340px;
  display: flex;
  align-items: center;
}
/* line 1574, sass/style.scss */
.technology-process__item-inner {
  position: relative;
  width: 100%;
  padding-left: 38px;
}
/* line 1581, sass/style.scss */
.technology-process__item-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: rgba(41, 157, 206, 0.13);
  transition: background-color 0.35s ease, opacity 0.35s ease;
}
/* line 1608, sass/style.scss */
.technology-process__item.is-active .technology-process__item-inner::before {
  background-color: #299dce;
}
/* line 1613, sass/style.scss */
.technology-process__item.is-active .technology-process__stage {
  color: #299dce;
}
/* line 1617, sass/style.scss */
.technology-process__item.is-active .technology-process__title {
  color: #111b25;
}

/* line 1626, sass/style.scss */
.section-padding {
  padding: 128px 0;
}

/* line 1632, sass/style.scss */
.img-with-table {
  /* IMAGE + TABLE */
  /* IMAGE */
  /* TABLE */
  /* BOTTOM CONTENT */
}
/* line 1634, sass/style.scss */
.img-with-table h3 {
  letter-spacing: -.01em;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.32;
  margin: 36px 0 0 0;
}
/* line 1642, sass/style.scss */
.img-with-table p {
  line-height: 1.625;
  color: #5f6b75;
  margin-top: 12px;
}
/* line 1648, sass/style.scss */
.img-with-table .heading {
  text-align: center;
}
/* line 1652, sass/style.scss */
.img-with-table .main-text {
  margin: 20px 0 0 0;
  color: #00638d;
  font-size: 18px;
}
/* line 1658, sass/style.scss */
.img-with-table .main-title {
  max-width: 623px;
  margin: auto;
}
/* line 1663, sass/style.scss */
.img-with-table .main-site-pra {
  max-width: 900px;
  margin: 24px auto 0;
}
/* line 1671, sass/style.scss */
.img-with-table__content {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 60px;
  align-items: start;
  margin-top: 65px;
}
/* line 1682, sass/style.scss */
.img-with-table__image {
  width: 100%;
}
/* line 1686, sass/style.scss */
.img-with-table__image-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 32px;
  background-color: #dcecf3;
  box-shadow: 0 2px 6px rgba(34, 96, 125, 0.08), 0 26px 60px -28px rgba(34, 78, 102, 0.25);
}
/* line 1698, sass/style.scss */
.img-with-table__image-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.6s ease, filter 0.6s ease;
  aspect-ratio: 4 / 5;
  padding: 32px;
}
/* line 1711, sass/style.scss */
.img-with-table__image-wrap:hover img {
  transform: scale(1.05);
}
/* line 1720, sass/style.scss */
.img-with-table__table {
  min-width: 0;
}
/* line 1726, sass/style.scss */
.img-with-table__bottom {
  margin-top: 45px;
}
/* line 1729, sass/style.scss */
.img-with-table__bottom h3 {
  margin: 0 0 16px;
  color: #111b25;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
}
/* line 1737, sass/style.scss */
.img-with-table__bottom p {
  max-width: 900px;
  margin: 0;
  color: #647586;
  font-size: 19px;
  line-height: 1.7;
}
/* line 1746, sass/style.scss */
.img-with-table .row.card-row {
  margin-top: 36px;
}
/* line 1750, sass/style.scss */
.img-with-table .card {
  padding: 25px;
  height: 100%;
  border-radius: 12px;
  border: 1px solid #dbe5ea;
}
/* line 1757, sass/style.scss */
.img-with-table .site-btn {
  transition: all 0.2s linear;
}
/* line 1759, sass/style.scss */
.img-with-table .site-btn a {
  background: linear-gradient(120deg, #004365 0%, #005d7e 45%, #00709a 100%);
  color: #fff;
  justify-content: center;
  transition: all 0.2s linear;
}
/* line 1769, sass/style.scss */
.img-with-table .site-btn a:hover {
  background: linear-gradient(120deg, #006088 0%, #0078A0 45%, #58B8DC 100%);
  transition: all 0.2s linear;
  transform: translateY(-4px);
}
/* line 1778, sass/style.scss */
.img-with-table .site-btn {
  text-align: center;
  justify-content: center;
}
/* line 1781, sass/style.scss */
.img-with-table .site-btn a.whatsapp {
  justify-content: center;
  background: linear-gradient(120deg, #32D074 0%, #18C56C 50%, #00B866 100%);
  color: #fff;
  transition: all 0.2s linear;
}
/* line 1786, sass/style.scss */
.img-with-table .site-btn a.whatsapp:hover {
  transition: all 0.2s linear;
  transform: unset !important;
  background: linear-gradient(120deg, #22C46B 0%, #0FBA63 50%, #009F58 100%);
}

/* ==========================================
   PRODUCT INFO TABLE
   ========================================== */
/* line 1801, sass/style.scss */
.product-info-table {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid #d8e4e9;
  border-radius: 30px;
  background-color: #fff;
}

/* line 1814, sass/style.scss */
.product-info-table__item {
  min-height: 125px;
  padding: 24px;
  border-right: 1px solid #d8e4e9;
  border-bottom: 1px solid #d8e4e9;
}
/* line 1819, sass/style.scss */
.product-info-table__item:nth-child(2n) {
  border-right: 0;
}
/* line 1822, sass/style.scss */
.product-info-table__item:nth-last-child(-n + 2) {
  border-bottom: 0;
}

/* line 1828, sass/style.scss */
.product-info-table__label {
  margin-bottom: 15px;
  color: #168fc2;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* line 1839, sass/style.scss */
.product-info-table__value {
  color: #182028;
  font-size: 15px;
  line-height: 1.625;
}

/* line 1846, sass/style.scss */
.mobile-mid-volume {
  background-color: #edf6fa;
}

/* line 1851, sass/style.scss */
.skywell {
  background-color: #edf6fa;
}
/* line 1854, sass/style.scss */
.skywell .heading {
  text-align: center;
}
/* line 1857, sass/style.scss */
.skywell .heading .main-site-pra {
  font-size: 16px;
}
/* line 1862, sass/style.scss */
.skywell .skywell-products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 50px;
}
/* line 1868, sass/style.scss */
.skywell .skywell-products .skywell-product {
  padding: 24px;
  border: 1px solid #dce8ed;
  border-radius: 32px;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(40, 150, 190, 0.08), 0 26px 60px -28px rgba(30, 120, 160, 0.25);
}
/* line 1877, sass/style.scss */
.skywell .skywell-products .skywell-product__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
/* line 1884, sass/style.scss */
.skywell .skywell-products .skywell-product__name {
  letter-spacing: -.01em;
  font-size: clamp(1.15rem, 1.5vw, 1.4rem);
  font-weight: 600;
  line-height: 1.32;
}
/* line 1891, sass/style.scss */
.skywell .skywell-products .skywell-product__output {
  display: flex;
  align-items: baseline;
  gap: 6px;
  white-space: nowrap;
}
/* line 1897, sass/style.scss */
.skywell .skywell-products .skywell-product__output strong {
  color: #00658b;
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
}
/* line 1904, sass/style.scss */
.skywell .skywell-products .skywell-product__output span {
  color: #697783;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
}
/* line 1912, sass/style.scss */
.skywell .skywell-products .skywell-product__bar {
  width: 100%;
  height: 8px;
  margin-top: 16px;
  overflow: hidden;
  border-radius: 20px;
  background: #e3f1f6;
}
/* line 1920, sass/style.scss */
.skywell .skywell-products .skywell-product__bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #005879 0%, #48add3 100%);
}
/* line 1932, sass/style.scss */
.skywell .skywell-products .skywell-product__description {
  margin: 12px 0 0;
  color: #5f6b75;
  font-size: 15px;
  line-height: 1.45;
}
/* line 1941, sass/style.scss */
.skywell .skywell-specs {
  margin-top: 36px;
  overflow: hidden;
  border-radius: 34px;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(40, 150, 190, 0.05), 0 25px 50px -30px rgba(30, 120, 160, 0.22);
}
/* line 1950, sass/style.scss */
.skywell .skywell-specs__head, .skywell .skywell-specs__row {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr 1fr;
}
/* line 1956, sass/style.scss */
.skywell .skywell-specs__head {
  background: #004d6d;
}
/* line 1959, sass/style.scss */
.skywell .skywell-specs__head .skywell-specs__cell {
  color: #ffffff;
  font-weight: 600;
}
/* line 1964, sass/style.scss */
.skywell .skywell-specs__head .skywell-specs__cell--title {
  color: #58b8dd;
  font-size: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
/* line 1972, sass/style.scss */
.skywell .skywell-specs__row {
  min-height: 60px;
  border-bottom: 1px solid #e3ebef;
}
/* line 1976, sass/style.scss */
.skywell .skywell-specs__row:last-child {
  border-bottom: 0;
}
/* line 1980, sass/style.scss */
.skywell .skywell-specs__row:nth-child(even) {
  background: #f7fafb;
}
/* line 1984, sass/style.scss */
.skywell .skywell-specs__row .skywell-specs__cell {
  font-size: 14px;
}
/* line 1989, sass/style.scss */
.skywell .skywell-specs__cell {
  display: flex;
  align-items: center;
  padding: 20px;
  color: #596773;
  font-size: 16px;
  line-height: 1.4;
}
/* line 1998, sass/style.scss */
.skywell .skywell-specs__cell--title {
  color: #65727d;
  font-weight: 600;
}

/* line 2006, sass/style.scss */
.faq .main-title {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}
/* line 2012, sass/style.scss */
.faq .faq-accordion {
  max-width: 880px;
  margin: 55px auto 0;
}
/* line 2016, sass/style.scss */
.faq .faq-accordion .faq-item {
  border-bottom: 1px solid #d9e4e9;
}
/* line 2019, sass/style.scss */
.faq .faq-accordion .faq-item:first-child {
  border-top: unset !important;
}
/* line 2023, sass/style.scss */
.faq .faq-accordion .faq-item .faq-question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 16px 0;
  border: 0;
  outline: none;
  background: transparent;
  color: #1d2732;
  text-align: left;
  cursor: pointer;
}
/* line 2037, sass/style.scss */
.faq .faq-accordion .faq-item .faq-question:hover {
  text-decoration: underline;
}
/* line 2041, sass/style.scss */
.faq .faq-accordion .faq-item .faq-question .faq-question__text {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
}
/* line 2047, sass/style.scss */
.faq .faq-accordion .faq-item .faq-question .faq-question__icon {
  position: relative;
  width: 18px;
  height: 18px;
  min-width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 2056, sass/style.scss */
.faq .faq-accordion .faq-item .faq-question .faq-question__icon span {
  position: absolute;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid #596872;
  border-bottom: 1.5px solid #596872;
  transform: translateY(-2px) rotate(45deg);
  transition: transform 0.3s ease;
}
/* line 2069, sass/style.scss */
.faq .faq-accordion .faq-item .faq-question.is-open .faq-question__icon span {
  transform: translateY(2px) rotate(225deg);
}
/* line 2076, sass/style.scss */
.faq .faq-accordion .faq-item .faq-answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.45s ease, opacity 0.35s ease;
}
/* line 2084, sass/style.scss */
.faq .faq-accordion .faq-item .faq-answer .faq-answer__inner {
  padding: 0 0 16px;
  color: #64727f;
  font-size: 16px;
  line-height: 1.7;
}
/* line 2090, sass/style.scss */
.faq .faq-accordion .faq-item .faq-answer .faq-answer__inner p {
  margin: 0;
}
/* line 2095, sass/style.scss */
.faq .faq-accordion .faq-item .faq-answer.is-open {
  opacity: 1;
}

/* line 2104, sass/style.scss */
.contact-us {
  position: relative;
}
/* line 2107, sass/style.scss */
.contact-us::before {
  content: "";
  position: absolute;
  top: -20%;
  right: -10%;
  left: -20%;
  width: 100%;
  height: 70%;
  z-index: 0;
  background: radial-gradient(ellipse 55% 60% at 25% 40%, rgba(85, 200, 232, 0.26) 0%, rgba(85, 200, 232, 0) 70%);
  filter: blur(40px);
  pointer-events: none;
  animation: breathe-glow 11s ease-in-out infinite;
}
/* line 2128, sass/style.scss */
.contact-us .main-title {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}
/* line 2134, sass/style.scss */
.contact-us .contact-wrapper {
  position: relative;
  z-index: 1;
  padding: 40px;
  border: 1px solid #dbe5ea;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(30, 120, 160, 0.06), 0 16px 32px -14px rgba(30, 105, 135, 0.22), 0 30px 55px -24px rgba(30, 105, 135, 0.18);
}
/* line 2147, sass/style.scss */
.contact-us .contact-wrapper .contact-form {
  width: 100%;
  margin-top: 32px;
}
/* line 2150, sass/style.scss */
.contact-us .contact-wrapper .contact-form br {
  display: none !important;
}
/* line 2154, sass/style.scss */
.contact-us .contact-wrapper .contact-form p {
  margin: 0;
  padding: 0;
}
/* line 2159, sass/style.scss */
.contact-us .contact-wrapper .contact-form__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 26px;
  row-gap: 20px;
}
/* line 2166, sass/style.scss */
.contact-us .contact-wrapper .contact-form__field {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
}
/* line 2172, sass/style.scss */
.contact-us .contact-wrapper .contact-form__field label {
  display: block;
  width: 100%;
  margin: 0 0 5px;
  padding: 0;
  color: #27313b;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
}
/* line 2182, sass/style.scss */
.contact-us .contact-wrapper .contact-form__field label span {
  color: #2d9bc4;
}
/* line 2187, sass/style.scss */
.contact-us .contact-wrapper .contact-form__field .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
/* line 2194, sass/style.scss */
.contact-us .contact-wrapper .contact-form__field input {
  box-shadow: 0 1px 2px rgba(30, 120, 160, 0.06), 0 4px 8px -4px rgba(30, 105, 135, 0.18);
}
/* line 2200, sass/style.scss */
.contact-us .contact-wrapper .contact-form__field select {
  height: 44px !important;
}
/* line 2204, sass/style.scss */
.contact-us .contact-wrapper .contact-form__field input,
.contact-us .contact-wrapper .contact-form__field select,
.contact-us .contact-wrapper .contact-form__field textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 1px solid #dce6eb;
  border-radius: 10px;
  outline: none;
  background: #ffffff;
  color: #4b5661;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.3;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
/* line 2225, sass/style.scss */
.contact-us .contact-wrapper .contact-form__field input,
.contact-us .contact-wrapper .contact-form__field select {
  height: 45px;
  padding: 0 12px;
}
/* line 2232, sass/style.scss */
.contact-us .contact-wrapper .contact-form__field textarea {
  height: 125px;
  min-height: 125px;
  padding: 10px 12px;
  resize: none;
}
/* line 2239, sass/style.scss */
.contact-us .contact-wrapper .contact-form__field input:focus,
.contact-us .contact-wrapper .contact-form__field select:focus,
.contact-us .contact-wrapper .contact-form__field textarea:focus {
  border-color: #2d9bc4;
  box-shadow: 0 0 0 2px rgba(45, 155, 196, 0.1);
}
/* line 2246, sass/style.scss */
.contact-us .contact-wrapper .contact-form__field select {
  cursor: pointer;
}
/* line 2250, sass/style.scss */
.contact-us .contact-wrapper .contact-form__field .wpcf7-not-valid-tip {
  display: block;
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.2;
}
/* line 2258, sass/style.scss */
.contact-us .contact-wrapper .contact-form__field--full {
  grid-column: 1 / -1;
}
/* line 2262, sass/style.scss */
.contact-us .contact-wrapper .contact-form__submit {
  grid-column: 1 / -1;
  margin: 0;
  padding: 0;
}
/* line 2267, sass/style.scss */
.contact-us .contact-wrapper .contact-form__submit .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
/* line 2274, sass/style.scss */
.contact-us .contact-wrapper .contact-form__submit .wpcf7-submit {
  display: block;
  width: 100%;
  height: 52px;
  min-height: 52px;
  margin: 0;
  padding: 0 20px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(100deg, #005777 0%, #1484ac 55%, #2a96bd 100%);
  color: #ffffff;
  font-family: inherit;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
/* line 2300, sass/style.scss */
.contact-us .contact-wrapper .contact-form__submit .wpcf7-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(23, 125, 160, 0.2);
}
/* line 2305, sass/style.scss */
.contact-us .contact-wrapper .contact-form__submit .wpcf7-submit:active {
  transform: translateY(0);
}
/* line 2311, sass/style.scss */
.contact-us .contact-wrapper .contact-form__note {
  display: block;
  padding: 0;
  text-align: center;
  color: #707d88;
  font-size: 15px;
  line-height: 1.4;
  margin-top: 16px !important;
}
/* line 2321, sass/style.scss */
.contact-us .contact-wrapper .contact-form .wpcf7-spinner {
  display: none;
}
/* line 2325, sass/style.scss */
.contact-us .contact-wrapper .contact-form .wpcf7-response-output {
  margin: 15px 0 0;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.4;
}

/* line 2339, sass/style.scss */
.contact-info-section {
  width: 100%;
  background: #ffffff;
  padding-bottom: 112px;
}
/* line 2343, sass/style.scss */
.contact-info-section .contact-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
}
/* line 2349, sass/style.scss */
.contact-info-section .contact-info-card {
  padding: 40px;
  border-radius: 38px;
  box-sizing: border-box;
}
/* line 2354, sass/style.scss */
.contact-info-section .contact-info-card--dark {
  background: #004e6c;
  color: #ffffff;
}
/* line 2359, sass/style.scss */
.contact-info-section .contact-info-card--light {
  background: #edf7fb;
  color: #17242f;
  border: 1px solid #dce9ee;
}
/* line 2365, sass/style.scss */
.contact-info-section .contact-info-card__heading {
  letter-spacing: -.01em;
  font-size: clamp(1.15rem, 1.5vw, 1.4rem);
  font-weight: 600;
  line-height: 1.32;
}
/* line 2372, sass/style.scss */
.contact-info-section .contact-info-card__details {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 45px;
  row-gap: 12px;
  margin-top: 24px;
}
/* line 2380, sass/style.scss */
.contact-info-section .contact-info-card__item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
/* line 2385, sass/style.scss */
.contact-info-section .contact-info-card__item--full {
  grid-column: 1 / -1;
}
/* line 2390, sass/style.scss */
.contact-info-section .contact-info-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  min-width: 16px;
  height: 28px;
  color: #5bb8de;
}
/* line 2399, sass/style.scss */
.contact-info-section .contact-info-card__icon svg {
  width: 24px;
  height: 24px;
}
/* line 2405, sass/style.scss */
.contact-info-section .contact-info-card__label {
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 600;
  color: #5bb8de;
}
/* line 2413, sass/style.scss */
.contact-info-section .contact-info-card__value {
  display: block;
  color: #d8e9f0;
  font-size: 14px;
  line-height: 1.5;
}
/* line 2420, sass/style.scss */
.contact-info-section .contact-info-card__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  margin-top: 42px;
  padding: 0 25px;
  box-sizing: border-box;
  border-radius: 16px;
  background: #7A9CAE;
  color: #00638d;
  text-decoration: none;
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  transition: background 0.3s ease, transform 0.3s ease;
  cursor: default;
  pointer-events: none;
}
/* line 2446, sass/style.scss */
.contact-info-section .contact-info-card__button:hover {
  background: rgba(255, 255, 255, 0.62);
  transform: translateY(-2px);
}
/* line 2452, sass/style.scss */
.contact-info-section .contact-info-card__button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 2458, sass/style.scss */
.contact-info-section .contact-info-card__bottom {
  margin: 12px 0 0;
  color: #b8d0db;
  font-size: 15px;
  line-height: 1.5;
}
/* line 2465, sass/style.scss */
.contact-info-section .contact-info-card__featured-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 42px;
  border-radius: 15px;
  background: linear-gradient(145deg, #00658b 0%, #2396c3 100%);
}
/* line 2479, sass/style.scss */
.contact-info-section .contact-info-card__featured-icon img {
  display: block;
  width: 20px;
  height: 20px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
/* line 2488, sass/style.scss */
.contact-info-section .contact-info-card__light-heading {
  max-width: 400px;
  margin: 24px 0 0 0;
  color: #182530;
  letter-spacing: -.01em;
  font-size: clamp(1.15rem, 1.5vw, 1.4rem);
  font-weight: 600;
  line-height: 1.32;
}
/* line 2498, sass/style.scss */
.contact-info-section .contact-info-card__light-text {
  max-width: 650px;
  margin: 0;
  color: #667684;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 16px;
}
/* line 2507, sass/style.scss */
.contact-info-section .contact-info-card__light-bottom {
  max-width: 650px;
  margin: 32px 0 0;
  padding-top: 16px;
  color: #667684;
  font-size: 15px;
  line-height: 1.6;
}

/* =========================================================
   AWG MICRONESIA — PREMIUM RESPONSIVE SCREEN SCSS
   Replace the existing _screen.scss with this file.
   ========================================================= */
/* -----------------------------
   TABLET / SMALL DESKTOP
----------------------------- */
@media (max-width: 1199px) {
  /* line 11, sass/_screen.scss */
  .container {
    width: 100%;
    padding-left: 28px;
    padding-right: 28px;
    box-sizing: border-box;
  }

  /* line 18, sass/_screen.scss */
  .section-padding {
    padding: 96px 0;
  }

  /* line 22, sass/_screen.scss */
  .site-header {
    padding: 18px 0;
  }
  /* line 25, sass/_screen.scss */
  .site-header .site-logo img {
    width: 118px;
    height: auto;
  }
  /* line 30, sass/_screen.scss */
  .site-header ul {
    gap: 26px;
  }
  /* line 33, sass/_screen.scss */
  .site-header ul a {
    font-size: 13px;
  }
  /* line 38, sass/_screen.scss */
  .site-header .site-btn a {
    padding: 10px 18px;
    font-size: 12px;
  }

  /* line 44, sass/_screen.scss */
  .hero-banner {
    min-height: 620px;
    padding: 190px 0 150px;
  }

  /* line 49, sass/_screen.scss */
  .hero-banner.about {
    padding: 145px 0;
  }

  /* line 53, sass/_screen.scss */
  .img-with-text,
  .surface-deep,
  .card-section,
  .atmos-deep,
  .technology,
  .process-section {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  /* line 63, sass/_screen.scss */
  .technology-process {
    padding: 30px 0 80px;
  }
  /* line 66, sass/_screen.scss */
  .technology-process__wrapper {
    column-gap: 55px;
  }
  /* line 70, sass/_screen.scss */
  .technology-process__left {
    top: 120px;
    height: calc(100vh - 160px);
  }
  /* line 75, sass/_screen.scss */
  .technology-process__image-wrap {
    min-height: 500px;
    border-radius: 28px;
  }
  /* line 80, sass/_screen.scss */
  .technology-process__image-label {
    left: 28px;
    right: 24px;
    bottom: 24px;
    font-size: 12px;
  }
  /* line 87, sass/_screen.scss */
  .technology-process__item {
    min-height: 380px;
  }
  /* line 91, sass/_screen.scss */
  .technology-process__item-inner {
    padding-left: 30px;
  }
  /* line 95, sass/_screen.scss */
  .technology-process__stage {
    font-size: 13px;
  }
  /* line 99, sass/_screen.scss */
  .technology-process__title {
    font-size: 44px;
  }
  /* line 103, sass/_screen.scss */
  .technology-process__description {
    font-size: 18px;
    line-height: 1.7;
  }

  /* line 110, sass/_screen.scss */
  .img-with-table__content {
    gap: 40px;
    margin-top: 50px;
  }
  /* line 115, sass/_screen.scss */
  .img-with-table__bottom {
    margin-top: 38px;
  }

  /* line 121, sass/_screen.scss */
  .skywell .skywell-products {
    gap: 18px;
  }
  /* line 124, sass/_screen.scss */
  .skywell .skywell-products .skywell-product {
    padding: 22px;
    border-radius: 26px;
  }
  /* line 128, sass/_screen.scss */
  .skywell .skywell-products .skywell-product__top {
    gap: 14px;
  }
  /* line 133, sass/_screen.scss */
  .skywell .skywell-products .skywell-product__output strong {
    font-size: 22px;
  }
  /* line 137, sass/_screen.scss */
  .skywell .skywell-products .skywell-product__output span {
    font-size: 13px;
  }
  /* line 142, sass/_screen.scss */
  .skywell .skywell-products .skywell-product__description {
    font-size: 14px;
  }
  /* line 148, sass/_screen.scss */
  .skywell .skywell-specs {
    border-radius: 28px;
  }
  /* line 151, sass/_screen.scss */
  .skywell .skywell-specs__cell {
    padding: 17px;
    font-size: 14px;
  }

  /* line 159, sass/_screen.scss */
  .contact-us .contact-wrapper {
    padding: 34px;
  }
  /* line 164, sass/_screen.scss */
  .contact-us .contact-form__grid {
    column-gap: 20px;
    row-gap: 18px;
  }
  /* line 170, sass/_screen.scss */
  .contact-us .contact-form__field label {
    font-size: 14px;
  }

  /* line 177, sass/_screen.scss */
  .contact-info-section {
    padding-bottom: 96px;
  }
  /* line 180, sass/_screen.scss */
  .contact-info-section .contact-info-grid {
    gap: 24px;
  }
  /* line 184, sass/_screen.scss */
  .contact-info-section .contact-info-card {
    padding: 34px;
    border-radius: 30px;
  }
  /* line 188, sass/_screen.scss */
  .contact-info-section .contact-info-card__details {
    column-gap: 24px;
  }
  /* line 192, sass/_screen.scss */
  .contact-info-section .contact-info-card__value {
    font-size: 14px;
  }

  /* line 199, sass/_screen.scss */
  .site-footer__grid {
    gap: 40px;
    grid-template-columns: 1.5fr 1fr 1fr 1.15fr;
  }
}
/* -----------------------------
   NAVIGATION
----------------------------- */
@media (max-width: 1170px) {
  /* line 214, sass/_screen.scss */
  .site-header .nav-menu li a {
    color: #fff;
  }

  /* line 219, sass/_screen.scss */
  .site-header .container {
    position: relative;
  }
  /* line 223, sass/_screen.scss */
  .site-header .mob-icons {
    display: flex;
    align-items: center;
    margin-left: auto;
  }
  /* line 229, sass/_screen.scss */
  .site-header #menuToggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-left: auto;
    margin-right: 0;
    cursor: pointer;
    z-index: 9999999;
    -webkit-user-select: none;
    user-select: none;
  }
  /* line 242, sass/_screen.scss */
  .site-header #menuToggle input {
    position: absolute;
    width: 34px !important;
    height: 34px;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
  }
  /* line 254, sass/_screen.scss */
  .site-header #menuToggle span {
    position: relative;
    display: block;
    width: 28px;
    height: 1px;
    margin-bottom: 6px;
    border-radius: 4px;
    background: #ffffff;
    transform-origin: 5px 0;
    transition: transform 0.35s ease, opacity 0.25s ease, background 0.25s ease;
  }
  /* line 268, sass/_screen.scss */
  .site-header #menuToggle span:last-child {
    margin-bottom: 0;
  }
  /* line 272, sass/_screen.scss */
  .site-header #menuToggle span:first-child {
    transform-origin: 0 0;
  }
  /* line 276, sass/_screen.scss */
  .site-header #menuToggle span:nth-last-child(2) {
    transform-origin: 0 100%;
  }
  /* line 281, sass/_screen.scss */
  .site-header #menuToggle.open {
    position: fixed;
    top: 22px;
    right: 24px;
  }
  /* line 286, sass/_screen.scss */
  .site-header #menuToggle.open span {
    opacity: 1;
    background: #ffffff;
    transform: rotate(45deg) translate(-3px, -1px);
  }
  /* line 291, sass/_screen.scss */
  .site-header #menuToggle.open span:nth-last-child(3) {
    opacity: 0;
    transform: scale(0.2, 0.2);
  }
  /* line 296, sass/_screen.scss */
  .site-header #menuToggle.open span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
  }
  /* line 303, sass/_screen.scss */
  .site-header .nav-bar {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    padding: 90px 28px 30px;
    overflow-y: auto;
    background: #003e5e;
    text-align: left;
    transition: right 0.35s ease;
    z-index: 999999;
  }
  /* line 316, sass/_screen.scss */
  .site-header .nav-bar.open {
    right: 0;
  }
  /* line 321, sass/_screen.scss */
  .site-header .nav-menu {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  /* line 327, sass/_screen.scss */
  .site-header .nav-menu li {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    overflow: visible;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  }
  /* line 335, sass/_screen.scss */
  .site-header .nav-menu li a {
    display: block;
    width: 100%;
    padding: 16px 48px 16px 0;
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 500;
    opacity: 1;
  }
  /* line 344, sass/_screen.scss */
  .site-header .nav-menu li a::before {
    display: none;
  }
  /* line 348, sass/_screen.scss */
  .site-header .nav-menu li a:hover, .site-header .nav-menu li a:focus, .site-header .nav-menu li a.active {
    color: #5bb8de !important;
  }
  /* line 357, sass/_screen.scss */
  .site-header ul.nav-menu li ul.sub-menu,
  .site-header ul.nav-menu li:hover ul.sub-menu,
  .site-header .nav-menu ul li:hover > ul {
    display: none !important;
  }
  /* line 363, sass/_screen.scss */
  .site-header ul.nav-menu li.open > ul.sub-menu,
  .site-header ul.nav-menu li.open:hover > ul.sub-menu {
    display: block !important;
  }
  /* line 368, sass/_screen.scss */
  .site-header .nav-menu .sub-menu,
  .site-header .nav-menu .children {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
    padding: 8px 0 10px 18px !important;
    overflow: visible !important;
    clip: auto !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 0 !important;
  }
  /* line 381, sass/_screen.scss */
  .site-header .nav-menu .sub-menu li,
  .site-header .nav-menu .children li {
    border: 0 !important;
  }
  /* line 384, sass/_screen.scss */
  .site-header .nav-menu .sub-menu li a,
  .site-header .nav-menu .children li a {
    width: 100% !important;
    padding: 12px 0 !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 15px;
  }
  /* line 390, sass/_screen.scss */
  .site-header .nav-menu .sub-menu li a:hover, .site-header .nav-menu .sub-menu li a:focus,
  .site-header .nav-menu .children li a:hover,
  .site-header .nav-menu .children li a:focus {
    color: #5bb8de !important;
  }
  /* line 398, sass/_screen.scss */
  .site-header .mobilesubmenu {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 52px;
    padding: 0;
    color: #ffffff;
    border-left: 0;
    cursor: pointer;
  }
  /* line 412, sass/_screen.scss */
  .site-header .mobilesubmenu i {
    position: static;
    top: auto;
    right: auto;
  }
  /* line 419, sass/_screen.scss */
  .site-header .site-btn {
    margin-top: 28px;
    justify-content: flex-start;
    display: none;
  }
  /* line 423, sass/_screen.scss */
  .site-header .site-btn a {
    width: auto;
  }

  /* line 430, sass/_screen.scss */
  .site-header.is-sticky .nav-bar {
    background: #003e5e;
  }
  /* line 434, sass/_screen.scss */
  .site-header.is-sticky #menuToggle span {
    background: #182028;
  }
  /* line 438, sass/_screen.scss */
  .site-header.is-sticky #menuToggle.open span {
    background: #ffffff;
  }
}
/* -----------------------------
   TABLET
----------------------------- */
@media (max-width: 991px) {
  /* line 451, sass/_screen.scss */
  .img-with-text.sec .image-with-text-content .nwd-items .nwd-item__text {
    color: #182028;
    font-size: 12px;
    line-height: 1.55;
    font-weight: 400;
  }

  /* line 458, sass/_screen.scss */
  .contact-us .contact-wrapper .contact-form__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 26px;
    row-gap: 20px;
  }

  /* line 465, sass/_screen.scss */
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  /* line 470, sass/_screen.scss */
  .section-padding,
  .img-with-text,
  .surface-deep,
  .card-section,
  .atmos-deep,
  .technology,
  .process-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  /* line 481, sass/_screen.scss */
  h1 {
    font-size: 45px !important;
    line-height: 1.1 !important;
  }

  /* line 486, sass/_screen.scss */
  .main-title {
    font-size: 34px;
    line-height: 1.15;
  }

  /* line 491, sass/_screen.scss */
  .main-site-pra {
    font-size: 17px;
    line-height: 1.7;
  }

  /* line 496, sass/_screen.scss */
  .hero-banner {
    min-height: 560px;
    padding: 175px 0 120px;
  }

  /* line 501, sass/_screen.scss */
  .hero-banner.about {
    padding: 135px 0;
  }

  /* line 506, sass/_screen.scss */
  .img-with-text .row {
    align-items: center;
  }
  /* line 510, sass/_screen.scss */
  .img-with-text .water-box {
    margin-top: 28px;
    padding: 28px;
  }

  /* line 518, sass/_screen.scss */
  .surface-deep ul li {
    padding: 16px 0;
  }

  /* line 525, sass/_screen.scss */
  .card-section .row {
    margin-top: 42px;
  }
  /* line 529, sass/_screen.scss */
  .card-section .cm-card {
    border-radius: 24px;
  }
  /* line 533, sass/_screen.scss */
  .card-section .card-body {
    padding: 24px;
  }

  /* line 539, sass/_screen.scss */
  .atmos-deep .row {
    margin-top: 45px;
    gap: 35px;
  }
  /* line 544, sass/_screen.scss */
  .atmos-deep .atmos-deep-card {
    padding: 24px;
  }

  /* line 549, sass/_screen.scss */
  .technology-process {
    padding: 24px 0 60px;
  }
  /* line 552, sass/_screen.scss */
  .technology-process__wrapper {
    display: block;
  }
  /* line 556, sass/_screen.scss */
  .technology-process__left {
    position: sticky;
    top: 90px;
    width: 100%;
    height: 480px;
    margin-bottom: 34px;
    z-index: 3;
  }
  /* line 565, sass/_screen.scss */
  .technology-process__image-wrap {
    height: 480px;
    min-height: 0;
    border-radius: 26px;
  }
  /* line 571, sass/_screen.scss */
  .technology-process__right {
    width: 100%;
  }
  /* line 575, sass/_screen.scss */
  .technology-process__item {
    min-height: 420px;
    padding: 48px 0;
  }
  /* line 580, sass/_screen.scss */
  .technology-process__item-inner {
    padding-left: 28px;
  }
  /* line 584, sass/_screen.scss */
  .technology-process__title {
    font-size: 39px;
  }
  /* line 588, sass/_screen.scss */
  .technology-process__description {
    font-size: 17px;
    line-height: 1.7;
  }

  /* line 595, sass/_screen.scss */
  .img-with-table__content {
    grid-template-columns: 1fr;
    gap: 32px;
    margin-top: 42px;
  }
  /* line 602, sass/_screen.scss */
  .img-with-table__image-wrap img {
    aspect-ratio: 16 / 10;
    padding: 24px;
  }
  /* line 608, sass/_screen.scss */
  .img-with-table__bottom {
    margin-top: 35px;
  }
  /* line 611, sass/_screen.scss */
  .img-with-table__bottom h3 {
    font-size: 26px;
  }
  /* line 615, sass/_screen.scss */
  .img-with-table__bottom p {
    font-size: 17px;
  }

  /* line 621, sass/_screen.scss */
  .product-info-table {
    grid-template-columns: 1fr;
  }
  /* line 624, sass/_screen.scss */
  .product-info-table__item {
    border-right: 0;
  }
  /* line 627, sass/_screen.scss */
  .product-info-table__item:nth-child(2n) {
    border-right: 0;
  }
  /* line 631, sass/_screen.scss */
  .product-info-table__item:nth-last-child(-n + 2) {
    border-bottom: 1px solid #d8e4e9;
  }
  /* line 635, sass/_screen.scss */
  .product-info-table__item:last-child {
    border-bottom: 0;
  }

  /* line 642, sass/_screen.scss */
  .skywell .skywell-products {
    grid-template-columns: repeat(2, 1fr);
  }
  /* line 645, sass/_screen.scss */
  .skywell .skywell-products .skywell-product {
    border-radius: 24px;
  }
  /* line 648, sass/_screen.scss */
  .skywell .skywell-products .skywell-product:last-child {
    grid-column: 1 / -1;
  }
  /* line 654, sass/_screen.scss */
  .skywell .skywell-specs {
    overflow-x: auto;
    border-radius: 24px;
  }
  /* line 658, sass/_screen.scss */
  .skywell .skywell-specs__head, .skywell .skywell-specs__row {
    min-width: 760px;
  }

  /* line 666, sass/_screen.scss */
  .faq .faq-accordion {
    max-width: 100%;
    margin-top: 42px;
  }
  /* line 670, sass/_screen.scss */
  .faq .faq-accordion .faq-question {
    padding: 18px 0;
  }
  /* line 673, sass/_screen.scss */
  .faq .faq-accordion .faq-question .faq-question__text {
    font-size: 17px;
  }

  /* line 681, sass/_screen.scss */
  .contact-us .contact-wrapper {
    padding: 30px;
  }
  /* line 685, sass/_screen.scss */
  .contact-us .contact-form {
    margin-top: 26px;
  }
  /* line 688, sass/_screen.scss */
  .contact-us .contact-form__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  /* line 692, sass/_screen.scss */
  .contact-us .contact-form__field--full, .contact-us .contact-form__submit {
    grid-column: 1 / -1;
  }
  /* line 697, sass/_screen.scss */
  .contact-us .contact-form__note {
    font-size: 14px;
  }

  /* line 703, sass/_screen.scss */
  .contact-info-section {
    padding-bottom: 80px;
  }
  /* line 706, sass/_screen.scss */
  .contact-info-section .contact-info-grid {
    grid-template-columns: 1fr;
  }
  /* line 710, sass/_screen.scss */
  .contact-info-section .contact-info-card {
    padding: 32px;
    border-radius: 28px;
    min-height: 0;
  }

  /* line 718, sass/_screen.scss */
  .site-footer__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 45px 35px;
  }
  /* line 723, sass/_screen.scss */
  .site-footer__bottom-inner {
    min-height: auto;
    padding: 24px 0;
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
  /* line 731, sass/_screen.scss */
  .site-footer__disclaimer {
    max-width: 100%;
    text-align: left;
  }
}
/* -----------------------------
   MOBILE
----------------------------- */
@media (max-width: 767px) {
  /* line 745, sass/_screen.scss */
  .atmos-deep .row .main-site-pra {
    font-size: 13px !important;
    line-height: 1.8 !important;
    text-align: start !important;
    margin: 4px 0 18px 0;
  }

  /* line 752, sass/_screen.scss */
  .contact-us .contact-wrapper .contact-form__grid {
    display: flex !important;
    flex-direction: column;
  }

  /* line 757, sass/_screen.scss */
  body {
    overflow-x: hidden;
  }

  /* line 761, sass/_screen.scss */
  .site-btn {
    text-align: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
  }

  /* line 768, sass/_screen.scss */
  .img-with-text.about.sec .image-with-text-content {
    padding-left: 0;
    padding-top: 20px;
  }

  /* line 773, sass/_screen.scss */
  .act {
    padding: 58px 0;
  }

  /* line 777, sass/_screen.scss */
  .act .row {
    margin-top: 56px;
    gap: 20px;
  }

  /* line 782, sass/_screen.scss */
  .act .act-card {
    padding: 21px;
  }

  /* line 787, sass/_screen.scss */
  .container {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* line 793, sass/_screen.scss */
  .section-padding,
  .img-with-text,
  .surface-deep,
  .card-section,
  .atmos-deep,
  .technology,
  .process-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  /* line 804, sass/_screen.scss */
  h1 {
    font-size: 35px !important;
    line-height: 1.12 !important;
  }

  /* line 809, sass/_screen.scss */
  .main-title {
    font-size: 29px;
    line-height: 1.17;
  }

  /* line 814, sass/_screen.scss */
  .main-site-pra,
  .main-pra {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  /* line 820, sass/_screen.scss */
  .text-meta {
    margin-top: 28px;
    font-size: 14px;
    line-height: 1.6;
  }

  /* line 826, sass/_screen.scss */
  .site-header {
    padding: 14px 0;
  }
  /* line 829, sass/_screen.scss */
  .site-header .site-logo img {
    width: 105px;
    height: auto;
  }
  /* line 834, sass/_screen.scss */
  .site-header .site-btn {
    display: none;
  }
  /* line 838, sass/_screen.scss */
  .site-header .nav-bar {
    padding: 82px 22px 28px;
  }
  /* line 844, sass/_screen.scss */
  .site-header .nav-menu li a {
    padding: 15px 42px 15px 0;
    font-size: 16px;
  }
  /* line 851, sass/_screen.scss */
  .site-header #menuToggle.open {
    top: 18px;
    right: 18px;
  }

  /* line 857, sass/_screen.scss */
  .hero-banner {
    min-height: 580px;
    padding: 160px 0 100px;
    background-position: center center;
  }
  /* line 862, sass/_screen.scss */
  .hero-banner .text-eyebrow {
    margin-bottom: 14px;
  }
  /* line 866, sass/_screen.scss */
  .hero-banner .main-pra {
    margin-top: 20px !important;
  }
  /* line 870, sass/_screen.scss */
  .hero-banner .site-btn {
    margin-top: 28px;
    flex-wrap: wrap;
  }
  /* line 874, sass/_screen.scss */
  .hero-banner .site-btn a {
    padding: 13px 18px;
    font-size: 14px;
  }

  /* line 881, sass/_screen.scss */
  .hero-banner.about {
    min-height: 480px;
    padding: 130px 0 85px;
    background-position: center center;
  }

  /* line 889, sass/_screen.scss */
  .img-with-text.sec .row {
    flex-direction: column;
  }
  /* line 894, sass/_screen.scss */
  .img-with-text .image-with-text-content {
    padding-left: 0;
  }
  /* line 898, sass/_screen.scss */
  .img-with-text .water-box {
    margin-top: 24px;
    padding: 24px;
    border-radius: 16px;
  }
  /* line 904, sass/_screen.scss */
  .img-with-text .row {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 908, sass/_screen.scss */
  .img-with-text .row > [class*="col-"] {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 916, sass/_screen.scss */
  .img-with-text .img {
    margin-top: 28px;
    border-radius: 22px;
  }
  /* line 920, sass/_screen.scss */
  .img-with-text .img img {
    border-radius: 22px;
  }
  /* line 926, sass/_screen.scss */
  .img-with-text .image-with-text-content .nwd-items {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 28px;
    column-gap: 0;
  }
  /* line 932, sass/_screen.scss */
  .img-with-text .image-with-text-content .nwd-items .nwd-item {
    gap: 14px;
  }
  /* line 935, sass/_screen.scss */
  .img-with-text .image-with-text-content .nwd-items .nwd-item__text {
    font-size: 16px;
    line-height: 1.45;
  }

  /* line 946, sass/_screen.scss */
  .surface-deep ul li {
    gap: 12px;
    padding: 15px 0;
  }
  /* line 950, sass/_screen.scss */
  .surface-deep ul li span {
    font-size: 16px;
    line-height: 1.55;
  }

  /* line 959, sass/_screen.scss */
  .card-section .row {
    margin-top: 34px;
    gap: 20px;
  }
  /* line 964, sass/_screen.scss */
  .card-section .cm-card {
    border-radius: 22px;
  }
  /* line 967, sass/_screen.scss */
  .card-section .cm-card .card-body {
    padding: 22px;
  }
  /* line 971, sass/_screen.scss */
  .card-section .cm-card p {
    min-height: 0;
  }
  /* line 976, sass/_screen.scss */
  .card-section .card-img {
    border-radius: 22px 22px 0 0;
  }

  /* line 982, sass/_screen.scss */
  .atmos-deep .row {
    margin-top: 35px;
    gap: 22px;
    flex-direction: column;
  }
  /* line 990, sass/_screen.scss */
  .atmos-deep .row.sec {
    gap: 18px;
  }
  /* line 994, sass/_screen.scss */
  .atmos-deep .atmos-deep-card {
    padding: 22px;
    border-radius: 15px;
  }
  /* line 998, sass/_screen.scss */
  .atmos-deep .atmos-deep-card h3 {
    font-size: 34px;
  }
  /* line 1003, sass/_screen.scss */
  .atmos-deep .atmos-deep-img {
    border-radius: 22px;
  }
  /* line 1006, sass/_screen.scss */
  .atmos-deep .atmos-deep-img img {
    border-radius: 22px;
  }

  /* line 1012, sass/_screen.scss */
  .marquee-section {
    padding: 18px 0;
  }
  /* line 1016, sass/_screen.scss */
  .marquee-section .marquee .marquee__track {
    animation-duration: 22s;
  }
  /* line 1020, sass/_screen.scss */
  .marquee-section .marquee .marquee__track .marquee__item .marquee__dot {
    width: 6px;
    height: 6px;
    flex-basis: 6px;
    margin: 0 40px;
  }
  /* line 1027, sass/_screen.scss */
  .marquee-section .marquee .marquee__track .marquee__item .marquee__text {
    font-size: 30px;
    letter-spacing: -0.5px;
  }

  /* line 1036, sass/_screen.scss */
  .process-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  /* line 1040, sass/_screen.scss */
  .process-section__header {
    margin-bottom: 36px;
  }
  /* line 1043, sass/_screen.scss */
  .process-section__header h2 {
    font-size: 33px;
    line-height: 1.14;
    letter-spacing: -0.8px;
  }
  /* line 1050, sass/_screen.scss */
  .process-section .process-timeline {
    display: block;
    padding-left: 0;
  }
  /* line 1054, sass/_screen.scss */
  .process-section .process-timeline__line, .process-section .process-timeline__indicator, .process-section .process-timeline__progress {
    display: none;
  }
  /* line 1060, sass/_screen.scss */
  .process-section .process-timeline__items {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  /* line 1067, sass/_screen.scss */
  .process-section .process-card {
    min-height: 0;
    padding: 22px;
    border-radius: 20px;
    opacity: 0.62;
  }
  /* line 1073, sass/_screen.scss */
  .process-section .process-card__inner {
    align-items: flex-start;
    gap: 16px;
  }
  /* line 1078, sass/_screen.scss */
  .process-section .process-card__icon {
    width: 54px;
    min-width: 54px;
    height: 54px;
    flex-basis: 54px;
    border-radius: 15px;
  }
  /* line 1085, sass/_screen.scss */
  .process-section .process-card__icon img {
    width: 27px;
    height: 27px;
  }
  /* line 1091, sass/_screen.scss */
  .process-section .process-card__number {
    margin-bottom: 8px;
    font-size: 12px;
    letter-spacing: 2px;
  }
  /* line 1097, sass/_screen.scss */
  .process-section .process-card__title {
    margin-bottom: 8px;
    font-size: 21px;
    line-height: 1.2;
  }
  /* line 1103, sass/_screen.scss */
  .process-section .process-card__description {
    margin-top: 0;
    font-size: 15px;
    line-height: 1.55;
  }
  /* line 1109, sass/_screen.scss */
  .process-section .process-card.is-active {
    opacity: 1;
  }

  /* line 1116, sass/_screen.scss */
  .technology h2 {
    max-width: 100%;
  }
  /* line 1120, sass/_screen.scss */
  .technology .main-site-pra {
    max-width: 100%;
  }

  /* line 1125, sass/_screen.scss */
  .technology-process {
    padding: 18px 0 50px;
  }
  /* line 1128, sass/_screen.scss */
  .technology-process__wrapper {
    display: block;
  }
  /* line 1132, sass/_screen.scss */
  .technology-process__left {
    position: relative;
    top: auto;
    height: 360px;
    margin-bottom: 20px;
    z-index: 2;
  }
  /* line 1140, sass/_screen.scss */
  .technology-process__image-wrap {
    height: 360px;
    min-height: 0;
    border-radius: 20px;
  }
  /* line 1146, sass/_screen.scss */
  .technology-process__image-label {
    left: 18px;
    right: 14px;
    bottom: 16px;
    font-size: 10px;
    line-height: 1.35;
    letter-spacing: 0.1em;
  }
  /* line 1155, sass/_screen.scss */
  .technology-process__item {
    min-height: 0;
    padding: 36px 0;
  }
  /* line 1160, sass/_screen.scss */
  .technology-process__item-inner {
    padding-left: 18px;
  }
  /* line 1163, sass/_screen.scss */
  .technology-process__item-inner::before {
    width: 2px;
  }
  /* line 1168, sass/_screen.scss */
  .technology-process__stage {
    margin-bottom: 14px;
    font-size: 11px;
  }
  /* line 1173, sass/_screen.scss */
  .technology-process__title {
    margin-bottom: 15px;
    font-size: 29px;
    line-height: 1.1;
  }
  /* line 1179, sass/_screen.scss */
  .technology-process__description {
    font-size: 15px;
    line-height: 1.65;
  }

  /* line 1186, sass/_screen.scss */
  .img-with-table__content {
    grid-template-columns: 1fr;
    gap: 26px;
    margin-top: 36px;
  }
  /* line 1192, sass/_screen.scss */
  .img-with-table__image-wrap {
    border-radius: 22px;
  }
  /* line 1195, sass/_screen.scss */
  .img-with-table__image-wrap img {
    aspect-ratio: 4 / 4.6;
    padding: 20px;
  }
  /* line 1201, sass/_screen.scss */
  .img-with-table__bottom {
    margin-top: 28px;
  }
  /* line 1204, sass/_screen.scss */
  .img-with-table__bottom h3 {
    font-size: 23px;
  }
  /* line 1208, sass/_screen.scss */
  .img-with-table__bottom p {
    font-size: 15px;
    line-height: 1.65;
  }
  /* line 1214, sass/_screen.scss */
  .img-with-table .row.card-row {
    margin-top: 28px;
  }
  /* line 1218, sass/_screen.scss */
  .img-with-table .card {
    padding: 20px;
  }

  /* line 1223, sass/_screen.scss */
  .product-info-table {
    grid-template-columns: 1fr;
    border-radius: 20px;
  }
  /* line 1227, sass/_screen.scss */
  .product-info-table__item {
    min-height: 0;
    padding: 20px;
  }
  /* line 1232, sass/_screen.scss */
  .product-info-table__label {
    margin-bottom: 10px;
    font-size: 12px;
  }
  /* line 1237, sass/_screen.scss */
  .product-info-table__value {
    font-size: 14px;
  }

  /* line 1243, sass/_screen.scss */
  .skywell .skywell-products {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 34px;
  }
  /* line 1248, sass/_screen.scss */
  .skywell .skywell-products .skywell-product {
    padding: 20px;
    border-radius: 22px;
  }
  /* line 1252, sass/_screen.scss */
  .skywell .skywell-products .skywell-product:last-child {
    grid-column: auto;
  }
  /* line 1256, sass/_screen.scss */
  .skywell .skywell-products .skywell-product__top {
    align-items: flex-start;
  }
  /* line 1260, sass/_screen.scss */
  .skywell .skywell-products .skywell-product__name {
    font-size: 21px;
  }
  /* line 1265, sass/_screen.scss */
  .skywell .skywell-products .skywell-product__output strong {
    font-size: 20px;
  }
  /* line 1269, sass/_screen.scss */
  .skywell .skywell-products .skywell-product__output span {
    font-size: 12px;
  }
  /* line 1274, sass/_screen.scss */
  .skywell .skywell-products .skywell-product__bar {
    height: 7px;
    margin-top: 14px;
  }
  /* line 1279, sass/_screen.scss */
  .skywell .skywell-products .skywell-product__description {
    margin-top: 10px;
    font-size: 14px;
  }
  /* line 1286, sass/_screen.scss */
  .skywell .skywell-specs {
    margin-top: 26px;
    border-radius: 20px;
  }
  /* line 1290, sass/_screen.scss */
  .skywell .skywell-specs__head, .skywell .skywell-specs__row {
    min-width: 700px;
  }
  /* line 1295, sass/_screen.scss */
  .skywell .skywell-specs__cell {
    padding: 16px;
    font-size: 13px;
  }
  /* line 1300, sass/_screen.scss */
  .skywell .skywell-specs__cell--title {
    font-size: 11px;
    letter-spacing: 2px;
  }

  /* line 1308, sass/_screen.scss */
  .faq .main-title {
    max-width: 100%;
  }
  /* line 1312, sass/_screen.scss */
  .faq .faq-accordion {
    margin-top: 32px;
  }
  /* line 1316, sass/_screen.scss */
  .faq .faq-accordion .faq-item .faq-question {
    gap: 18px;
    padding: 15px 0;
  }
  /* line 1320, sass/_screen.scss */
  .faq .faq-accordion .faq-item .faq-question .faq-question__text {
    font-size: 16px;
    line-height: 1.4;
  }
  /* line 1325, sass/_screen.scss */
  .faq .faq-accordion .faq-item .faq-question .faq-question__icon {
    width: 16px;
    min-width: 16px;
  }
  /* line 1332, sass/_screen.scss */
  .faq .faq-accordion .faq-item .faq-answer .faq-answer__inner {
    padding-bottom: 15px;
    font-size: 15px;
    line-height: 1.65;
  }

  /* line 1343, sass/_screen.scss */
  .contact-us .main-title {
    max-width: 100%;
  }
  /* line 1347, sass/_screen.scss */
  .contact-us .contact-wrapper {
    padding: 22px;
    border-radius: 18px;
  }
  /* line 1352, sass/_screen.scss */
  .contact-us .contact-form {
    margin-top: 22px;
  }
  /* line 1355, sass/_screen.scss */
  .contact-us .contact-form__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  /* line 1360, sass/_screen.scss */
  .contact-us .contact-form__field, .contact-us .contact-form__field--full, .contact-us .contact-form__submit {
    grid-column: auto;
  }
  /* line 1367, sass/_screen.scss */
  .contact-us .contact-form__field label {
    margin-bottom: 5px;
    font-size: 13px;
  }
  /* line 1372, sass/_screen.scss */
  .contact-us .contact-form__field input,
  .contact-us .contact-form__field select {
    height: 42px;
    min-height: 42px;
    font-size: 14px;
  }
  /* line 1379, sass/_screen.scss */
  .contact-us .contact-form__field textarea {
    min-height: 120px;
    height: 120px;
  }
  /* line 1386, sass/_screen.scss */
  .contact-us .contact-form__submit .wpcf7-submit {
    height: 50px;
    min-height: 50px;
    font-size: 15px;
  }
  /* line 1393, sass/_screen.scss */
  .contact-us .contact-form__note {
    font-size: 13px;
    line-height: 1.55;
  }

  /* line 1400, sass/_screen.scss */
  .contact-info-section {
    padding-bottom: 64px;
  }
  /* line 1403, sass/_screen.scss */
  .contact-info-section .contact-info-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  /* line 1408, sass/_screen.scss */
  .contact-info-section .contact-info-card {
    padding: 24px;
    border-radius: 24px;
  }
  /* line 1412, sass/_screen.scss */
  .contact-info-section .contact-info-card__heading {
    font-size: 20px;
  }
  /* line 1416, sass/_screen.scss */
  .contact-info-section .contact-info-card__details {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 20px;
  }
  /* line 1422, sass/_screen.scss */
  .contact-info-section .contact-info-card__item--full {
    grid-column: auto;
  }
  /* line 1426, sass/_screen.scss */
  .contact-info-section .contact-info-card__icon {
    width: 24px;
    min-width: 24px;
  }
  /* line 1431, sass/_screen.scss */
  .contact-info-section .contact-info-card__label {
    font-size: 11px;
    letter-spacing: 2px;
  }
  /* line 1436, sass/_screen.scss */
  .contact-info-section .contact-info-card__value {
    font-size: 14px;
  }
  /* line 1440, sass/_screen.scss */
  .contact-info-section .contact-info-card__button {
    margin-top: 28px;
    min-height: 50px;
    font-size: 14px;
  }
  /* line 1446, sass/_screen.scss */
  .contact-info-section .contact-info-card__bottom {
    font-size: 13px;
  }
  /* line 1450, sass/_screen.scss */
  .contact-info-section .contact-info-card__featured-icon {
    width: 54px;
    height: 54px;
    margin-bottom: 24px;
    border-radius: 17px;
  }
  /* line 1456, sass/_screen.scss */
  .contact-info-section .contact-info-card__featured-icon img {
    width: 24px;
    height: 24px;
  }
  /* line 1462, sass/_screen.scss */
  .contact-info-section .contact-info-card__light-heading {
    max-width: 100%;
    margin-top: 0;
    font-size: 20px;
    line-height: 1.2;
  }
  /* line 1469, sass/_screen.scss */
  .contact-info-section .contact-info-card__light-text, .contact-info-section .contact-info-card__light-bottom {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.6;
  }
  /* line 1476, sass/_screen.scss */
  .contact-info-section .contact-info-card__light-bottom {
    margin-top: 30px;
    padding-top: 16px;
  }

  /* line 1484, sass/_screen.scss */
  .site-footer__main {
    padding: 50px 0;
  }
  /* line 1488, sass/_screen.scss */
  .site-footer__grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  /* line 1493, sass/_screen.scss */
  .site-footer__logo {
    margin-bottom: 20px;
  }
  /* line 1496, sass/_screen.scss */
  .site-footer__logo img {
    max-width: 150px;
  }
  /* line 1501, sass/_screen.scss */
  .site-footer__description {
    max-width: 100%;
    font-size: 15px;
    line-height: 1.7;
  }
  /* line 1507, sass/_screen.scss */
  .site-footer__heading {
    margin-bottom: 16px;
    font-size: 12px;
  }
  /* line 1513, sass/_screen.scss */
  .site-footer__menu li {
    margin-bottom: 13px;
  }
  /* line 1517, sass/_screen.scss */
  .site-footer__menu a {
    font-size: 15px;
  }
  /* line 1522, sass/_screen.scss */
  .site-footer__contact-item {
    margin-bottom: 16px;
  }
  /* line 1526, sass/_screen.scss */
  .site-footer__label {
    margin-bottom: 5px;
    font-size: 11px;
  }
  /* line 1531, sass/_screen.scss */
  .site-footer__contact-link, .site-footer__contact-text {
    font-size: 15px;
  }
  /* line 1536, sass/_screen.scss */
  .site-footer__bottom-inner {
    padding: 20px 0;
    gap: 10px;
  }
  /* line 1541, sass/_screen.scss */
  .site-footer__copyright, .site-footer__disclaimer {
    font-size: 13px;
    line-height: 1.6;
  }
  /* line 1547, sass/_screen.scss */
  .site-footer__disclaimer {
    text-align: left;
  }
}
/* -----------------------------
   SMALL MOBILE
----------------------------- */
@media (max-width: 480px) {
  /* line 1561, sass/_screen.scss */
  .contact-us .contact-wrapper .contact-form__grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 26px;
    row-gap: 20px;
  }

  /* line 1568, sass/_screen.scss */
  .container {
    padding-left: 14px;
    padding-right: 14px;
  }

  /* line 1573, sass/_screen.scss */
  .section-padding,
  .img-with-text,
  .surface-deep,
  .card-section,
  .atmos-deep,
  .technology,
  .process-section {
    padding-top: 52px;
    padding-bottom: 52px;
  }

  /* line 1584, sass/_screen.scss */
  h1 {
    font-size: 30px !important;
  }

  /* line 1588, sass/_screen.scss */
  .main-title {
    font-size: 26px;
  }

  /* line 1592, sass/_screen.scss */
  .hero-banner {
    min-height: 530px;
    padding: 145px 0 80px;
  }

  /* line 1597, sass/_screen.scss */
  .hero-banner.about {
    min-height: 430px;
    padding: 115px 0 70px;
  }

  /* line 1603, sass/_screen.scss */
  .site-header .site-logo img {
    width: 96px;
  }

  /* line 1608, sass/_screen.scss */
  .water-box {
    padding: 20px !important;
  }

  /* line 1613, sass/_screen.scss */
  .technology-process__left {
    height: 320px;
  }
  /* line 1617, sass/_screen.scss */
  .technology-process__image-wrap {
    height: 320px;
    border-radius: 18px;
  }
  /* line 1622, sass/_screen.scss */
  .technology-process__item {
    padding: 30px 0;
  }
  /* line 1626, sass/_screen.scss */
  .technology-process__title {
    font-size: 26px;
  }
  /* line 1630, sass/_screen.scss */
  .technology-process__description {
    font-size: 14px;
  }

  /* line 1637, sass/_screen.scss */
  .skywell .skywell-product__top {
    flex-direction: column;
    gap: 8px !important;
  }
  /* line 1642, sass/_screen.scss */
  .skywell .skywell-product__output {
    align-self: flex-start;
  }
  /* line 1648, sass/_screen.scss */
  .skywell .skywell-specs__head, .skywell .skywell-specs__row {
    min-width: 660px;
  }

  /* line 1656, sass/_screen.scss */
  .contact-us .contact-wrapper {
    padding: 18px;
  }

  /* line 1662, sass/_screen.scss */
  .contact-info-section .contact-info-card {
    padding: 20px;
    border-radius: 20px;
  }
}
/* -----------------------------
   ACCESSIBILITY / POLISH
----------------------------- */
@media (prefers-reduced-motion: reduce) {
  /* line 1675, sass/_screen.scss */
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
@media (max-width: 767px) {
  /* =========================================
     SLICK BASE
     ========================================= */
  /* line 1695, sass/_screen.scss */
  .slick-slider {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  /* line 1704, sass/_screen.scss */
  .slick-list {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box;
  }

  /* line 1713, sass/_screen.scss */
  .slick-track {
    display: flex !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* line 1720, sass/_screen.scss */
  .slick-slide {
    display: block !important;
    float: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  /* line 1729, sass/_screen.scss */
  .slick-slide > div {
    width: 100% !important;
    height: 100% !important;
  }

  /* =========================================
     REMOVE BOOTSTRAP ROW SPACING
     ========================================= */
  /* line 1739, sass/_screen.scss */
  .row.slick-initialized {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    gap: 0 !important;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
  }

  /* line 1748, sass/_screen.scss */
  .row.slick-initialized > [class*="col-"],
  .row.slick-initialized > .col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* =========================================
     CARD HEIGHT
     ========================================= */
  /* line 1762, sass/_screen.scss */
  .slick-slide .cm-card,
  .slick-slide .card,
  .slick-slide .atmos-deep-card,
  .slick-slide .act-card,
  .slick-slide .skywell-product {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
  }

  /* =========================================
     HIDE ARROWS COMPLETELY
     ========================================= */
  /* line 1779, sass/_screen.scss */
  .slick-prev,
  .slick-next,
  .slick-arrow {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* =========================================
     DOTS - BELOW THE CARD
     ========================================= */
  /* line 1793, sass/_screen.scss */
  .slick-dots {
    position: static !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    margin: 18px 0 0 !important;
    padding-top: 15px !important;
    gap: 8px;
    list-style: none !important;
    line-height: 0 !important;
    text-align: center !important;
    transform: none !important;
  }

  /* line 1815, sass/_screen.scss */
  .slick-dots li {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  /* line 1829, sass/_screen.scss */
  .slick-dots li button {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #c7d9e0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    box-shadow: none !important;
    cursor: pointer;
  }

  /* line 1852, sass/_screen.scss */
  .slick-dots li button::before {
    content: none !important;
    display: none !important;
  }

  /* line 1857, sass/_screen.scss */
  .slick-dots li.slick-active button {
    width: 24px !important;
    height: 8px !important;
    border-radius: 20px !important;
    background: #299dce !important;
  }

  /* =========================================
     COMPACT ATMOSPHERIC
     ========================================= */
  /* line 1871, sass/_screen.scss */
  .img-with-table .card-row.slick-initialized {
    display: block !important;
    margin: 0 !important;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
  }

  /* =========================================
     ATMOS DEEP
     ========================================= */
  /* line 1883, sass/_screen.scss */
  .atmos-deep .row.sec.slick-initialized {
    display: block !important;
    margin: 0 !important;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
  }

  /* line 1890, sass/_screen.scss */
  .atmos-deep .row.sec.slick-initialized > .col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* =========================================
     BETTER WATER DECISION
     ========================================= */
  /* line 1902, sass/_screen.scss */
  .act .row.slick-initialized {
    display: block !important;
    margin: 0 !important;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
  }

  /* =========================================
     THREE DIFFERENT SCALES
     ========================================= */
  /* line 1914, sass/_screen.scss */
  .card-section .row.slick-initialized {
    display: block !important;
    margin: 0 !important;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
  }

  /* =========================================
     SKYWELL PRODUCTS
     ========================================= */
  /* line 1926, sass/_screen.scss */
  .skywell-products.slick-initialized {
    display: block !important;
    margin: 0 !important;
    padding: 0 0 45px !important;
  }

  /* =========================================
     PREVENT DOTS FROM OVERLAPPING CONTENT
     ========================================= */
  /* line 1937, sass/_screen.scss */
  .slick-dots li,
  .slick-dots li button {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
  }
}
@media (max-width: 480px) {
  /* line 1950, sass/_screen.scss */
  .row.slick-initialized,
  .img-with-table .card-row.slick-initialized,
  .atmos-deep .row.sec.slick-initialized,
  .act .row.slick-initialized,
  .card-section .row.slick-initialized,
  .skywell-products.slick-initialized {
    padding-bottom: 40px !important;
  }

  /* line 1959, sass/_screen.scss */
  .slick-dots {
    margin-top: 16px !important;
    gap: 7px;
  }

  /* line 1964, sass/_screen.scss */
  .slick-dots li button {
    width: 7px !important;
    height: 7px !important;
  }

  /* line 1969, sass/_screen.scss */
  .slick-dots li.slick-active button {
    width: 21px !important;
    height: 7px !important;
  }
}