@charset "UTF-8";
:root {
  /* colors */
  --white: #ffffff;
  --black: #000000;
  --black-01:#181818;
  --black-02: #5c6672;
  --red: #ff0000;
  --red-01: #e42527;
  --green: #00a859;
  --green-dark: #047c44;
  --green-link: #047844;
  --green-light:#d1f1e2;
  --green-light-01:#dfeee7;
  --gray: #333;
  --gray-01: #666;
  --gray-02: #ccc;
  --gray-03: #eee;
  --yellow: #f0ba0a;
  --theme-color:var(--green);
  /* Font Family */
  --icon-font:"Font Awesome 6 Free";
  --icon-font-bx:"boxicons";
  --body-font:"Manrope", sans-serif;
  /* Fonts */
  --thin: 100;
  --extra-light: 200 ;
  --light: 300 ;
  --regular: 400 ;
  --medium: 500 ;
  --semi-bold: 600 ;
  --bold: 700 ;
  --extra-bold: 800 ;
  --fblack: 900 ;
  /* Font sizes */
  --font-size-12: clamp(0.75em, 1vw + 0.25em, 0.75em);
  --font-size-14: clamp(0.875em, 1vw + 0.25em, 0.875em);
  --font-size-16: clamp(0.875em, 1vw + 0.5em, 1em);
  --font-size-18: clamp(0.875em, 1vw + 0.5em, 1.125em);
  --font-size-20: calc(var(--font-size-16) * 1.15);
  --font-size-24: clamp(1.75em, 4vw + 1em, 2.5em);
  --font-size-28: clamp(1.125em, 0.6vw + 0.5em, 1.875em);
  --font-size-30: clamp(1.125em, 1vw + 0.5em, 1.875em);
  --font-size-36: clamp(1.25em, 1vw + 1em, 2.25em);
  --font-size-48: clamp(1.27em, 1.25vw + 0.75em, 3em);
  --font-size-50: clamp(1.3em, 1.75vw + 1em, 3.25em);
  --font-size-55: calc(var(--font-size-60) * 0.9);
  --font-size-60: clamp(1.5em, 2.3vw + 1em, 3.75em);
  --font-size-65: clamp(1.5em, 1.5vw + 1em, 4.0625em);
  --font-size-72: clamp(1.75em, 3vw + 1em, 4.5em);
  --font-size-90: clamp(1.875em, 3vw + 1em, 4.85em);
  --font-size-95: clamp(2em, 3vw + 1em, 5.9375em);
  /* Vertical rhythm ------------------------------------------------------
     Section bands used to be hard-coded (`padding: 6em 0`, 190 occurrences).
     `em` reads as responsive but is not: a section inherits the 16px base
     font-size, so 6em resolved to exactly 96px at every viewport. Measured
     across 58 public pages at 1600 / 1280 / 768 / 390px, the section padding
     histogram was byte-identical at all four widths - a 390px phone was
     being given the same 96px top + 96px bottom as a 1600px desktop, which
     is 192px of dead space per band. Type (--font-size-*) and the horizontal
     gutter (.container is 92%) already scaled; only vertical spacing did not.

     Each token is a fluid ramp built the same way as the font sizes above:
     it holds the small value up to ~390px, grows linearly with the viewport,
     and locks to its old value from ~1200px up. So **desktop is unchanged to
     the pixel** and only narrow viewports get tighter. The max of each token
     is the literal it replaced, which is what makes that guarantee hold.

     Endpoints are in `em` so they keep resolving against the using element's
     font-size exactly as the literals did; the middle term is viewport-based.

       token            <=390px    768px    >=1200px (was)
       --section-y-xl     52px      87px      128px   (8em)
       --section-y        40px      66px       96px   (6em)
       --section-y-sm     34px      55px       80px   (5em / 80px)
       --section-y-xs     28px      45px       64px   (4em)
       --section-y-2xs    24px      35px       48px   (3em)
       --footer-y         56px     104px      160px   (10em)                */
  --section-y-xl: clamp(3.25em, 0.96em + 9.38vw, 8em);
  --section-y: clamp(2.5em, 0.81em + 6.91vw, 6em);
  --section-y-sm: clamp(2.125em, 0.74em + 5.68vw, 5em);
  --section-y-xs: clamp(1.75em, 0.67em + 4.44vw, 4em);
  --section-y-2xs: clamp(1.5em, 0.78em + 2.96vw, 3em);
  --footer-y: clamp(3.5em, 0.37em + 12.84vw, 10em);
  /*--font-size-14: clamp(0.875em, 1vw + 0.25em, 1.25em);
  --font-size-16: clamp(0.875em, 1vw + 0.5em, 1.5em);
  --font-size-18: clamp(1em, 1vw + 0.75em, 1.75em);
  --font-size-20: clamp(1em, 1.5vw + 0.5em, 2em);
  --font-size-24: clamp(1.125em, 1.5vw + 0.75em, 2.5em);
  --font-size-28: clamp(1.25em, 1.5vw + 1em, 3em);
  --font-size-30: clamp(1.25em, 1.75vw + 1em, 3.25em);
  --font-size-36: clamp(1.5em, 2vw + 1em, 3.5em);
  --font-size-48: clamp(1.5em, 2vw + 1.25em, 4em);
  --font-size-55: clamp(1.75em, 2.25vw + 1.5em, 4.5em);
  --font-size-60: clamp(1.75em, 2.5vw + 1.5em, 5em);
  --font-size-65: clamp(1.75em, 2.5vw + 1.75em, 5.25em);
  --font-size-72: clamp(2em, 3vw + 1.75em, 6em);
  --font-size-80: clamp(2em, 3vw + 1.75em, 6.5em);
  --font-size-90: clamp(2.25em, 3.25vw + 2em, 7em);
  --font-size-95: clamp(2.5em, 3.5vw + 2.25em, 8em);*/
  /* Effects */
  --bg-blur-backdrop-filter: blur(8px);
  --ani-duration: 5s;
  --ripple-ani-duration: var(--ani-duration);
}

* {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  font-family: var(--body-font);
  text-decoration: none;
  list-style: normal;
  border: none;
}

*,
:after,
:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--red);
}

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

body,
html {
  width: 100%;
  margin: 0 auto;
  min-width: 320px;
  color: var(--black);
}

body {
  display: flex;
  background-color: var(--white);
  font-size: 16px;
  font-weight: var(--regular);
  letter-spacing: 0;
  overflow-wrap: break-word;
  user-select: none; /* Disables text selection */
}

body > div[id]:not([class]) {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 9999;
}

a {
  display: block;
}

p a,
.sub_title a,
.faq_answer a,
.tech_note a,
span > a {
  display: inline;
}

p a,
.sub_title a,
.faq_answer a,
.tech_note a,
.accordion-body a {
  color: var(--green-link);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}

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

.error, .error-feedback, .text-danger {
  color: var(--red) !important;
}

.is-error {
  border-color: var(--red) !important;
}

/*h1{color: var(--white); font-size: var(--font-size-60); font-weight: var(--bold); letter-spacing: -0.05em; line-height: 1em;}
h2{color: var(--white); font-size: var(--font-size-72); font-weight: var(--bold); line-height: 1em; letter-spacing: -0.04em;}
h3{color: var(--white); font-size: var(--font-size-65); font-weight: var(--bold); letter-spacing: -0.05em; line-height: 1em;}
h4{color: var(--white); font-size: var(--font-size-48); font-weight: var(--bold);}
h5{color: var(--white); font-size: var(--font-size-24); font-weight: var(--bold);}
h6{color: var(--white); font-size: var(--font-size-20); font-weight: var(--bold);}*/
h1, .banner_label {
  color: var(--white);
  font-size: var(--font-size-60);
  font-weight: var(--bold);
  letter-spacing: -0.05em;
  line-height: 1em;
}

h2 {
  color: var(--white);
  font-size: var(--font-size-55);
  font-weight: var(--bold);
  line-height: 1em;
  letter-spacing: -0.04em;
}

h3 {
  color: var(--white);
  font-size: var(--font-size-50);
  font-weight: var(--bold);
  letter-spacing: -0.05em;
  line-height: 1em;
}

h4 {
  color: var(--white);
  font-size: var(--font-size-48);
  font-weight: var(--bold);
  line-height: 1em;
}

h5 {
  color: var(--white);
  font-size: var(--font-size-24);
  font-weight: var(--bold);
  line-height: 1em;
}

h6 {
  color: var(--white);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  line-height: 1em;
}

p {
  font-size: var(--font-size-16);
  font-weight: normal;
  line-height: 1.25em;
}

.sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

section {
  position: relative;
  padding: 0;
  margin: 0 auto;
}

.mb-0 {
  margin-bottom: 0em !important;
}

.mb-1 {
  margin-bottom: 1em !important;
}

.mb-2 {
  margin-bottom: 2em !important;
}

.mb-3 {
  margin-bottom: 3em !important;
}

.mb-4 {
  margin-bottom: 4em !important;
}

.mb-5 {
  margin-bottom: 5em !important;
}

.mb-6 {
  margin-bottom: 6em !important;
}

.mb-7 {
  margin-bottom: 7em !important;
}

.mb-8 {
  margin-bottom: 8em !important;
}

.mb-9 {
  margin-bottom: 9em !important;
}

.mb-10 {
  margin-bottom: 10em !important;
}

.mb-11 {
  margin-bottom: 11em !important;
}

.mb-12 {
  margin-bottom: 12em !important;
}

.mb-13 {
  margin-bottom: 13em !important;
}

.mb-14 {
  margin-bottom: 14em !important;
}

.mb-15 {
  margin-bottom: 15em !important;
}

.mb-16 {
  margin-bottom: 16em !important;
}

.mb-17 {
  margin-bottom: 17em !important;
}

.mb-18 {
  margin-bottom: 18em !important;
}

.mb-19 {
  margin-bottom: 19em !important;
}

.mb-20 {
  margin-bottom: 20em !important;
}

.mb-21 {
  margin-bottom: 21em !important;
}

.mb-22 {
  margin-bottom: 22em !important;
}

.mb-23 {
  margin-bottom: 23em !important;
}

.mb-24 {
  margin-bottom: 24em !important;
}

.mb-25 {
  margin-bottom: 25em !important;
}

.mb-26 {
  margin-bottom: 26em !important;
}

.mb-27 {
  margin-bottom: 27em !important;
}

.mb-28 {
  margin-bottom: 28em !important;
}

.mb-29 {
  margin-bottom: 29em !important;
}

.mb-30 {
  margin-bottom: 30em !important;
}

.mb-31 {
  margin-bottom: 31em !important;
}

.mb-32 {
  margin-bottom: 32em !important;
}

.mb-33 {
  margin-bottom: 33em !important;
}

.mb-34 {
  margin-bottom: 34em !important;
}

.mb-35 {
  margin-bottom: 35em !important;
}

.mb-36 {
  margin-bottom: 36em !important;
}

.mb-37 {
  margin-bottom: 37em !important;
}

.mb-38 {
  margin-bottom: 38em !important;
}

.mb-39 {
  margin-bottom: 39em !important;
}

.mb-40 {
  margin-bottom: 40em !important;
}

.mb-41 {
  margin-bottom: 41em !important;
}

.mb-42 {
  margin-bottom: 42em !important;
}

.mb-43 {
  margin-bottom: 43em !important;
}

.mb-44 {
  margin-bottom: 44em !important;
}

.mb-45 {
  margin-bottom: 45em !important;
}

.mb-46 {
  margin-bottom: 46em !important;
}

.mb-47 {
  margin-bottom: 47em !important;
}

.mb-48 {
  margin-bottom: 48em !important;
}

.mb-49 {
  margin-bottom: 49em !important;
}

.mb-50 {
  margin-bottom: 50em !important;
}

.mb-51 {
  margin-bottom: 51em !important;
}

.mb-52 {
  margin-bottom: 52em !important;
}

.mb-53 {
  margin-bottom: 53em !important;
}

.mb-54 {
  margin-bottom: 54em !important;
}

.mb-55 {
  margin-bottom: 55em !important;
}

.mb-56 {
  margin-bottom: 56em !important;
}

.mb-57 {
  margin-bottom: 57em !important;
}

.mb-58 {
  margin-bottom: 58em !important;
}

.mb-59 {
  margin-bottom: 59em !important;
}

.mb-60 {
  margin-bottom: 60em !important;
}

.mb-61 {
  margin-bottom: 61em !important;
}

.mb-62 {
  margin-bottom: 62em !important;
}

.mb-63 {
  margin-bottom: 63em !important;
}

.mb-64 {
  margin-bottom: 64em !important;
}

.mb-65 {
  margin-bottom: 65em !important;
}

.mb-66 {
  margin-bottom: 66em !important;
}

.mb-67 {
  margin-bottom: 67em !important;
}

.mb-68 {
  margin-bottom: 68em !important;
}

.mb-69 {
  margin-bottom: 69em !important;
}

.mb-70 {
  margin-bottom: 70em !important;
}

.mb-71 {
  margin-bottom: 71em !important;
}

.mb-72 {
  margin-bottom: 72em !important;
}

.mb-73 {
  margin-bottom: 73em !important;
}

.mb-74 {
  margin-bottom: 74em !important;
}

.mb-75 {
  margin-bottom: 75em !important;
}

.mb-76 {
  margin-bottom: 76em !important;
}

.mb-77 {
  margin-bottom: 77em !important;
}

.mb-78 {
  margin-bottom: 78em !important;
}

.mb-79 {
  margin-bottom: 79em !important;
}

.mb-80 {
  margin-bottom: 80em !important;
}

.mb-81 {
  margin-bottom: 81em !important;
}

.mb-82 {
  margin-bottom: 82em !important;
}

.mb-83 {
  margin-bottom: 83em !important;
}

.mb-84 {
  margin-bottom: 84em !important;
}

.mb-85 {
  margin-bottom: 85em !important;
}

.mb-86 {
  margin-bottom: 86em !important;
}

.mb-87 {
  margin-bottom: 87em !important;
}

.mb-88 {
  margin-bottom: 88em !important;
}

.mb-89 {
  margin-bottom: 89em !important;
}

.mb-90 {
  margin-bottom: 90em !important;
}

.mb-91 {
  margin-bottom: 91em !important;
}

.mb-92 {
  margin-bottom: 92em !important;
}

.mb-93 {
  margin-bottom: 93em !important;
}

.mb-94 {
  margin-bottom: 94em !important;
}

.mb-95 {
  margin-bottom: 95em !important;
}

.mb-96 {
  margin-bottom: 96em !important;
}

.mb-97 {
  margin-bottom: 97em !important;
}

.mb-98 {
  margin-bottom: 98em !important;
}

.mb-99 {
  margin-bottom: 99em !important;
}

.mb-100 {
  margin-bottom: 100em !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-1 {
  margin-top: 1px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-11 {
  margin-top: 11px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-13 {
  margin-top: 13px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-17 {
  margin-top: 17px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.mt-19 {
  margin-top: 19px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-21 {
  margin-top: 21px !important;
}

.mt-22 {
  margin-top: 22px !important;
}

.mt-23 {
  margin-top: 23px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-26 {
  margin-top: 26px !important;
}

.mt-27 {
  margin-top: 27px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mt-29 {
  margin-top: 29px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-31 {
  margin-top: 31px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mt-33 {
  margin-top: 33px !important;
}

.mt-34 {
  margin-top: 34px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.mt-37 {
  margin-top: 37px !important;
}

.mt-38 {
  margin-top: 38px !important;
}

.mt-39 {
  margin-top: 39px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-41 {
  margin-top: 41px !important;
}

.mt-42 {
  margin-top: 42px !important;
}

.mt-43 {
  margin-top: 43px !important;
}

.mt-44 {
  margin-top: 44px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mt-46 {
  margin-top: 46px !important;
}

.mt-47 {
  margin-top: 47px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mt-49 {
  margin-top: 49px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-51 {
  margin-top: 51px !important;
}

.mt-52 {
  margin-top: 52px !important;
}

.mt-53 {
  margin-top: 53px !important;
}

.mt-54 {
  margin-top: 54px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mt-56 {
  margin-top: 56px !important;
}

.mt-57 {
  margin-top: 57px !important;
}

.mt-58 {
  margin-top: 58px !important;
}

.mt-59 {
  margin-top: 59px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-61 {
  margin-top: 61px !important;
}

.mt-62 {
  margin-top: 62px !important;
}

.mt-63 {
  margin-top: 63px !important;
}

.mt-64 {
  margin-top: 64px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.mt-66 {
  margin-top: 66px !important;
}

.mt-67 {
  margin-top: 67px !important;
}

.mt-68 {
  margin-top: 68px !important;
}

.mt-69 {
  margin-top: 69px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-71 {
  margin-top: 71px !important;
}

.mt-72 {
  margin-top: 72px !important;
}

.mt-73 {
  margin-top: 73px !important;
}

.mt-74 {
  margin-top: 74px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.mt-76 {
  margin-top: 76px !important;
}

.mt-77 {
  margin-top: 77px !important;
}

.mt-78 {
  margin-top: 78px !important;
}

.mt-79 {
  margin-top: 79px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-81 {
  margin-top: 81px !important;
}

.mt-82 {
  margin-top: 82px !important;
}

.mt-83 {
  margin-top: 83px !important;
}

.mt-84 {
  margin-top: 84px !important;
}

.mt-85 {
  margin-top: 85px !important;
}

.mt-86 {
  margin-top: 86px !important;
}

.mt-87 {
  margin-top: 87px !important;
}

.mt-88 {
  margin-top: 88px !important;
}

.mt-89 {
  margin-top: 89px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-91 {
  margin-top: 91px !important;
}

.mt-92 {
  margin-top: 92px !important;
}

.mt-93 {
  margin-top: 93px !important;
}

.mt-94 {
  margin-top: 94px !important;
}

.mt-95 {
  margin-top: 95px !important;
}

.mt-96 {
  margin-top: 96px !important;
}

.mt-97 {
  margin-top: 97px !important;
}

.mt-98 {
  margin-top: 98px !important;
}

.mt-99 {
  margin-top: 99px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.ml-0 {
  margin-left: 0em !important;
}

.ml-1 {
  margin-left: 1em !important;
}

.ml-2 {
  margin-left: 2em !important;
}

.ml-3 {
  margin-left: 3em !important;
}

.ml-4 {
  margin-left: 4em !important;
}

.ml-5 {
  margin-left: 5em !important;
}

.ml-6 {
  margin-left: 6em !important;
}

.ml-7 {
  margin-left: 7em !important;
}

.ml-8 {
  margin-left: 8em !important;
}

.ml-9 {
  margin-left: 9em !important;
}

.ml-10 {
  margin-left: 10em !important;
}

.ml-11 {
  margin-left: 11em !important;
}

.ml-12 {
  margin-left: 12em !important;
}

.ml-13 {
  margin-left: 13em !important;
}

.ml-14 {
  margin-left: 14em !important;
}

.ml-15 {
  margin-left: 15em !important;
}

.ml-16 {
  margin-left: 16em !important;
}

.ml-17 {
  margin-left: 17em !important;
}

.ml-18 {
  margin-left: 18em !important;
}

.ml-19 {
  margin-left: 19em !important;
}

.ml-20 {
  margin-left: 20em !important;
}

.ml-21 {
  margin-left: 21em !important;
}

.ml-22 {
  margin-left: 22em !important;
}

.ml-23 {
  margin-left: 23em !important;
}

.ml-24 {
  margin-left: 24em !important;
}

.ml-25 {
  margin-left: 25em !important;
}

.ml-26 {
  margin-left: 26em !important;
}

.ml-27 {
  margin-left: 27em !important;
}

.ml-28 {
  margin-left: 28em !important;
}

.ml-29 {
  margin-left: 29em !important;
}

.ml-30 {
  margin-left: 30em !important;
}

.ml-31 {
  margin-left: 31em !important;
}

.ml-32 {
  margin-left: 32em !important;
}

.ml-33 {
  margin-left: 33em !important;
}

.ml-34 {
  margin-left: 34em !important;
}

.ml-35 {
  margin-left: 35em !important;
}

.ml-36 {
  margin-left: 36em !important;
}

.ml-37 {
  margin-left: 37em !important;
}

.ml-38 {
  margin-left: 38em !important;
}

.ml-39 {
  margin-left: 39em !important;
}

.ml-40 {
  margin-left: 40em !important;
}

.ml-41 {
  margin-left: 41em !important;
}

.ml-42 {
  margin-left: 42em !important;
}

.ml-43 {
  margin-left: 43em !important;
}

.ml-44 {
  margin-left: 44em !important;
}

.ml-45 {
  margin-left: 45em !important;
}

.ml-46 {
  margin-left: 46em !important;
}

.ml-47 {
  margin-left: 47em !important;
}

.ml-48 {
  margin-left: 48em !important;
}

.ml-49 {
  margin-left: 49em !important;
}

.ml-50 {
  margin-left: 50em !important;
}

.ml-51 {
  margin-left: 51em !important;
}

.ml-52 {
  margin-left: 52em !important;
}

.ml-53 {
  margin-left: 53em !important;
}

.ml-54 {
  margin-left: 54em !important;
}

.ml-55 {
  margin-left: 55em !important;
}

.ml-56 {
  margin-left: 56em !important;
}

.ml-57 {
  margin-left: 57em !important;
}

.ml-58 {
  margin-left: 58em !important;
}

.ml-59 {
  margin-left: 59em !important;
}

.ml-60 {
  margin-left: 60em !important;
}

.ml-61 {
  margin-left: 61em !important;
}

.ml-62 {
  margin-left: 62em !important;
}

.ml-63 {
  margin-left: 63em !important;
}

.ml-64 {
  margin-left: 64em !important;
}

.ml-65 {
  margin-left: 65em !important;
}

.ml-66 {
  margin-left: 66em !important;
}

.ml-67 {
  margin-left: 67em !important;
}

.ml-68 {
  margin-left: 68em !important;
}

.ml-69 {
  margin-left: 69em !important;
}

.ml-70 {
  margin-left: 70em !important;
}

.ml-71 {
  margin-left: 71em !important;
}

.ml-72 {
  margin-left: 72em !important;
}

.ml-73 {
  margin-left: 73em !important;
}

.ml-74 {
  margin-left: 74em !important;
}

.ml-75 {
  margin-left: 75em !important;
}

.ml-76 {
  margin-left: 76em !important;
}

.ml-77 {
  margin-left: 77em !important;
}

.ml-78 {
  margin-left: 78em !important;
}

.ml-79 {
  margin-left: 79em !important;
}

.ml-80 {
  margin-left: 80em !important;
}

.ml-81 {
  margin-left: 81em !important;
}

.ml-82 {
  margin-left: 82em !important;
}

.ml-83 {
  margin-left: 83em !important;
}

.ml-84 {
  margin-left: 84em !important;
}

.ml-85 {
  margin-left: 85em !important;
}

.ml-86 {
  margin-left: 86em !important;
}

.ml-87 {
  margin-left: 87em !important;
}

.ml-88 {
  margin-left: 88em !important;
}

.ml-89 {
  margin-left: 89em !important;
}

.ml-90 {
  margin-left: 90em !important;
}

.ml-91 {
  margin-left: 91em !important;
}

.ml-92 {
  margin-left: 92em !important;
}

.ml-93 {
  margin-left: 93em !important;
}

.ml-94 {
  margin-left: 94em !important;
}

.ml-95 {
  margin-left: 95em !important;
}

.ml-96 {
  margin-left: 96em !important;
}

.ml-97 {
  margin-left: 97em !important;
}

.ml-98 {
  margin-left: 98em !important;
}

.ml-99 {
  margin-left: 99em !important;
}

.ml-100 {
  margin-left: 100em !important;
}

.mr-0 {
  margin-right: 0em !important;
}

.mr-1 {
  margin-right: 1em !important;
}

.mr-2 {
  margin-right: 2em !important;
}

.mr-3 {
  margin-right: 3em !important;
}

.mr-4 {
  margin-right: 4em !important;
}

.mr-5 {
  margin-right: 5em !important;
}

.mr-6 {
  margin-right: 6em !important;
}

.mr-7 {
  margin-right: 7em !important;
}

.mr-8 {
  margin-right: 8em !important;
}

.mr-9 {
  margin-right: 9em !important;
}

.mr-10 {
  margin-right: 10em !important;
}

.mr-11 {
  margin-right: 11em !important;
}

.mr-12 {
  margin-right: 12em !important;
}

.mr-13 {
  margin-right: 13em !important;
}

.mr-14 {
  margin-right: 14em !important;
}

.mr-15 {
  margin-right: 15em !important;
}

.mr-16 {
  margin-right: 16em !important;
}

.mr-17 {
  margin-right: 17em !important;
}

.mr-18 {
  margin-right: 18em !important;
}

.mr-19 {
  margin-right: 19em !important;
}

.mr-20 {
  margin-right: 20em !important;
}

.mr-21 {
  margin-right: 21em !important;
}

.mr-22 {
  margin-right: 22em !important;
}

.mr-23 {
  margin-right: 23em !important;
}

.mr-24 {
  margin-right: 24em !important;
}

.mr-25 {
  margin-right: 25em !important;
}

.mr-26 {
  margin-right: 26em !important;
}

.mr-27 {
  margin-right: 27em !important;
}

.mr-28 {
  margin-right: 28em !important;
}

.mr-29 {
  margin-right: 29em !important;
}

.mr-30 {
  margin-right: 30em !important;
}

.mr-31 {
  margin-right: 31em !important;
}

.mr-32 {
  margin-right: 32em !important;
}

.mr-33 {
  margin-right: 33em !important;
}

.mr-34 {
  margin-right: 34em !important;
}

.mr-35 {
  margin-right: 35em !important;
}

.mr-36 {
  margin-right: 36em !important;
}

.mr-37 {
  margin-right: 37em !important;
}

.mr-38 {
  margin-right: 38em !important;
}

.mr-39 {
  margin-right: 39em !important;
}

.mr-40 {
  margin-right: 40em !important;
}

.mr-41 {
  margin-right: 41em !important;
}

.mr-42 {
  margin-right: 42em !important;
}

.mr-43 {
  margin-right: 43em !important;
}

.mr-44 {
  margin-right: 44em !important;
}

.mr-45 {
  margin-right: 45em !important;
}

.mr-46 {
  margin-right: 46em !important;
}

.mr-47 {
  margin-right: 47em !important;
}

.mr-48 {
  margin-right: 48em !important;
}

.mr-49 {
  margin-right: 49em !important;
}

.mr-50 {
  margin-right: 50em !important;
}

.mr-51 {
  margin-right: 51em !important;
}

.mr-52 {
  margin-right: 52em !important;
}

.mr-53 {
  margin-right: 53em !important;
}

.mr-54 {
  margin-right: 54em !important;
}

.mr-55 {
  margin-right: 55em !important;
}

.mr-56 {
  margin-right: 56em !important;
}

.mr-57 {
  margin-right: 57em !important;
}

.mr-58 {
  margin-right: 58em !important;
}

.mr-59 {
  margin-right: 59em !important;
}

.mr-60 {
  margin-right: 60em !important;
}

.mr-61 {
  margin-right: 61em !important;
}

.mr-62 {
  margin-right: 62em !important;
}

.mr-63 {
  margin-right: 63em !important;
}

.mr-64 {
  margin-right: 64em !important;
}

.mr-65 {
  margin-right: 65em !important;
}

.mr-66 {
  margin-right: 66em !important;
}

.mr-67 {
  margin-right: 67em !important;
}

.mr-68 {
  margin-right: 68em !important;
}

.mr-69 {
  margin-right: 69em !important;
}

.mr-70 {
  margin-right: 70em !important;
}

.mr-71 {
  margin-right: 71em !important;
}

.mr-72 {
  margin-right: 72em !important;
}

.mr-73 {
  margin-right: 73em !important;
}

.mr-74 {
  margin-right: 74em !important;
}

.mr-75 {
  margin-right: 75em !important;
}

.mr-76 {
  margin-right: 76em !important;
}

.mr-77 {
  margin-right: 77em !important;
}

.mr-78 {
  margin-right: 78em !important;
}

.mr-79 {
  margin-right: 79em !important;
}

.mr-80 {
  margin-right: 80em !important;
}

.mr-81 {
  margin-right: 81em !important;
}

.mr-82 {
  margin-right: 82em !important;
}

.mr-83 {
  margin-right: 83em !important;
}

.mr-84 {
  margin-right: 84em !important;
}

.mr-85 {
  margin-right: 85em !important;
}

.mr-86 {
  margin-right: 86em !important;
}

.mr-87 {
  margin-right: 87em !important;
}

.mr-88 {
  margin-right: 88em !important;
}

.mr-89 {
  margin-right: 89em !important;
}

.mr-90 {
  margin-right: 90em !important;
}

.mr-91 {
  margin-right: 91em !important;
}

.mr-92 {
  margin-right: 92em !important;
}

.mr-93 {
  margin-right: 93em !important;
}

.mr-94 {
  margin-right: 94em !important;
}

.mr-95 {
  margin-right: 95em !important;
}

.mr-96 {
  margin-right: 96em !important;
}

.mr-97 {
  margin-right: 97em !important;
}

.mr-98 {
  margin-right: 98em !important;
}

.mr-99 {
  margin-right: 99em !important;
}

.mr-100 {
  margin-right: 100em !important;
}

.pb-0 {
  padding-bottom: 0em !important;
}

.pb-1 {
  padding-bottom: 1em !important;
}

.pb-2 {
  padding-bottom: 2em !important;
}

.pb-3 {
  padding-bottom: 3em !important;
}

.pb-4 {
  padding-bottom: 4em !important;
}

.pb-5 {
  padding-bottom: 5em !important;
}

.pb-6 {
  padding-bottom: 6em !important;
}

.pb-7 {
  padding-bottom: 7em !important;
}

.pb-8 {
  padding-bottom: 8em !important;
}

.pb-9 {
  padding-bottom: 9em !important;
}

.pb-10 {
  padding-bottom: 10em !important;
}

.pb-11 {
  padding-bottom: 11em !important;
}

.pb-12 {
  padding-bottom: 12em !important;
}

.pb-13 {
  padding-bottom: 13em !important;
}

.pb-14 {
  padding-bottom: 14em !important;
}

.pb-15 {
  padding-bottom: 15em !important;
}

.pb-16 {
  padding-bottom: 16em !important;
}

.pb-17 {
  padding-bottom: 17em !important;
}

.pb-18 {
  padding-bottom: 18em !important;
}

.pb-19 {
  padding-bottom: 19em !important;
}

.pb-20 {
  padding-bottom: 20em !important;
}

.pb-21 {
  padding-bottom: 21em !important;
}

.pb-22 {
  padding-bottom: 22em !important;
}

.pb-23 {
  padding-bottom: 23em !important;
}

.pb-24 {
  padding-bottom: 24em !important;
}

.pb-25 {
  padding-bottom: 25em !important;
}

.pb-26 {
  padding-bottom: 26em !important;
}

.pb-27 {
  padding-bottom: 27em !important;
}

.pb-28 {
  padding-bottom: 28em !important;
}

.pb-29 {
  padding-bottom: 29em !important;
}

.pb-30 {
  padding-bottom: 30em !important;
}

.pb-31 {
  padding-bottom: 31em !important;
}

.pb-32 {
  padding-bottom: 32em !important;
}

.pb-33 {
  padding-bottom: 33em !important;
}

.pb-34 {
  padding-bottom: 34em !important;
}

.pb-35 {
  padding-bottom: 35em !important;
}

.pb-36 {
  padding-bottom: 36em !important;
}

.pb-37 {
  padding-bottom: 37em !important;
}

.pb-38 {
  padding-bottom: 38em !important;
}

.pb-39 {
  padding-bottom: 39em !important;
}

.pb-40 {
  padding-bottom: 40em !important;
}

.pb-41 {
  padding-bottom: 41em !important;
}

.pb-42 {
  padding-bottom: 42em !important;
}

.pb-43 {
  padding-bottom: 43em !important;
}

.pb-44 {
  padding-bottom: 44em !important;
}

.pb-45 {
  padding-bottom: 45em !important;
}

.pb-46 {
  padding-bottom: 46em !important;
}

.pb-47 {
  padding-bottom: 47em !important;
}

.pb-48 {
  padding-bottom: 48em !important;
}

.pb-49 {
  padding-bottom: 49em !important;
}

.pb-50 {
  padding-bottom: 50em !important;
}

.pb-51 {
  padding-bottom: 51em !important;
}

.pb-52 {
  padding-bottom: 52em !important;
}

.pb-53 {
  padding-bottom: 53em !important;
}

.pb-54 {
  padding-bottom: 54em !important;
}

.pb-55 {
  padding-bottom: 55em !important;
}

.pb-56 {
  padding-bottom: 56em !important;
}

.pb-57 {
  padding-bottom: 57em !important;
}

.pb-58 {
  padding-bottom: 58em !important;
}

.pb-59 {
  padding-bottom: 59em !important;
}

.pb-60 {
  padding-bottom: 60em !important;
}

.pb-61 {
  padding-bottom: 61em !important;
}

.pb-62 {
  padding-bottom: 62em !important;
}

.pb-63 {
  padding-bottom: 63em !important;
}

.pb-64 {
  padding-bottom: 64em !important;
}

.pb-65 {
  padding-bottom: 65em !important;
}

.pb-66 {
  padding-bottom: 66em !important;
}

.pb-67 {
  padding-bottom: 67em !important;
}

.pb-68 {
  padding-bottom: 68em !important;
}

.pb-69 {
  padding-bottom: 69em !important;
}

.pb-70 {
  padding-bottom: 70em !important;
}

.pb-71 {
  padding-bottom: 71em !important;
}

.pb-72 {
  padding-bottom: 72em !important;
}

.pb-73 {
  padding-bottom: 73em !important;
}

.pb-74 {
  padding-bottom: 74em !important;
}

.pb-75 {
  padding-bottom: 75em !important;
}

.pb-76 {
  padding-bottom: 76em !important;
}

.pb-77 {
  padding-bottom: 77em !important;
}

.pb-78 {
  padding-bottom: 78em !important;
}

.pb-79 {
  padding-bottom: 79em !important;
}

.pb-80 {
  padding-bottom: 80em !important;
}

.pb-81 {
  padding-bottom: 81em !important;
}

.pb-82 {
  padding-bottom: 82em !important;
}

.pb-83 {
  padding-bottom: 83em !important;
}

.pb-84 {
  padding-bottom: 84em !important;
}

.pb-85 {
  padding-bottom: 85em !important;
}

.pb-86 {
  padding-bottom: 86em !important;
}

.pb-87 {
  padding-bottom: 87em !important;
}

.pb-88 {
  padding-bottom: 88em !important;
}

.pb-89 {
  padding-bottom: 89em !important;
}

.pb-90 {
  padding-bottom: 90em !important;
}

.pb-91 {
  padding-bottom: 91em !important;
}

.pb-92 {
  padding-bottom: 92em !important;
}

.pb-93 {
  padding-bottom: 93em !important;
}

.pb-94 {
  padding-bottom: 94em !important;
}

.pb-95 {
  padding-bottom: 95em !important;
}

.pb-96 {
  padding-bottom: 96em !important;
}

.pb-97 {
  padding-bottom: 97em !important;
}

.pb-98 {
  padding-bottom: 98em !important;
}

.pb-99 {
  padding-bottom: 99em !important;
}

.pb-100 {
  padding-bottom: 100em !important;
}

.pt-0 {
  padding-top: 0em !important;
}

.pt-1 {
  padding-top: 1em !important;
}

.pt-2 {
  padding-top: 2em !important;
}

.pt-3 {
  padding-top: 3em !important;
}

.pt-4 {
  padding-top: 4em !important;
}

.pt-5 {
  padding-top: 5em !important;
}

.pt-6 {
  padding-top: 6em !important;
}

.pt-7 {
  padding-top: 7em !important;
}

.pt-8 {
  padding-top: 8em !important;
}

.pt-9 {
  padding-top: 9em !important;
}

.pt-10 {
  padding-top: 10em !important;
}

.pt-11 {
  padding-top: 11em !important;
}

.pt-12 {
  padding-top: 12em !important;
}

.pt-13 {
  padding-top: 13em !important;
}

.pt-14 {
  padding-top: 14em !important;
}

.pt-15 {
  padding-top: 15em !important;
}

.pt-16 {
  padding-top: 16em !important;
}

.pt-17 {
  padding-top: 17em !important;
}

.pt-18 {
  padding-top: 18em !important;
}

.pt-19 {
  padding-top: 19em !important;
}

.pt-20 {
  padding-top: 20em !important;
}

.pt-21 {
  padding-top: 21em !important;
}

.pt-22 {
  padding-top: 22em !important;
}

.pt-23 {
  padding-top: 23em !important;
}

.pt-24 {
  padding-top: 24em !important;
}

.pt-25 {
  padding-top: 25em !important;
}

.pt-26 {
  padding-top: 26em !important;
}

.pt-27 {
  padding-top: 27em !important;
}

.pt-28 {
  padding-top: 28em !important;
}

.pt-29 {
  padding-top: 29em !important;
}

.pt-30 {
  padding-top: 30em !important;
}

.pt-31 {
  padding-top: 31em !important;
}

.pt-32 {
  padding-top: 32em !important;
}

.pt-33 {
  padding-top: 33em !important;
}

.pt-34 {
  padding-top: 34em !important;
}

.pt-35 {
  padding-top: 35em !important;
}

.pt-36 {
  padding-top: 36em !important;
}

.pt-37 {
  padding-top: 37em !important;
}

.pt-38 {
  padding-top: 38em !important;
}

.pt-39 {
  padding-top: 39em !important;
}

.pt-40 {
  padding-top: 40em !important;
}

.pt-41 {
  padding-top: 41em !important;
}

.pt-42 {
  padding-top: 42em !important;
}

.pt-43 {
  padding-top: 43em !important;
}

.pt-44 {
  padding-top: 44em !important;
}

.pt-45 {
  padding-top: 45em !important;
}

.pt-46 {
  padding-top: 46em !important;
}

.pt-47 {
  padding-top: 47em !important;
}

.pt-48 {
  padding-top: 48em !important;
}

.pt-49 {
  padding-top: 49em !important;
}

.pt-50 {
  padding-top: 50em !important;
}

.pt-51 {
  padding-top: 51em !important;
}

.pt-52 {
  padding-top: 52em !important;
}

.pt-53 {
  padding-top: 53em !important;
}

.pt-54 {
  padding-top: 54em !important;
}

.pt-55 {
  padding-top: 55em !important;
}

.pt-56 {
  padding-top: 56em !important;
}

.pt-57 {
  padding-top: 57em !important;
}

.pt-58 {
  padding-top: 58em !important;
}

.pt-59 {
  padding-top: 59em !important;
}

.pt-60 {
  padding-top: 60em !important;
}

.pt-61 {
  padding-top: 61em !important;
}

.pt-62 {
  padding-top: 62em !important;
}

.pt-63 {
  padding-top: 63em !important;
}

.pt-64 {
  padding-top: 64em !important;
}

.pt-65 {
  padding-top: 65em !important;
}

.pt-66 {
  padding-top: 66em !important;
}

.pt-67 {
  padding-top: 67em !important;
}

.pt-68 {
  padding-top: 68em !important;
}

.pt-69 {
  padding-top: 69em !important;
}

.pt-70 {
  padding-top: 70em !important;
}

.pt-71 {
  padding-top: 71em !important;
}

.pt-72 {
  padding-top: 72em !important;
}

.pt-73 {
  padding-top: 73em !important;
}

.pt-74 {
  padding-top: 74em !important;
}

.pt-75 {
  padding-top: 75em !important;
}

.pt-76 {
  padding-top: 76em !important;
}

.pt-77 {
  padding-top: 77em !important;
}

.pt-78 {
  padding-top: 78em !important;
}

.pt-79 {
  padding-top: 79em !important;
}

.pt-80 {
  padding-top: 80em !important;
}

.pt-81 {
  padding-top: 81em !important;
}

.pt-82 {
  padding-top: 82em !important;
}

.pt-83 {
  padding-top: 83em !important;
}

.pt-84 {
  padding-top: 84em !important;
}

.pt-85 {
  padding-top: 85em !important;
}

.pt-86 {
  padding-top: 86em !important;
}

.pt-87 {
  padding-top: 87em !important;
}

.pt-88 {
  padding-top: 88em !important;
}

.pt-89 {
  padding-top: 89em !important;
}

.pt-90 {
  padding-top: 90em !important;
}

.pt-91 {
  padding-top: 91em !important;
}

.pt-92 {
  padding-top: 92em !important;
}

.pt-93 {
  padding-top: 93em !important;
}

.pt-94 {
  padding-top: 94em !important;
}

.pt-95 {
  padding-top: 95em !important;
}

.pt-96 {
  padding-top: 96em !important;
}

.pt-97 {
  padding-top: 97em !important;
}

.pt-98 {
  padding-top: 98em !important;
}

.pt-99 {
  padding-top: 99em !important;
}

.pt-100 {
  padding-top: 100em !important;
}

.pl-0 {
  padding-left: 0em !important;
}

.pl-1 {
  padding-left: 1em !important;
}

.pl-2 {
  padding-left: 2em !important;
}

.pl-3 {
  padding-left: 3em !important;
}

.pl-4 {
  padding-left: 4em !important;
}

.pl-5 {
  padding-left: 5em !important;
}

.pl-6 {
  padding-left: 6em !important;
}

.pl-7 {
  padding-left: 7em !important;
}

.pl-8 {
  padding-left: 8em !important;
}

.pl-9 {
  padding-left: 9em !important;
}

.pl-10 {
  padding-left: 10em !important;
}

.pl-11 {
  padding-left: 11em !important;
}

.pl-12 {
  padding-left: 12em !important;
}

.pl-13 {
  padding-left: 13em !important;
}

.pl-14 {
  padding-left: 14em !important;
}

.pl-15 {
  padding-left: 15em !important;
}

.pl-16 {
  padding-left: 16em !important;
}

.pl-17 {
  padding-left: 17em !important;
}

.pl-18 {
  padding-left: 18em !important;
}

.pl-19 {
  padding-left: 19em !important;
}

.pl-20 {
  padding-left: 20em !important;
}

.pl-21 {
  padding-left: 21em !important;
}

.pl-22 {
  padding-left: 22em !important;
}

.pl-23 {
  padding-left: 23em !important;
}

.pl-24 {
  padding-left: 24em !important;
}

.pl-25 {
  padding-left: 25em !important;
}

.pl-26 {
  padding-left: 26em !important;
}

.pl-27 {
  padding-left: 27em !important;
}

.pl-28 {
  padding-left: 28em !important;
}

.pl-29 {
  padding-left: 29em !important;
}

.pl-30 {
  padding-left: 30em !important;
}

.pl-31 {
  padding-left: 31em !important;
}

.pl-32 {
  padding-left: 32em !important;
}

.pl-33 {
  padding-left: 33em !important;
}

.pl-34 {
  padding-left: 34em !important;
}

.pl-35 {
  padding-left: 35em !important;
}

.pl-36 {
  padding-left: 36em !important;
}

.pl-37 {
  padding-left: 37em !important;
}

.pl-38 {
  padding-left: 38em !important;
}

.pl-39 {
  padding-left: 39em !important;
}

.pl-40 {
  padding-left: 40em !important;
}

.pl-41 {
  padding-left: 41em !important;
}

.pl-42 {
  padding-left: 42em !important;
}

.pl-43 {
  padding-left: 43em !important;
}

.pl-44 {
  padding-left: 44em !important;
}

.pl-45 {
  padding-left: 45em !important;
}

.pl-46 {
  padding-left: 46em !important;
}

.pl-47 {
  padding-left: 47em !important;
}

.pl-48 {
  padding-left: 48em !important;
}

.pl-49 {
  padding-left: 49em !important;
}

.pl-50 {
  padding-left: 50em !important;
}

.pl-51 {
  padding-left: 51em !important;
}

.pl-52 {
  padding-left: 52em !important;
}

.pl-53 {
  padding-left: 53em !important;
}

.pl-54 {
  padding-left: 54em !important;
}

.pl-55 {
  padding-left: 55em !important;
}

.pl-56 {
  padding-left: 56em !important;
}

.pl-57 {
  padding-left: 57em !important;
}

.pl-58 {
  padding-left: 58em !important;
}

.pl-59 {
  padding-left: 59em !important;
}

.pl-60 {
  padding-left: 60em !important;
}

.pl-61 {
  padding-left: 61em !important;
}

.pl-62 {
  padding-left: 62em !important;
}

.pl-63 {
  padding-left: 63em !important;
}

.pl-64 {
  padding-left: 64em !important;
}

.pl-65 {
  padding-left: 65em !important;
}

.pl-66 {
  padding-left: 66em !important;
}

.pl-67 {
  padding-left: 67em !important;
}

.pl-68 {
  padding-left: 68em !important;
}

.pl-69 {
  padding-left: 69em !important;
}

.pl-70 {
  padding-left: 70em !important;
}

.pl-71 {
  padding-left: 71em !important;
}

.pl-72 {
  padding-left: 72em !important;
}

.pl-73 {
  padding-left: 73em !important;
}

.pl-74 {
  padding-left: 74em !important;
}

.pl-75 {
  padding-left: 75em !important;
}

.pl-76 {
  padding-left: 76em !important;
}

.pl-77 {
  padding-left: 77em !important;
}

.pl-78 {
  padding-left: 78em !important;
}

.pl-79 {
  padding-left: 79em !important;
}

.pl-80 {
  padding-left: 80em !important;
}

.pl-81 {
  padding-left: 81em !important;
}

.pl-82 {
  padding-left: 82em !important;
}

.pl-83 {
  padding-left: 83em !important;
}

.pl-84 {
  padding-left: 84em !important;
}

.pl-85 {
  padding-left: 85em !important;
}

.pl-86 {
  padding-left: 86em !important;
}

.pl-87 {
  padding-left: 87em !important;
}

.pl-88 {
  padding-left: 88em !important;
}

.pl-89 {
  padding-left: 89em !important;
}

.pl-90 {
  padding-left: 90em !important;
}

.pl-91 {
  padding-left: 91em !important;
}

.pl-92 {
  padding-left: 92em !important;
}

.pl-93 {
  padding-left: 93em !important;
}

.pl-94 {
  padding-left: 94em !important;
}

.pl-95 {
  padding-left: 95em !important;
}

.pl-96 {
  padding-left: 96em !important;
}

.pl-97 {
  padding-left: 97em !important;
}

.pl-98 {
  padding-left: 98em !important;
}

.pl-99 {
  padding-left: 99em !important;
}

.pl-100 {
  padding-left: 100em !important;
}

.pr-0 {
  padding-right: 0em !important;
}

.pr-1 {
  padding-right: 1em !important;
}

.pr-2 {
  padding-right: 2em !important;
}

.pr-3 {
  padding-right: 3em !important;
}

.pr-4 {
  padding-right: 4em !important;
}

.pr-5 {
  padding-right: 5em !important;
}

.pr-6 {
  padding-right: 6em !important;
}

.pr-7 {
  padding-right: 7em !important;
}

.pr-8 {
  padding-right: 8em !important;
}

.pr-9 {
  padding-right: 9em !important;
}

.pr-10 {
  padding-right: 10em !important;
}

.pr-11 {
  padding-right: 11em !important;
}

.pr-12 {
  padding-right: 12em !important;
}

.pr-13 {
  padding-right: 13em !important;
}

.pr-14 {
  padding-right: 14em !important;
}

.pr-15 {
  padding-right: 15em !important;
}

.pr-16 {
  padding-right: 16em !important;
}

.pr-17 {
  padding-right: 17em !important;
}

.pr-18 {
  padding-right: 18em !important;
}

.pr-19 {
  padding-right: 19em !important;
}

.pr-20 {
  padding-right: 20em !important;
}

.pr-21 {
  padding-right: 21em !important;
}

.pr-22 {
  padding-right: 22em !important;
}

.pr-23 {
  padding-right: 23em !important;
}

.pr-24 {
  padding-right: 24em !important;
}

.pr-25 {
  padding-right: 25em !important;
}

.pr-26 {
  padding-right: 26em !important;
}

.pr-27 {
  padding-right: 27em !important;
}

.pr-28 {
  padding-right: 28em !important;
}

.pr-29 {
  padding-right: 29em !important;
}

.pr-30 {
  padding-right: 30em !important;
}

.pr-31 {
  padding-right: 31em !important;
}

.pr-32 {
  padding-right: 32em !important;
}

.pr-33 {
  padding-right: 33em !important;
}

.pr-34 {
  padding-right: 34em !important;
}

.pr-35 {
  padding-right: 35em !important;
}

.pr-36 {
  padding-right: 36em !important;
}

.pr-37 {
  padding-right: 37em !important;
}

.pr-38 {
  padding-right: 38em !important;
}

.pr-39 {
  padding-right: 39em !important;
}

.pr-40 {
  padding-right: 40em !important;
}

.pr-41 {
  padding-right: 41em !important;
}

.pr-42 {
  padding-right: 42em !important;
}

.pr-43 {
  padding-right: 43em !important;
}

.pr-44 {
  padding-right: 44em !important;
}

.pr-45 {
  padding-right: 45em !important;
}

.pr-46 {
  padding-right: 46em !important;
}

.pr-47 {
  padding-right: 47em !important;
}

.pr-48 {
  padding-right: 48em !important;
}

.pr-49 {
  padding-right: 49em !important;
}

.pr-50 {
  padding-right: 50em !important;
}

.pr-51 {
  padding-right: 51em !important;
}

.pr-52 {
  padding-right: 52em !important;
}

.pr-53 {
  padding-right: 53em !important;
}

.pr-54 {
  padding-right: 54em !important;
}

.pr-55 {
  padding-right: 55em !important;
}

.pr-56 {
  padding-right: 56em !important;
}

.pr-57 {
  padding-right: 57em !important;
}

.pr-58 {
  padding-right: 58em !important;
}

.pr-59 {
  padding-right: 59em !important;
}

.pr-60 {
  padding-right: 60em !important;
}

.pr-61 {
  padding-right: 61em !important;
}

.pr-62 {
  padding-right: 62em !important;
}

.pr-63 {
  padding-right: 63em !important;
}

.pr-64 {
  padding-right: 64em !important;
}

.pr-65 {
  padding-right: 65em !important;
}

.pr-66 {
  padding-right: 66em !important;
}

.pr-67 {
  padding-right: 67em !important;
}

.pr-68 {
  padding-right: 68em !important;
}

.pr-69 {
  padding-right: 69em !important;
}

.pr-70 {
  padding-right: 70em !important;
}

.pr-71 {
  padding-right: 71em !important;
}

.pr-72 {
  padding-right: 72em !important;
}

.pr-73 {
  padding-right: 73em !important;
}

.pr-74 {
  padding-right: 74em !important;
}

.pr-75 {
  padding-right: 75em !important;
}

.pr-76 {
  padding-right: 76em !important;
}

.pr-77 {
  padding-right: 77em !important;
}

.pr-78 {
  padding-right: 78em !important;
}

.pr-79 {
  padding-right: 79em !important;
}

.pr-80 {
  padding-right: 80em !important;
}

.pr-81 {
  padding-right: 81em !important;
}

.pr-82 {
  padding-right: 82em !important;
}

.pr-83 {
  padding-right: 83em !important;
}

.pr-84 {
  padding-right: 84em !important;
}

.pr-85 {
  padding-right: 85em !important;
}

.pr-86 {
  padding-right: 86em !important;
}

.pr-87 {
  padding-right: 87em !important;
}

.pr-88 {
  padding-right: 88em !important;
}

.pr-89 {
  padding-right: 89em !important;
}

.pr-90 {
  padding-right: 90em !important;
}

.pr-91 {
  padding-right: 91em !important;
}

.pr-92 {
  padding-right: 92em !important;
}

.pr-93 {
  padding-right: 93em !important;
}

.pr-94 {
  padding-right: 94em !important;
}

.pr-95 {
  padding-right: 95em !important;
}

.pr-96 {
  padding-right: 96em !important;
}

.pr-97 {
  padding-right: 97em !important;
}

.pr-98 {
  padding-right: 98em !important;
}

.pr-99 {
  padding-right: 99em !important;
}

.pr-100 {
  padding-right: 100em !important;
}

.flex {
  display: flex !important;
}

.page-wrapper {
  width: 100%;
  margin: 0 auto;
}

.row {
  width: 100%;
}

.container {
  width: 92%;
  margin: 0 auto;
  max-width: 1640px;
}

.page-content {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.text-caps {
  text-transform: uppercase !important;
}

.no-scroll {
  overflow: hidden;
}

.no-page-scroll {
  position: fixed !important;
}

.gsc-expansionArea {
  padding-bottom: 1em;
}

.gcsc-more-maybe-branding-root {
  display: none !important;
}

.gsc-webResult.gsc-result:hover {
  background-color: rgba(4, 124, 68, 0.1) !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor .gsc-cursor-page {
  padding: 1em;
  background-color: var(--black);
  color: var(--white);
  border-radius: 50% 10%;
}
.gsc-results .gsc-cursor-box .gsc-cursor .gsc-cursor-page:hover {
  text-decoration: none;
  color: var(--black);
  background-color: var(--green-dark);
}
.gsc-results .gsc-cursor-box .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page {
  background-color: var(--green);
}
.gsc-results .gsc-cursor-box .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page:hover {
  text-decoration: none;
  color: var(--white);
  background-color: var(--green);
}

#pageloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
#pageloader.active {
  display: flex;
}
#pageloader::after {
  content: "";
  width: 50px;
  height: 50px;
  border: 5px solid var(--green);
  border-top: 5px solid transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* Spinner animation */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.preloader {
  position: fixed;
  inset: 0;
  z-index: 999;
  background-color: var(--green-light);
}

.select2 {
  width: 100% !important;
}

.btn.preloaderCls {
  cursor: pointer;
  z-index: 1000;
}
.btn.preloaderCls:hover {
  color: var(--white);
  transform: translate3d(0, 5px, 0);
}

.lw-preloader {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
.lw-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}
.lw-preloader .animation-preloader .txt-loading {
  font-size: 42px;
  line-height: 82px;
  font-weight: 700;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (min-width: 768px) {
  .lw-preloader .animation-preloader .txt-loading {
    font-size: 72px;
  }
}
.lw-preloader .animation-preloader .txt-loading .characters {
  color: rgba(0, 0, 0, 0.2);
  position: relative;
}
.lw-preloader .animation-preloader .txt-loading .characters::before {
  -webkit-animation: characters 4s infinite;
  animation: characters 4s infinite;
  color: var(--green);
  content: attr(preloader-text);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.lw-preloader .animation-preloader .txt-loading .characters:nth-child(2):before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.lw-preloader .animation-preloader .txt-loading .characters:nth-child(3):before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.lw-preloader .animation-preloader .txt-loading .characters:nth-child(4):before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.lw-preloader .animation-preloader .txt-loading .characters:nth-child(5):before {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.lw-preloader .animation-preloader .txt-loading .characters:nth-child(6):before {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.lw-preloader .animation-preloader .txt-loading .characters:nth-child(7):before {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.lw-preloader .animation-preloader .txt-loading .characters:nth-child(8):before {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.lw-preloader .animation-preloader .txt-loading .characters:nth-child(9):before {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.lw-preloader .animation-preloader .txt-loading .characters:nth-child(10):before {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

.btn {
  background-color: var(--green-dark);
  padding: 1.2em 1.8em;
  color: var(--black);
  border-radius: 2em;
  display: inline-flex;
  text-transform: uppercase;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  text-wrap: nowrap;
}
.btn:hover {
  background-color: var(--black);
  transform: translate3d(0, -5px, 0);
}

.btn.invert {
  background: linear-gradient(120deg, rgb(0, 0, 0) 0%, rgb(0, 168, 89) 100%);
}

.swiper-button-next, .swiper-button-prev {
  color: var(--black);
}

.swiper-pagination-bullet-active {
  background-color: var(--green);
}

.swiper-scrollbar-drag {
  background-color: var(--green);
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  bottom: 0;
}

.scroll-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 1;
  opacity: 1;
  visibility: hidden;
  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.scroll-top::after {
  content: "\f062";
  font-family: var(--icon-font);
  position: absolute;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  font-weight: 900;
  color: var(--theme-color);
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  z-index: 1;
  border: 2px solid var(--theme-color);
  box-shadow: none;
  border-radius: 50%;
}
.scroll-top::after svg {
  color: var(--theme-color);
  border-radius: 50%;
  background: var(--white);
}
.scroll-top::after svg path {
  fill: none;
}
.scroll-top .progress-circle path {
  stroke: var(--theme-color);
  stroke-width: 20px;
  box-sizing: border-box;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.scroll-top.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.popup-searchbox {
  position: fixed;
  top: 0;
  left: 50%;
  background-color: rgba(0, 0, 0, 0.92);
  height: 0;
  width: 0;
  overflow: hidden;
  z-index: 999;
  transition: all 0.5s ease-in-out;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
}
.popup-searchbox.show {
  opacity: 1;
  visibility: visible;
  height: 100%;
  width: 100.1%;
  border-radius: 0;
  transition: all 0.5s ease-in-out;
}
.popup-searchbox.show form {
  transition-delay: 0.5s;
  transform: translate(-50%, -50%) scale(1);
}
.popup-searchbox .close-searchbox {
  position: absolute;
  top: 1em;
  right: 1em;
  color: var(--white);
  font-size: 1.5em;
  cursor: pointer;
  color: var(--green);
  width: 60px;
  height: 60px;
  border: 1px solid var(--green);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease-in-out;
}
.popup-searchbox .close-searchbox:hover {
  color: var(--white);
  background-color: var(--green);
  transform: rotate(90deg);
  border: none;
}
.popup-searchbox form {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 700px;
  display: inline-block;
  transition: transform 0.5s ease-in-out;
  transform: translate(-50%, -50%) scale(0);
}
.popup-searchbox form input {
  width: 100%;
  height: 60px;
  padding: 0 30px;
  border-radius: 2em;
  border: 1px solid var(--green);
  color: var(--white);
  background-color: transparent;
  font-size: 1em;
  font-weight: var(--regular);
  outline: none;
}
.popup-searchbox form input::placeholder {
  color: var(--white);
}
.popup-searchbox form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  border: none;
  background-color: inherit;
  color: var(--white);
  cursor: pointer;
  font-size: 24px;
  font-weight: var(--regular);
  outline: none;
  transform: scale(1.001);
  transition: all 0.5s ease-in-out;
}
.popup-searchbox form button i {
  font-size: var(--font-size-30);
}

.mnu_icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  line-height: 1;
}

.mnu_wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 168, 89, 0.6);
  z-index: 9999;
  transition: all ease 0.8s;
  opacity: 0;
  visibility: hidden;
}
.mnu_wrapper.act {
  opacity: 1;
  visibility: visible;
}
.mnu_wrapper.act .mnu_area {
  left: 0;
  opacity: 1;
  visibility: visible;
}
.mnu_wrapper .mnu_area {
  width: 78%;
  max-width: 340px;
  background-color: var(--white);
  border-right: 3px solid var(--theme-color);
  height: 100%;
  position: relative;
  left: -110%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
  z-index: 1;
}
@media screen and (min-width: 480px) {
  .mnu_wrapper .mnu_area {
    width: 72%;
    max-width: 400px;
  }
}
.mnu_wrapper .mnu_area .mob_mnu_close_btn {
  border: none;
  font-size: 22px;
  position: absolute;
  right: -16.5px;
  top: 25px;
  padding: 0;
  line-height: 1;
  width: 33px;
  height: 33px;
  line-height: 35px;
  font-size: 18px;
  z-index: 1;
  color: var(--white);
  background-color: var(--theme-color);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.mnu_wrapper .mnu_area .mob_mnu_close_btn:hover {
  background-color: var(--black);
}
.mnu_wrapper .mnu_area .mob_logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.8em 0;
  background-color: rgba(0, 168, 89, 0.1);
  background-image: url("../images/menu-leaf-pattern.svg"), linear-gradient(135deg, rgba(0, 168, 89, 0.16) 0%, rgba(0, 168, 89, 0.04) 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: right 4px top 6px, center;
  background-size: 150px auto, cover;
}
.mnu_wrapper .mnu_area .mob_logo img {
  width: 7em;
}
.mnu_wrapper .mnu_area .mob_mnu {
  overflow-y: scroll;
  max-height: calc(100vh - 200px);
  padding-bottom: 40px;
  margin-top: 33px;
  text-align: left;
}
.mnu_wrapper .mnu_area .mob_mnu ul {
  padding: 0 20px;
}
@media screen and (min-width: 480px) {
  .mnu_wrapper .mnu_area .mob_mnu ul {
    padding: 0 40px;
  }
}
.mnu_wrapper .mnu_area .mob_mnu ul li {
  list-style: none;
  border-bottom: 1px solid rgba(0, 168, 89, 0.1);
}
.mnu_wrapper .mnu_area .mob_mnu ul li a {
  display: block;
  position: relative;
  padding: 12px 0;
  padding-left: 0px;
  line-height: 1.4;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--title-color);
  padding-left: 18px;
}
.mnu_wrapper .mnu_area .mob_mnu ul li a::before {
  content: "\f105";
  font-family: var(--icon-font);
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 12px;
  margin-right: 10px;
  display: inline-block;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_trigger {
  display: flex;
  align-items: center;
  gap: 0.8em;
  width: 100%;
  background: none;
  border: 0;
  padding: 18px 0 8px;
  text-align: left;
  color: var(--gray-01);
  font-size: var(--font-size-12);
  font-weight: var(--semi-bold);
  line-height: 1.4;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_trigger:disabled {
  cursor: default;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_trigger::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background-color: var(--gray-03);
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_trigger .mnu_icon {
  display: none;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu .container {
  width: 100%;
  max-width: none;
  padding: 0;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu .megamenu_card,
.mnu_wrapper .mnu_area .mob_mnu .megamenu .megamenu_inner {
  display: block;
  background: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_col {
  border-bottom: 1px solid var(--gray-03);
  padding: 0;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_col:last-child {
  border-bottom: 0;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_head {
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.4;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_toggle {
  display: flex;
  align-items: center;
  gap: 0.9em;
  width: 100%;
  background: none;
  border: 0;
  padding: 14px 0;
  text-align: left;
  cursor: pointer;
  color: inherit;
  font-size: inherit;
  font-weight: var(--bold);
  line-height: 1.4;
  text-transform: none;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_toggle .mnu_icon {
  color: var(--green);
  font-size: 1.4em;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_toggle span {
  flex: 1 1 auto;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_toggle .megamenu_caret {
  flex: 0 0 auto;
  display: block;
  font-size: 1.4em;
  color: var(--green);
  transition: transform 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .mnu_wrapper .mnu_area .mob_mnu .megamenu_toggle .megamenu_caret {
    transition: none;
  }
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_toggle[aria-expanded=true] {
  color: var(--green);
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_toggle[aria-expanded=true] .megamenu_caret {
  transform: rotate(180deg);
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_links {
  display: none;
  margin: 0 0 14px;
  padding: 14px 14px 14px 10px;
  border-radius: 8px;
  background-color: rgba(0, 168, 89, 0.06);
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_links.is-open {
  display: block;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_links li {
  border-bottom: 0;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_links li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: rgba(0, 168, 89, 0.25);
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_links li:first-child::before {
  top: 50%;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_links li:last-child::before {
  bottom: 50%;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_links li a {
  padding: 8px 0 8px 22px;
  font-size: var(--font-size-14);
  text-transform: none;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_links li a::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: var(--green);
  font-family: inherit;
  top: 50%;
  left: 1px;
  margin: -3px 0 0 0;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_links li a.act {
  color: var(--green);
  font-weight: var(--semi-bold);
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_foot {
  margin: 14px 0 4px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background-color: rgba(0, 168, 89, 0.08);
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_foot .megamenu_foot_copy {
  display: none;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_foot_btn {
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 14px 16px;
  border: 0;
  color: var(--green);
  font-size: var(--font-size-14);
  font-weight: var(--bold);
  text-transform: none;
  line-height: 1.4;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_foot_btn::before {
  display: none;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_foot_btn .mnu_icon {
  font-size: 1.3em;
}
.mnu_wrapper .mnu_area .mob_mnu .megamenu_foot_btn i.bx-right-arrow-alt {
  margin-left: auto;
  font-size: 1.3em;
}
.mnu_wrapper .mnu_area .mob_mnu .mnu_list > li > a {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding-left: 0;
}
.mnu_wrapper .mnu_area .mob_mnu .mnu_list > li > a::before {
  display: none;
}
.mnu_wrapper .mnu_area .mob_mnu .mnu_list > li > a .mnu_icon {
  color: var(--black);
  font-size: 1.35em;
}
.mnu_wrapper .mnu_area .mob_mnu .mnu_list > li > a.act .mnu_icon {
  color: var(--green);
}
.mnu_wrapper .mnu_area .mob_mnu .mnu_list > li > a.mnu_cta {
  padding: 12px 14px;
  border-radius: 8px;
  background-color: rgba(0, 168, 89, 0.08);
}
.mnu_wrapper .mnu_area .mob_mnu .mnu_cta_item {
  border-bottom: 0;
  padding-top: 10px;
}
.mnu_wrapper .mnu_area .mob_mnu .mnu_cta .mnu_cta_ico {
  flex: 0 0 auto;
  width: 2.4em;
  height: 2.4em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--green);
}
.mnu_wrapper .mnu_area .mob_mnu .mnu_cta .mnu_cta_ico .mnu_icon {
  color: var(--white);
  font-size: 1.2em;
}
.mnu_wrapper .mnu_area .mob_mnu .mnu_cta .mnu_cta_txt {
  flex: 1 1 auto;
  display: block;
  color: var(--green);
  font-size: var(--font-size-14);
  line-height: 1.35em;
}
.mnu_wrapper .mnu_area .mob_mnu .mnu_cta .mnu_cta_txt strong {
  display: block;
  font-weight: var(--bold);
}
.mnu_wrapper .mnu_area .mob_mnu .mnu_cta i {
  flex: 0 0 auto;
  font-size: 1.4em;
  color: var(--green);
}

header {
  width: 100%;
  display: flex;
  padding: 0em 0;
  flex-direction: column;
}
header .top_social {
  width: 100%;
  display: none;
  background-color: var(--green);
  padding: 0.5em 0;
}
@media screen and (min-width: 768px) {
  header .top_social {
    display: block;
  }
}
header .top_social .mob_soc {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
header .top_social .mob_soc .mob_mail {
  display: flex;
  flex-direction: row;
  color: var(--white);
  gap: 3em;
}
header .top_social .mob_soc .mob_mail a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: var(--white);
}
header .top_social .mob_soc .mob_mail a span {
  padding-left: 0.5em;
}
header .top_social .mob_soc .mob_mail a:hover {
  color: var(--black);
}
header .top_social .mob_soc .mob_mail .addr_area {
  display: none;
}
@media screen and (min-width: 992px) {
  header .top_social .mob_soc .mob_mail .addr_area {
    display: block;
  }
}
header .top_social .mob_soc .mob_mail .addr_area .addr {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: var(--white);
}
header .top_social .mob_soc .mob_mail .addr_area .addr span {
  padding-left: 0.5em;
}
header .top_social .mob_soc .mob_mail .phone_area {
  display: none;
}
@media screen and (min-width: 768px) {
  header .top_social .mob_soc .mob_mail .phone_area {
    display: block;
  }
}
header .top_social .mob_soc .mob_mail .email_area {
  display: none;
}
@media screen and (min-width: 768px) {
  header .top_social .mob_soc .mob_mail .email_area {
    display: block;
  }
}
header .top_social .mob_soc .social {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: var(--white);
  gap: 1em;
}
header .top_social .mob_soc .social li {
  list-style: none;
}
header .top_social .mob_soc .social li a {
  color: var(--white);
  transition: 0.3s ease-in-out;
}
header .top_social .mob_soc .social li a:hover {
  transform: scale(1.2);
  color: var(--black);
}
header .top_social .mob_soc .social li a span {
  padding-left: 1em;
}
header .sticky-wrapper {
  transition: 0.4s ease-in-out;
}
header .sticky-wrapper.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: var(--white);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
  animation: stickyMenu 0.4s ease-in-out;
}
header .sticky-wrapper .menu-area {
  position: relative;
}
header .sticky-wrapper .menu-area::before {
  content: "";
  position: absolute;
  width: 30%;
  height: 100%;
  background-color: var(--black);
  top: 0;
  right: 0;
}
header nav {
  /*width: 92%;
  margin: 0 auto;*/
}
header nav .logo_mnu {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
header nav .logo_mnu .logo {
  width: 5em;
  min-width: 90px;
}
@media screen and (min-width: 768px) {
  header nav .logo_mnu .logo {
    width: 7em;
  }
}
header nav .logo_mnu .logo img {
  height: 50px;
}
@media screen and (min-width: 768px) {
  header nav .logo_mnu .logo img {
    height: auto;
  }
}
header nav .logo_mnu .mnu {
  background-color: var(--black);
  margin-left: 2em;
  width: 84%;
  padding: 1.3em 0;
}
@media screen and (min-width: 768px) {
  header nav .logo_mnu .mnu {
    padding: 2em 0;
  }
}
@media screen and (min-width: 1200px) {
  header nav .logo_mnu .mnu {
    width: 67%;
  }
}
@media screen and (min-width: 1516px) {
  header nav .logo_mnu .mnu {
    width: 84%;
  }
}
header nav .logo_mnu .mnu::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  background-color: var(--black);
}
@media screen and (min-width: 768px) {
  header nav .logo_mnu .mnu::before {
    /*width: inherit;
    height: inherit;
    right: inherit;
    top: inherit;
    position: inherit;
    background: none;
    content: none;*/
    right: 0;
  }
}
header nav .logo_mnu .mnu .mobile_nav {
  display: block;
}
@media screen and (min-width: 992px) {
  header nav .logo_mnu .mnu .mobile_nav {
    display: none;
  }
}
header nav .logo_mnu .mnu .mobile_nav .hamburger {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
header nav .logo_mnu .mnu .mobile_nav .hamburger .bar_stack {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 0.4em;
  width: 25px;
  cursor: pointer;
}
header nav .logo_mnu .mnu .mobile_nav .hamburger .bar_stack .bar {
  transition: width 0.5s ease-in-out;
  background-color: var(--green);
  width: 100%;
  height: 2px;
}
header nav .logo_mnu .mnu .mobile_nav .hamburger .bar_stack .bar:first-child {
  width: 20px;
}
header nav .logo_mnu .mnu .mobile_nav .hamburger .bar_stack .bar:last-child {
  width: 15px;
}
header nav .logo_mnu .mnu .mobile_nav .hamburger .bar_stack:hover .bar:first-child {
  width: 25px;
}
header nav .logo_mnu .mnu .mobile_nav .hamburger .bar_stack:hover .bar:last-child {
  width: 25px;
}
header nav .logo_mnu .mnu .log_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 48%;
  height: 100%;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  header nav .logo_mnu .mnu .log_bg {
    width: 15%;
  }
}
header nav .logo_mnu .mnu .log_bg::before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  background-color: var(--green);
  clip-path: polygon(0 0, calc(100% - 80px) 0%, 100% 100%, 0% 100%);
  z-index: -2;
}
header nav .logo_mnu .mnu .log_bg::after {
  width: calc(100% - 20px);
  height: 100%;
  top: 0;
  left: -1px;
  content: "";
  z-index: -1;
  position: absolute;
  background-color: var(--white);
  clip-path: polygon(0 0, calc(100% - 60px) 0%, 100% 100%, 0% 100%);
}
header nav .logo_mnu .mnu .mnubg {
  display: none;
}
@media screen and (min-width: 992px) {
  header nav .logo_mnu .mnu .mnubg {
    display: block;
  }
}
header nav .logo_mnu .mnu .mnubg .mnu_list {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 3em;
  z-index: 3;
  padding: 0 2em 0 4em;
}
@media screen and (min-width: 1200px) {
  header nav .logo_mnu .mnu .mnubg .mnu_list {
    padding: 0 2em 0 15em;
  }
}
header nav .logo_mnu .mnu .mnubg .mnu_list li {
  list-style: none;
  position: static;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.mnu_mobile_only {
  display: none;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li a {
  padding: 0.5em 0;
  color: var(--white);
  text-transform: uppercase;
  font-weight: 900;
  transition: 0.5s ease-in-out;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li a .mnu_icon {
  display: none;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li a:hover {
  font-weight: 900;
  color: var(--green);
  transform: scale(1.2);
}
header nav .logo_mnu .mnu .mnubg .mnu_list li a.act {
  color: var(--green);
  font-weight: 900;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu > .megamenu_trigger {
  background: none;
  border: 0;
  font: inherit;
  cursor: pointer;
  padding: 0.5em 0;
  color: var(--white);
  text-transform: uppercase;
  font-weight: 900;
  transition: color 0.4s ease-in-out;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu > .megamenu_trigger::before {
  content: "";
  position: absolute;
  left: 0;
  right: 18px;
  bottom: 0;
  height: 2px;
  background-color: var(--green);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.35s ease;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu > .megamenu_trigger::after {
  content: "\f107";
  font-family: var(--icon-font);
  font-weight: 900;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.35s ease;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu > .megamenu_trigger:hover, header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu > .megamenu_trigger.act {
  color: var(--green);
}
@media (prefers-reduced-motion: reduce) {
  header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu > .megamenu_trigger::before, header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu > .megamenu_trigger::after {
    transition: none;
  }
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu:hover > .megamenu_trigger, header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu:focus-within > .megamenu_trigger {
  color: var(--green);
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu:hover > .megamenu_trigger::before, header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu:focus-within > .megamenu_trigger::before {
  transform: scaleX(1);
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu:hover > .megamenu_trigger::after, header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu:focus-within > .megamenu_trigger::after {
  transform: translateY(-50%) rotate(180deg);
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu:hover .megamenu, header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu:focus-within .megamenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0s;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu {
  position: fixed;
  top: var(--megamenu-top, 116px);
  left: 0;
  right: 0;
  z-index: 5;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu {
    transition: none;
    transform: none;
  }
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_card {
  background-color: var(--white);
  border-radius: 10px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
  padding: 2.5em 2.5em 2em;
  text-align: left;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_inner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 2em 0;
}
@media screen and (min-width: 1200px) {
  header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_inner {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_col {
  padding: 0 1.6em;
  border-left: 1px solid var(--gray-03);
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_col:first-child {
  padding-left: 0;
  border-left: 0;
}
@media screen and (min-width: 1200px) {
  header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_col:nth-child(1) {
    padding-left: 0;
    border-left: 0;
  }
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_head {
  margin: 0 0 1.2em 0;
  padding: 0;
  border: 0;
  font-size: var(--font-size-14);
  line-height: 1.3em;
  letter-spacing: 0.5px;
  min-height: 2.6em;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_toggle {
  display: flex;
  align-items: flex-start;
  gap: 0.6em;
  width: 100%;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: var(--black);
  text-transform: uppercase;
  font-weight: var(--bold);
  letter-spacing: inherit;
  cursor: default;
  text-align: left;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_toggle span {
  line-height: 1.3;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_toggle .mnu_icon {
  color: var(--green);
  font-size: 1.5em;
  margin-top: 0.05em;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_toggle .megamenu_caret {
  display: none;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_links {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_links li {
  list-style: none;
  position: static;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_links li a {
  display: block;
  padding: 0.45em 0;
  color: var(--gray-01);
  font-size: var(--font-size-14);
  text-transform: none;
  font-weight: var(--regular);
  line-height: 1.35em;
  transition: color 0.18s ease-out, transform 0.18s ease-out;
  transform-origin: left center;
}
@media (prefers-reduced-motion: reduce) {
  header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_links li a {
    transition: none;
  }
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_links li a:hover {
  transform: translateX(3px);
  color: var(--green);
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_links li a.act {
  color: var(--green);
  font-weight: var(--semi-bold);
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5em;
  margin-top: 2.2em;
  padding: 1.6em 2em;
  border-radius: 8px;
  background-color: rgba(0, 168, 89, 0.06);
  background-image: url("../images/menu-leaf-pattern.svg");
  background-repeat: no-repeat;
  background-image: none;
}
@media screen and (min-width: 1200px) {
  header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_foot {
    padding-right: 11em;
    background-image: url(../images/menu-leaf-pattern.svg);
    background-position: right 1.5em center;
    background-size: 175px auto;
  }
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_foot_copy {
  display: flex;
  align-items: center;
  gap: 1em;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_foot_copy .mnu_icon {
  width: 2.6em;
  height: 2.6em;
  font-size: 1.3em;
  border-radius: 50%;
  background-color: rgba(0, 168, 89, 0.12);
  color: var(--green);
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_foot_copy strong {
  display: block;
  color: var(--black);
  font-size: var(--font-size-18);
  font-weight: var(--bold);
  line-height: 1.3em;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_foot_copy span {
  display: block;
  color: var(--gray-01);
  font-size: var(--font-size-14);
  line-height: 1.4em;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_foot_btn {
  display: inline-flex;
  align-items: center;
  gap: 0.7em;
  padding: 0.9em 1.6em;
  border: 1px solid var(--green);
  border-radius: 4px;
  background-color: var(--white);
  color: var(--green);
  font-size: var(--font-size-14);
  font-weight: var(--bold);
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_foot_btn .mnu_icon {
  display: none;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_foot_btn i.bx-right-arrow-alt {
  font-size: 1.3em;
  transition: transform 0.3s ease;
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_foot_btn:hover {
  transform: scale(1);
  background-color: var(--green);
  color: var(--white);
}
header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_foot_btn:hover i {
  transform: translateX(4px);
}
@media (prefers-reduced-motion: reduce) {
  header nav .logo_mnu .mnu .mnubg .mnu_list li.has-submenu .megamenu_foot_btn i {
    transition: none;
  }
}
header nav .logo_mnu .tools {
  background-color: var(--black);
  padding: 2em 0;
  display: none;
}
@media screen and (min-width: 992px) {
  header nav .logo_mnu .tools {
    display: block;
  }
}
header nav .logo_mnu .tools ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
header nav .logo_mnu .tools ul li {
  list-style: none;
}
@media screen and (min-width: 1200px) {
  header nav .logo_mnu .tools ul li:first-child {
    padding-right: 2em;
  }
}
header nav .logo_mnu .tools ul li .search {
  font-family: var(--icon-font);
  transition: 0.3s ease-in-out;
  color: var(--white);
  cursor: pointer;
}
header nav .logo_mnu .tools ul li .search:hover {
  color: var(--green);
  transform: scale(1.2);
}
header nav .logo_mnu .tools ul li .btn {
  padding: 0.5em 1.2em;
  color: var(--white);
}
header nav .logo_mnu .tools ul li .btn:hover {
  color: var(--green);
  transform: translateX(0);
}
header nav .logo_mnu .tools ul li .btn.make_enq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: none;
}
@media screen and (min-width: 1200px) {
  header nav .logo_mnu .tools ul li .btn.make_enq {
    display: block;
  }
}
header nav .logo_mnu .tools ul li .btn.make_enq span {
  margin-right: 1em;
}
header nav .logo_mnu .tools ul li a {
  color: var(--white);
}
header nav .logo_mnu .tools ul li a.search {
  font-family: var(--icon-font);
  transition: 0.3s ease-in-out;
}
header nav .logo_mnu .tools ul li a.search:hover {
  color: var(--green);
  transform: scale(1.2);
}
header nav .logo_mnu .tools ul li a.btn {
  padding: 0.5em 1.2em;
}
header nav .logo_mnu .tools ul li a.btn:hover {
  color: var(--green);
  transform: translateX(0);
}
header nav .logo_mnu .tools ul li a.btn.make_enq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
header nav .logo_mnu .tools ul li a.btn.make_enq span {
  margin-right: 1em;
}

.banner_f_sec {
  width: 100%;
  overflow: hidden;
}
.banner_f_sec::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 100%;
  background-color: var(--green);
  z-index: 1;
  transform: rotateZ(35deg);
  opacity: 0.65;
  right: 0%;
  top: 15%;
}
@media screen and (min-width: 768px) {
  .banner_f_sec::before {
    width: 100px;
    top: 18%;
  }
}
@media screen and (min-width: 992px) {
  .banner_f_sec::before {
    width: 125px;
    top: 18%;
  }
}
@media screen and (min-width: 1200px) {
  .banner_f_sec::before {
    width: 150px;
    top: 18%;
  }
}
.banner_f_sec .box {
  position: relative;
  width: 100%;
  /*height: calc(100vh - 250px);*/
  /*display: flex;*/
  text-align: left;
  padding: 10% 0;
}
.banner_f_sec .box h1,
.banner_f_sec .box .banner_label {
  /*position: absolute;
  top: 0;*/
  z-index: 2;
  color: var(--white);
  font-size: var(--font-size-24);
  text-shadow: 0 0 5px var(--green);
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  .banner_f_sec .box h1,
  .banner_f_sec .box .banner_label {
    bottom: 0;
    font-size: var(--font-size-72);
  }
}
.banner_f_sec .box p {
  font-size: var(--font-size-20);
  padding: 1em 0;
  text-shadow: 0 0 5px var(--green);
  padding-right: 45%;
  text-align: left;
  z-index: 2;
  color: var(--white);
}
@media screen and (min-width: 768px) {
  .banner_f_sec .box p {
    padding: 3em 50% 1.5em 0em;
    font-size: var(--font-size-30);
  }
}
.banner_f_sec .box a {
  z-index: 2;
  color: var(--white);
}
.banner_f_sec .box a.btn {
  padding: 0.5em 0.8em;
  font-size: var(--font-size-12);
  background-color: var(--black);
}
@media screen and (min-width: 768px) {
  .banner_f_sec .box a.btn {
    padding: 1.2em 1.8em;
    border-radius: 2em;
    font-size: var(--font-size-18);
  }
}
.banner_f_sec .box a:hover {
  color: var(--black);
  background-color: var(--white);
}
.banner_f_sec .box .img {
  position: absolute;
  inset: 0;
}
.banner_f_sec .box .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner_f_sec .box .img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(to right, rgba(0, 168, 89, 0.8), rgba(169, 169, 169, 0));
}

.evaluation_sec {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 1em 0;
  color: var(--black);
}
.evaluation_sec .ind_details {
  width: 100%;
  margin: 4em 0;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .evaluation_sec .ind_details {
    flex-direction: row;
  }
}
.evaluation_sec .ind_details .lft {
  flex: 1;
  padding: 3em 0em;
}
@media screen and (min-width: 768px) {
  .evaluation_sec .ind_details .lft {
    width: 50%;
  }
}
.evaluation_sec .ind_details .lft ul {
  margin: 0;
  position: relative;
  padding: 0;
  display: flex;
  gap: 1em;
  flex-direction: column;
}
.evaluation_sec .ind_details .lft ul li {
  list-style: none;
  font-size: var(--font-size-48);
  line-height: 0.9em;
  font-weight: 900;
  cursor: pointer;
  padding-left: 0.5em;
}
@media screen and (min-width: 768px) {
  .evaluation_sec .ind_details .lft ul li {
    font-size: var(--font-size-60);
  }
}
@media screen and (min-width: 768px) {
  .evaluation_sec .ind_details .lft ul li {
    letter-spacing: -3px;
  }
}
.evaluation_sec .ind_details .lft ul li:hover {
  color: var(--green);
  border-left: 2px solid var(--green);
}
.evaluation_sec .ind_details .lft ul li.act {
  color: var(--green);
  border-left: 2px solid var(--green);
}
.evaluation_sec .ind_details .lft ul li::before {
  content: "0" counter(list-item) "/ ";
  font-size: 0.6em;
  vertical-align: super;
  padding-right: 1em;
  color: var(--gray-01);
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  .evaluation_sec .ind_details .lft ul li::before {
    font-size: 0.4em;
  }
}
.evaluation_sec .ind_details .rt {
  flex: 1;
  margin: 3em 0 0 0;
}
@media screen and (min-width: 768px) {
  .evaluation_sec .ind_details .rt {
    width: 50%;
  }
}
.evaluation_sec .ind_details .rt h4 {
  color: var(--black);
  font-size: var(--font-size-48);
  font-weight: 800;
}
.evaluation_sec .ind_details .rt .e-outer-box {
  display: none;
  border-radius: 25px;
  border: 1px solid var(--gray-02);
}
.evaluation_sec .ind_details .rt .e-outer-box.act {
  display: block;
}
.evaluation_sec .ind_details .rt .e-outer-box:hover {
  border: 1px solid var(--green);
}
.evaluation_sec .ind_details .rt .e-outer-box::before {
  content: "";
  position: absolute;
  height: 50%;
  width: 100%;
  bottom: 0;
  background-color: var(--green);
  border-radius: 0 0 25px 25px;
}
.evaluation_sec .ind_details .rt .e-outer-box .eva_items {
  padding: 1em 1em 50% 1em;
}
.evaluation_sec .ind_details .rt .e-outer-box .eva_items .img_box {
  margin-bottom: -37%;
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .evaluation_sec .ind_details .rt .e-outer-box .eva_items .img_box {
    padding: 7em;
    margin-bottom: -67%;
  }
}
.evaluation_sec .ind_details .rt .e-outer-box .eva_items p {
  margin-bottom: 1em;
  color: var(--gray-01);
}
.evaluation_sec .ind_details .rt .e-outer-box .eva_items h5 {
  color: var(--gray-01);
}
.evaluation_sec .ind_details .rt .e-outer-box .eva_items ul {
  margin-left: 1em;
  margin-bottom: 1em;
}
.evaluation_sec .ind_details .rt .e-outer-box .eva_items ul li {
  color: var(--gray-01);
  list-style: disc;
}
.evaluation_sec .ind_details .rt .e-outer-box .eva_items a {
  background-color: inherit;
  text-wrap: nowrap;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}
.evaluation_sec .ind_details .rt .e-outer-box .eva_items a .title {
  font-size: var(--font-size-12);
  font-weight: 600;
}
.evaluation_sec .ind_details .rt .e-outer-box .eva_items a .arrow {
  padding: 0.5em;
  border-radius: 2em;
  border: 1px solid var(--green);
  margin-left: 0.5em;
  width: 40px;
  height: 40px;
}
.evaluation_sec .ind_details .rt .e-outer-box .eva_items a .arrow svg {
  width: 20px;
  height: 20px;
}
.evaluation_sec .ind_details .rt .e-outer-box .eva_items a:hover .arrow {
  background-color: var(--green);
}
.evaluation_sec .ind_details .rt .e-outer-box .eva_items a:hover .arrow svg {
  color: var(--white);
}
.evaluation_sec .ind_details .rt .e-outer-box .eva_items .item_list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 0.7em;
}
.evaluation_sec .ind_details .rt .e-outer-box .eva_items .item_list .item {
  padding: 2em;
  background-color: var(--black);
  color: var(--white);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 15px;
  min-width: 200px;
}
.evaluation_sec .ind_details .rt .e-outer-box .eva_items .item_list .item .icon_name {
  text-transform: uppercase;
}

.service_sec {
  width: 100%;
}
.service_sec .line-dots {
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  opacity: 0.1;
}
.service_sec .service_box_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
@media screen and (min-width: 768px) {
  .service_sec .service_box_list {
    /*flex-wrap: nowrap;*/
  }
}
.service_sec .service_box_list .box {
  display: flex;
  flex-direction: column;
  flex: 1 1 20%;
  border-bottom: 1px solid var(--gray-02);
  cursor: pointer;
  overflow: hidden;
  background-color: var(--white);
  transition: background-color 0.5s ease-in-out;
  min-width: min(320px, 100%);
  position: relative;
}
@media screen and (min-width: 320px) {
  .service_sec .service_box_list .box {
    width: 100%;
  }
}
@media screen and (min-width: 640px) {
  .service_sec .service_box_list .box.bg1, .service_sec .service_box_list .box.bg3 {
    border-right: 1px solid var(--gray-02);
  }
}
@media screen and (min-width: 960px) {
  .service_sec .service_box_list .box.bg1, .service_sec .service_box_list .box.bg2, .service_sec .service_box_list .box.bg4 {
    border-right: 1px solid var(--gray-02);
  }
  .service_sec .service_box_list .box.bg3 {
    border-right: 0;
  }
}
@media screen and (min-width: 1280px) {
  .service_sec .service_box_list .box.bg1, .service_sec .service_box_list .box.bg2, .service_sec .service_box_list .box.bg3 {
    border-right: 1px solid var(--gray-02);
  }
  .service_sec .service_box_list .box.bg4 {
    border-right: 0;
  }
}
@media screen and (min-width: 1600px) {
  .service_sec .service_box_list .box.bg1, .service_sec .service_box_list .box.bg2, .service_sec .service_box_list .box.bg3, .service_sec .service_box_list .box.bg4 {
    border-right: 1px solid var(--gray-02);
  }
}
@media screen and (min-width: 768px) {
  .service_sec .service_box_list .box:first-child {
    border-left: 1px solid var(--gray-02);
  }
}
.service_sec .service_box_list .box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  filter: grayscale(100%);
  opacity: 0;
}
.service_sec .service_box_list .box.bg1::after {
  background-image: url("/assets/images/ecommerce.jpg");
  background-image: image-set(url("/assets/images/ecommerce.webp") type("image/webp"), url("/assets/images/ecommerce.jpg") type("image/jpeg"));
}
.service_sec .service_box_list .box.bg2::after {
  background-image: url("/assets/images/why-choose.jpg");
  background-image: image-set(url("/assets/images/why-choose.webp") type("image/webp"), url("/assets/images/why-choose.jpg") type("image/jpeg"));
}
.service_sec .service_box_list .box.bg3::after {
  background-image: url("/assets/images/client-centric-approach.jpg");
  background-image: image-set(url("/assets/images/client-centric-approach.webp") type("image/webp"), url("/assets/images/client-centric-approach.jpg") type("image/jpeg"));
}
.service_sec .service_box_list .box.bg4::after {
  background-image: url("/assets/images/about.jpg");
  background-image: image-set(url("/assets/images/about.webp") type("image/webp"), url("/assets/images/about.jpg") type("image/jpeg"));
}
.service_sec .service_box_list .box.bg5::after {
  background-image: url("/assets/images/security-focused.jpg");
  background-image: image-set(url("/assets/images/security-focused.webp") type("image/webp"), url("/assets/images/security-focused.jpg") type("image/jpeg"));
}
.service_sec .service_box_list .box:hover {
  /*z-index: -1;*/
  background-color: var(--black);
}
.service_sec .service_box_list .box:hover::after {
  opacity: 0.4;
}
.service_sec .service_box_list .box:hover .boxin::after, .service_sec .service_box_list .box:hover .boxin::before {
  opacity: 0.8;
}
.service_sec .service_box_list .box:hover .boxin::after {
  left: -47%;
  top: -29%;
}
.service_sec .service_box_list .box:hover .boxin::before {
  bottom: -25%;
  right: -59%;
}
.service_sec .service_box_list .box:hover .boxin .title {
  color: var(--white);
}
.service_sec .service_box_list .box:hover .boxin p {
  color: var(--white);
}
.service_sec .service_box_list .box:hover .boxin .tech_consult .icon .responsive-svg {
  fill: var(--white);
}
.service_sec .service_box_list .box .boxin {
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  width: 100%;
}
.service_sec .service_box_list .box .boxin::after, .service_sec .service_box_list .box .boxin::before {
  content: "";
  position: absolute;
  width: 80%;
  height: 70%;
  background: linear-gradient(to bottom right, var(--black), var(--green));
  transition: all 0.5s ease-in-out;
  opacity: 0;
  border-radius: 25px;
  transform: rotate(49deg);
}
.service_sec .service_box_list .box .boxin::after {
  left: -92%;
  top: -49%;
}
.service_sec .service_box_list .box .boxin::before {
  bottom: -49%;
  right: -87%;
  outline: 1px solid var(--green-light);
  outline-offset: 10px;
}
.service_sec .service_box_list .box .boxin .tech_consult {
  z-index: 1;
  padding: 2em;
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  width: 100%;
}
.service_sec .service_box_list .box .boxin .tech_consult .btn {
  margin-top: auto;
  align-self: flex-start;
}
.service_sec .service_box_list .box .boxin .icon {
  margin-bottom: 1em;
  width: 4em;
  height: 4em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  border-radius: 1em;
  /*&::after{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 0, 0, 0.5);
      pointer-events: none;
  }*/
  /*svg {
      max-width: 60px;
      max-height: 58px;
  }*/
}
.service_sec .service_box_list .box .boxin .icon img {
  filter: grayscale(100%) contrast(200%) brightness(1.5);
}
@media screen and (min-width: 768px) {
  .service_sec .service_box_list .box .boxin .icon {
    margin-bottom: 5em;
  }
}
.service_sec .service_box_list .box .boxin .icon .svg_img {
  display: flex;
  width: 100%;
  max-width: 60px;
  height: auto;
}
.service_sec .service_box_list .box .boxin .icon .svg_img .responsive-svg {
  width: 100%;
  height: auto;
  fill: url(#icon-services-gradient) var(--white);
}
.service_sec .service_box_list .box .boxin .title {
  font-size: var(--font-size-28);
  font-weight: bold;
  color: var(--black);
  padding-bottom: 1em;
  letter-spacing: normal;
}
.service_sec .service_box_list .box .boxin p {
  color: var(--gray-01);
  margin-bottom: 1.5em;
  flex-grow: 1;
}

.industries_sec {
  width: 100%;
  /*  display: flex;
  flex-direction: row; */
  background: var(--black-01);
  padding: var(--section-y-xl) 0;
  color: var(--white);
}
.industries_sec .ind_details {
  display: flex;
  gap: 20px;
  width: 95%;
  /* align-items: center; */
  flex-wrap: wrap; /* enables stack on small screens */
  /* width: 100%; */
  border-top: 1px solid var(--gray);
  /* margin-top: 4em;
  display: flex;
  flex-direction: column;
  padding-top: 1em; */
  /*   max-width: 1640px; */
  margin: 4em auto 0 auto;
}
@media screen and (min-width: 992px) {
  .industries_sec .ind_details {
    flex-direction: row;
    margin: 4em 0 0 auto;
    /*  max-width: 1775px;
    margin: 4em 0 0 auto; */
  }
}
@media screen and (min-width: 1200px) {
  .industries_sec .ind_details {
    width: 93.5%;
  }
}
.industries_sec .ind_details .lft {
  flex: 1;
  padding-top: 3em;
  padding-right: 3em;
}
@media screen and (min-width: 992px) {
  .industries_sec .ind_details .lft {
    padding: 3em 3em 0 0;
    border-right: 1px solid var(--gray);
    min-width: min(320px, 100%);
    max-width: 440px;
  }
}
.industries_sec .ind_details .lft p {
  line-height: 1.35em;
  margin-bottom: 2em;
}
.industries_sec .ind_details .lft .btn {
  color: var(--white);
}
.industries_sec .ind_details .lft .btn svg {
  width: 24px;
  margin-left: 0.6em;
}
.industries_sec .ind_details .rt {
  flex: auto; /* takes all remaining space */
  min-width: 0; /* IMPORTANT if content is wide */
  /*    flex: 3; */
  padding: 3em 0 0;
}
@media screen and (min-width: 992px) {
  .industries_sec .ind_details .rt {
    padding: 3em 0 0 3em;
    flex: 1;
  }
}
.industries_sec .ind_details .rt .outer-slide {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.industries_sec .ind_details .rt .outer-slide .swiper {
  width: 100%;
  margin: 0;
}
.industries_sec .ind_details .rt .outer-slide .swiper .swiper-wrapper {
  align-items: stretch;
}
.industries_sec .ind_details .rt .outer-slide .swiper .swiper-slide {
  height: auto;
  padding: 0 !important;
  position: relative;
  background: #ffffff;
  color: var(--black);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.industries_sec .ind_details .rt .outer-slide .swiper .swiper-slide:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
}
.industries_sec .ind_details .rt .outer-slide .swiper .swiper-slide .box {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.industries_sec .ind_details .rt .outer-slide .swiper .swiper-slide .box .img {
  position: relative;
  overflow: hidden;
  height: 210px;
  border-radius: 16px;
}
.industries_sec .ind_details .rt .outer-slide .swiper .swiper-slide .box .img h3 {
  position: absolute;
  bottom: 16px;
  left: 20px;
  z-index: 2;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: normal;
}
.industries_sec .ind_details .rt .outer-slide .swiper .swiper-slide .box .img h3 a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.2s ease;
}
.industries_sec .ind_details .rt .outer-slide .swiper .swiper-slide .box .img h3 a:hover {
  color: var(--primary);
}
.industries_sec .ind_details .rt .outer-slide .swiper .swiper-slide .box .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  transition: transform 0.4s ease;
}
.industries_sec .ind_details .rt .outer-slide .swiper .swiper-slide .box .img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 60%;
  left: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 0 0 16px 16px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}
.industries_sec .ind_details .rt .outer-slide .swiper .swiper-slide .box:hover .img img {
  transform: scale(1.06);
}
.industries_sec .ind_details .rt .outer-slide .swiper .swiper-slide .box p {
  padding: 20px 22px 24px;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #4b5563;
  margin: 0;
  text-align: left;
  background: #ffffff;
}
.industries_sec .ind_details .rt .outer-slide .swiper-controls {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 2.5em;
}
.industries_sec .ind_details .rt .outer-slide .swiper-controls .swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  gap: 8px;
  width: auto;
}
.industries_sec .ind_details .rt .outer-slide .swiper-controls .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  background: var(--white);
  opacity: 0.3;
  transition: opacity 0.2s ease;
}
.industries_sec .ind_details .rt .outer-slide .swiper-controls .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.industries_sec .ind_details .rt .outer-slide .swiper-controls .swiper-button-next,
.industries_sec .ind_details .rt .outer-slide .swiper-controls .swiper-button-prev {
  position: static;
  width: 44px;
  height: 44px;
  margin: 0;
  color: var(--white);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.industries_sec .ind_details .rt .outer-slide .swiper-controls .swiper-button-next::after,
.industries_sec .ind_details .rt .outer-slide .swiper-controls .swiper-button-prev::after {
  font-size: 14px;
  font-weight: 700;
}
.industries_sec .ind_details .rt .outer-slide .swiper-controls .swiper-button-next:hover,
.industries_sec .ind_details .rt .outer-slide .swiper-controls .swiper-button-prev:hover {
  background: var(--green);
  border-color: var(--green);
}

.whychoose_sec {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  color: var(--black);
}
.whychoose_sec h2 {
  color: var(--black);
  margin-bottom: 20px;
}
.whychoose_sec h4 {
  color: var(--black);
}
.whychoose_sec.discovery_phase h3, .whychoose_sec.technology_consulting h3, .whychoose_sec.it_audit_services h3, .whychoose_sec.product_experience_design h3, .whychoose_sec.product_design_business_analysis h3, .whychoose_sec.maintenance_support h3 {
  color: var(--black);
  font-size: var(--font-size-48);
  letter-spacing: normal;
}
.whychoose_sec .sub_title {
  font-size: var(--font-size-30);
  line-height: 1.4em;
  color: var(--gray-01);
}
.whychoose_sec .sub_title br {
  display: none;
}
@media screen and (min-width: 768px) {
  .whychoose_sec .sub_title {
    line-height: 1em;
  }
  .whychoose_sec .sub_title br {
    display: block;
  }
}
.whychoose_sec .ind_details {
  width: 100%;
  border-top: 1px solid var(--gray-03);
  margin-top: 2.5em;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .whychoose_sec .ind_details {
    flex-direction: row;
  }
}
.whychoose_sec .ind_details .lft {
  flex: 3;
  padding: 1.5em 0em 0 0;
  order: 2;
}
@media screen and (min-width: 992px) {
  .whychoose_sec .ind_details .lft {
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  .whychoose_sec .ind_details .lft {
    padding: 1.5em 3em 0 0;
    border-right: 1px solid var(--gray-03);
    min-width: inherit;
    max-width: inherit;
  }
}
.whychoose_sec .ind_details .lft h4 {
  color: var(--black);
  font-size: var(--font-size-36);
  line-height: 1.2em;
  font-weight: 700;
  margin-top: 1.5em;
  margin-bottom: 0.6em;
}
.whychoose_sec .ind_details .lft p {
  line-height: 1.5em;
  margin-bottom: 1.25em;
}
.whychoose_sec .ind_details .lft p.benefits_title {
  margin-bottom: 0.8em;
  font-weight: 600;
}
.whychoose_sec .ind_details .lft ul {
  list-style: none !important;
  list-style-type: none !important;
  margin-bottom: 2em;
}
.whychoose_sec .ind_details .lft ul li {
  list-style: none !important;
  list-style-type: none !important;
  line-height: 1.5em;
  margin-bottom: 0.75em;
  padding-left: 1.8em;
  position: relative;
}
.whychoose_sec .ind_details .lft ul li::marker {
  display: none !important;
  content: "";
}
.whychoose_sec .ind_details .lft ul li::before {
  content: "\f00c";
  font-family: var(--icon-font);
  font-weight: 900;
  color: var(--green);
  position: absolute;
  left: 0;
  top: 0.15em;
}
.whychoose_sec .ind_details .lft .btn {
  color: var(--white);
}
.whychoose_sec .ind_details .lft .btn svg {
  width: 24px;
  margin-left: 0.6em;
}
.whychoose_sec .ind_details .rt {
  flex: 1;
  padding: 3em 0 0;
  order: 1;
}
@media screen and (min-width: 992px) {
  .whychoose_sec .ind_details .rt {
    order: 2;
  }
}
@media screen and (min-width: 768px) {
  .whychoose_sec .ind_details .rt {
    padding: 3em 0 0 3em;
  }
}
.whychoose_sec .ind_details .rt img {
  border-radius: 25px;
}

.casestudy_sec {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  color: var(--black);
  border-top: 1px solid var(--gray-03);
}
.casestudy_sec .title_btn {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .casestudy_sec .title_btn {
    align-items: center;
    flex-direction: row;
  }
}
.casestudy_sec .title_btn h2 {
  font-size: var(--font-size-95);
  color: var(--black);
  margin-bottom: 20px;
}
.casestudy_sec .title_btn .btn {
  color: var(--white);
}
.casestudy_sec .title_btn .btn svg {
  width: 24px;
  margin-left: 0.6em;
}
.casestudy_sec .case_items_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 5em;
  justify-content: space-between;
  width: 100%;
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .casestudy_sec .case_items_list {
    flex-direction: row;
    gap: 2em;
  }
}
.casestudy_sec .case_items_list .citem {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .casestudy_sec .case_items_list .citem {
    max-width: 320px;
    width: 48%;
  }
}
@media screen and (min-width: 992px) {
  .casestudy_sec .case_items_list .citem {
    max-width: fit-content;
    width: inherit;
  }
}
.casestudy_sec .case_items_list .citem .img_box {
  border-radius: 3em;
  overflow: hidden;
  margin-bottom: 2em;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}
.casestudy_sec .case_items_list .citem .img_box:hover {
  transform: translate3d(0, -10px, 0);
}
.casestudy_sec .case_items_list .citem .img_box img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 345px;
}
.casestudy_sec .case_items_list .citem .title_box {
  display: flex;
  flex-direction: row;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}
.casestudy_sec .case_items_list .citem .title_box:hover {
  transform: translate3d(0, 10px, 0);
}
.casestudy_sec .case_items_list .citem .title_box:hover .lft .title {
  color: var(--green);
}
.casestudy_sec .case_items_list .citem .title_box:hover .rt .arrow svg path {
  stroke: var(--green);
}
.casestudy_sec .case_items_list .citem .title_box .lft {
  flex: 3;
}
.casestudy_sec .case_items_list .citem .title_box .lft h3 {
  color: var(--gray-01);
  font-size: var(--font-size-12);
  text-transform: uppercase;
  letter-spacing: normal;
}
.casestudy_sec .case_items_list .citem .title_box .lft .title {
  font-size: var(--font-size-36);
  font-weight: 800;
  color: var(--black);
  line-height: 1.2em;
}
.casestudy_sec .case_items_list .citem .title_box .rt {
  flex: 1;
}
.casestudy_sec .case_items_list .citem .title_box .rt .arrow {
  margin: 0 0 0 3em;
}
.casestudy_sec .case_items_list .citem .title_box .rt .arrow svg {
  width: 3em;
}

.techstack_sec {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: var(--section-y-xl) 0;
  color: var(--black);
  border-top: 1px solid var(--gray-03);
}
@media screen and (min-width: 768px) {
  .techstack_sec {
    flex-direction: row;
  }
}
.techstack_sec h2 {
  color: var(--black);
  margin-bottom: 20px;
}
.techstack_sec .ind_details {
  width: 100%;
  border-top: 1px solid var(--gray-03);
  margin-top: 4em;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .techstack_sec .ind_details {
    flex-direction: row;
  }
}
.techstack_sec .ind_details .lft {
  flex: 1;
  padding-top: 3em;
}
@media screen and (min-width: 768px) {
  .techstack_sec .ind_details .lft {
    padding: 3em 3em 0 0;
    border-right: 1px solid var(--gray-03);
    min-width: min(320px, 100%);
    max-width: 440px;
  }
}
.techstack_sec .ind_details .lft ul {
  margin: 0;
  position: relative;
  padding: 0;
  display: flex;
  gap: 1em;
  flex-direction: column;
}
.techstack_sec .ind_details .lft ul li {
  list-style: none;
  font-size: var(--font-size-36);
  line-height: 0.9em;
  font-weight: 600;
  cursor: pointer;
  padding-left: 1em;
  border-left: 2px solid var(--white);
  transition: transform 0.5s ease-in-out;
}
.techstack_sec .ind_details .lft ul li:hover {
  color: var(--green-dark);
  border-left: 2px solid var(--green);
  transform: translateX(5px);
}
.techstack_sec .ind_details .lft ul li.act {
  color: var(--green-dark);
  border-left: 2px solid var(--green);
}
.techstack_sec .ind_details .lft ul li::before {
  content: "0" counter(list-item) "/ ";
  font-size: 14px;
  vertical-align: super;
  padding-right: 1em;
  color: var(--gray-01);
}
.techstack_sec .ind_details .rt {
  flex: 3;
  padding: 3em 0 0;
}
@media screen and (min-width: 768px) {
  .techstack_sec .ind_details .rt {
    padding: 3em 0 0 3em;
  }
}
.techstack_sec .ind_details .rt h3 {
  color: var(--black);
  font-size: var(--font-size-48);
  font-weight: 800;
  letter-spacing: normal;
}
.techstack_sec .ind_details .rt .outer-box {
  display: none;
}
.techstack_sec .ind_details .rt .outer-box.act {
  display: block;
}
.techstack_sec .ind_details .rt .outer-box .tech_items {
  padding: 2em 0 2.5em 0;
}
.techstack_sec .ind_details .rt .outer-box .tech_items .item_list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 0.7em;
  flex-wrap: wrap;
  gap: 0.5em;
}
@media screen and (min-width: 768px) {
  .techstack_sec .ind_details .rt .outer-box .tech_items .item_list {
    gap: 2em;
  }
}
.techstack_sec .ind_details .rt .outer-box .tech_items .item_list .item {
  padding: 1em 0;
  margin-bottom: 1em;
  background-color: var(--black);
  color: var(--white);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 15px;
  width: 40%;
}
@media screen and (min-width: 768px) {
  .techstack_sec .ind_details .rt .outer-box .tech_items .item_list .item {
    flex-direction: row;
    justify-content: space-between;
    width: inherit;
    max-width: 180px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .techstack_sec .ind_details .rt .outer-box .tech_items .item_list .item {
    min-width: 180px;
  }
}
.techstack_sec .ind_details .rt .outer-box .tech_items .item_list .item .icons {
  width: 25%;
}
@media screen and (min-width: 768px) {
  .techstack_sec .ind_details .rt .outer-box .tech_items .item_list .item .icons {
    margin-left: 1em;
  }
}
.techstack_sec .ind_details .rt .outer-box .tech_items .item_list .item .icon_name {
  text-transform: uppercase;
  font-size: var(--font-size-12);
}
@media screen and (min-width: 768px) {
  .techstack_sec .ind_details .rt .outer-box .tech_items .item_list .item .icon_name {
    padding-right: 2em;
    font-size: var(--font-size-16);
  }
}

.approach_sec {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  color: var(--white);
  background-color: var(--black-01);
}
.approach_sec h2 {
  color: var(--black);
  margin-bottom: 0.5em;
  color: var(--white);
}
.approach_sec .btn {
  color: var(--white);
  border: 1px solid var(--black);
}
.approach_sec .btn:hover {
  border: 1px solid var(--white);
}
.approach_sec .btn svg {
  width: 24px;
  margin-left: 0.6em;
}
.approach_sec .ind_details {
  width: 100%;
  border-top: 1px solid var(--gray);
  margin-top: 4em;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .approach_sec .ind_details {
    flex-direction: row;
  }
}
.approach_sec .ind_details .lft {
  flex: 1;
  border-bottom: 1px solid var(--gray);
  padding-right: 0;
  padding: 3em 0em 3em 0;
}
@media screen and (min-width: 768px) {
  .approach_sec .ind_details .lft {
    border-right: 1px solid var(--gray);
    padding: 3em 3em 0 0;
    border-bottom: 0;
    max-width: 440px;
    min-width: min(320px, 100%);
  }
}
.approach_sec .ind_details .lft ul {
  margin: 0;
  position: relative;
  padding: 0;
  display: flex;
  gap: 1em;
  flex-direction: column;
  counter-reset: approach_step;
}
.approach_sec .ind_details .lft ul li {
  list-style: none;
  counter-increment: approach_step;
  font-size: var(--font-size-28);
  font-weight: 600;
  cursor: pointer;
  padding-left: 1em;
  line-height: 1.25em;
  border-left: 2px solid var(--black-01);
  transition: transform 0.5s ease-in-out;
  display: flex;
  align-items: flex-start;
  gap: 1em;
}
.approach_sec .ind_details .lft ul li:hover {
  color: var(--green);
  border-left: 2px solid var(--green);
  transform: translateX(5px);
}
.approach_sec .ind_details .lft ul li.act {
  color: var(--green);
  border-left: 2px solid var(--green);
}
.approach_sec .ind_details .lft ul li::before {
  content: "0" counter(approach_step) "/";
  flex: 0 0 auto;
  font-size: 14px;
  line-height: inherit;
  color: var(--gray-01);
}
.approach_sec .ind_details .rt {
  flex: 3;
  padding: 3em 0 0;
}
@media screen and (min-width: 768px) {
  .approach_sec .ind_details .rt {
    padding: 3em 0 0 3em;
  }
}
.approach_sec .ind_details .rt .img_col_outer {
  display: none;
}
.approach_sec .ind_details .rt .img_col_outer.act {
  display: block;
}
.approach_sec .ind_details .rt .img_col_outer .img_col {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .approach_sec .ind_details .rt .img_col_outer .img_col {
    flex-direction: row;
  }
}
.approach_sec .ind_details .rt .img_col_outer .img_col .img {
  flex: 1;
}
.approach_sec .ind_details .rt .img_col_outer .img_col .col_area {
  flex: 1;
}
.approach_sec .ind_details .rt .img_col_outer .img_col .col_area h3 {
  letter-spacing: normal;
  color: var(--white);
  font-size: var(--font-size-60);
  font-weight: 800;
}
.approach_sec .ind_details .rt .img_col_outer .img_col .col_area p {
  /*line-height: 1.2em;*/
  font-size: var(--font-size-16);
  margin: 1.2em 0;
}
.approach_sec .ind_details .rt .img_col_outer .img_col .col_area ul {
  margin: 0;
  padding: 0;
  position: relative;
  margin-bottom: 1em;
}
.approach_sec .ind_details .rt .img_col_outer .img_col .col_area ul li {
  list-style: none;
  /*line-height: 1.2em;*/
  font-size: var(--font-size-20);
  padding: 0.3em 0;
  padding-left: 1.5em;
}
.approach_sec .ind_details .rt .img_col_outer .img_col .col_area ul li::before {
  content: "\e4e6";
  color: var(--green);
  /*padding-right: 1em;*/
  font-family: var(--icon-font);
  font-weight: 900;
  font-size: var(--font-size-28);
  position: absolute;
  left: 0;
}

.businessenq_sec {
  width: 100%;
}
.businessenq_sec.home {
  padding-top: var(--section-y-xl);
}
.businessenq_sec .bisenq_area {
  background-color: var(--black-01);
  border-radius: 25px;
  border: 1px solid var(--gray);
  z-index: 1;
  margin-bottom: -6em;
  padding: 0.5em;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .businessenq_sec .bisenq_area {
    flex-direction: row;
  }
}
.businessenq_sec .bisenq_area .img_area {
  flex: 1;
}
.businessenq_sec .bisenq_area .img_area img {
  border-radius: 25px;
}
@media screen and (min-width: 768px) {
  .businessenq_sec .bisenq_area .img_area img {
    max-width: 220px;
  }
}
@media screen and (min-width: 992px) {
  .businessenq_sec .bisenq_area .img_area img {
    max-width: 500px;
  }
}
.businessenq_sec .bisenq_area .bis_enq_frm {
  padding: 30px;
  flex: 3;
}
@media screen and (min-width: 1200px) {
  .businessenq_sec .bisenq_area .bis_enq_frm {
    padding: 1.5em 8em;
  }
}
.businessenq_sec .bisenq_area .bis_enq_frm h4,
.businessenq_sec .bisenq_area .bis_enq_frm h2 {
  font-size: var(--font-size-72);
  font-weight: 900;
  line-height: 1.2em;
}
.businessenq_sec .bisenq_area .bis_enq_frm h4 br,
.businessenq_sec .bisenq_area .bis_enq_frm h2 br {
  display: none;
}
@media screen and (min-width: 992px) {
  .businessenq_sec .bisenq_area .bis_enq_frm h4,
  .businessenq_sec .bisenq_area .bis_enq_frm h2 {
    font-size: var(--font-size-60);
    font-weight: 800;
    line-height: 1.1em;
    letter-spacing: -3px;
  }
  .businessenq_sec .bisenq_area .bis_enq_frm h4 br,
  .businessenq_sec .bisenq_area .bis_enq_frm h2 br {
    display: block;
  }
}
.businessenq_sec .bisenq_area .bis_enq_frm .enq_intro {
  font-size: var(--font-size-16);
  color: var(--gray-02);
  line-height: 1.6em;
  margin: 1em 0 0 0;
  max-width: 46em;
}
.businessenq_sec .bisenq_area .bis_enq_frm .quick-quote-wrap {
  margin-top: 2em;
}
@media screen and (min-width: 768px) {
  .businessenq_sec .bisenq_area .bis_enq_frm .quick-quote-wrap {
    margin-top: 3em;
  }
}
.businessenq_sec .bisenq_area .bis_enq_frm .quick-quote-wrap .frm_quick_quote button {
  margin-bottom: 2em;
}
.businessenq_sec .bisenq_area .bis_enq_frm .ajax_result_benq {
  padding: 2em 0 0 0;
}
@media screen and (min-width: 768px) {
  .businessenq_sec .bisenq_area .bis_enq_frm .ajax_result_benq {
    padding: 4em 0 0 0;
  }
}
.businessenq_sec .bisenq_area .bis_enq_frm .ajax_result_benq ul {
  padding: 0.5em 0 0 2em;
}
.businessenq_sec .bisenq_area .bis_enq_frm .ajax_result_benq ul li {
  list-style: disc;
}
.businessenq_sec .bisenq_area .bis_enq_frm .ajax_result_benq.text-danger {
  color: var(--red);
}
.businessenq_sec .bisenq_area .bis_enq_frm .ajax_result_benq.text-success {
  color: var(--green);
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area {
  width: 100%;
  display: flex;
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq .row {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq .row {
    flex-direction: row;
  }
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq .row .col {
  flex: 1;
}
@media screen and (min-width: 768px) {
  .businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq .row .col {
    margin: 5px 1em 5px 0;
  }
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq .row .col:last-child {
  margin-right: 0;
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq input,
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq textarea,
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq select {
  width: 100%;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--gray);
  line-height: 1.2em;
  padding: 20px 0 15px 0;
  outline: none;
  color: var(--white);
  font-size: var(--font-size-14);
}
@media screen and (min-width: 768px) {
  .businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq input,
  .businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq textarea,
  .businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq select {
    font-size: var(--font-size-16);
  }
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq input::placeholder,
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq textarea::placeholder,
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq select::placeholder {
  color: var(--white);
  font-size: var(--font-size-14);
}
@media screen and (min-width: 768px) {
  .businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq input::placeholder,
  .businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq textarea::placeholder,
  .businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq select::placeholder {
    font-size: var(--font-size-16);
  }
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq .select2-container--default .select2-selection--single {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--gray);
  line-height: 1.2em;
  padding: 20px 0 15px 0;
  height: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: var(--font-size-12);
  font-family: var(--body-font);
  color: var(--white);
  padding: 0;
}
@media screen and (min-width: 768px) {
  .businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: var(--font-size-16);
  }
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq .select2-container--default .select2-selection--single .select2-selection__arrow {
  position: relative;
  top: inherit;
  right: inherit;
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq .select2-container--default .select2-selection--multiple {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--gray);
  border-radius: 0;
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 0;
  margin-bottom: 15px;
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  margin-top: 0;
  margin-bottom: 0;
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq .select2-container--default .select2-selection--multiple .select2-search--inline textarea {
  border-bottom: 0;
  margin: 0;
  margin-bottom: 15px;
  line-height: 0.2em;
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq label {
  display: flex;
  justify-content: flex-start;
  color: var(--white);
  user-select: none;
  align-items: baseline;
  padding: 1em 0 0 0;
}
@media screen and (min-width: 768px) {
  .businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq label {
    align-items: center;
    padding: 0;
  }
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq label input[type=checkbox] {
  width: inherit;
  margin-right: 0.5em;
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq label span {
  user-select: none;
  font-size: var(--font-size-14);
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq label span .agree-link {
  display: inline;
  color: var(--green);
  text-decoration: underline;
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq label span .agree-link:hover {
  color: var(--white);
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq button {
  margin-top: 1.2em;
  margin-bottom: 2em;
  white-space: nowrap;
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq button:hover {
  color: var(--white);
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq button:hover svg {
  fill: var(--white);
}
.businessenq_sec .bisenq_area .bis_enq_frm .frm_area .frm_enq button svg {
  width: 1em;
  margin-left: 1em;
}

.popup#enqPopUp .popup-card {
  background-color: var(--black-01);
}
.popup#enqPopUp .popup-card .popup-header {
  background-color: var(--black-01);
  border: none;
}
.popup#enqPopUp .popup-card .popup-header .close-popup {
  color: var(--white);
  font-size: 2em;
  margin: 0 0 0 1em;
  cursor: pointer;
  border-radius: 50%;
  width: 50px;
  display: flex;
  justify-content: center;
}
.popup#enqPopUp .popup-card .popup-header .close-popup:hover {
  color: var(--green);
  background-color: var(--gray-01);
  transition: all 0.5s ease-in-out;
}
.popup#enqPopUp .popup-card .popup-header h4 {
  font-size: var(--font-size-20);
  font-weight: 900;
  line-height: 1.2em;
}
.popup#enqPopUp .popup-card .popup-header h4 br {
  display: none;
}
@media screen and (min-width: 992px) {
  .popup#enqPopUp .popup-card .popup-header h4 {
    font-size: var(--font-size-60);
    font-weight: 800;
    line-height: 1.1em;
    letter-spacing: -3px;
  }
  .popup#enqPopUp .popup-card .popup-header h4 br {
    display: block;
  }
}
.popup#enqPopUp .popup-card .popup-body .form_area {
  width: 100%;
  display: flex;
  gap: 1em;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .popup#enqPopUp .popup-card .popup-body .form_area {
    flex-direction: row;
  }
}
.popup#enqPopUp .popup-card .popup-body .form_area .lft {
  /*width: 40%;
  display: flex;*/
  flex: 1;
}
.popup#enqPopUp .popup-card .popup-body .form_area .lft img {
  display: none;
  border-radius: 25px;
}
@media screen and (min-width: 992px) {
  .popup#enqPopUp .popup-card .popup-body .form_area .lft img {
    display: block;
    max-width: 220px;
  }
}
@media screen and (min-width: 1200px) {
  .popup#enqPopUp .popup-card .popup-body .form_area .lft img {
    max-width: 300px;
  }
}
@media screen and (min-width: 1600px) {
  .popup#enqPopUp .popup-card .popup-body .form_area .lft img {
    max-width: 500px;
  }
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt {
  /*width: 60%;
  display: flex;*/
  padding: 0 30px;
  flex: 3;
}
@media screen and (min-width: 992px) {
  .popup#enqPopUp .popup-card .popup-body .form_area .rt {
    /*padding: 1.5em 8em;*/
  }
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .ajax_result_benq {
  /*padding: 2em 0 0 0;*/
}
@media screen and (min-width: 768px) {
  .popup#enqPopUp .popup-card .popup-body .form_area .rt .ajax_result_benq {
    /*padding: 4em 0 0 0;*/
  }
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .ajax_result_benq ul {
  padding: 0.5em 0 0 2em;
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .ajax_result_benq ul li {
  list-style: disc;
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .ajax_result_benq.text-danger {
  color: var(--red);
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .ajax_result_benq.text-success {
  color: var(--green);
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq .row {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq .row {
    flex-direction: row;
  }
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq .row .col {
  flex: 1;
}
@media screen and (min-width: 768px) {
  .popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq .row .col {
    margin: 5px 1em 5px 0;
  }
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq .row .col:last-child {
  margin-right: 0;
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq input,
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq textarea,
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq select {
  width: 100%;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--gray);
  line-height: 1.2em;
  padding: 20px 0 15px 0;
  outline: none;
  color: var(--white);
  font-size: var(--font-size-14);
}
@media screen and (min-width: 768px) {
  .popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq input,
  .popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq textarea,
  .popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq select {
    font-size: var(--font-size-16);
  }
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq input::placeholder,
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq textarea::placeholder,
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq select::placeholder {
  color: var(--white);
  font-size: var(--font-size-14);
}
@media screen and (min-width: 768px) {
  .popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq input::placeholder,
  .popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq textarea::placeholder,
  .popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq select::placeholder {
    font-size: var(--font-size-16);
  }
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq .select2-container--default .select2-selection--single {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--gray);
  line-height: 1.2em;
  padding: 20px 0 15px 0;
  height: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: var(--font-size-12);
  font-family: var(--body-font);
  color: var(--white);
  padding: 0;
}
@media screen and (min-width: 768px) {
  .popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: var(--font-size-16);
  }
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq .select2-container--default .select2-selection--single .select2-selection__arrow {
  position: relative;
  top: inherit;
  right: inherit;
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq .select2-container--default .select2-selection--multiple {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--gray);
  border-radius: 0;
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 0;
  margin-bottom: 15px;
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  margin-top: 0;
  margin-bottom: 0;
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq .select2-container--default .select2-selection--multiple .select2-search--inline textarea {
  border-bottom: 0;
  margin: 0;
  margin-bottom: 15px;
  line-height: 0.2em;
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq label {
  display: flex;
  justify-content: flex-start;
  color: var(--white);
  user-select: none;
  align-items: baseline;
  padding: 1em 0 0 0;
}
@media screen and (min-width: 768px) {
  .popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq label {
    align-items: center;
    padding: 0;
  }
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq label input[type=checkbox] {
  width: inherit;
  margin-right: 0.5em;
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq label span {
  user-select: none;
  font-size: var(--font-size-14);
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq label span .agree-link {
  display: inline;
  color: var(--green);
  text-decoration: underline;
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq label span .agree-link:hover {
  color: var(--white);
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq button {
  margin-top: 1.2em;
  margin-bottom: 2em;
  white-space: nowrap;
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq button:hover {
  color: var(--white);
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq button:hover svg {
  fill: var(--white);
}
.popup#enqPopUp .popup-card .popup-body .form_area .rt .frm_area .frm_enq button svg {
  width: 1em;
  margin-left: 1em;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -50%;
}

.core_services_sec {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  background-color: var(--green);
}
.core_services_sec h2 {
  margin-bottom: 2em;
}
.core_services_sec .box_list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 5em;
}
.core_services_sec .box_list .slide-item {
  flex: 1 1 20%;
  display: flex;
  min-width: min(312px, 100%);
}
.core_services_sec .box_list .slide-item .box {
  background-color: var(--white);
  border-radius: 1em;
  overflow: hidden;
}
.core_services_sec .box_list .slide-item .box::before, .core_services_sec .box_list .slide-item .box::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20%;
  transform: rotate(-45deg);
  transition: all 0.5s ease-in-out;
  opacity: 0.8;
}
.core_services_sec .box_list .slide-item .box:hover::after {
  bottom: 0;
  right: -27%;
}
.core_services_sec .box_list .slide-item .box:hover::before {
  bottom: 0;
  right: -43%;
}
.core_services_sec .box_list .slide-item .box::after {
  background-color: var(--green);
  bottom: 0;
  right: -80%;
  opacity: 0.2;
}
.core_services_sec .box_list .slide-item .box::before {
  background-color: var(--green);
  bottom: 0;
  right: -80%;
  opacity: 0.7;
}
.core_services_sec .box_list .slide-item .box .boxin {
  padding: 2em;
}
.core_services_sec .box_list .slide-item .box .boxin .icon {
  width: 4em;
  height: 4em;
  border-radius: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  fill: var(--green);
  margin-bottom: 2em;
}
.core_services_sec .box_list .slide-item .box .boxin .icon::before {
  content: "";
  position: absolute;
  width: 130%;
  height: 130%;
  border-radius: 50%;
  background-color: var(--green-light);
}
.core_services_sec .box_list .slide-item .box .boxin .icon svg {
  z-index: 1;
}
.core_services_sec .box_list .slide-item .box .boxin .title {
  margin-bottom: 1em;
  font-weight: bold;
  font-size: var(--font-size-28);
  color: var(--black);
  letter-spacing: normal;
}
.core_services_sec .box_list .slide-item .box .boxin .short_des {
  color: var(--gray-01);
  margin-bottom: 1em;
}
.core_services_sec .box_list .slide-item .box .boxin .btn {
  color: var(--white);
  background-color: var(--black);
}
.core_services_sec .box_list .slide-item .box .boxin .btn:hover {
  background-color: var(--green);
}
.core_services_sec .box_list .slide-item .box .boxin .btn svg {
  width: 24px;
  margin-left: 0.6em;
}

.latest_blog_sec {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  overflow: hidden;
  background-color: var(--green-light-01);
}
.latest_blog_sec .line-dots {
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  opacity: 0.1;
}
.latest_blog_sec .bg-fill-shapes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0.1;
}
.latest_blog_sec .title_btn {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .latest_blog_sec .title_btn {
    align-items: center;
    flex-direction: row;
  }
}
.latest_blog_sec .title_btn h2 {
  font-size: var(--font-size-95);
  color: var(--black);
  margin-bottom: 20px;
}
.latest_blog_sec .title_btn .btn {
  color: var(--white);
}
.latest_blog_sec .title_btn .btn svg {
  width: 24px;
  margin-left: 0.6em;
}
.latest_blog_sec .blog_items_list {
  display: flex;
  flex-wrap: wrap;
  gap: 5em;
  /*@include md {
      flex-direction: row;
      gap: 2em;
  }*/
  justify-content: space-between;
  width: 100%;
  margin-top: 50px;
}
.latest_blog_sec .blog_items_list .citem {
  /*@include md{
      max-width: 320px;
      width: 48%;
  }
  @include lg{
      //min-width: min(320px, 100%);
      max-width: fit-content;
      width: inherit;
  }*/
}
.latest_blog_sec .blog_items_list .citem .img_box {
  border-radius: 3em;
  overflow: hidden;
  margin-bottom: 2em;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  border: 2px solid var(--green);
}
.latest_blog_sec .blog_items_list .citem .img_box:hover {
  transform: translate3d(0, -10px, 0);
}
.latest_blog_sec .blog_items_list .citem .img_box img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 345px;
}
.latest_blog_sec .blog_items_list .citem .title_box {
  display: flex;
  flex-direction: row;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}
.latest_blog_sec .blog_items_list .citem .title_box:hover {
  transform: translate3d(0, 10px, 0);
}
.latest_blog_sec .blog_items_list .citem .title_box:hover .lft .title {
  color: var(--green);
}
.latest_blog_sec .blog_items_list .citem .title_box:hover .rt .arrow svg path {
  stroke: var(--green);
}
.latest_blog_sec .blog_items_list .citem .title_box .lft {
  flex: 3;
}
.latest_blog_sec .blog_items_list .citem .title_box .lft h3 {
  color: var(--gray-01);
  font-size: var(--font-size-12);
  text-transform: uppercase;
  letter-spacing: normal;
}
.latest_blog_sec .blog_items_list .citem .title_box .lft .title {
  font-size: var(--font-size-36);
  font-weight: 800;
  color: var(--black);
  line-height: 1.2em;
}
.latest_blog_sec .blog_items_list .citem .title_box .rt {
  flex: 1;
}
.latest_blog_sec .blog_items_list .citem .title_box .rt .arrow {
  margin: 0 0 0 3em;
  color: var(--black);
}
.latest_blog_sec .blog_items_list .citem .title_box .rt .arrow svg {
  width: 3em;
}

.faq_sec {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  overflow: hidden;
  border-top: 1px solid var(--gray-03);
  background: var(--green-light-01);
}
@media screen and (min-width: 1200px) {
  .faq_sec {
    background: url(../images/faq-illus.png) var(--green-light-01) no-repeat right center;
  }
}
.faq_sec h2 {
  color: var(--black);
  margin-bottom: 0.5em;
}
.faq_sec .sub_title {
  font-size: var(--font-size-30);
  line-height: 1.4em;
  color: var(--gray-01);
}
.faq_sec .sub_title br {
  display: none;
}
@media screen and (min-width: 768px) {
  .faq_sec .sub_title {
    line-height: 1em;
  }
  .faq_sec .sub_title br {
    display: block;
  }
}
.faq_sec .ind_details {
  width: 100%;
  margin-top: 4em;
  display: flex;
}
.faq_sec .ind_details .lft {
  flex: 3;
}
.faq_sec .ind_details .lft .accordion-item {
  background-color: var(--white);
  margin-bottom: 0.5em;
  border-radius: 1em;
}
.faq_sec .ind_details .lft .accordion-item .accordion-header {
  margin: 0;
  line-height: inherit;
  color: var(--black);
  font-size: var(--font-size-28);
}
.faq_sec .ind_details .lft .accordion-item .accordion-header.active {
  color: var(--green-dark);
}
.faq_sec .ind_details .lft .accordion-item .accordion-header.active .accordion-button::after {
  content: "\f068";
  color: var(--green-dark);
}
.faq_sec .ind_details .lft .accordion-item .accordion-header .accordion-button {
  cursor: pointer;
  border: none;
  outline: none;
  padding: 1em;
  text-align: left;
  width: 100%;
}
.faq_sec .ind_details .lft .accordion-item .accordion-header .accordion-button::after {
  content: "\f067";
  font-family: var(--icon-font);
  font-weight: 900;
  font-size: 1em;
  float: right;
  color: var(--black);
}
.faq_sec .ind_details .lft .accordion-item .accordion-header .accordion-button.collapsed::after {
  content: "\f068";
}
.faq_sec .ind_details .lft .accordion-item .accordion-collapse {
  display: none;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;
  padding: 1em;
  padding-top: 0;
}
.faq_sec .ind_details .lft .accordion-item .accordion-collapse .accordion-body {
  color: var(--gray-01);
}
@media screen and (min-width: 768px) {
  .faq_sec .ind_details .rt {
    flex: 1;
  }
}

.banner_sec {
  width: 100%;
  overflow: hidden;
}
.banner_sec .outer-slide {
  display: flex;
  width: 100%;
  background-color: var(--green);
}
.banner_sec .outer-slide .banner_swiper {
  width: 100%;
  margin: 0;
}
.banner_sec .outer-slide .banner_swiper .swiper-button-next::after,
.banner_sec .outer-slide .banner_swiper .swiper-button-prev::after {
  display: none;
}
@media screen and (min-width: 992px) {
  .banner_sec .outer-slide .banner_swiper .swiper-button-next::after,
  .banner_sec .outer-slide .banner_swiper .swiper-button-prev::after {
    display: block;
  }
}
.banner_sec .outer-slide .banner_swiper .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5%;
}
@media screen and (min-width: 768px) {
  .banner_sec .outer-slide .banner_swiper .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 1%;
  }
}
.banner_sec .outer-slide .banner_swiper .swiper-slide {
  position: relative;
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--black);
  width: 100%;
  overflow: hidden;
}
.banner_sec .outer-slide .banner_swiper .swiper-slide .box {
  position: relative;
  width: 100%;
  padding: 10% 0;
  /*display: flex;*/
  text-align: left;
}
@media screen and (min-width: 992px) {
  .banner_sec .outer-slide .banner_swiper .swiper-slide .box {
    height: calc(100vh - 250px);
    padding-bottom: 0;
  }
}
.banner_sec .outer-slide .banner_swiper .swiper-slide .box h1 {
  /*position: absolute;
  top: 0;*/
  z-index: 2;
  color: var(--white);
  font-size: var(--font-size-24);
  line-height: 1em;
  text-align: left;
  letter-spacing: 1px;
}
@media screen and (min-width: 992px) {
  .banner_sec .outer-slide .banner_swiper .swiper-slide .box h1 {
    bottom: 0;
    font-size: var(--font-size-72);
  }
}
.banner_sec .outer-slide .banner_swiper .swiper-slide .box p {
  font-size: var(--font-size-12);
  padding: 1em 0;
  width: 90%;
  text-shadow: 0 0 5px var(--green);
  display: none;
  text-align: left;
  z-index: 2;
  color: var(--white);
}
@media screen and (min-width: 320px) {
  .banner_sec .outer-slide .banner_swiper .swiper-slide .box p {
    width: 65%;
  }
}
@media screen and (min-width: 480px) {
  .banner_sec .outer-slide .banner_swiper .swiper-slide .box p {
    width: 55%;
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .banner_sec .outer-slide .banner_swiper .swiper-slide .box p {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .banner_sec .outer-slide .banner_swiper .swiper-slide .box p {
    width: 75%;
    padding: 3em 50% 1.5em 0em;
    font-size: var(--font-size-16);
  }
}
@media screen and (min-width: 992px) {
  .banner_sec .outer-slide .banner_swiper .swiper-slide .box p {
    width: 80%;
    padding: 3em 10% 1.5em 0em;
  }
}
.banner_sec .outer-slide .banner_swiper .swiper-slide .box a {
  z-index: 2;
  color: var(--white);
  background-color: var(--black);
}
@media screen and (min-width: 320px) {
  .banner_sec .outer-slide .banner_swiper .swiper-slide .box a {
    margin-top: 1em;
  }
}
@media screen and (min-width: 992px) {
  .banner_sec .outer-slide .banner_swiper .swiper-slide .box a {
    margin-top: 0em;
  }
}
.banner_sec .outer-slide .banner_swiper .swiper-slide .box a.btn {
  padding: 0.5em 0.8em;
  font-size: var(--font-size-12);
}
@media screen and (min-width: 992px) {
  .banner_sec .outer-slide .banner_swiper .swiper-slide .box a.btn {
    padding: 1.2em 1.8em;
    border-radius: 2em;
    font-size: var(--font-size-18);
  }
}
.banner_sec .outer-slide .banner_swiper .swiper-slide .box a:hover {
  color: var(--black);
  background-color: var(--white);
}
.banner_sec .outer-slide .banner_swiper .swiper-slide .box .img {
  position: absolute;
  width: 100%;
  top: 0;
}
.banner_sec .outer-slide .banner_swiper .swiper-slide .box .img img {
  display: block;
  width: 100%;
  object-fit: cover;
}
@media screen and (min-width: 992px) {
  .banner_sec .outer-slide .banner_swiper .swiper-slide .box .img img {
    height: 100vh;
  }
}
.banner_sec .outer-slide .banner_swiper .swiper-slide .box .img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(to right, rgba(0, 168, 89, 0.8), rgba(169, 169, 169, 0));
}

.banner_f_sec.about .box .img img {
  filter: blur(0.2em);
}

.about_sec {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  color: var(--black);
}
.about_sec .box {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .about_sec .box {
    flex-direction: row;
  }
}
.about_sec .box .col {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.about_sec .box .col:nth-child(1) {
  order: 2;
}
.about_sec .box .col:nth-child(2) {
  order: 1;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .about_sec .box .col {
    width: 50%;
  }
  .about_sec .box .col:nth-child(1) {
    order: 1;
  }
  .about_sec .box .col:nth-child(2) {
    order: 2;
    margin-bottom: inherit;
  }
}
.about_sec .box .col h2 {
  color: var(--black);
  margin-bottom: 20px;
}
.about_sec .box .col .sub_title {
  font-size: var(--font-size-30);
  line-height: 1.4em;
  color: var(--gray-01);
  margin-bottom: 3em;
}
.about_sec .box .col .sub_title br {
  display: none;
}
@media screen and (min-width: 768px) {
  .about_sec .box .col .sub_title {
    line-height: 1em;
  }
  .about_sec .box .col .sub_title br {
    display: block;
  }
}
.about_sec .box .col p {
  line-height: 1.3em;
}
.about_sec .box .col ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-top: 1px solid var(--gray-03);
  padding: 2em 0;
}
@media screen and (min-width: 1600px) {
  .about_sec .box .col ul {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .about_sec .box .col ul {
    flex-wrap: wrap;
  }
}
.about_sec .box .col ul li {
  flex: 1 1 45%;
  list-style: none;
  color: var(--green);
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .about_sec .box .col ul li {
    flex: inherit;
  }
}
.about_sec .box .col ul li::before {
  padding-right: 1em;
  content: "\f00c";
  color: var(--gray-01);
  font-family: var(--icon-font);
  font-weight: 900;
  font-size: var(--font-size-20);
}
.about_sec .box .col #sw-js-blob-svg {
  width: 100px;
  height: 100px;
}
.about_sec .box .col .animate-path {
  animation: morphAnimation 5s ease-in-out infinite;
}
.about_sec .box .col .blob-box {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 250px;
  align-items: center;
}
@media screen and (min-width: 480px) {
  .about_sec .box .col .blob-box {
    height: 350px;
  }
}
@media screen and (min-width: 1200px) {
  .about_sec .box .col .blob-box {
    height: 58%;
  }
}
.about_sec .box .col .blob-box .blob-container {
  position: relative;
  width: 75%;
  height: 100%;
}
.about_sec .box .col .blob-box .blob-container .blob {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: url("/assets/images/about.jpg");
  background-image: image-set(url("/assets/images/about.webp") type("image/webp"), url("/assets/images/about.jpg") type("image/jpeg"));
  background-size: cover;
  background-position: center center;
  animation: blob-animation 5s infinite ease-in-out;
  box-shadow: 0 0 50px rgba(0, 168, 89, 0.6);
  filter: grayscale(0%) contrast(100%) brightness(100%) hue-rotate(0deg) saturate(100%);
  transition: transform 0.3s ease-in-out;
  outline: 4px dotted rgba(209, 224, 217, 0.6);
  outline-offset: 10px;
}
.about_sec .box .col .blob-box .blob-container .blob:hover {
  outline: 4px solid rgba(0, 168, 89, 0.6);
  outline-offset: 15px;
}
.about_sec .box .col .blob-box .blob-container .blob::after {
  content: attr(data-value);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 5em;
  height: 5em;
  background-color: var(--green);
  border-radius: 50%;
  color: var(--white);
  border: 0.3em solid var(--white);
  font-weight: 900;
}

.banner_f_sec.about box h1 {
  font-weight: 800;
}

@keyframes morphAnimation {
  0% {
    d: path("M21.3,-31.8C27.8,-28.9,33.5,-23.4,36.9,-16.6C40.3,-9.9,41.6,-1.8,40,5.4C38.4,12.6,34,19.1,28.6,24.3C23.3,29.5,17.1,33.4,10.2,36C3.3,38.5,-4.4,39.7,-10.6,37.3C-16.9,35,-21.8,29,-26.3,23.1C-30.9,17.3,-35.1,11.5,-36.8,4.8C-38.4,-1.8,-37.5,-9.2,-34.7,-16.1C-32,-23,-27.4,-29.3,-21.4,-32.4C-15.3,-35.4,-7.6,-35.2,-0.1,-35C7.4,-34.8,14.8,-34.7,21.3,-31.8Z");
  }
  25% {
    d: path("M20.3,-32C26.4,-27.8,31.3,-22.1,32.9,-15.8C34.6,-9.5,33,-2.5,32.7,5.2C32.4,12.9,33.4,21.4,29.6,25.4C25.7,29.4,17.1,29,9.1,31.7C1.1,34.3,-6.1,39.9,-12.3,39.3C-18.4,38.6,-23.4,31.6,-29.1,25.2C-34.7,18.7,-40.9,12.7,-41.6,6.1C-42.3,-0.4,-37.4,-7.7,-32.6,-13.5C-27.8,-19.4,-23,-23.8,-17.6,-28.4C-12.1,-33,-6.1,-37.6,0.5,-38.5C7.1,-39.3,14.3,-36.3,20.3,-32Z");
  }
  50% {
    d: path("M16.1,-24.6C20.8,-22,24.5,-17.4,29.5,-11.9C34.6,-6.3,41.1,0.3,40.1,5.6C39,10.9,30.4,14.9,23.8,18.1C17.1,21.3,12.4,23.6,7.5,24.8C2.6,26,-2.5,26,-8.7,25.9C-14.9,25.8,-22.1,25.6,-26.5,22.1C-30.8,18.6,-32.3,11.7,-33.2,4.8C-34.2,-2.1,-34.6,-9,-31.2,-13.3C-27.8,-17.7,-20.7,-19.4,-14.8,-21.3C-9,-23.3,-4.5,-25.6,0.6,-26.6C5.7,-27.5,11.4,-27.1,16.1,-24.6Z");
  }
  75% {
    d: path("M16.7,-27.2C20.1,-23.7,20.3,-16.6,23,-10.6C25.6,-4.6,30.6,0.3,30.9,5.1C31.2,9.9,26.8,14.7,22,17.7C17.2,20.7,12,21.9,6,26.5C-0.1,31.1,-7,39.1,-14.2,40.5C-21.4,42,-29,36.8,-34.9,30.2C-40.7,23.5,-44.8,15.3,-46,6.7C-47.2,-2,-45.4,-11,-39.6,-15.7C-33.7,-20.4,-23.7,-20.9,-16.4,-22.6C-9.1,-24.3,-4.6,-27.2,1,-28.8C6.6,-30.4,13.2,-30.6,16.7,-27.2Z");
  }
  100% {
    d: path("M21.3,-31.8C27.8,-28.9,33.5,-23.4,36.9,-16.6C40.3,-9.9,41.6,-1.8,40,5.4C38.4,12.6,34,19.1,28.6,24.3C23.3,29.5,17.1,33.4,10.2,36C3.3,38.5,-4.4,39.7,-10.6,37.3C-16.9,35,-21.8,29,-26.3,23.1C-30.9,17.3,-35.1,11.5,-36.8,4.8C-38.4,-1.8,-37.5,-9.2,-34.7,-16.1C-32,-23,-27.4,-29.3,-21.4,-32.4C-15.3,-35.4,-7.6,-35.2,-0.1,-35C7.4,-34.8,14.8,-34.7,21.3,-31.8Z");
  }
}
@keyframes blob-animation {
  0% {
    border-radius: 50% 40% 60% 70%;
  }
  25% {
    border-radius: 60% 50% 40% 50%;
  }
  50% {
    border-radius: 70% 40% 50% 30%;
  }
  75% {
    border-radius: 60% 40% 60% 50%;
  }
  100% {
    border-radius: 50% 40% 60% 70%;
  }
}
@keyframes animateOutline {
  0% {
    transform: scale(1);
    outline-offset: 10px;
  }
  50% {
    transform: scale(1.1);
    outline-offset: 20px; /* Grow the outline */
  }
  100% {
    transform: scale(1);
    outline-offset: 15px;
  }
}
@keyframes rotateDashedOutline {
  0% {
    transform: scale(1);
    outline-offset: 10px;
    rotate: 0deg; /* Initial position */
  }
  100% {
    transform: scale(1.1);
    outline-offset: 15px;
    rotate: 360deg; /* Full rotation */
  }
}
.white-space {
  padding: var(--section-y-xl) 0;
}

.service_page {
  width: 100%;
}
.service_page .service_box_list {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  .service_page .service_box_list {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .service_page .service_box_list {
    /*flex-wrap: nowrap;*/
    border-bottom: 1px solid var(--gray-02);
  }
}
.service_page .service_box_list .box {
  padding: 2em;
  border-bottom: 1px solid var(--gray-02);
  cursor: pointer;
  overflow: hidden;
  background-color: var(--white);
  transition: background-color 0.5s ease-in-out;
  max-width: 320px;
}
@media screen and (min-width: 768px) {
  .service_page .service_box_list .box {
    border-right: 1px solid var(--gray-02);
    border-bottom: 0;
    max-width: 320px;
  }
  .service_page .service_box_list .box:first-child {
    border-left: 1px solid var(--gray-02);
  }
}
@media screen and (min-width: 992px) {
  .service_page .service_box_list .box {
    max-width: inherit;
  }
}
.service_page .service_box_list .box::after, .service_page .service_box_list .box::before {
  content: "";
  position: absolute;
  width: 80%;
  height: 70%;
  background-color: var(--green);
  z-index: -2;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  border-radius: 25px;
  transform: rotate(49deg);
}
.service_page .service_box_list .box::after {
  left: -80%;
  top: -70%;
}
.service_page .service_box_list .box::before {
  bottom: -80%;
  right: -70%;
}
.service_page .service_box_list .box:hover {
  /*background-color: var(--black);
  z-index: -1;*/
  /*.title{
      color: var(--white);
  }
  p{
      color: var(--white);
  }*/
}
.service_page .service_box_list .box:hover::after, .service_page .service_box_list .box:hover::before {
  opacity: 0.8;
}
.service_page .service_box_list .box:hover::after {
  left: -25%;
  top: -40%;
}
.service_page .service_box_list .box:hover::before {
  bottom: -25%;
  right: -40%;
}
.service_page .service_box_list .box .icon {
  margin-bottom: 1em;
  max-width: 60px;
}
@media screen and (min-width: 768px) {
  .service_page .service_box_list .box .icon {
    margin-bottom: 5em;
  }
}
.service_page .service_box_list .box .icon svg {
  max-width: 60px;
  max-height: 58px;
}
.service_page .service_box_list .box .title {
  font-size: var(--font-size-28);
  font-weight: bold;
  color: var(--black);
  padding-bottom: 1em;
}
.service_page .service_box_list .box p {
  color: var(--gray-01);
}

.banner_f_sec.blog .box .img img {
  filter: blur(0.2em);
}

.blog_page {
  width: 100%;
}
.blog_page .banner_f_sec {
  display: flex;
  width: 100%;
}
.blog_page .banner_f_sec .banner_f_sec_img {
  width: 50%;
}
.blog_page .banner_f_sec .banner_f_sec_img img {
  width: 100%;
  height: auto;
}
.blog_page .blog_listing {
  width: 100%;
  display: flex;
  padding: var(--section-y-xl) 0;
}
.blog_page .blog_listing .blog_row {
  width: 100%;
  display: flex;
  gap: 4em;
}
.blog_page .blog_listing .blog_row .lft {
  flex: 1;
}
@media screen and (min-width: 768px) {
  .blog_page .blog_listing .blog_row .lft {
    flex: 0 0 65%;
  }
}
.blog_page .blog_listing .blog_row .lft .blog_item {
  width: 100%;
  display: flex;
  gap: 2em;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2em 0;
  border-bottom: 1px solid var(--gray-02);
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .blog_page .blog_listing .blog_row .lft .blog_item {
    flex-wrap: nowrap;
  }
}
.blog_page .blog_listing .blog_row .lft .blog_item:last-child {
  border-bottom: none;
}
.blog_page .blog_listing .blog_row .lft .blog_item:first-child {
  padding-top: 0;
}
.blog_page .blog_listing .blog_row .lft .blog_item:hover .blog_img img {
  transform: scale(1.1);
}
.blog_page .blog_listing .blog_row .lft .blog_item:hover .blog_content h2 a {
  color: var(--green);
}
.blog_page .blog_listing .blog_row .lft .blog_item .blog_img {
  border-radius: 2em;
  overflow: hidden;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .blog_page .blog_listing .blog_row .lft .blog_item .blog_img {
    max-width: 50%;
  }
}
.blog_page .blog_listing .blog_row .lft .blog_item .blog_img img {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.blog_page .blog_listing .blog_row .lft .blog_item .blog_content {
  padding: 1em 0 4em 0;
}
.blog_page .blog_listing .blog_row .lft .blog_item .blog_content .blog_top_entry {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1em;
}
.blog_page .blog_listing .blog_row .lft .blog_item .blog_content .blog_top_entry .blog_date {
  font-size: var(--font-size-12);
  color: var(--gray-01);
  text-transform: uppercase;
  color: var(--gray-02);
}
.blog_page .blog_listing .blog_row .lft .blog_item .blog_content .blog_top_entry .blog_date::before {
  content: "\f073";
  font-family: var(--icon-font);
  font-weight: 900;
  margin-right: 0.5em;
}
.blog_page .blog_listing .blog_row .lft .blog_item .blog_content .blog_top_entry .blog_views {
  font-size: var(--font-size-12);
  color: var(--gray-01);
  text-transform: uppercase;
  color: var(--gray-02);
}
.blog_page .blog_listing .blog_row .lft .blog_item .blog_content .blog_top_entry .blog_views::before {
  content: "\f06e";
  font-family: var(--icon-font);
  font-weight: 900;
  margin-right: 0.5em;
}
.blog_page .blog_listing .blog_row .lft .blog_item .blog_content .blog_top_entry .blog_like {
  color: var(--gray-02);
}
.blog_page .blog_listing .blog_row .lft .blog_item .blog_content h2 {
  font-size: var(--font-size-36);
  font-weight: 800;
  letter-spacing: normal;
  color: var(--black);
}
.blog_page .blog_listing .blog_row .lft .blog_item .blog_content h2 a {
  line-height: 1.2em;
  color: var(--black);
  transition: all 0.3s ease-in-out;
  /*&:hover{
      color: var(--green);
  }*/
}
.blog_page .blog_listing .blog_row .lft .blog_item .blog_content p {
  font-size: var(--font-size-16);
  padding: 1em 0;
  color: var(--gray-01);
}
.blog_page .blog_listing .blog_row .lft .blog_item .blog_content .read_more {
  color: var(--black-02);
  display: inline-block;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: var(--font-size-16);
}
.blog_page .blog_listing .blog_row .lft .blog_item .blog_content .read_more:hover {
  color: var(--green);
}
.blog_page .blog_listing .blog_row .lft .blog_item .blog_content .read_more:hover span {
  color: var(--green);
  transform: rotate(0deg);
}
.blog_page .blog_listing .blog_row .lft .blog_item .blog_content .read_more span {
  transform: rotate(-50deg);
  display: inline-block;
  margin-left: 0.2em;
  transition: transform 0.3s ease;
}
.blog_page .blog_listing .blog_row .lft .post_navigation {
  display: flex;
  width: 100%;
  padding: var(--section-y-xs) 0;
}
.blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1em;
}
.blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li {
  list-style: none;
}
.blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
  border-radius: 1.5em;
  color: var(--black-02);
  transition: all 0.3s ease-in-out;
}
.blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a:hover, .blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.act {
  color: var(--white);
  background-color: var(--green);
}
.blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a:hover.prev, .blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a:hover.next, .blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.act.prev, .blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.act.next {
  color: var(--green);
}
.blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a:hover.prev span i, .blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a:hover.next span i, .blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.act.prev span i, .blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.act.next span i {
  transform: rotate(0deg);
}
.blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a:hover.first, .blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a:hover.last, .blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.act.first, .blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.act.last {
  color: var(--green);
}
.blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a:hover.first span i, .blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.act.first span i {
  transform: translateX(-0.5em);
}
.blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a:hover.last span i, .blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.act.last span i {
  transform: translateX(0.5em);
}
.blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a:hover.act {
  cursor: default;
}
.blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.prev, .blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.next {
  background: none;
}
.blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.prev span i, .blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.next span i {
  transition: all 0.3s ease-in-out;
  transform: rotate(-45deg);
}
.blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.first, .blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.last {
  background: none;
}
.blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.first span i, .blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.last span i {
  transition: all 0.3s ease-in-out;
}
.blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.first span i {
  transform: translateX(0);
}
.blog_page .blog_listing .blog_row .lft .post_navigation .navigation_list li a.last span i {
  transform: translateX(0);
}
.blog_page .blog_detail {
  width: 100%;
  display: flex;
  padding: var(--section-y-xl) 0;
}
.blog_page .blog_detail .blog_row {
  width: 100%;
  display: inherit;
}
@media screen and (min-width: 768px) {
  .blog_page .blog_detail .blog_row {
    display: flex;
    gap: 4em;
  }
}
.blog_page .blog_detail .blog_row .lft {
  flex: 1;
}
@media screen and (min-width: 768px) {
  .blog_page .blog_detail .blog_row .lft {
    flex: 0 0 65%;
  }
}
.blog_page .blog_detail .blog_row .lft .blog_item {
  width: 100%;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_img {
  border-radius: 2em;
  overflow: hidden;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_img img {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content {
  padding: 0em 0 2em 0;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content .blog_top_entry {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1em;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content .blog_top_entry .blog_date {
  font-size: var(--font-size-12);
  color: var(--gray-01);
  text-transform: uppercase;
  color: var(--gray-02);
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content .blog_top_entry .blog_date::before {
  content: "\f073";
  font-family: var(--icon-font);
  font-weight: 900;
  margin-right: 0.5em;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content .blog_top_entry .blog_views {
  font-size: var(--font-size-12);
  color: var(--gray-01);
  text-transform: uppercase;
  color: var(--gray-02);
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content .blog_top_entry .blog_views::before {
  content: "\f06e";
  font-family: var(--icon-font);
  font-weight: 900;
  margin-right: 0.5em;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content .blog_top_entry .blog_like {
  color: var(--gray-02);
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content h1 {
  margin-top: 1em;
  line-height: 1em;
  color: var(--black);
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content h1:first-of-type {
  margin-top: 0;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content h1 a {
  line-height: 1em;
  color: var(--black);
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content h1 a:hover {
  color: var(--green);
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content h2 {
  color: var(--black);
  line-height: 1em;
  margin-top: 1em;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content h3 {
  color: var(--black);
  line-height: 1em;
  margin-top: 1em;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content h4 {
  color: var(--black);
  line-height: 1em;
  margin-top: 1em;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content h5 {
  font-size: var(--font-size-36);
  font-weight: 800;
  color: var(--black);
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content h5 a {
  line-height: 1.2em;
  color: var(--black);
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content h5 a:hover {
  color: var(--green);
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content p {
  font-size: var(--font-size-16);
  margin: 1em 0;
  color: var(--gray-01);
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content p a {
  display: inline-block;
  color: var(--green) !important;
  transition: all 0.3s ease-in-out;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content p a:hover {
  color: var(--black) !important;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content ol {
  margin-top: 1em;
  margin-left: 2em;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content ol li {
  color: var(--gray-01);
  padding-left: 0.5em;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content ol li::before, .blog_page .blog_detail .blog_row .lft .blog_item .blog_content ol li::marker {
  color: var(--green);
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content ol li a {
  display: inline-block;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content ul {
  margin-top: 1em;
  margin-left: 2em;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content ul li {
  list-style-type: disc;
  color: var(--gray-01);
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content ul li::marker {
  color: var(--green);
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content ul li::before {
  content: inherit;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content ul li:not(.ql-direction-rtl) {
  padding-left: 0.5em;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content ul li a {
  display: inline-block;
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content pre {
  font-family: "Courier New", Courier, monospace; /* Choose a monospace font */
  font-size: 14px; /* Adjust font size */
  line-height: 1.5; /* Set line height for better readability */
  background-color: var(--green-light-01); /* Light background for contrast */
  padding: 15px; /* Add some padding around the content */
  border-radius: 5px; /* Optional rounded corners */
  border: 1px solid var(--green-dark); /* Light border to define the block */
  overflow-x: auto; /* Allow horizontal scrolling if content is too wide */
  white-space: pre-wrap; /* Wrap long lines */
  word-wrap: break-word; /* Ensure long words break appropriately */
  color: #333; /* Text color */
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content .read_more {
  color: var(--black-02);
  display: inline-block;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: var(--font-size-16);
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content .read_more:hover {
  color: var(--green);
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content .read_more:hover span {
  color: var(--green);
  transform: rotate(0deg);
}
.blog_page .blog_detail .blog_row .lft .blog_item .blog_content .read_more span {
  transform: rotate(-50deg);
  display: inline-block;
  margin-left: 0.2em;
  transition: transform 0.3s ease;
}
.blog_page .blog_detail .blog_row .lft .post_social_share {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1em;
  padding: 2em 0;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .blog_page .blog_detail .blog_row .lft .post_social_share {
    flex-direction: row;
    align-items: center;
  }
}
.blog_page .blog_detail .blog_row .lft .post_social_share .blog_tags ul {
  display: flex;
  width: 100%;
  gap: 1em;
  padding: 0;
  margin: 0;
}
.blog_page .blog_detail .blog_row .lft .post_social_share .blog_tags ul li {
  list-style: none;
}
.blog_page .blog_detail .blog_row .lft .post_social_share .blog_tags ul li a {
  color: var(--black-02);
  display: block;
  padding: 0.5em;
  margin: 0.5em;
  background-color: var(--green-light-01);
  border-radius: 0.5em;
  transition: all 0.3s ease-in-out;
}
.blog_page .blog_detail .blog_row .lft .post_social_share .blog_tags ul li a:hover {
  color: var(--white);
  background-color: var(--green);
}
.blog_page .blog_detail .blog_row .lft .post_social_share .social_share {
  display: flex;
  gap: 1em;
}
.blog_page .blog_detail .blog_row .lft .post_social_share .social_share a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
  border-radius: 1.5em;
  color: var(--black-02);
  transition: all 0.3s ease-in-out;
}
.blog_page .blog_detail .blog_row .lft .post_social_share .social_share a:hover {
  color: var(--white);
  background-color: var(--green);
}
.blog_page .blog_detail .blog_row .lft .post_pagination {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 2em 0;
  border-top: 1px solid var(--gray-02);
  border-bottom: 1px solid var(--gray-02);
}
.blog_page .blog_detail .blog_row .lft .post_pagination .prev_post, .blog_page .blog_detail .blog_row .lft .post_pagination .next_post {
  display: inline-block;
  flex: 1;
}
.blog_page .blog_detail .blog_row .lft .post_pagination .prev_post:hover .box_area .box_img img, .blog_page .blog_detail .blog_row .lft .post_pagination .next_post:hover .box_area .box_img img {
  transform: scale(1.1);
}
.blog_page .blog_detail .blog_row .lft .post_pagination .prev_post:hover .box_area .box_content h3, .blog_page .blog_detail .blog_row .lft .post_pagination .next_post:hover .box_area .box_content h3 {
  letter-spacing: normal;
}
.blog_page .blog_detail .blog_row .lft .post_pagination .prev_post:hover .box_area .box_content h3 a, .blog_page .blog_detail .blog_row .lft .post_pagination .next_post:hover .box_area .box_content h3 a {
  color: var(--green);
}
.blog_page .blog_detail .blog_row .lft .post_pagination .prev_post:hover .box_area .box_content p a, .blog_page .blog_detail .blog_row .lft .post_pagination .next_post:hover .box_area .box_content p a {
  color: var(--green);
}
.blog_page .blog_detail .blog_row .lft .post_pagination .prev_post .box_area, .blog_page .blog_detail .blog_row .lft .post_pagination .next_post .box_area {
  width: 100%;
  display: flex;
  gap: 1em;
}
.blog_page .blog_detail .blog_row .lft .post_pagination .prev_post .box_area .box_img, .blog_page .blog_detail .blog_row .lft .post_pagination .next_post .box_area .box_img {
  width: 25%;
  max-width: 150px;
  border-radius: 1em;
  overflow: hidden;
}
.blog_page .blog_detail .blog_row .lft .post_pagination .prev_post .box_area .box_img img, .blog_page .blog_detail .blog_row .lft .post_pagination .next_post .box_area .box_img img {
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: auto;
}
.blog_page .blog_detail .blog_row .lft .post_pagination .prev_post .box_area .box_content, .blog_page .blog_detail .blog_row .lft .post_pagination .next_post .box_area .box_content {
  width: 70%;
}
.blog_page .blog_detail .blog_row .lft .post_pagination .prev_post .box_area .box_content h3, .blog_page .blog_detail .blog_row .lft .post_pagination .next_post .box_area .box_content h3 {
  letter-spacing: normal;
  font-size: var(--font-size-16);
  color: var(--black);
}
.blog_page .blog_detail .blog_row .lft .post_pagination .prev_post .box_area .box_content h3 a, .blog_page .blog_detail .blog_row .lft .post_pagination .next_post .box_area .box_content h3 a {
  color: var(--black);
  transition: all 0.3s ease-in-out;
  /*&:hover{
      color: var(--green);
  }*/
}
.blog_page .blog_detail .blog_row .lft .post_pagination .prev_post .box_area .box_content p, .blog_page .blog_detail .blog_row .lft .post_pagination .next_post .box_area .box_content p {
  font-size: var(--font-size-14);
  color: var(--gray-01);
  font-weight: 800;
}
.blog_page .blog_detail .blog_row .lft .post_pagination .prev_post .box_area .box_content p a, .blog_page .blog_detail .blog_row .lft .post_pagination .next_post .box_area .box_content p a {
  color: var(--gray-01);
  transition: all 0.3s ease-in-out;
  /*&:hover{
      color: var(--green);
  }*/
}
.blog_page .blog_detail .blog_row .lft .post_pagination .prev_post .box_area .box_content .blog_date, .blog_page .blog_detail .blog_row .lft .post_pagination .next_post .box_area .box_content .blog_date {
  font-size: var(--font-size-12);
  color: var(--gray-01);
  text-transform: uppercase;
  color: var(--gray-02);
  margin-top: 1em;
}
.blog_page .blog_detail .blog_row .lft .post_pagination .prev_post .box_area .box_content .blog_date::before, .blog_page .blog_detail .blog_row .lft .post_pagination .next_post .box_area .box_content .blog_date::before {
  content: "\f073";
  font-family: var(--icon-font);
  font-weight: 900;
  margin-right: 0.5em;
}
.blog_page .blog_detail .blog_row .lft .post_pagination .prev_post .box_area .box_content .blog_like, .blog_page .blog_detail .blog_row .lft .post_pagination .next_post .box_area .box_content .blog_like {
  color: var(--gray-02);
}
.blog_page .blog_detail .blog_row .lft .post_pagination .next_post .box_area {
  text-align: right;
  justify-content: flex-end;
}
.blog_page .blog_listing .rt, .blog_page .blog_detail .rt {
  display: none;
}
@media screen and (min-width: 992px) {
  .blog_page .blog_listing .rt, .blog_page .blog_detail .rt {
    display: block;
    flex: 0 0 30%;
  }
}
.blog_page .blog_listing .rt h2, .blog_page .blog_detail .rt h2 {
  letter-spacing: normal;
  font-size: var(--font-size-48);
  color: var(--black);
}
.blog_page .blog_listing .rt .search_area, .blog_page .blog_detail .rt .search_area {
  margin-bottom: 2em;
}
.blog_page .blog_listing .rt .search_area #frm_search input, .blog_page .blog_detail .rt .search_area #frm_search input {
  width: 100%;
  padding: 1em;
  border-radius: 1em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  background-color: var(--green-light-01);
  outline: none;
}
.blog_page .blog_listing .rt .search_area #frm_search input::placeholder, .blog_page .blog_detail .rt .search_area #frm_search input::placeholder {
  color: var(--gray-01);
}
.blog_page .blog_listing .rt .search_area #frm_search button, .blog_page .blog_detail .rt .search_area #frm_search button {
  position: absolute;
  right: 0;
  top: 0;
  background: none;
  border: none;
  padding: 1em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  cursor: pointer;
}
.blog_page .blog_listing .rt .recent_post_area h2, .blog_page .blog_detail .rt .recent_post_area h2 {
  letter-spacing: normal;
  font-size: var(--font-size-48);
  margin-bottom: 0.5em;
}
.blog_page .blog_listing .rt .recent_post_area .recent_post_list, .blog_page .blog_detail .rt .recent_post_area .recent_post_list {
  margin-bottom: 2em;
}
.blog_page .blog_listing .rt .recent_post_area .recent_post_list ul, .blog_page .blog_detail .rt .recent_post_area .recent_post_list ul {
  padding: 0;
  margin: 0;
}
.blog_page .blog_listing .rt .recent_post_area .recent_post_list ul li, .blog_page .blog_detail .rt .recent_post_area .recent_post_list ul li {
  list-style: none;
  margin-bottom: 1em;
}
.blog_page .blog_listing .rt .recent_post_area .recent_post_list ul li .box_area, .blog_page .blog_detail .rt .recent_post_area .recent_post_list ul li .box_area {
  width: 100%;
  display: flex;
  gap: 1em;
}
.blog_page .blog_listing .rt .recent_post_area .recent_post_list ul li .box_area:hover .box_img img, .blog_page .blog_detail .rt .recent_post_area .recent_post_list ul li .box_area:hover .box_img img {
  transform: scale(1.1);
}
.blog_page .blog_listing .rt .recent_post_area .recent_post_list ul li .box_area:hover .box_content h3, .blog_page .blog_detail .rt .recent_post_area .recent_post_list ul li .box_area:hover .box_content h3 {
  letter-spacing: normal;
}
.blog_page .blog_listing .rt .recent_post_area .recent_post_list ul li .box_area:hover .box_content h3 a, .blog_page .blog_detail .rt .recent_post_area .recent_post_list ul li .box_area:hover .box_content h3 a {
  color: var(--green);
}
.blog_page .blog_listing .rt .recent_post_area .recent_post_list ul li .box_area .box_img, .blog_page .blog_detail .rt .recent_post_area .recent_post_list ul li .box_area .box_img {
  width: 30%;
  border-radius: 1em;
  overflow: hidden;
}
.blog_page .blog_listing .rt .recent_post_area .recent_post_list ul li .box_area .box_img img, .blog_page .blog_detail .rt .recent_post_area .recent_post_list ul li .box_area .box_img img {
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: auto;
}
.blog_page .blog_listing .rt .recent_post_area .recent_post_list ul li .box_area .box_content, .blog_page .blog_detail .rt .recent_post_area .recent_post_list ul li .box_area .box_content {
  width: 70%;
}
.blog_page .blog_listing .rt .recent_post_area .recent_post_list ul li .box_area .box_content h3, .blog_page .blog_detail .rt .recent_post_area .recent_post_list ul li .box_area .box_content h3 {
  letter-spacing: normal;
  font-size: var(--font-size-16);
  color: var(--black);
}
.blog_page .blog_listing .rt .recent_post_area .recent_post_list ul li .box_area .box_content h3 a, .blog_page .blog_detail .rt .recent_post_area .recent_post_list ul li .box_area .box_content h3 a {
  color: var(--black);
  transition: all 0.3s ease-in-out;
}
.blog_page .blog_listing .rt .recent_post_area .recent_post_list ul li .box_area .box_content p, .blog_page .blog_detail .rt .recent_post_area .recent_post_list ul li .box_area .box_content p {
  font-size: var(--font-size-14);
  color: var(--gray-01);
}
.blog_page .blog_listing .rt .recent_post_area .recent_post_list ul li .box_area .box_content .blog_date, .blog_page .blog_detail .rt .recent_post_area .recent_post_list ul li .box_area .box_content .blog_date {
  font-size: var(--font-size-12);
  color: var(--gray-01);
  text-transform: uppercase;
  color: var(--gray-02);
  margin-top: 1em;
}
.blog_page .blog_listing .rt .recent_post_area .recent_post_list ul li .box_area .box_content .blog_date::before, .blog_page .blog_detail .rt .recent_post_area .recent_post_list ul li .box_area .box_content .blog_date::before {
  content: "\f073";
  font-family: var(--icon-font);
  font-weight: 900;
  margin-right: 0.5em;
}
.blog_page .blog_listing .rt .recent_post_area .recent_post_list ul li .box_area .box_content .blog_like, .blog_page .blog_detail .rt .recent_post_area .recent_post_list ul li .box_area .box_content .blog_like {
  color: var(--gray-02);
}
.blog_page .blog_listing .rt .category_area h2, .blog_page .blog_detail .rt .category_area h2 {
  letter-spacing: normal;
  font-size: var(--font-size-48);
  margin-bottom: 0.5em;
}
.blog_page .blog_listing .rt .category_area .category_list, .blog_page .blog_detail .rt .category_area .category_list {
  margin-bottom: 2em;
}
.blog_page .blog_listing .rt .category_area .category_list ul, .blog_page .blog_detail .rt .category_area .category_list ul {
  padding: 0;
  margin: 0;
  padding-left: 1em;
}
.blog_page .blog_listing .rt .category_area .category_list ul li, .blog_page .blog_detail .rt .category_area .category_list ul li {
  list-style: disc;
  font-weight: 800;
}
.blog_page .blog_listing .rt .category_area .category_list ul li::marker, .blog_page .blog_detail .rt .category_area .category_list ul li::marker {
  color: var(--green);
}
.blog_page .blog_listing .rt .category_area .category_list ul li a, .blog_page .blog_detail .rt .category_area .category_list ul li a {
  color: var(--black-02);
  display: block;
  padding: 0.5em 0;
  transition: all 0.3s ease-in-out;
}
.blog_page .blog_listing .rt .category_area .category_list ul li a:hover, .blog_page .blog_detail .rt .category_area .category_list ul li a:hover {
  color: var(--green);
}
.blog_page .blog_listing .rt .tag_list ul, .blog_page .blog_detail .rt .tag_list ul {
  padding: 0;
  margin: 0;
  display: flex;
}
.blog_page .blog_listing .rt .tag_list ul li, .blog_page .blog_detail .rt .tag_list ul li {
  list-style: none;
}
.blog_page .blog_listing .rt .tag_list ul li a, .blog_page .blog_detail .rt .tag_list ul li a {
  color: var(--black-02);
  display: block;
  padding: 0.5em;
  margin: 0.5em;
  background-color: var(--green-light-01);
  border-radius: 0.5em;
  transition: all 0.3s ease-in-out;
}
.blog_page .blog_listing .rt .tag_list ul li a:hover, .blog_page .blog_detail .rt .tag_list ul li a:hover {
  color: var(--white);
  background-color: var(--green);
}

.banner_f_sec.career box h1 {
  font-weight: 800;
}

.career_sec {
  width: 100%;
  display: flex;
  padding: var(--section-y-xl) 0;
}
.career_sec h1 {
  color: var(--black);
}
.career_sec h4 {
  color: var(--black);
  margin-bottom: 0.5em;
}
.career_sec h4:hover {
  color: var(--green);
}
.career_sec h2 {
  color: var(--black);
  margin-bottom: 20px;
}
.career_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-30);
  line-height: 1.2em;
}
.career_sec .career_in {
  width: 100%;
  margin-top: 4em;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .career_sec .career_in {
    border-top: 1px solid var(--gray-03);
  }
}
@media screen and (min-width: 768px) {
  .career_sec .career_in {
    flex-direction: row;
  }
}
.career_sec .career_in .lft {
  padding: 3em 0em;
}
@media screen and (min-width: 768px) {
  .career_sec .career_in .lft {
    border-right: 1px solid var(--gray-03);
  }
}
.career_sec .career_in .rt {
  padding: 1em;
}
.career_sec .career_in .rt ul {
  margin: 0.5em 0 3em 0;
}
.career_sec .career_in:nth-child(3) .lft {
  order: 2;
}
@media screen and (min-width: 768px) {
  .career_sec .career_in:nth-child(3) .lft {
    order: 1;
    flex: 1;
  }
}
.career_sec .career_in:nth-child(3) .rt {
  order: 1;
}
@media screen and (min-width: 768px) {
  .career_sec .career_in:nth-child(3) .rt {
    order: 2;
    flex: 1;
    padding: 3em 3em;
  }
}
.career_sec .career_in:nth-child(4) .lft {
  flex: 1;
}
.career_sec .career_in:nth-child(4) .rt {
  flex: 1;
}
@media screen and (min-width: 768px) {
  .career_sec .career_in:nth-child(4) .rt {
    padding: 3em;
  }
}
.career_sec p {
  margin: 0.5em 0 2em 0;
}
.career_sec p a {
  display: inline-block;
  color: var(--green);
  transition: all ease-in-out 0.5s;
}
.career_sec p a:hover {
  color: var(--black);
  text-decoration: underline;
  font-weight: bold;
}
.career_sec ol {
  margin-left: 2em;
}
.career_sec ol li {
  font-weight: 800;
  padding: 0 0 1em 0;
  list-style: none;
}
.career_sec ol li::before {
  content: "0" counter(list-item) "/ ";
  font-size: 0.9em;
  vertical-align: super;
  padding-right: 0.5em;
  color: var(--gray-01);
  letter-spacing: 1px;
  vertical-align: middle;
}
.career_sec ol li ul {
  margin-left: 1em;
}
.career_sec ol li ul li {
  font-weight: normal;
  padding: 0;
  list-style: none;
  padding-left: 1.3em;
}
.career_sec ol li ul li::before {
  content: "\e4e6";
  color: var(--green);
  padding-right: 1em;
  font-family: var(--icon-font);
  font-weight: 900;
  font-size: var(--font-size-12);
  vertical-align: middle;
  position: absolute;
  left: 0;
}
.career_sec ul {
  margin-left: 2em;
  margin-bottom: 1em;
}
.career_sec ul li {
  list-style: none;
  font-weight: normal;
  padding: 0;
  padding-left: 1.3em;
}
.career_sec ul li::before {
  content: "\e4e6";
  color: var(--green);
  padding-right: 1em;
  font-family: var(--icon-font);
  font-weight: 900;
  font-size: var(--font-size-12);
  vertical-align: middle;
  position: absolute;
  left: 0;
}
.career_sec .lft:has(.img_tag), .career_sec .rt:has(.img_tag) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.career_sec .img_tag {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .career_sec .img_tag {
    width: 60%;
  }
}

.position_sec {
  width: 100%;
  padding: var(--section-y-xl) 0;
  background-color: var(--green-light);
}
.position_sec #careerAccordion {
  margin-bottom: 4em;
}
.position_sec #careerAccordion .accordion-item {
  background-color: var(--white);
  margin-bottom: 0.5em;
  border-radius: 1em;
}
.position_sec #careerAccordion .accordion-item .accordion-header {
  margin: 0;
  line-height: inherit;
  color: var(--black);
  font-size: var(--font-size-28);
}
.position_sec #careerAccordion .accordion-item .accordion-header.active {
  color: var(--green);
}
.position_sec #careerAccordion .accordion-item .accordion-header.active .accordion-button::after {
  content: "\f068";
  color: var(--green);
}
.position_sec #careerAccordion .accordion-item .accordion-header .accordion-button {
  cursor: pointer;
  border: none;
  outline: none;
  padding: 1em;
  text-align: left;
  width: 100%;
}
.position_sec #careerAccordion .accordion-item .accordion-header .accordion-button::after {
  content: "\f067";
  font-family: var(--icon-font);
  font-size: 1em;
  float: right;
  color: var(--black);
}
.position_sec #careerAccordion .accordion-item .accordion-header .accordion-button.collapsed::after {
  content: "\f068";
}
.position_sec #careerAccordion .accordion-item .accordion-collapse {
  display: none;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;
  padding: 1em;
  padding-top: 0;
}
.position_sec #careerAccordion .accordion-item .accordion-collapse .accordion-body {
  color: var(--gray-01);
}
.position_sec #careerAccordion .accordion-item .accordion-collapse .accordion-body p {
  margin: 0;
}
.position_sec #careerAccordion .accordion-item .accordion-collapse .accordion-body span.b, .position_sec #careerAccordion .accordion-item .accordion-collapse .accordion-body p.b {
  font-weight: 800;
}
.position_sec #careerAccordion .accordion-item .accordion-collapse .accordion-body ul {
  margin-bottom: 2em;
}
.position_sec #careerAccordion .accordion-item .accordion-collapse .accordion-body .mb-2 {
  margin-bottom: 2em;
}
.position_sec #careerAccordion .accordion-item .accordion-collapse .accordion-body .btn {
  color: var(--white);
}
.position_sec #careerAccordion .accordion-item .accordion-collapse .accordion-body .btn:hover {
  color: var(--white);
}
.position_sec #particles-js {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  left: inherit;
}
.position_sec h4 {
  color: var(--black);
  margin-bottom: 0.5em;
}
.position_sec h4:hover {
  color: var(--green);
}
.position_sec .area {
  display: flex;
  width: 100%;
  gap: 2em;
}
.position_sec .area .col {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .position_sec .area .col {
    width: 75%;
  }
}
.position_sec p {
  margin: 0.5em 0 2em 0;
}
.position_sec p a {
  display: inline-block;
  color: var(--green);
  transition: all ease-in-out 0.5s;
}
.position_sec p a:hover {
  color: var(--black);
  text-decoration: underline;
  font-weight: bold;
}
.position_sec ul {
  margin-left: 2em;
  margin-bottom: 3em;
}
.position_sec ul li {
  list-style: none;
  font-weight: normal;
  padding: 0;
  padding-left: 1.3em;
}
.position_sec ul li::before {
  content: "\e4e6";
  color: var(--green);
  padding-right: 1em;
  font-family: var(--icon-font);
  font-weight: 900;
  font-size: var(--font-size-12);
  vertical-align: middle;
  position: absolute;
  left: 0;
}

.banner_f_sec.contact .box .img img {
  filter: blur(0.5em);
}

.map_sec {
  width: 100%;
  display: flex;
  padding: 1em 0;
}
.map_sec .map_area {
  width: 100%;
  display: flex;
  padding: var(--section-y-xs) 0;
}
.map_sec .map_area iframe {
  height: 50vh;
  filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
}

.adrs_sec {
  width: 100%;
  display: flex;
  padding: 1em 0;
  padding-bottom: var(--section-y-xs);
}
@media screen and (min-width: 768px) {
  .adrs_sec {
    background: url("../images/contact_us_bg.png") no-repeat bottom left;
    background-size: 40%;
  }
}
.adrs_sec h2 {
  color: var(--black);
  border-bottom: 1px solid var(--gray-03);
  padding-bottom: 1em;
}
.adrs_sec .adrs_in {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .adrs_sec .adrs_in {
    flex-direction: row;
  }
}
.adrs_sec .adrs_in .lft {
  display: flex;
  flex: 1;
  border-right: 1px solid var(--gray-03);
}
.adrs_sec .adrs_in .rt {
  display: flex;
  flex: 1;
}
@media screen and (min-width: 768px) {
  .adrs_sec .adrs_in .rt {
    padding: 2em 0 0 2em;
  }
}
.adrs_sec .adrs_in .rt ul.alist {
  margin: 0;
}
.adrs_sec .adrs_in .rt ul.alist li {
  list-style: none;
  padding-bottom: 0em;
  border-bottom: 1px solid var(--gray-03);
  cursor: pointer;
  display: flex;
  flex-direction: row;
}
.adrs_sec .adrs_in .rt ul.alist li:hover .cnt h3 {
  color: var(--green);
}
.adrs_sec .adrs_in .rt ul.alist li:hover .icon i {
  transform: scale(1.2);
}
.adrs_sec .adrs_in .rt ul.alist li .icon {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
}
.adrs_sec .adrs_in .rt ul.alist li .icon i {
  color: var(--green);
  font-size: 3em;
  padding: 0.5em 1em;
  transition: all 0.5s ease-in-out;
}
.adrs_sec .adrs_in .rt ul.alist li:last-child {
  border: none;
}
.adrs_sec .adrs_in .rt ul.alist li .cnt {
  display: flex;
  flex: 3;
  flex-direction: column;
}
.adrs_sec .adrs_in .rt ul.alist li .cnt h3 {
  transition: all 0.5s ease-in-out;
  color: var(--black);
  font-size: var(--font-size-48);
  line-height: 1.5em;
  letter-spacing: normal;
}
.adrs_sec .adrs_in .rt ul.alist li .cnt p {
  padding-top: 0;
}
.adrs_sec .adrs_in .rt ul.alist li .cnt:not(:first-child) {
  padding-top: 1em;
}
.adrs_sec .adrs_in p {
  color: var(--gray-01);
  padding: 2em 0;
}

.search_page .search_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.search_page .sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.search_page .search_head {
  max-width: 52em;
}
.search_page .search_head h1 {
  font-size: var(--font-size-48);
  font-weight: var(--extra-bold);
  color: var(--black-01);
  margin: 0 0 0.6em;
  letter-spacing: -0.5px;
}
.search_page .search_form {
  display: flex;
  gap: 0.75em;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 1.5em;
}
.search_page .search_form input[type=search] {
  flex: 1 1 16em;
  min-width: 0;
  padding: 0.9em 1.2em;
  font-size: var(--font-size-16);
  color: var(--black-01);
  background-color: var(--white);
  border: 1px solid var(--gray-02);
  border-radius: 2em;
  outline-offset: 2px;
}
.search_page .search_form input[type=search]:focus-visible {
  border-color: var(--green);
  outline: 2px solid var(--green);
}
.search_page .search_form input[type=search]::placeholder {
  color: var(--gray-01);
}
.search_page .search_form button {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.9em 1.8em;
  font-size: var(--font-size-14);
  font-weight: var(--bold);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--white);
  background-color: var(--green);
  border-radius: 2em;
  cursor: pointer;
  transition: background-color 0.25s ease-in-out;
}
.search_page .search_form button:hover, .search_page .search_form button:focus-visible {
  background-color: var(--green-dark);
}
.search_page .search_meta {
  font-size: var(--font-size-16);
  color: var(--gray-01);
  margin: 0 0 0.4em;
}
.search_page .search_meta strong {
  color: var(--black-01);
}
.search_page .search_term {
  color: var(--black-01);
  font-weight: var(--semi-bold);
}
.search_page .search_term::before {
  content: "“";
}
.search_page .search_term::after {
  content: "”";
}
.search_page .search_note {
  font-size: var(--font-size-14);
  color: var(--gray-01);
  margin: 0 0 0.5em;
  padding: 0.7em 1em;
  border-left: 3px solid var(--green);
  background-color: var(--green-light-01);
}
.search_page .search_results {
  max-width: 52em;
  margin: 2em 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.search_page .search_result,
.search_page .search_suggestions li,
.search_page .search_pager li {
  list-style: none;
}
.search_page .search_result .result_title {
  display: inline-block;
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  color: var(--green-link);
  line-height: 1.35em;
  margin-bottom: 0.15em;
}
.search_page .search_result .result_title:hover, .search_page .search_result .result_title:focus-visible {
  text-decoration: underline;
}
.search_page .search_result .result_path {
  display: flex;
  align-items: center;
  gap: 0.6em;
  flex-wrap: wrap;
  font-size: var(--font-size-14);
  color: var(--gray-01);
  margin-bottom: 0.5em;
  word-break: break-word;
}
.search_page .search_result .result_tag {
  font-size: var(--font-size-12);
  font-weight: var(--bold);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--green-dark);
  background-color: var(--green-light);
  padding: 0.25em 0.7em;
  border-radius: 1em;
}
.search_page .search_result .result_snippet {
  font-size: var(--font-size-16);
  line-height: 1.7em;
  color: var(--gray);
  margin: 0;
}
.search_page .search_result .result_snippet mark {
  background-color: var(--green-light);
  color: var(--black-01);
  font-weight: var(--semi-bold);
  padding: 0 0.15em;
  border-radius: 3px;
}
.search_page .search_empty {
  max-width: 52em;
  padding: 2.5em 0 0;
}
.search_page .search_empty p {
  font-size: var(--font-size-18);
  color: var(--black-01);
  margin: 0 0 0.4em;
}
.search_page .search_empty .search_hint {
  font-size: var(--font-size-16);
  color: var(--gray-01);
  margin-bottom: 1.2em;
}
.search_page .search_suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75em;
  padding: 0;
  margin: 0;
}
.search_page .search_suggestions a {
  display: inline-block;
  padding: 0.6em 1.3em;
  font-size: var(--font-size-14);
  font-weight: var(--semi-bold);
  color: var(--green-dark);
  border: 1px solid var(--green-light);
  background-color: var(--green-light-01);
  border-radius: 2em;
  transition: all 0.25s ease-in-out;
}
.search_page .search_suggestions a:hover, .search_page .search_suggestions a:focus-visible {
  color: var(--white);
  background-color: var(--green);
  border-color: var(--green);
}
.search_page .search_pager {
  margin-top: 2.5em;
}
.search_page .search_pager ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em;
  padding: 0;
  margin: 0;
}
.search_page .search_pager .num {
  display: inline-block;
  min-width: 2.6em;
  padding: 0.6em 1em;
  text-align: center;
  font-size: var(--font-size-14);
  font-weight: var(--semi-bold);
  color: var(--black-01);
  border: 1px solid var(--gray-02);
  border-radius: 0.5em;
  transition: all 0.25s ease-in-out;
}
.search_page .search_pager .num:hover, .search_page .search_pager .num:focus-visible {
  color: var(--white);
  background-color: var(--green);
  border-color: var(--green);
}
.search_page .search_pager .num.act {
  color: var(--white);
  background-color: var(--green-dark);
  border-color: var(--green-dark);
}

.banner_f_sec.web_development box h1 {
  font-weight: 800;
  line-height: 0.5em;
}

.eyebrow {
  display: block;
  font-size: var(--font-size-14);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--green-dark);
  margin-bottom: 0.75em;
}

.btn, .btn-default {
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
}
.btn i, .btn-default i {
  display: inline-block;
  margin-left: 0.3em;
  font-size: 0.9em;
  vertical-align: middle;
  transition: transform 0.3s ease;
}
.btn:hover, .btn-default:hover {
  color: var(--white);
}
.btn:hover i, .btn-default:hover i {
  transform: translateX(4px);
}

.trust_bar_sec {
  width: 100%;
  padding: var(--section-y-2xs) 0;
  border-bottom: 1px solid var(--gray-03);
}
.trust_bar_sec .badge_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1em;
}
.trust_bar_sec .badge_row .badge {
  padding: 0.6em 1.4em;
  border: 1px solid var(--gray-03);
  border-radius: 2em;
  font-size: var(--font-size-14);
  color: var(--gray-01);
  white-space: nowrap;
}
.trust_bar_sec .badge_row .badge i {
  margin-right: 6px;
  color: var(--green);
  display: inline-block;
  width: 1.25em;
  text-align: center;
}

.info_grid_sec {
  width: 100%;
  padding: var(--section-y) 0;
  color: var(--black);
}
.info_grid_sec .eyebrow {
  margin-bottom: 0.6em;
}
.info_grid_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.info_grid_sec .sub_title {
  color: var(--gray-01);
  line-height: 1.4em;
  margin-bottom: 2.5em;
}
.info_grid_sec .grid + .sub_title {
  margin-top: 2.5em;
  margin-bottom: 0;
}
.info_grid_sec.alt {
  background-color: #F4FAF6;
}
.info_grid_sec.alt .card {
  background-color: var(--white);
  border-color: rgba(0, 168, 89, 0.15);
}
.info_grid_sec .grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5em;
}
@media screen and (min-width: 768px) {
  .info_grid_sec .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .info_grid_sec .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.info_grid_sec .card {
  padding: 2em;
  border: 1px solid var(--gray-03);
  border-radius: 1em;
  background-color: var(--white);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.info_grid_sec .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  border-color: var(--green);
}
.info_grid_sec .card:hover .card_icon {
  background-color: var(--green);
  color: var(--white);
  transform: scale(1.1);
}
.info_grid_sec .card .card_icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background-color: rgba(0, 168, 89, 0.12);
  color: var(--green-dark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 1em;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.info_grid_sec .card .card_icon.warning {
  background-color: rgba(0, 168, 89, 0.12);
  color: var(--green);
}
.info_grid_sec .card h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  margin-bottom: 0.6em;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.3em;
}
.info_grid_sec .card p {
  color: var(--gray-01);
  margin: 0;
}

.services_stack_sec {
  width: 100%;
  padding: var(--section-y) 0;
  color: var(--black);
  position: relative;
  z-index: 1;
}
.services_stack_sec h2 {
  color: var(--black);
  margin-bottom: 0.3em;
}
.services_stack_sec .sub_title {
  color: var(--gray-01);
  margin-bottom: 3em;
}
.services_stack_sec .btn {
  text-wrap: wrap;
  text-align: center;
  max-width: 100%;
}
.services_stack_sec .stack {
  display: flex;
  flex-direction: column;
  gap: 2.5em;
}
.services_stack_sec .stack .row {
  display: flex;
  flex-direction: column;
  gap: 2em;
  padding: 2.5em 2em;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 1.5em;
  box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.03), 0 14px 40px rgba(0, 0, 0, 0.08);
  transform-origin: center top;
  will-change: transform;
  transition: box-shadow 0.3s ease;
}
@media screen and (min-width: 768px) {
  .services_stack_sec .stack .row {
    flex-direction: row;
    align-items: center;
    position: sticky;
    padding: 3.5em 4em;
    margin-bottom: 2em;
  }
}
.services_stack_sec .stack .row:nth-child(1) {
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .services_stack_sec .stack .row:nth-child(1) {
    top: calc(var(--header-h, 80px) + var(--tab-h, 55px) + 20px);
  }
}
.services_stack_sec .stack .row:nth-child(2) {
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .services_stack_sec .stack .row:nth-child(2) {
    top: calc(var(--header-h, 80px) + var(--tab-h, 55px) + 34px);
  }
}
.services_stack_sec .stack .row:nth-child(3) {
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .services_stack_sec .stack .row:nth-child(3) {
    top: calc(var(--header-h, 80px) + var(--tab-h, 55px) + 48px);
  }
}
.services_stack_sec .stack .row:nth-child(4) {
  z-index: 4;
}
@media screen and (min-width: 768px) {
  .services_stack_sec .stack .row:nth-child(4) {
    top: calc(var(--header-h, 80px) + var(--tab-h, 55px) + 62px);
  }
}
.services_stack_sec .stack .row:nth-child(5) {
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .services_stack_sec .stack .row:nth-child(5) {
    top: calc(var(--header-h, 80px) + var(--tab-h, 55px) + 76px);
  }
}
.services_stack_sec .stack .row:nth-child(6) {
  z-index: 6;
}
@media screen and (min-width: 768px) {
  .services_stack_sec .stack .row:nth-child(6) {
    top: calc(var(--header-h, 80px) + var(--tab-h, 55px) + 90px);
  }
}
.services_stack_sec .stack .row:nth-child(7) {
  z-index: 7;
}
@media screen and (min-width: 768px) {
  .services_stack_sec .stack .row:nth-child(7) {
    top: calc(var(--header-h, 80px) + var(--tab-h, 55px) + 104px);
  }
}
.services_stack_sec .stack .row .col_area {
  flex: 3;
  order: 2;
}
@media screen and (min-width: 768px) {
  .services_stack_sec .stack .row .col_area {
    order: 0;
  }
}
.services_stack_sec .stack .row .col_area h3 {
  color: var(--black);
  font-size: var(--font-size-36);
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 0.6em;
}
.services_stack_sec .stack .row .col_area h3 .new_badge {
  display: inline-block;
  font-size: var(--font-size-12);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--white);
  background-color: var(--green);
  border-radius: 0.4em;
  padding: 0.2em 0.6em;
  vertical-align: middle;
}
.services_stack_sec .stack .row .col_area p {
  color: var(--gray-01);
  margin: 1em 0;
}
.services_stack_sec .stack .row .col_area ul {
  margin: 0 0 1.5em;
  padding: 0;
}
.services_stack_sec .stack .row .col_area ul li {
  list-style: none;
  padding: 0.3em 0 0.3em 1.5em;
  position: relative;
  color: var(--gray-01);
}
.services_stack_sec .stack .row .col_area ul li::before {
  content: "✓";
  color: var(--green);
  font-weight: 700;
  position: absolute;
  left: 0;
}
.services_stack_sec .stack .row .col_area .btn-default {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  margin-top: 0.8em;
  font-weight: 600;
}
.services_stack_sec .stack .row .col_area .btn-default i {
  margin-left: 0.3em;
  font-size: 14px;
  transition: transform 0.3s ease;
}
.services_stack_sec .stack .row .col_area .btn-default:hover i {
  transform: translateX(4px);
}
.services_stack_sec .stack .row .img {
  flex: 2;
  order: 1;
}
@media screen and (min-width: 768px) {
  .services_stack_sec .stack .row .img {
    order: 0;
  }
}
.services_stack_sec .stack .row .img img {
  border-radius: 1em;
}
.services_stack_sec .stack .row#android-app-development .card_header, .services_stack_sec .stack .row#business-website-development .card_header {
  display: flex;
  align-items: center;
  gap: 1.2em;
  margin-bottom: 1.2em;
}
.services_stack_sec .stack .row#android-app-development .card_header .card_icon_badge, .services_stack_sec .stack .row#business-website-development .card_header .card_icon_badge {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #00A859;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  box-shadow: 0 0 0 6px rgba(0, 168, 89, 0.15), 0 0 0 14px rgba(0, 168, 89, 0.06);
  flex-shrink: 0;
}
.services_stack_sec .stack .row#android-app-development .card_header .title_wrap h3, .services_stack_sec .stack .row#business-website-development .card_header .title_wrap h3 {
  display: block;
  font-size: var(--font-size-36);
  font-weight: 800;
  color: #0B1B3D;
  line-height: 1.15;
  margin: 0;
}
.services_stack_sec .stack .row#android-app-development .card_header .title_wrap h3 .highlight_text, .services_stack_sec .stack .row#business-website-development .card_header .title_wrap h3 .highlight_text {
  color: #00A859;
  display: block;
}
.services_stack_sec .stack .row#android-app-development .card_header .title_wrap .title_underline, .services_stack_sec .stack .row#business-website-development .card_header .title_wrap .title_underline {
  width: 36px;
  height: 4px;
  background-color: #00A859;
  border-radius: 2px;
  margin-top: 6px;
}
.services_stack_sec .stack .row#android-app-development .card_desc, .services_stack_sec .stack .row#business-website-development .card_desc {
  color: #556070;
  font-size: var(--font-size-16);
  margin: 1.2em 0 1.5em;
}
.services_stack_sec .stack .row#android-app-development .feature_checklist, .services_stack_sec .stack .row#business-website-development .feature_checklist {
  margin: 0 0 2em;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8em;
}
.services_stack_sec .stack .row#android-app-development .feature_checklist li, .services_stack_sec .stack .row#business-website-development .feature_checklist li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 0 0 0.8em;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
  font-size: var(--font-size-16);
  font-weight: 600;
  color: #334155;
}
.services_stack_sec .stack .row#android-app-development .feature_checklist li:last-child, .services_stack_sec .stack .row#business-website-development .feature_checklist li:last-child {
  border-bottom: none;
}
.services_stack_sec .stack .row#android-app-development .feature_checklist li::before, .services_stack_sec .stack .row#business-website-development .feature_checklist li::before {
  content: none;
}
.services_stack_sec .stack .row#android-app-development .feature_checklist li i, .services_stack_sec .stack .row#business-website-development .feature_checklist li i {
  color: #00A859;
  font-size: 18px;
  margin: 0;
}
.services_stack_sec .stack .row#ios-app-development .card_header, .services_stack_sec .stack .row#ecommerce-website-development .card_header {
  display: flex;
  align-items: center;
  gap: 1.2em;
  margin-bottom: 1.2em;
}
.services_stack_sec .stack .row#ios-app-development .card_header .card_icon_badge, .services_stack_sec .stack .row#ecommerce-website-development .card_header .card_icon_badge {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #7e67e9;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  box-shadow: 0 0 0 6px rgba(99, 91, 255, 0.15), 0 0 0 14px rgba(99, 91, 255, 0.06);
  flex-shrink: 0;
}
.services_stack_sec .stack .row#ios-app-development .card_header .title_wrap h3, .services_stack_sec .stack .row#ecommerce-website-development .card_header .title_wrap h3 {
  display: block;
  font-size: var(--font-size-36);
  font-weight: 800;
  color: #0B1B3D;
  line-height: 1.15;
  margin: 0;
}
.services_stack_sec .stack .row#ios-app-development .card_header .title_wrap h3 .highlight_text, .services_stack_sec .stack .row#ecommerce-website-development .card_header .title_wrap h3 .highlight_text {
  color: #635BFF;
  display: inline;
}
.services_stack_sec .stack .row#ios-app-development .card_header .title_wrap .title_underline, .services_stack_sec .stack .row#ecommerce-website-development .card_header .title_wrap .title_underline {
  width: 36px;
  height: 4px;
  background-color: #635BFF;
  border-radius: 2px;
  margin-top: 6px;
}
.services_stack_sec .stack .row#ios-app-development .card_desc, .services_stack_sec .stack .row#ecommerce-website-development .card_desc {
  color: #556070;
  font-size: var(--font-size-16);
  margin: 1.2em 0 1.5em;
}
.services_stack_sec .stack .row#ios-app-development .feature_checklist, .services_stack_sec .stack .row#ecommerce-website-development .feature_checklist {
  margin: 0 0 2em;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8em;
}
.services_stack_sec .stack .row#ios-app-development .feature_checklist li, .services_stack_sec .stack .row#ecommerce-website-development .feature_checklist li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 0 0 0.8em;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
  font-size: var(--font-size-16);
  font-weight: 600;
  color: #334155;
}
.services_stack_sec .stack .row#ios-app-development .feature_checklist li:last-child, .services_stack_sec .stack .row#ecommerce-website-development .feature_checklist li:last-child {
  border-bottom: none;
}
.services_stack_sec .stack .row#ios-app-development .feature_checklist li::before, .services_stack_sec .stack .row#ecommerce-website-development .feature_checklist li::before {
  content: none;
}
.services_stack_sec .stack .row#ios-app-development .feature_checklist li i, .services_stack_sec .stack .row#ecommerce-website-development .feature_checklist li i {
  color: #7e67e9;
  font-size: 18px;
  margin: 0;
}
.services_stack_sec .stack .row#flutter-app-development .card_header, .services_stack_sec .stack .row#custom-website-development .card_header {
  display: flex;
  align-items: center;
  gap: 1.2em;
  margin-bottom: 1.2em;
}
.services_stack_sec .stack .row#flutter-app-development .card_header .card_icon_badge, .services_stack_sec .stack .row#custom-website-development .card_header .card_icon_badge {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #2196F3;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  box-shadow: 0 0 0 6px rgba(33, 150, 243, 0.15), 0 0 0 14px rgba(33, 150, 243, 0.06);
  flex-shrink: 0;
}
.services_stack_sec .stack .row#flutter-app-development .card_header .title_wrap h3, .services_stack_sec .stack .row#custom-website-development .card_header .title_wrap h3 {
  display: block;
  font-size: var(--font-size-36);
  font-weight: 800;
  color: #0B1B3D;
  line-height: 1.15;
  margin: 0;
}
.services_stack_sec .stack .row#flutter-app-development .card_header .title_wrap h3 .highlight_text, .services_stack_sec .stack .row#custom-website-development .card_header .title_wrap h3 .highlight_text {
  color: #2196F3;
  display: inline;
}
.services_stack_sec .stack .row#flutter-app-development .card_header .title_wrap .title_underline, .services_stack_sec .stack .row#custom-website-development .card_header .title_wrap .title_underline {
  width: 36px;
  height: 4px;
  background-color: #2196F3;
  border-radius: 2px;
  margin-top: 6px;
}
.services_stack_sec .stack .row#flutter-app-development .card_desc, .services_stack_sec .stack .row#custom-website-development .card_desc {
  color: #556070;
  font-size: var(--font-size-16);
  margin: 1.2em 0 1.5em;
}
.services_stack_sec .stack .row#flutter-app-development .feature_checklist, .services_stack_sec .stack .row#custom-website-development .feature_checklist {
  margin: 0 0 2em;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8em;
}
.services_stack_sec .stack .row#flutter-app-development .feature_checklist li, .services_stack_sec .stack .row#custom-website-development .feature_checklist li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 0 0 0.8em;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
  font-size: var(--font-size-16);
  font-weight: 600;
  color: #334155;
}
.services_stack_sec .stack .row#flutter-app-development .feature_checklist li:last-child, .services_stack_sec .stack .row#custom-website-development .feature_checklist li:last-child {
  border-bottom: none;
}
.services_stack_sec .stack .row#flutter-app-development .feature_checklist li::before, .services_stack_sec .stack .row#custom-website-development .feature_checklist li::before {
  content: none;
}
.services_stack_sec .stack .row#flutter-app-development .feature_checklist li i, .services_stack_sec .stack .row#custom-website-development .feature_checklist li i {
  color: #2196F3;
  font-size: 18px;
  margin: 0;
}
.services_stack_sec .stack .row#react-native-app-development .card_header, .services_stack_sec .stack .row#landing-page-development .card_header {
  display: flex;
  align-items: center;
  gap: 1.2em;
  margin-bottom: 1.2em;
}
.services_stack_sec .stack .row#react-native-app-development .card_header .card_icon_badge, .services_stack_sec .stack .row#landing-page-development .card_header .card_icon_badge {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #00A8B5;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  box-shadow: 0 0 0 6px rgba(0, 168, 181, 0.15), 0 0 0 14px rgba(0, 168, 181, 0.06);
  flex-shrink: 0;
}
.services_stack_sec .stack .row#react-native-app-development .card_header .title_wrap h3, .services_stack_sec .stack .row#landing-page-development .card_header .title_wrap h3 {
  display: block;
  font-size: var(--font-size-36);
  font-weight: 800;
  color: #0B1B3D;
  line-height: 1.15;
  margin: 0;
}
.services_stack_sec .stack .row#react-native-app-development .card_header .title_wrap h3 .highlight_text, .services_stack_sec .stack .row#landing-page-development .card_header .title_wrap h3 .highlight_text {
  color: #00A8B5;
  display: block;
}
.services_stack_sec .stack .row#react-native-app-development .card_header .title_wrap .title_underline, .services_stack_sec .stack .row#landing-page-development .card_header .title_wrap .title_underline {
  width: 36px;
  height: 4px;
  background-color: #00A8B5;
  border-radius: 2px;
  margin-top: 6px;
}
.services_stack_sec .stack .row#react-native-app-development .card_desc, .services_stack_sec .stack .row#landing-page-development .card_desc {
  color: #556070;
  font-size: var(--font-size-16);
  margin: 1.2em 0 1.5em;
}
.services_stack_sec .stack .row#react-native-app-development .feature_checklist, .services_stack_sec .stack .row#landing-page-development .feature_checklist {
  margin: 0 0 2em;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8em;
}
.services_stack_sec .stack .row#react-native-app-development .feature_checklist li, .services_stack_sec .stack .row#landing-page-development .feature_checklist li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 0 0 0.8em;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
  font-size: var(--font-size-16);
  font-weight: 600;
  color: #334155;
}
.services_stack_sec .stack .row#react-native-app-development .feature_checklist li:last-child, .services_stack_sec .stack .row#landing-page-development .feature_checklist li:last-child {
  border-bottom: none;
}
.services_stack_sec .stack .row#react-native-app-development .feature_checklist li::before, .services_stack_sec .stack .row#landing-page-development .feature_checklist li::before {
  content: none;
}
.services_stack_sec .stack .row#react-native-app-development .feature_checklist li i, .services_stack_sec .stack .row#landing-page-development .feature_checklist li i {
  color: #00A8B5;
  font-size: 18px;
  margin: 0;
}
.services_stack_sec .stack .row#custom-mobile-app-development .card_header {
  display: flex;
  align-items: center;
  gap: 1.2em;
  margin-bottom: 1.2em;
}
.services_stack_sec .stack .row#custom-mobile-app-development .card_header .card_icon_badge {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #478C37;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  box-shadow: 0 0 0 6px rgba(71, 140, 55, 0.15), 0 0 0 14px rgba(71, 140, 55, 0.06);
  flex-shrink: 0;
}
.services_stack_sec .stack .row#custom-mobile-app-development .card_header .title_wrap h3 {
  display: block;
  font-size: var(--font-size-36);
  font-weight: 800;
  color: #0B1B3D;
  line-height: 1.15;
  margin: 0;
}
.services_stack_sec .stack .row#custom-mobile-app-development .card_header .title_wrap h3 .highlight_text {
  color: #478C37;
  display: inline;
}
.services_stack_sec .stack .row#custom-mobile-app-development .card_header .title_wrap .title_underline {
  width: 36px;
  height: 4px;
  background-color: #478C37;
  border-radius: 2px;
  margin-top: 6px;
}
.services_stack_sec .stack .row#custom-mobile-app-development .card_desc {
  color: #556070;
  font-size: var(--font-size-16);
  margin: 1.2em 0 1.5em;
}
.services_stack_sec .stack .row#custom-mobile-app-development .feature_checklist {
  margin: 0 0 2em;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8em;
}
.services_stack_sec .stack .row#custom-mobile-app-development .feature_checklist li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 0 0 0.8em;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
  font-size: var(--font-size-16);
  font-weight: 600;
  color: #334155;
}
.services_stack_sec .stack .row#custom-mobile-app-development .feature_checklist li:last-child {
  border-bottom: none;
}
.services_stack_sec .stack .row#custom-mobile-app-development .feature_checklist li::before {
  content: none;
}
.services_stack_sec .stack .row#custom-mobile-app-development .feature_checklist li i {
  color: #478C37;
  font-size: 18px;
  margin: 0;
}
.services_stack_sec .stack .row#website-redesign .card_header {
  display: flex;
  align-items: center;
  gap: 1.2em;
  margin-bottom: 1.2em;
}
.services_stack_sec .stack .row#website-redesign .card_header .card_icon_badge {
  width: 64px;
  height: 64px;
  border-radius: 1.2em;
  background-color: #FFF2E5;
  color: #E66400;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  box-shadow: 0 0 0 6px rgba(230, 100, 0, 0.1), 0 0 0 14px rgba(230, 100, 0, 0.04);
  flex-shrink: 0;
}
.services_stack_sec .stack .row#website-redesign .card_header .title_wrap h3 {
  display: block;
  font-size: var(--font-size-36);
  font-weight: 800;
  color: #0B1B3D;
  line-height: 1.15;
  margin: 0;
}
.services_stack_sec .stack .row#website-redesign .card_header .title_wrap h3 .highlight_text {
  color: #E66400;
  display: block;
}
.services_stack_sec .stack .row#website-redesign .card_header .title_wrap .title_underline {
  width: 36px;
  height: 4px;
  background-color: #E66400;
  border-radius: 2px;
  margin-top: 6px;
}
.services_stack_sec .stack .row#website-redesign .card_desc {
  color: #556070;
  font-size: var(--font-size-16);
  margin: 1.2em 0 1.5em;
}
.services_stack_sec .stack .row#website-redesign .feature_checklist {
  margin: 0 0 2em;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8em;
}
.services_stack_sec .stack .row#website-redesign .feature_checklist li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 0 0 0.8em;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
  font-size: var(--font-size-16);
  font-weight: 600;
  color: #334155;
}
.services_stack_sec .stack .row#website-redesign .feature_checklist li:last-child {
  border-bottom: none;
}
.services_stack_sec .stack .row#website-redesign .feature_checklist li::before {
  content: none;
}
.services_stack_sec .stack .row#website-redesign .feature_checklist li i {
  color: #E66400;
  font-size: 18px;
  margin: 0;
}
.services_stack_sec .stack .row#ai-powered-app-development .card_header {
  display: flex;
  align-items: center;
  gap: 1.2em;
  margin-bottom: 1.2em;
}
.services_stack_sec .stack .row#ai-powered-app-development .card_header .card_icon_badge {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #6B52ED;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  box-shadow: 0 0 0 6px rgba(107, 82, 237, 0.15), 0 0 0 14px rgba(107, 82, 237, 0.06);
  flex-shrink: 0;
}
.services_stack_sec .stack .row#ai-powered-app-development .card_header .title_wrap h3 {
  display: block;
  font-size: var(--font-size-36);
  font-weight: 800;
  color: #0B1B3D;
  line-height: 1.15;
  margin: 0;
}
.services_stack_sec .stack .row#ai-powered-app-development .card_header .title_wrap h3 .highlight_text {
  color: #6B52ED;
  display: inline;
}
.services_stack_sec .stack .row#ai-powered-app-development .card_header .title_wrap .title_underline {
  width: 36px;
  height: 4px;
  background-color: #6B52ED;
  border-radius: 2px;
  margin-top: 6px;
}
.services_stack_sec .stack .row#ai-powered-app-development .card_desc {
  color: #556070;
  font-size: var(--font-size-16);
  margin: 1.2em 0 1.5em;
}
.services_stack_sec .stack .row#ai-powered-app-development .feature_checklist {
  margin: 0 0 2em;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8em;
}
.services_stack_sec .stack .row#ai-powered-app-development .feature_checklist li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 0 0 0.8em;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
  font-size: var(--font-size-16);
  font-weight: 600;
  color: #334155;
}
.services_stack_sec .stack .row#ai-powered-app-development .feature_checklist li:last-child {
  border-bottom: none;
}
.services_stack_sec .stack .row#ai-powered-app-development .feature_checklist li::before {
  content: none;
}
.services_stack_sec .stack .row#ai-powered-app-development .feature_checklist li i {
  color: #6B52ED;
  font-size: 18px;
  margin: 0;
}
.services_stack_sec .stack .row#app-modernisation-integration .card_header {
  display: flex;
  align-items: center;
  gap: 1.2em;
  margin-bottom: 1.2em;
}
.services_stack_sec .stack .row#app-modernisation-integration .card_header .card_icon_badge {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #1D68F1;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  box-shadow: 0 0 0 6px rgba(29, 104, 241, 0.15), 0 0 0 14px rgba(29, 104, 241, 0.06);
  flex-shrink: 0;
}
.services_stack_sec .stack .row#app-modernisation-integration .card_header .title_wrap h3 {
  display: block;
  font-size: var(--font-size-36);
  font-weight: 800;
  color: #0B1B3D;
  line-height: 1.15;
  margin: 0;
}
.services_stack_sec .stack .row#app-modernisation-integration .card_header .title_wrap h3 .highlight_text {
  color: #1D68F1;
  display: inline;
}
.services_stack_sec .stack .row#app-modernisation-integration .card_header .title_wrap .title_underline {
  width: 36px;
  height: 4px;
  background-color: #1D68F1;
  border-radius: 2px;
  margin-top: 6px;
}
.services_stack_sec .stack .row#app-modernisation-integration .card_desc {
  color: #556070;
  font-size: var(--font-size-16);
  margin: 1.2em 0 1.5em;
}
.services_stack_sec .stack .row#app-modernisation-integration .feature_checklist {
  margin: 0 0 2em;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8em;
}
.services_stack_sec .stack .row#app-modernisation-integration .feature_checklist li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 0 0 0.8em;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
  font-size: var(--font-size-16);
  font-weight: 600;
  color: #334155;
}
.services_stack_sec .stack .row#app-modernisation-integration .feature_checklist li:last-child {
  border-bottom: none;
}
.services_stack_sec .stack .row#app-modernisation-integration .feature_checklist li::before {
  content: none;
}
.services_stack_sec .stack .row#app-modernisation-integration .feature_checklist li i {
  color: #1D68F1;
  font-size: 18px;
  margin: 0;
}

.btn-emerald {
  background-color: #00A859 !important;
  color: #FFFFFF !important;
  font-weight: 700;
  border-radius: 2em;
  padding: 0.9em 2em;
  display: inline-flex;
  align-items: center;
  gap: 0.8em;
  transition: all 0.3s ease;
}
.btn-emerald i {
  transition: transform 0.3s ease;
  font-size: 15px;
}
.btn-emerald:hover {
  background-color: #0B1B3D !important;
  color: #FFFFFF !important;
}
.btn-emerald:hover i {
  transform: translateX(5px);
}

.btn-purple {
  background-color: #635BFF !important;
  color: #FFFFFF !important;
  font-weight: 700;
  border-radius: 2em;
  padding: 0.9em 2em;
  display: inline-flex;
  align-items: center;
  gap: 0.8em;
  transition: all 0.3s ease;
}
.btn-purple i {
  transition: transform 0.3s ease;
  font-size: 15px;
}
.btn-purple:hover {
  background-color: #0B1B3D !important;
  color: #FFFFFF !important;
}
.btn-purple:hover i {
  transform: translateX(5px);
}

.btn-blue {
  background-color: #2196F3 !important;
  color: #FFFFFF !important;
  font-weight: 700;
  border-radius: 2em;
  padding: 0.9em 2em;
  display: inline-flex;
  align-items: center;
  gap: 0.8em;
  transition: all 0.3s ease;
}
.btn-blue i {
  transition: transform 0.3s ease;
  font-size: 15px;
}
.btn-blue:hover {
  background-color: #0B1B3D !important;
  color: #FFFFFF !important;
}
.btn-blue:hover i {
  transform: translateX(5px);
}

.btn-teal {
  background-color: #00A8B5 !important;
  color: #FFFFFF !important;
  font-weight: 700;
  border-radius: 2em;
  padding: 0.9em 2em;
  display: inline-flex;
  align-items: center;
  gap: 0.8em;
  transition: all 0.3s ease;
}
.btn-teal i {
  transition: transform 0.3s ease;
  font-size: 15px;
}
.btn-teal:hover {
  background-color: #0B1B3D !important;
  color: #FFFFFF !important;
}
.btn-teal:hover i {
  transform: translateX(5px);
}

.btn-forest {
  background-color: #478C37 !important;
  color: #FFFFFF !important;
  font-weight: 700;
  border-radius: 2em;
  padding: 0.9em 2em;
  display: inline-flex;
  align-items: center;
  gap: 0.8em;
  transition: all 0.3s ease;
}
.btn-forest i {
  transition: transform 0.3s ease;
  font-size: 15px;
}
.btn-forest:hover {
  background-color: #0B1B3D !important;
  color: #FFFFFF !important;
}
.btn-forest:hover i {
  transform: translateX(5px);
}

.btn-violet {
  background-color: #6B52ED !important;
  color: #FFFFFF !important;
  font-weight: 700;
  border-radius: 2em;
  padding: 0.9em 2em;
  display: inline-flex;
  align-items: center;
  gap: 0.8em;
  transition: all 0.3s ease;
}
.btn-violet i {
  transition: transform 0.3s ease;
  font-size: 15px;
}
.btn-violet:hover {
  background-color: #0B1B3D !important;
  color: #FFFFFF !important;
}
.btn-violet:hover i {
  transform: translateX(5px);
}

.btn-ocean {
  background-color: #1D68F1 !important;
  color: #FFFFFF !important;
  font-weight: 700;
  border-radius: 2em;
  padding: 0.9em 2em;
  display: inline-flex;
  align-items: center;
  gap: 0.8em;
  transition: all 0.3s ease;
}
.btn-ocean i {
  transition: transform 0.3s ease;
  font-size: 15px;
}
.btn-ocean:hover {
  background-color: #0B1B3D !important;
  color: #FFFFFF !important;
}
.btn-ocean:hover i {
  transform: translateX(5px);
}

.service_tabs_sec {
  position: sticky;
  top: var(--header-h, 80px);
  z-index: 20;
  display: flex;
  gap: 1.5em;
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--gray-03);
  padding: 1em 0;
  margin-bottom: 2.5em;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 15px, #000 calc(100% - 15px), transparent);
  mask-image: linear-gradient(to right, transparent, #000 15px, #000 calc(100% - 15px), transparent);
}
.service_tabs_sec::-webkit-scrollbar {
  display: none;
}
.service_tabs_sec .service_tab {
  flex: 0 0 auto;
  color: var(--gray-01);
  text-decoration: none;
  font-size: var(--font-size-14);
  font-weight: 500;
  padding-bottom: 0.5em;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  transition: color 0.2s ease, border-color 0.2s ease, font-weight 0.2s ease;
}
.service_tabs_sec .service_tab i {
  margin-right: 6px;
  font-size: 15px;
  color: var(--green);
}
.service_tabs_sec .service_tab.is-active {
  color: var(--black);
  font-weight: 700;
  border-bottom-color: var(--green);
}
.service_tabs_sec .service_tab.is-active i {
  color: var(--green-dark);
}

.checklist_sec {
  width: 100%;
  padding: var(--section-y) 0;
  color: var(--black);
}
.checklist_sec.alt {
  background-color: var(--green-light-01);
}
.checklist_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.checklist_sec .sub_title {
  color: var(--gray-01);
  line-height: 1.4em;
  margin-top: 0;
  margin-bottom: 2em;
}
.checklist_sec .checklist + .sub_title,
.checklist_sec .check_list + .sub_title {
  margin-top: 2em;
  margin-bottom: 0;
}
.checklist_sec ul.checklist, .checklist_sec ol.checklist, .checklist_sec ul.check_list, .checklist_sec ol.check_list, .checklist_sec .checklist, .checklist_sec .check_list {
  margin: 2em 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .checklist_sec ul.checklist, .checklist_sec ol.checklist, .checklist_sec ul.check_list, .checklist_sec ol.check_list, .checklist_sec .checklist, .checklist_sec .check_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .checklist_sec ul.checklist, .checklist_sec ol.checklist, .checklist_sec ul.check_list, .checklist_sec ol.check_list, .checklist_sec .checklist, .checklist_sec .check_list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .checklist_sec ul.checklist, .checklist_sec ol.checklist, .checklist_sec ul.check_list, .checklist_sec ol.check_list, .checklist_sec .checklist, .checklist_sec .check_list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.checklist_sec ul.checklist li, .checklist_sec ol.checklist li, .checklist_sec ul.check_list li, .checklist_sec ol.check_list li, .checklist_sec .checklist li, .checklist_sec .check_list li {
  list-style: none;
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  padding: 1em 1.2em;
  background-color: var(--white);
  border: 1px solid var(--gray-03);
  border-radius: 0.8em;
  color: var(--black);
  font-size: var(--font-size-15, 15px);
  font-weight: 400;
  line-height: 1.5;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.checklist_sec ul.checklist li span, .checklist_sec ul.checklist li .check_text, .checklist_sec ol.checklist li span, .checklist_sec ol.checklist li .check_text, .checklist_sec ul.check_list li span, .checklist_sec ul.check_list li .check_text, .checklist_sec ol.check_list li span, .checklist_sec ol.check_list li .check_text, .checklist_sec .checklist li span, .checklist_sec .checklist li .check_text, .checklist_sec .check_list li span, .checklist_sec .check_list li .check_text {
  flex: 1;
  min-width: 0;
}
.checklist_sec ul.checklist li strong, .checklist_sec ol.checklist li strong, .checklist_sec ul.check_list li strong, .checklist_sec ol.check_list li strong, .checklist_sec .checklist li strong, .checklist_sec .check_list li strong {
  color: var(--black);
  font-weight: 700;
}
.checklist_sec ul.checklist li:hover, .checklist_sec ol.checklist li:hover, .checklist_sec ul.check_list li:hover, .checklist_sec ol.check_list li:hover, .checklist_sec .checklist li:hover, .checklist_sec .check_list li:hover {
  border-color: var(--green);
  box-shadow: 0 6px 18px rgba(0, 168, 89, 0.1);
  transform: translateY(-2px);
}
.checklist_sec ul.checklist li i, .checklist_sec ol.checklist li i, .checklist_sec ul.check_list li i, .checklist_sec ol.check_list li i, .checklist_sec .checklist li i, .checklist_sec .check_list li i {
  width: 2.2em;
  height: 2.2em;
  border-radius: 50%;
  background-color: var(--green-light);
  color: var(--green-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 0.05em;
}
.checklist_sec ul.checklist li::before, .checklist_sec ol.checklist li::before, .checklist_sec ul.check_list li::before, .checklist_sec ol.check_list li::before, .checklist_sec .checklist li::before, .checklist_sec .check_list li::before {
  display: none;
}

.process_sec {
  width: 100%;
  padding: var(--section-y) 0;
  color: var(--white);
  background: #080E11;
  position: relative;
  overflow: hidden;
}
.custom_software_page .process_sec .header_box {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 4em;
}
.custom_software_page .process_sec .header_box .eyebrow_badge {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.4em 1.2em;
  border-radius: 2em;
  background: rgba(0, 208, 132, 0.08);
  border: 1px solid rgba(0, 208, 132, 0.3);
  color: #00F296;
  font-size: var(--font-size-12);
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 1.2em;
}
.custom_software_page .process_sec .header_box .eyebrow_badge .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #00F296;
  box-shadow: 0 0 8px #00F296;
}
.custom_software_page .process_sec .header_box h2 {
  color: var(--white);
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 0.5em;
}
.custom_software_page .process_sec .header_box h2 .highlight {
  color: #00F296;
  background: linear-gradient(135deg, #00F296 0%, #00B894 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.custom_software_page .process_sec .header_box .sub_title {
  color: #94A3B8;
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.process_sec .process_mobile_nav {
  display: block;
  width: 100%;
  margin-bottom: 2.5em;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
}
.process_sec .process_mobile_nav::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 992px) {
  .process_sec .process_mobile_nav {
    display: none;
  }
}
.process_sec .process_mobile_nav .nav_track {
  display: flex;
  gap: 0.8em;
  padding: 0.5em 1em;
  width: -webkit-max-content;
  width: max-content;
  justify-content: flex-start;
}
.process_sec .process_mobile_nav .nav_item {
  background: rgba(13, 22, 27, 0.9);
  border: 1px solid rgba(0, 242, 150, 0.2);
  color: #94A3B8;
  padding: 0.6em 1.2em;
  border-radius: 30px;
  font-size: var(--font-size-14);
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5em;
  white-space: nowrap;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.process_sec .process_mobile_nav .nav_item .num {
  color: #00F296;
  font-weight: 800;
}
.process_sec .process_mobile_nav .nav_item.active, .process_sec .process_mobile_nav .nav_item:hover {
  background: rgba(0, 242, 150, 0.15);
  border-color: #00F296;
  color: var(--white);
  box-shadow: 0 0 15px rgba(0, 242, 150, 0.3);
}
.process_sec .process_flow_wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 4em;
}
.process_sec .process_flow_wrapper .process_line {
  position: absolute;
  top: 20px;
  left: 5%;
  right: 5%;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, #00F296 15%, #00F296 85%, transparent 100%);
  box-shadow: 0 0 10px rgba(0, 242, 150, 0.6);
  z-index: 1;
  display: none;
}
@media screen and (min-width: 992px) {
  .process_sec .process_flow_wrapper .process_line {
    display: block;
  }
}
.process_sec .process_flow_wrapper .steps {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5em;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .process_sec .process_flow_wrapper .steps {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 1em;
  }
}
.process_sec .step_card {
  display: none;
  flex-direction: column;
  align-items: center;
}
.process_sec .step_card.active_mobile {
  display: flex;
}
@media screen and (min-width: 992px) {
  .process_sec .step_card {
    display: flex !important;
  }
}
.process_sec .step_card .num {
  width: 40px;
  height: 40px;
  min-width: 40px;
  max-width: 40px;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  border-radius: 50%;
  background: #080E11;
  border: 2px solid #00F296;
  box-shadow: 0 0 12px rgba(0, 242, 150, 0.4);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-14);
  font-weight: 800;
  margin-bottom: 1.2em;
  z-index: 3;
  transition: all 0.3s ease;
}
.process_sec .step_card .card_inner {
  width: 100%;
  height: 100%;
  background: rgba(13, 22, 27, 0.85);
  border: 1px solid rgba(0, 242, 150, 0.18);
  border-radius: 16px;
  padding: 1.5em 1.2em;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease;
  backdrop-filter: blur(8px);
}
.process_sec .step_card .card_inner:hover {
  transform: translateY(-6px);
  border-color: rgba(0, 242, 150, 0.5);
  box-shadow: 0 12px 30px rgba(0, 242, 150, 0.15);
}
.process_sec .step_card .card_inner:hover .icon_box {
  background: rgba(0, 242, 150, 0.15);
  border-color: #00F296;
  box-shadow: 0 0 20px rgba(0, 242, 150, 0.4);
  color: #00F296;
}
.process_sec .step_card .icon_box {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(10, 37, 32, 0.6);
  border: 1.5px solid rgba(0, 242, 150, 0.3);
  color: #00F296;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 1.2em;
  transition: all 0.3s ease;
}
.process_sec .step_card h3 {
  color: var(--white);
  font-size: var(--font-size-20);
  font-weight: 700;
  margin-bottom: 0.6em;
  letter-spacing: normal;
  line-height: 1.2em;
}
.process_sec .step_card p {
  color: #8E9BAE;
  font-size: var(--font-size-14);
  line-height: 1.5em;
  margin-bottom: 1.5em;
}
.process_sec .step_card .deliverable_area {
  margin-top: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.process_sec .step_card .deliverable_area .deliv_label {
  font-size: var(--font-size-12);
  font-weight: 700;
  letter-spacing: 1.2px;
  color: #00F296;
  margin-bottom: 0.6em;
  text-transform: uppercase;
  opacity: 0.8;
}
.process_sec .step_card .deliverable_area .deliv_pill {
  width: 100%;
  background: rgba(0, 242, 150, 0.08);
  border: 1px solid rgba(0, 242, 150, 0.2);
  border-radius: 12px;
  padding: 0.5em 0.6em;
  font-size: var(--font-size-14);
  font-weight: 600;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4em;
}
.process_sec .step_card .deliverable_area .deliv_pill i {
  color: #00F296;
  font-size: var(--font-size-12);
}
.process_sec .process_footer_banner {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 0.9em 2em;
  background: rgba(13, 22, 27, 0.9);
  border: 1px solid rgba(0, 242, 150, 0.25);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8em;
  text-align: center;
}
.process_sec .process_footer_banner .star_icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(0, 242, 150, 0.15);
  border: 1px solid rgba(0, 242, 150, 0.3);
  color: #00F296;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
}
.process_sec .process_footer_banner span {
  font-size: var(--font-size-14);
  color: #94A3B8;
}
.process_sec .process_footer_banner span .highlight {
  color: #00F296;
  font-weight: 700;
}

.tech_pills_sec {
  width: 100%;
  padding: var(--section-y) 0;
  color: var(--black);
}
.tech_pills_sec h2 {
  color: var(--black);
  margin-bottom: 2em;
}
.tech_pills_sec .pills {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.tech_pills_sec .pills .pill {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.6em 1.2em;
  border: 1px solid var(--gray-03);
  border-radius: 2em;
  font-size: var(--font-size-14);
  color: var(--gray-01);
}
.tech_pills_sec .pills .pill img {
  width: 1.4em;
  height: 1.4em;
}
.tech_pills_sec .pills .pill i {
  font-size: 1.3em;
  color: var(--green-dark);
}

.reviews_sec {
  width: 100%;
  padding: var(--section-y) 0;
  color: var(--black);
}
.reviews_sec .reviews_layout {
  display: flex;
  flex-direction: column;
  gap: 3em;
}
@media screen and (min-width: 992px) {
  .reviews_sec .reviews_layout {
    display: grid;
    grid-template-columns: 1fr 1.6fr;
    gap: 4em;
    align-items: start;
  }
}
.reviews_sec .reviews_header {
  text-align: left;
}
@media screen and (min-width: 992px) {
  .reviews_sec .reviews_header {
    position: sticky;
    top: 120px;
  }
}
.reviews_sec .reviews_header .reviews_title {
  color: #0B1B3D;
  font-size: clamp(2.25em, 3.5vw, 3.25em);
  font-weight: 800;
  line-height: 1.1;
  margin: 0;
  letter-spacing: -0.02em;
}
.reviews_sec .reviews_header .reviews_subtitle {
  color: #64748B;
  font-size: var(--font-size-16);
  margin: 1.2em 0 2em;
  line-height: 1.5;
  max-width: 420px;
}
.reviews_sec .review_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.8em;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .reviews_sec .review_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.8em;
  }
}
.reviews_sec .review_card {
  background-color: #F8FAFC;
  border-radius: 1.5em;
  padding: 2.2em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.reviews_sec .review_card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 768px) {
  .reviews_sec .review_card:nth-child(2n) {
    margin-top: 2.5em;
  }
}
.reviews_sec .review_card .review_quote {
  color: #334155;
  font-size: 15px;
  line-height: 1.65;
  margin-bottom: 2em;
  font-weight: 400;
}
.reviews_sec .review_card .review_footer {
  display: flex;
  align-items: center;
  gap: 1em;
}
.reviews_sec .review_card .review_avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.reviews_sec .review_card .avatar_initials {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E0E7FF;
  color: #4338CA;
  font-weight: 700;
  font-size: 16px;
}
.reviews_sec .review_card .review_meta {
  text-align: left;
}
.reviews_sec .review_card .star_row {
  margin-bottom: 0.3em;
}
.reviews_sec .review_card .star_row i {
  color: #EF4444;
  font-size: 13px;
  margin-right: 2px;
}
.reviews_sec .review_card .star_row i.is_empty {
  color: #CBD5E1;
}
.reviews_sec .review_card .review_name {
  font-weight: 800;
  color: #0B1B3D;
  font-size: var(--font-size-16);
  line-height: 1.2;
}
.reviews_sec .review_card .review_designation {
  color: #64748B;
  font-size: 13px;
  margin-top: 2px;
}

.case_studies_sec {
  width: 100%;
  padding: var(--section-y) 0;
  color: var(--black);
}
.case_studies_sec .title_btn {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 3em;
  gap: 1.5em;
}
@media screen and (min-width: 768px) {
  .case_studies_sec .title_btn {
    align-items: center;
    flex-direction: row;
    gap: 2em;
  }
}
.case_studies_sec .title_btn h2 {
  color: var(--black);
  margin-bottom: 0;
}
.case_studies_sec .title_btn .btn {
  color: var(--white);
  flex-shrink: 0;
}
.case_studies_sec .title_btn .btn svg {
  width: 24px;
  margin-left: 0.6em;
}
.case_studies_sec h2 {
  color: var(--black);
  margin-bottom: 2em;
}
.case_studies_sec .placeholder_note {
  padding: 2em;
  border: 1px dashed var(--gray-03);
  border-radius: 1em;
  color: var(--gray-01);
}
.case_studies_sec .case_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3em 2.5em;
}
@media screen and (min-width: 768px) {
  .case_studies_sec .case_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .case_studies_sec .case_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.case_studies_sec .case_item .img_box {
  border-radius: 1.5em;
  overflow: hidden;
  margin-bottom: 1.2em;
  border: 2px solid var(--green);
  transition: transform 0.5s ease-in-out;
}
.case_studies_sec .case_item .img_box:hover {
  transform: translate3d(0, -8px, 0);
}
.case_studies_sec .case_item .img_box img {
  display: block;
  width: 100%;
  height: 260px;
  object-fit: cover;
  object-position: top;
  transition: object-position 2.5s ease;
}
.case_studies_sec .case_item .img_box:hover:not(.logo) img {
  object-position: bottom;
}
.case_studies_sec .case_item .img_box.logo img {
  object-fit: contain;
  background-color: var(--white);
  padding: 2.5em;
}
.case_studies_sec .case_item .title_box h3 {
  color: var(--gray-01);
  font-size: var(--font-size-12);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 0.4em;
}
.case_studies_sec .case_item .title_box .title {
  font-size: var(--font-size-24);
  font-weight: 800;
  color: var(--black);
  line-height: 1.2em;
  margin-bottom: 0.5em;
}
.case_studies_sec .case_item .title_box p {
  color: var(--gray-01);
  margin-bottom: 1em;
}
.case_studies_sec .case_item .title_box .case_links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
}
.case_studies_sec .case_item .title_box .case_links .btn-default {
  padding: 0.6em 1.4em;
  font-size: var(--font-size-14);
}

.closing_cta_sec {
  width: 100%;
  padding: var(--section-y-sm) 0;
  text-align: center;
  background-color: var(--black-01);
}
.closing_cta_sec h2 {
  color: var(--white);
  margin-bottom: 0.6em;
}
.closing_cta_sec .sub_title {
  max-width: 52em;
  margin: 0 auto 1.5em;
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.closing_cta_sec .btn {
  color: var(--white);
}

.whychoose_sec {
  width: 100%;
  display: block !important;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
  position: relative;
  overflow: hidden;
}
.whychoose_sec .whychoose_top_bg_lines {
  position: absolute;
  top: -50px;
  right: -50px;
  width: 450px;
  height: 450px;
  pointer-events: none;
  z-index: 1;
}
.whychoose_sec .whychoose_top_bg_lines svg {
  width: 100%;
  height: 100%;
}
.whychoose_sec .header_box {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 4em;
  position: relative;
  z-index: 2;
}
.whychoose_sec .header_box .eyebrow_badge {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.4em 1.2em;
  border-radius: 2em;
  background: rgba(0, 168, 89, 0.08);
  border: 1px solid rgba(0, 168, 89, 0.25);
  color: #00A859;
  font-size: var(--font-size-12);
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 1.2em;
}
.whychoose_sec .header_box .eyebrow_badge .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #00A859;
  box-shadow: 0 0 6px rgba(0, 168, 89, 0.6);
}
.whychoose_sec .header_box h2 {
  color: var(--black);
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 0.5em;
}
.whychoose_sec .header_box h2 .highlight {
  color: #00A859;
  position: relative;
  display: inline-block;
}
.whychoose_sec .header_box h2 .highlight .underline_swoop {
  position: absolute;
  bottom: -8px;
  left: -4px;
  width: calc(100% + 8px);
  height: 14px;
  pointer-events: none;
}
.whychoose_sec .header_box h2 .highlight .underline_swoop path {
  stroke-dasharray: 200;
  stroke-dashoffset: 0;
}
.whychoose_sec .header_box .sub_title {
  color: #5A6B7C;
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.whychoose_sec .whychoose_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.8em;
  margin-bottom: 5em;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .whychoose_sec .whychoose_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .whychoose_sec .whychoose_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.whychoose_sec .whychoose_card {
  background: #FFFFFF;
  border-radius: 20px;
  border-bottom: 4px solid #00A859;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  padding: 2.2em 1.8em;
  display: flex;
  align-items: flex-start;
  gap: 1.4em;
  transition: all 0.3s ease;
}
.whychoose_sec .whychoose_card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0, 168, 89, 0.12);
}
.whychoose_sec .whychoose_card:hover .hex_icon_box .outer_dashed_hex {
  stroke: #00A859;
}
.whychoose_sec .whychoose_card:hover .hex_icon_box .inner_solid_hex {
  fill: #00A859;
}
.whychoose_sec .whychoose_card:hover .hex_icon_box i {
  color: #FFFFFF;
}
.whychoose_sec .whychoose_card .hex_icon_box {
  width: 96px;
  height: 100px;
  min-width: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
}
.whychoose_sec .whychoose_card .hex_icon_box .hex_svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.whychoose_sec .whychoose_card .hex_icon_box .hex_svg .outer_dashed_hex, .whychoose_sec .whychoose_card .hex_icon_box .hex_svg .inner_solid_hex, .whychoose_sec .whychoose_card .hex_icon_box .hex_svg .accent_dot {
  transition: all 0.3s ease;
}
.whychoose_sec .whychoose_card .hex_icon_box i {
  font-size: 26px;
  color: #00A859;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  line-height: 1;
  text-align: center;
  transition: color 0.3s ease;
}
.whychoose_sec .whychoose_card .card_body {
  display: flex;
  flex-direction: column;
}
.whychoose_sec .whychoose_card .card_body .card_num {
  color: #00A859;
  font-size: var(--font-size-14);
  font-weight: 800;
  margin-bottom: 0.3em;
  letter-spacing: 0.05em;
}
.whychoose_sec .whychoose_card .card_body h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: 700;
  line-height: 1.3em;
  margin-bottom: 0.5em;
}
.whychoose_sec .whychoose_card .card_body .accent_line {
  width: 18px;
  height: 2px;
  background-color: #00A859;
  border-radius: 1px;
  margin-bottom: 0.8em;
}
.whychoose_sec .whychoose_card .card_body p {
  color: #5A6B7C;
  font-size: var(--font-size-14);
  line-height: 1.5em;
  margin: 0;
}
.whychoose_sec .whychoose_footer_banner {
  width: 100%;
  max-width: 820px;
  margin: 1em auto 0;
  padding: 0.9em 2em;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8em;
  text-align: center;
  backdrop-filter: blur(8px);
  position: relative;
  z-index: 2;
}
.whychoose_sec .whychoose_footer_banner .star_icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #00A859;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  flex-shrink: 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.whychoose_sec .whychoose_footer_banner span {
  font-size: var(--font-size-14);
  color: rgba(255, 255, 255, 0.9);
}
.whychoose_sec .whychoose_footer_banner span .highlight {
  color: #00F296;
  font-weight: 700;
}
.whychoose_sec .whychoose_wave_bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 520px;
  z-index: 1;
  pointer-events: none;
}
.whychoose_sec .whychoose_wave_bg svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Who We Help Section */
.whowehelp_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
  /* Card 09 — Special Callout Card */
}
.whowehelp_sec .dot_pattern {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.whowehelp_sec .dot_pattern.dot_pattern_tl {
  top: 20px;
  left: 20px;
}
.whowehelp_sec .dot_pattern.dot_pattern_tr {
  top: 20px;
  right: 20px;
}
.whowehelp_sec .container {
  position: relative;
  z-index: 2;
}
.whowehelp_sec .header_box {
  margin-bottom: 3.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.whowehelp_sec .header_box .eyebrow_badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  color: #00A859;
  font-size: var(--font-size-13);
  font-weight: 800;
  letter-spacing: 0.12em;
  margin-bottom: 0.8em;
  padding: 0.4em 1.2em;
  background: #E8F6F0;
  border-radius: 20px;
}
.whowehelp_sec .header_box .eyebrow_badge .dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #00A859;
}
.whowehelp_sec .header_box .eyebrow_badge .line {
  width: 20px;
  height: 1.5px;
  background: #00A859;
  opacity: 0.6;
}
.whowehelp_sec .header_box .eyebrow_badge .text {
  font-weight: 800;
}
.whowehelp_sec .header_box h2 {
  font-weight: 800;
  color: var(--black);
  margin-bottom: 0.4em;
}
.whowehelp_sec .header_box h2 .highlight {
  color: #00A859;
}
.whowehelp_sec .header_box .sub_title {
  color: #5A6B7C;
  font-size: var(--font-size-16);
}
.whowehelp_sec .whowehelp_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.8em;
}
@media (max-width: 1024px) {
  .whowehelp_sec .whowehelp_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .whowehelp_sec .whowehelp_grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.whowehelp_sec .whowehelp_card {
  background: #FFFFFF;
  border-radius: 22px;
  padding: 2.2em 1.8em;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  border: 1px solid #F0F4F2;
  border-bottom-width: 4px;
  transition: all 0.3s ease;
  display: flex;
  align-items: flex-start;
  gap: 1.4em;
  /* Color Theme Variations */
}
.whowehelp_sec .whowehelp_card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
}
.whowehelp_sec .whowehelp_card:hover .squircle_icon_box .icon_circle_bg {
  transform: scale(1.06);
}
.whowehelp_sec .whowehelp_card .card_icon_col {
  flex-shrink: 0;
}
.whowehelp_sec .whowehelp_card .card_icon_col .squircle_icon_box {
  width: 80px;
  height: 80px;
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.whowehelp_sec .whowehelp_card .card_icon_col .squircle_icon_box .icon_circle_bg {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  transition: transform 0.3s ease;
}
.whowehelp_sec .whowehelp_card .card_content_col {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.whowehelp_sec .whowehelp_card .card_content_col .num_badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2em 0.65em;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 0.6em;
}
.whowehelp_sec .whowehelp_card .card_content_col h3 {
  font-size: var(--font-size-20);
  font-weight: 700;
  color: var(--black);
  margin-bottom: 0.4em;
  line-height: 1.25em;
}
@media (max-width: 768px) {
  .whowehelp_sec .whowehelp_card .card_content_col h3 {
    font-size: var(--font-size-18);
  }
}
.whowehelp_sec .whowehelp_card .card_content_col .accent_line {
  width: 24px;
  height: 2px;
  border-radius: 1px;
  margin-bottom: 0.7em;
}
.whowehelp_sec .whowehelp_card .card_content_col p {
  color: #5A6B7C;
  font-size: var(--font-size-14);
  line-height: 1.5em;
  margin: 0;
}
.whowehelp_sec .whowehelp_card.theme_green {
  border-bottom-color: #00A859;
}
.whowehelp_sec .whowehelp_card.theme_green .squircle_icon_box {
  background: #EBF7F1;
}
.whowehelp_sec .whowehelp_card.theme_green .icon_circle_bg {
  background: rgba(0, 168, 89, 0.14);
  color: #00A859;
}
.whowehelp_sec .whowehelp_card.theme_green .num_badge {
  background: #00A859;
  color: #FFFFFF;
}
.whowehelp_sec .whowehelp_card.theme_green .accent_line {
  background: #00A859;
}
.whowehelp_sec .whowehelp_card.theme_blue {
  border-bottom-color: #2563EB;
}
.whowehelp_sec .whowehelp_card.theme_blue .squircle_icon_box {
  background: #EDF4FF;
}
.whowehelp_sec .whowehelp_card.theme_blue .icon_circle_bg {
  background: rgba(37, 99, 235, 0.14);
  color: #2563EB;
}
.whowehelp_sec .whowehelp_card.theme_blue .num_badge {
  background: #2563EB;
  color: #FFFFFF;
}
.whowehelp_sec .whowehelp_card.theme_blue .accent_line {
  background: #2563EB;
}
.whowehelp_sec .whowehelp_card.theme_orange {
  border-bottom-color: #F97316;
}
.whowehelp_sec .whowehelp_card.theme_orange .squircle_icon_box {
  background: #FFF3EB;
}
.whowehelp_sec .whowehelp_card.theme_orange .icon_circle_bg {
  background: rgba(249, 115, 22, 0.14);
  color: #F97316;
}
.whowehelp_sec .whowehelp_card.theme_orange .num_badge {
  background: #F97316;
  color: #FFFFFF;
}
.whowehelp_sec .whowehelp_card.theme_orange .accent_line {
  background: #F97316;
}
.whowehelp_sec .whowehelp_card.theme_purple {
  border-bottom-color: #8B5CF6;
}
.whowehelp_sec .whowehelp_card.theme_purple .squircle_icon_box {
  background: #F6F0FE;
}
.whowehelp_sec .whowehelp_card.theme_purple .icon_circle_bg {
  background: rgba(139, 92, 246, 0.14);
  color: #8B5CF6;
}
.whowehelp_sec .whowehelp_card.theme_purple .num_badge {
  background: #8B5CF6;
  color: #FFFFFF;
}
.whowehelp_sec .whowehelp_card.theme_purple .accent_line {
  background: #8B5CF6;
}
.whowehelp_sec .whowehelp_card.theme_teal {
  border-bottom-color: #14B8A6;
}
.whowehelp_sec .whowehelp_card.theme_teal .squircle_icon_box {
  background: #E8FAFA;
}
.whowehelp_sec .whowehelp_card.theme_teal .icon_circle_bg {
  background: rgba(20, 184, 166, 0.14);
  color: #14B8A6;
}
.whowehelp_sec .whowehelp_card.theme_teal .num_badge {
  background: #14B8A6;
  color: #FFFFFF;
}
.whowehelp_sec .whowehelp_card.theme_teal .accent_line {
  background: #14B8A6;
}
.whowehelp_sec .whowehelp_card.theme_pink {
  border-bottom-color: #EC4899;
}
.whowehelp_sec .whowehelp_card.theme_pink .squircle_icon_box {
  background: #FDEEF5;
}
.whowehelp_sec .whowehelp_card.theme_pink .icon_circle_bg {
  background: rgba(236, 72, 153, 0.14);
  color: #EC4899;
}
.whowehelp_sec .whowehelp_card.theme_pink .num_badge {
  background: #EC4899;
  color: #FFFFFF;
}
.whowehelp_sec .whowehelp_card.theme_pink .accent_line {
  background: #EC4899;
}
.whowehelp_sec .whowehelp_card.theme_amber {
  border-bottom-color: #F59E0B;
}
.whowehelp_sec .whowehelp_card.theme_amber .squircle_icon_box {
  background: #FFF7E6;
}
.whowehelp_sec .whowehelp_card.theme_amber .icon_circle_bg {
  background: rgba(245, 158, 11, 0.14);
  color: #F59E0B;
}
.whowehelp_sec .whowehelp_card.theme_amber .num_badge {
  background: #F59E0B;
  color: #FFFFFF;
}
.whowehelp_sec .whowehelp_card.theme_amber .accent_line {
  background: #F59E0B;
}
.whowehelp_sec .whowehelp_card.theme_indigo {
  border-bottom-color: #1D4ED8;
}
.whowehelp_sec .whowehelp_card.theme_indigo .squircle_icon_box {
  background: #EDF2FE;
}
.whowehelp_sec .whowehelp_card.theme_indigo .icon_circle_bg {
  background: rgba(29, 78, 216, 0.14);
  color: #1D4ED8;
}
.whowehelp_sec .whowehelp_card.theme_indigo .num_badge {
  background: #1D4ED8;
  color: #FFFFFF;
}
.whowehelp_sec .whowehelp_card.theme_indigo .accent_line {
  background: #1D4ED8;
}
.whowehelp_sec .whowehelp_callout_card {
  background: linear-gradient(135deg, #F2FAEE 0%, #E6F7F0 100%);
  border-radius: 22px;
  padding: 2.2em 1.8em;
  border: 1px solid #D1F2E3;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  gap: 1.4em;
}
.whowehelp_sec .whowehelp_callout_card .callout_left {
  flex-shrink: 0;
}
.whowehelp_sec .whowehelp_callout_card .callout_left .target_icon_box {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #00A859;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  box-shadow: 0 4px 14px rgba(0, 168, 89, 0.3);
}
.whowehelp_sec .whowehelp_callout_card .callout_body {
  flex-grow: 1;
  position: relative;
  z-index: 2;
}
.whowehelp_sec .whowehelp_callout_card .callout_body h3 {
  font-size: var(--font-size-20);
  font-weight: 800;
  color: #00A859;
  margin-bottom: 0.5em;
}
@media (max-width: 768px) {
  .whowehelp_sec .whowehelp_callout_card .callout_body h3 {
    font-size: var(--font-size-18);
  }
}
.whowehelp_sec .whowehelp_callout_card .callout_body p {
  color: #4A5D54;
  font-size: var(--font-size-14);
  line-height: 1.5em;
  margin-bottom: 1.4em;
}
.whowehelp_sec .whowehelp_callout_card .callout_body .btn_build_yours {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.6em 1.4em;
  background: #FFFFFF;
  color: #00A859;
  border: 1.5px solid #00A859;
  border-radius: 30px;
  font-size: var(--font-size-14);
  font-weight: 700;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 168, 89, 0.1);
}
.whowehelp_sec .whowehelp_callout_card .callout_body .btn_build_yours:hover {
  background: #00A859;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 168, 89, 0.25);
}
.whowehelp_sec .whowehelp_callout_card .callout_dot_accent {
  position: absolute;
  bottom: 0;
  right: 0;
  pointer-events: none;
  z-index: 1;
}

/* Software Idea & Business Process CTA Section */
.software_idea_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #FFFFFF;
}
.software_idea_sec .bg_accent {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.software_idea_sec .bg_accent.bg_dot_tl {
  top: 25px;
  left: 25px;
}
.software_idea_sec .bg_accent.bg_dot_br {
  bottom: 25px;
  right: 25px;
}
.software_idea_sec .bg_accent.bg_concentric_waves {
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
}
.software_idea_sec .bg_accent.bg_paper_plane {
  bottom: 15px;
  left: 20px;
}
.software_idea_sec .bg_accent.bg_top_arrow {
  top: 0;
  right: 0;
}
.software_idea_sec .idea_card_box {
  /*background: linear-gradient(180deg, #F8FCFA 0%, #F3FAF6 100%);
  border: 1px solid #E2F2EB;
  border-radius: 30px;*/
  padding: 5em 3em;
  position: relative;
  overflow: hidden;
  /*box-shadow: 0 20px 50px rgba(0, 168, 89, 0.05);*/
}
.software_idea_sec .idea_card_box .idea_card_content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.software_idea_sec .idea_card_box .idea_card_content .eyebrow_pill {
  display: inline-flex;
  align-items: center;
  gap: 0.8em;
  background: #E8F6F0;
  padding: 0.4em 1.4em 0.4em 0.5em;
  border-radius: 30px;
  margin-bottom: 1.6em;
}
.software_idea_sec .idea_card_box .idea_card_content .eyebrow_pill .bulb_icon_circle {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #00A859;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  box-shadow: 0 4px 10px rgba(0, 168, 89, 0.3);
}
.software_idea_sec .idea_card_box .idea_card_content .eyebrow_pill .pill_text {
  color: #00A859;
  font-size: var(--font-size-13);
  font-weight: 800;
  letter-spacing: 0.1em;
}
.software_idea_sec .idea_card_box .idea_card_content h2 {
  font-weight: 800;
  color: var(--black);
  line-height: 1.25em;
  margin-bottom: 0.5em;
}
.software_idea_sec .idea_card_box .idea_card_content h2 .highlight {
  color: #00A859;
}
.software_idea_sec .idea_card_box .idea_card_content .subtitle {
  color: #5A6B7C;
  font-size: var(--font-size-16);
  max-width: 660px;
  line-height: 1.6em;
  margin: 0 auto 3.5em;
}
@media (max-width: 768px) {
  .software_idea_sec .idea_card_box .idea_card_content .subtitle {
    font-size: var(--font-size-14);
    margin-bottom: 2.5em;
  }
}
.software_idea_sec .idea_card_box .idea_card_content .process_bar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.2em;
  width: 100%;
  max-width: 1100px;
  background: #FFFFFF;
  border-radius: 20px;
  padding: 1.8em 2em;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  border: 1px solid #E6F3EC;
  margin-bottom: 3.5em;
}
@media (max-width: 991px) {
  .software_idea_sec .idea_card_box .idea_card_content .process_bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.8em;
  }
}
@media (max-width: 576px) {
  .software_idea_sec .idea_card_box .idea_card_content .process_bar {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5em;
    text-align: left;
  }
}
.software_idea_sec .idea_card_box .idea_card_content .process_bar .process_step {
  display: flex;
  align-items: center;
  gap: 1em;
  padding-right: 1.2em;
  border-right: 1px solid #EAF4EE;
}
@media (max-width: 991px) {
  .software_idea_sec .idea_card_box .idea_card_content .process_bar .process_step:nth-child(2) {
    border-right: none;
  }
}
@media (max-width: 576px) {
  .software_idea_sec .idea_card_box .idea_card_content .process_bar .process_step {
    border-right: none !important;
  }
}
.software_idea_sec .idea_card_box .idea_card_content .process_bar .process_step:last-child {
  border-right: none;
}
.software_idea_sec .idea_card_box .idea_card_content .process_bar .process_step .step_icon {
  width: 52px;
  height: 52px;
  min-width: 52px;
  border-radius: 50%;
  background: #E6F7F0;
  color: #00A859;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.software_idea_sec .idea_card_box .idea_card_content .process_bar .process_step .step_text {
  text-align: left;
}
.software_idea_sec .idea_card_box .idea_card_content .process_bar .process_step .step_text h4 {
  font-size: var(--font-size-16);
  font-weight: 700;
  color: var(--black);
  margin-bottom: 0.2em;
}
.software_idea_sec .idea_card_box .idea_card_content .process_bar .process_step .step_text p {
  color: #6C7A89;
  font-size: 13px;
  line-height: 1.35em;
  margin: 0;
}
.software_idea_sec .idea_card_box .idea_card_content .cta_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.4em;
}
.software_idea_sec .idea_card_box .idea_card_content .cta_wrapper .btn_schedule_consultation {
  display: inline-flex;
  align-items: center;
  gap: 1em;
  background: #00A859;
  color: #FFFFFF;
  font-size: var(--font-size-15);
  font-weight: 800;
  letter-spacing: 0.05em;
  border-radius: 40px;
  padding: 1.1em 2.8em;
  box-shadow: 0 10px 25px rgba(0, 168, 89, 0.3);
  transition: all 0.3s ease;
}
.software_idea_sec .idea_card_box .idea_card_content .cta_wrapper .btn_schedule_consultation:hover {
  background: #008F4C;
  color: #FFFFFF;
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(0, 168, 89, 0.4);
}
.software_idea_sec .idea_card_box .idea_card_content .cta_wrapper .trust_badges {
  display: inline-flex;
  align-items: center;
  gap: 1em;
  color: #5A6B7C;
  font-size: var(--font-size-14);
  font-weight: 600;
}
@media (max-width: 576px) {
  .software_idea_sec .idea_card_box .idea_card_content .cta_wrapper .trust_badges {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.6em;
  }
}
.software_idea_sec .idea_card_box .idea_card_content .cta_wrapper .trust_badges .badge_item {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
}
.software_idea_sec .idea_card_box .idea_card_content .cta_wrapper .trust_badges .badge_item i {
  color: #00A859;
  font-size: 15px;
}
.software_idea_sec .idea_card_box .idea_card_content .cta_wrapper .trust_badges .badge_dot {
  color: #00A859;
  font-weight: bold;
}

/* What We Build Section */
.whatwebuild_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
}
.whatwebuild_sec .dot_pattern {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.whatwebuild_sec .dot_pattern.dot_pattern_tl {
  top: 20px;
  left: 20px;
}
.whatwebuild_sec .dot_pattern.dot_pattern_tr {
  top: 20px;
  right: 20px;
}
.whatwebuild_sec .container {
  position: relative;
  z-index: 2;
}
.whatwebuild_sec .header_box {
  margin-bottom: 3.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.whatwebuild_sec .header_box .eyebrow_badge {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  background: #E8F6F0;
  padding: 0.4em 1.2em;
  border-radius: 20px;
  margin-bottom: 1em;
}
.whatwebuild_sec .header_box .eyebrow_badge .code_icon_circle {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #00A859;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}
.whatwebuild_sec .header_box .eyebrow_badge .line {
  width: 20px;
  height: 1.5px;
  background: #00A859;
  opacity: 0.6;
}
.whatwebuild_sec .header_box .eyebrow_badge .text {
  color: #00A859;
  font-size: var(--font-size-13);
  font-weight: 800;
  letter-spacing: 0.12em;
}
.whatwebuild_sec .header_box h2 {
  font-size: 38px;
  font-weight: 800;
  color: var(--black);
  line-height: 1.25em;
  margin-bottom: 0.4em;
}
.whatwebuild_sec .header_box h2 .highlight {
  color: #00A859;
}
@media (max-width: 768px) {
  .whatwebuild_sec .header_box h2 {
    font-size: 26px;
  }
}
.whatwebuild_sec .header_box .sub_title {
  color: #5A6B7C;
  font-size: var(--font-size-16);
  max-width: 660px;
  line-height: 1.5em;
}
.whatwebuild_sec .whatwebuild_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.8em;
}
@media (max-width: 1024px) {
  .whatwebuild_sec .whatwebuild_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .whatwebuild_sec .whatwebuild_grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.whatwebuild_sec .whatwebuild_grid .whatwebuild_card {
  background: #FFFFFF;
  border-radius: 22px;
  padding: 2.4em 2em;
  border: 1px solid #E6F3EC;
  border-bottom: 4px solid #00A859;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  gap: 1.4em;
  transition: all 0.3s ease;
}
.whatwebuild_sec .whatwebuild_grid .whatwebuild_card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
}
.whatwebuild_sec .whatwebuild_grid .whatwebuild_card:hover .icon_circle_box {
  transform: scale(1.06);
}
.whatwebuild_sec .whatwebuild_grid .whatwebuild_card .num_ribbon {
  position: absolute;
  top: 0;
  right: 0;
  background: #00A859;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 800;
  padding: 0.25em 0.85em;
  border-radius: 0 16px 0 10px;
}
.whatwebuild_sec .whatwebuild_grid .whatwebuild_card .icon_circle_box {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background: #EBF7F1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  color: #00A859;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.whatwebuild_sec .whatwebuild_grid .whatwebuild_card .card_content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.whatwebuild_sec .whatwebuild_grid .whatwebuild_card .card_content h3 {
  font-size: var(--font-size-20);
  font-weight: 700;
  color: var(--black);
  margin-bottom: 0.4em;
  line-height: 1.3em;
}
@media (max-width: 768px) {
  .whatwebuild_sec .whatwebuild_grid .whatwebuild_card .card_content h3 {
    font-size: var(--font-size-18);
  }
}
.whatwebuild_sec .whatwebuild_grid .whatwebuild_card .card_content .accent_line {
  width: 24px;
  height: 2px;
  background: #00A859;
  border-radius: 1px;
  margin-bottom: 0.8em;
}
.whatwebuild_sec .whatwebuild_grid .whatwebuild_card .card_content p {
  color: #5A6B7C;
  font-size: var(--font-size-14);
  line-height: 1.5em;
  margin: 0;
}
.whatwebuild_sec .whatwebuild_feature_bar {
  background: #FFFFFF;
  border: 1px solid #E6F3EC;
  border-radius: 16px;
  padding: 1.4em 2em;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.02);
  margin-top: 2.2em;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1em;
}
@media (max-width: 991px) {
  .whatwebuild_sec .whatwebuild_feature_bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5em;
  }
}
@media (max-width: 576px) {
  .whatwebuild_sec .whatwebuild_feature_bar {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.2em;
  }
}
.whatwebuild_sec .whatwebuild_feature_bar .feature_item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8em;
  padding: 0 1em;
  border-right: 1px solid #EAF4EE;
}
@media (max-width: 991px) {
  .whatwebuild_sec .whatwebuild_feature_bar .feature_item:nth-child(2) {
    border-right: none;
  }
}
@media (max-width: 576px) {
  .whatwebuild_sec .whatwebuild_feature_bar .feature_item {
    border-right: none !important;
    justify-content: flex-start;
    padding: 0;
  }
}
.whatwebuild_sec .whatwebuild_feature_bar .feature_item:last-child {
  border-right: none;
}
.whatwebuild_sec .whatwebuild_feature_bar .feature_item i {
  color: #00A859;
  font-size: 22px;
}
.whatwebuild_sec .whatwebuild_feature_bar .feature_item span {
  font-size: var(--font-size-15);
  font-weight: 700;
  color: var(--black);
}

/* Website Results Section (Why a website alone isn't enough) */
.website_results_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
}
.website_results_sec .dot_pattern {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.website_results_sec .dot_pattern.dot_pattern_tl {
  top: 20px;
  left: 20px;
}
.website_results_sec .dot_pattern.dot_pattern_tr {
  top: 20px;
  right: 20px;
}
.website_results_sec .container {
  position: relative;
  z-index: 2;
}
.website_results_sec .header_box {
  margin-bottom: 3.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.website_results_sec .header_box .eyebrow_badge {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  background: #E8F6F0;
  padding: 0.4em 1.2em;
  border-radius: 20px;
  margin-bottom: 1em;
}
.website_results_sec .header_box .eyebrow_badge .bulb_icon_circle {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #00A859;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}
.website_results_sec .header_box .eyebrow_badge .line {
  width: 20px;
  height: 1.5px;
  background: #00A859;
  opacity: 0.6;
}
.website_results_sec .header_box .eyebrow_badge .text {
  color: #00A859;
  font-size: var(--font-size-13);
  font-weight: 800;
  letter-spacing: 0.12em;
}
.website_results_sec .header_box h2 {
  font-size: 38px;
  font-weight: 800;
  color: var(--black);
  line-height: 1.25em;
  margin-bottom: 0.4em;
}
.website_results_sec .header_box h2 .highlight {
  color: #00A859;
  position: relative;
  display: inline-block;
}
.website_results_sec .header_box h2 .highlight .wavy_underline {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 10px;
}
@media (max-width: 768px) {
  .website_results_sec .header_box h2 {
    font-size: 26px;
  }
}
.website_results_sec .header_box .sub_title {
  color: #5A6B7C;
  font-size: var(--font-size-16);
  max-width: 660px;
  line-height: 1.5em;
}
.website_results_sec .website_results_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.8em;
}
@media (max-width: 1024px) {
  .website_results_sec .website_results_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .website_results_sec .website_results_grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.website_results_sec .website_results_grid .website_results_card {
  background: #FFFFFF;
  border-radius: 22px;
  padding: 2.4em 2em 2.4em 2em;
  border: 1px solid #E6F3EC;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  gap: 1.4em;
  transition: all 0.3s ease;
}
.website_results_sec .website_results_grid .website_results_card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
}
.website_results_sec .website_results_grid .website_results_card:hover .card_arrow_circle {
  background: #00A859;
  color: #FFFFFF;
  transform: scale(1.1);
}
.website_results_sec .website_results_grid .website_results_card:hover .icon_circle_box {
  transform: scale(1.06);
}
.website_results_sec .website_results_grid .website_results_card .num_ribbon {
  position: absolute;
  top: 0;
  left: 0;
  background: #00A859;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 800;
  padding: 0.3em 1.2em 0.3em 0.8em;
  border-radius: 16px 0 16px 0;
}
.website_results_sec .website_results_grid .website_results_card .icon_circle_box {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background: #EBF7F1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  color: #00A859;
  flex-shrink: 0;
  transition: transform 0.3s ease;
  margin-top: 0.4em;
}
.website_results_sec .website_results_grid .website_results_card .card_content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 1.5em;
}
.website_results_sec .website_results_grid .website_results_card .card_content h3 {
  font-size: var(--font-size-20);
  font-weight: 700;
  color: var(--black);
  margin-bottom: 0.4em;
  line-height: 1.3em;
}
@media (max-width: 768px) {
  .website_results_sec .website_results_grid .website_results_card .card_content h3 {
    font-size: var(--font-size-18);
  }
}
.website_results_sec .website_results_grid .website_results_card .card_content p {
  color: #5A6B7C;
  font-size: var(--font-size-14);
  line-height: 1.5em;
  margin: 0;
}
.website_results_sec .website_results_grid .website_results_card .card_arrow_circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #E6F7F0;
  color: #00A859;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  position: absolute;
  bottom: 1.5em;
  right: 1.5em;
  transition: all 0.3s ease;
}
.website_results_sec .website_results_feature_bar {
  background: #E8F6F0;
  border-radius: 40px;
  padding: 1.2em 2.5em;
  margin-top: 2.2em;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1em;
}
@media (max-width: 991px) {
  .website_results_sec .website_results_feature_bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5em;
  }
}
@media (max-width: 576px) {
  .website_results_sec .website_results_feature_bar {
    grid-template-columns: minmax(0, 1fr);
    border-radius: 20px;
    padding: 1.4em;
  }
}
.website_results_sec .website_results_feature_bar .feature_item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8em;
  padding: 0 1em;
  border-right: 1px solid #D1E7DD;
}
@media (max-width: 991px) {
  .website_results_sec .website_results_feature_bar .feature_item:nth-child(2) {
    border-right: none;
  }
}
@media (max-width: 576px) {
  .website_results_sec .website_results_feature_bar .feature_item {
    border-right: none !important;
    justify-content: flex-start;
    padding: 0;
  }
}
.website_results_sec .website_results_feature_bar .feature_item:last-child {
  border-right: none;
}
.website_results_sec .website_results_feature_bar .feature_item i {
  color: #00A859;
  font-size: 20px;
}
.website_results_sec .website_results_feature_bar .feature_item span {
  font-size: var(--font-size-15);
  font-weight: 700;
  color: #1E3A2B;
}

/* Fundamentals Section (Why LeafyWings - Built on the fundamentals that matter) */
.fundamentals_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
}
.fundamentals_sec .header_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3em;
  margin-bottom: 3.5em;
}
@media (max-width: 991px) {
  .fundamentals_sec .header_flex {
    flex-direction: column;
    align-items: flex-start;
  }
}
.fundamentals_sec .header_flex .header_left {
  max-width: 600px;
}
.fundamentals_sec .header_flex .header_left .eyebrow {
  color: #00A859;
  font-size: var(--font-size-13);
  font-weight: 800;
  letter-spacing: 0.1em;
}
.fundamentals_sec .header_flex .header_left .eyebrow_bar {
  width: 32px;
  height: 3px;
  background: #00A859;
  margin-top: 4px;
  margin-bottom: 12px;
  border-radius: 2px;
}
.fundamentals_sec .header_flex .header_left h2 {
  font-size: 38px;
  font-weight: 800;
  color: var(--black);
  line-height: 1.25em;
  margin-bottom: 0.4em;
}
@media (max-width: 768px) {
  .fundamentals_sec .header_flex .header_left h2 {
    font-size: 26px;
  }
}
.fundamentals_sec .header_flex .header_left .sub_title {
  color: #5A6B7C;
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.fundamentals_sec .header_flex .header_graphic {
  position: relative;
  width: 280px;
  height: 180px;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .fundamentals_sec .header_flex .header_graphic {
    display: none;
  }
}
.fundamentals_sec .header_flex .header_graphic .leaf_badge_float {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #EBF7F1;
  border: 2px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #00A859;
  position: absolute;
  top: 20px;
  right: 20px;
  box-shadow: 0 8px 24px rgba(0, 168, 89, 0.15);
}
.fundamentals_sec .fundamentals_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.8em;
}
@media (max-width: 1024px) {
  .fundamentals_sec .fundamentals_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .fundamentals_sec .fundamentals_grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.fundamentals_sec .fundamentals_grid .fundamental_card {
  background: #FFFFFF;
  border-radius: 22px;
  padding: 2.2em 1.8em;
  border: 1px solid #E6F3EC;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  gap: 1.4em;
  transition: all 0.3s ease;
}
.fundamentals_sec .fundamentals_grid .fundamental_card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
}
.fundamentals_sec .fundamentals_grid .fundamental_card:hover .card_arrow_circle {
  background: #00A859;
  color: #FFFFFF;
  transform: scale(1.1);
}
.fundamentals_sec .fundamentals_grid .fundamental_card:hover .icon_circle_box {
  transform: scale(1.06);
}
.fundamentals_sec .fundamentals_grid .fundamental_card .icon_circle_box {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background: #EBF7F1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  color: #00A859;
  flex-shrink: 0;
  transition: transform 0.3s ease;
  margin-top: 0.2em;
}
.fundamentals_sec .fundamentals_grid .fundamental_card .card_content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 1.5em;
}
.fundamentals_sec .fundamentals_grid .fundamental_card .card_content .num_ribbon {
  background: #D4F0E2;
  color: #00A859;
  font-size: 12px;
  font-weight: 800;
  padding: 0.25em 0.85em;
  border-radius: 6px;
  display: inline-block;
  margin-bottom: 0.6em;
}
.fundamentals_sec .fundamentals_grid .fundamental_card .card_content h3 {
  font-size: var(--font-size-20);
  font-weight: 700;
  color: var(--black);
  margin-bottom: 0.4em;
  line-height: 1.3em;
}
@media (max-width: 768px) {
  .fundamentals_sec .fundamentals_grid .fundamental_card .card_content h3 {
    font-size: var(--font-size-18);
  }
}
.fundamentals_sec .fundamentals_grid .fundamental_card .card_content .title_underline {
  width: 24px;
  height: 2px;
  background: #00A859;
  border-radius: 1px;
  margin-bottom: 0.8em;
}
.fundamentals_sec .fundamentals_grid .fundamental_card .card_content p {
  color: #5A6B7C;
  font-size: var(--font-size-14);
  line-height: 1.5em;
  margin: 0;
}
.fundamentals_sec .fundamentals_grid .fundamental_card .card_arrow_circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #E6F7F0;
  color: #00A859;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  position: absolute;
  bottom: 1.4em;
  right: 1.4em;
  transition: all 0.3s ease;
}

/* Essentials Section (What makes a high-performing website) */
.essentials_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
}
.essentials_sec .dot_pattern {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.essentials_sec .dot_pattern.dot_pattern_tl {
  top: 20px;
  left: 20px;
}
.essentials_sec .header_vector_tr {
  position: absolute;
  top: 10px;
  right: 20px;
  pointer-events: none;
  z-index: 1;
}
@media (max-width: 991px) {
  .essentials_sec .header_vector_tr {
    display: none;
  }
}
.essentials_sec .container {
  position: relative;
  z-index: 2;
}
.essentials_sec .header_box {
  margin-bottom: 3.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.essentials_sec .header_box .eyebrow_badge {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  background: #E8F6F0;
  padding: 0.4em 1.2em;
  border-radius: 20px;
  margin-bottom: 1em;
}
.essentials_sec .header_box .eyebrow_badge .link_icon_circle {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #00A859;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}
.essentials_sec .header_box .eyebrow_badge .line {
  width: 20px;
  height: 1.5px;
  background: #00A859;
  opacity: 0.6;
}
.essentials_sec .header_box .eyebrow_badge .text {
  color: #00A859;
  font-size: var(--font-size-13);
  font-weight: 800;
  letter-spacing: 0.12em;
}
.essentials_sec .header_box h2 {
  font-size: 38px;
  font-weight: 800;
  color: var(--black);
  line-height: 1.25em;
  margin-bottom: 0.4em;
}
.essentials_sec .header_box h2 .highlight {
  color: #00A859;
  position: relative;
  display: inline-block;
}
.essentials_sec .header_box h2 .highlight .wavy_underline {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 10px;
}
@media (max-width: 768px) {
  .essentials_sec .header_box h2 {
    font-size: 26px;
  }
}
.essentials_sec .header_box .sub_title {
  color: #5A6B7C;
  font-size: var(--font-size-16);
  max-width: 660px;
  line-height: 1.5em;
}
.essentials_sec .essentials_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.8em;
}
@media (max-width: 1024px) {
  .essentials_sec .essentials_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .essentials_sec .essentials_grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.essentials_sec .essentials_grid .essentials_card {
  background: #FFFFFF;
  border-radius: 22px;
  padding: 2.4em 2em;
  border: 1px solid #E6F3EC;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  gap: 1.4em;
  transition: all 0.3s ease;
}
.essentials_sec .essentials_grid .essentials_card.is_featured {
  border: 2px solid #00A859;
  box-shadow: 0 12px 32px rgba(0, 168, 89, 0.08);
}
.essentials_sec .essentials_grid .essentials_card.is_featured .featured_badge {
  position: absolute;
  top: 0;
  right: 0;
  background: #00A859;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 800;
  padding: 0.3em 1.2em 0.3em 0.8em;
  border-radius: 0 16px 0 16px;
}
.essentials_sec .essentials_grid .essentials_card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
}
.essentials_sec .essentials_grid .essentials_card:hover .card_arrow_circle {
  background: #00A859;
  color: #FFFFFF;
  transform: scale(1.1);
}
.essentials_sec .essentials_grid .essentials_card:hover .icon_circle_box {
  transform: scale(1.06);
}
.essentials_sec .essentials_grid .essentials_card .icon_circle_box {
  width: 84px;
  height: 84px;
  border-radius: 22px;
  background: #EBF7F1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  color: #00A859;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.essentials_sec .essentials_grid .essentials_card .card_content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 1.5em;
}
.essentials_sec .essentials_grid .essentials_card .card_content .num_badge {
  display: flex;
  align-items: center;
  gap: 0.4em;
  color: #00A859;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 0.5em;
}
.essentials_sec .essentials_grid .essentials_card .card_content .num_badge .badge_line {
  width: 20px;
  height: 2px;
  background: #00A859;
  opacity: 0.6;
}
.essentials_sec .essentials_grid .essentials_card .card_content h3 {
  font-size: var(--font-size-20);
  font-weight: 700;
  color: var(--black);
  margin-bottom: 0.4em;
  line-height: 1.3em;
}
@media (max-width: 768px) {
  .essentials_sec .essentials_grid .essentials_card .card_content h3 {
    font-size: var(--font-size-18);
  }
}
.essentials_sec .essentials_grid .essentials_card .card_content p {
  color: #5A6B7C;
  font-size: var(--font-size-14);
  line-height: 1.5em;
  margin: 0;
}
.essentials_sec .essentials_grid .essentials_card .card_arrow_circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #E6F7F0;
  color: #00A859;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  position: absolute;
  bottom: 1.5em;
  right: 1.5em;
  transition: all 0.3s ease;
}
.essentials_sec .essentials_feature_bar {
  background: #F4FAF6;
  border-radius: 40px;
  padding: 1.1em 2em;
  margin-top: 2.2em;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.8em;
}
@media (max-width: 1024px) {
  .essentials_sec .essentials_feature_bar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2em;
  }
}
@media (max-width: 640px) {
  .essentials_sec .essentials_feature_bar {
    grid-template-columns: minmax(0, 1fr);
    border-radius: 20px;
  }
}
.essentials_sec .essentials_feature_bar .feature_item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
  padding: 0 0.8em;
  border-right: 1px solid #D1E7DD;
}
.essentials_sec .essentials_feature_bar .feature_item:last-child {
  border-right: none;
}
.essentials_sec .essentials_feature_bar .feature_item i {
  color: #00A859;
  font-size: 18px;
}
.essentials_sec .essentials_feature_bar .feature_item span {
  font-size: var(--font-size-14);
  font-weight: 700;
  color: #1E3A2B;
}

/* Ships Essentials Section (Every project ships with the essentials) */
.ships_essentials_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
}
.ships_essentials_sec .header_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3em;
  margin-bottom: 3.5em;
}
@media (max-width: 991px) {
  .ships_essentials_sec .header_flex {
    flex-direction: column;
    align-items: flex-start;
  }
}
.ships_essentials_sec .header_flex .header_left {
  max-width: 620px;
}
.ships_essentials_sec .header_flex .header_left .eyebrow {
  color: #00A859;
  font-size: var(--font-size-13);
  font-weight: 800;
  letter-spacing: 0.1em;
}
.ships_essentials_sec .header_flex .header_left .eyebrow_bar {
  width: 32px;
  height: 3px;
  background: #00A859;
  margin-top: 4px;
  margin-bottom: 12px;
  border-radius: 2px;
}
.ships_essentials_sec .header_flex .header_left h2 {
  font-size: 38px;
  font-weight: 800;
  color: var(--black);
  line-height: 1.25em;
  margin-bottom: 0.4em;
}
.ships_essentials_sec .header_flex .header_left h2 .highlight {
  color: #00A859;
  position: relative;
  display: inline-block;
}
.ships_essentials_sec .header_flex .header_left h2 .highlight .wavy_underline {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 10px;
}
@media (max-width: 768px) {
  .ships_essentials_sec .header_flex .header_left h2 {
    font-size: 26px;
  }
}
.ships_essentials_sec .header_flex .header_left .sub_title {
  color: #5A6B7C;
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.ships_essentials_sec .header_flex .header_graphic {
  position: relative;
  width: 260px;
  height: 170px;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .ships_essentials_sec .header_flex .header_graphic {
    display: none;
  }
}
.ships_essentials_sec .header_flex .header_graphic .check_badge_float {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #D4F0E2;
  border: 3px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #00A859;
  position: absolute;
  bottom: 20px;
  right: 15px;
  box-shadow: 0 8px 24px rgba(0, 168, 89, 0.15);
}
.ships_essentials_sec .ships_essentials_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.6em;
}
@media (max-width: 1200px) {
  .ships_essentials_sec .ships_essentials_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .ships_essentials_sec .ships_essentials_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .ships_essentials_sec .ships_essentials_grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.ships_essentials_sec .ships_essentials_grid .ships_card {
  background: #FFFFFF;
  border-radius: 18px;
  padding: 2em 1.6em;
  border: 1px solid #E6F3EC;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.02);
  display: flex;
  align-items: flex-start;
  gap: 1.2em;
  transition: all 0.3s ease;
}
.ships_essentials_sec .ships_essentials_grid .ships_card:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.07);
}
.ships_essentials_sec .ships_essentials_grid .ships_card:hover .icon_circle_box {
  transform: scale(1.06);
}
.ships_essentials_sec .ships_essentials_grid .ships_card .icon_circle_box {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #EBF7F1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: #00A859;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.ships_essentials_sec .ships_essentials_grid .ships_card .card_content {
  flex-grow: 1;
}
.ships_essentials_sec .ships_essentials_grid .ships_card .card_content h3 {
  font-size: 17px;
  font-weight: 700;
  color: var(--black);
  margin-bottom: 0.35em;
  line-height: 1.3em;
}
.ships_essentials_sec .ships_essentials_grid .ships_card .card_content p {
  color: #5A6B7C;
  font-size: 13.5px;
  line-height: 1.45em;
  margin: 0;
}

/* Problems We Help Businesses Fix Section */
.problems_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
}
.problems_sec .header_box {
  margin-bottom: 3.5em;
}
.problems_sec .header_box .eyebrow {
  color: #00A859;
  font-size: var(--font-size-13);
  font-weight: 800;
  letter-spacing: 0.1em;
}
.problems_sec .header_box .eyebrow_bar {
  width: 32px;
  height: 3px;
  background: #00A859;
  margin-top: 4px;
  margin-bottom: 12px;
  border-radius: 2px;
}
.problems_sec .header_box h2 {
  font-size: 38px;
  font-weight: 800;
  color: var(--black);
  line-height: 1.25em;
  margin-bottom: 0.4em;
}
.problems_sec .header_box h2 .highlight {
  color: #00A859;
}
@media (max-width: 768px) {
  .problems_sec .header_box h2 {
    font-size: 26px;
  }
}
.problems_sec .header_box .sub_title {
  color: #5A6B7C;
  font-size: var(--font-size-16);
  max-width: 620px;
  line-height: 1.5em;
}
.problems_sec .problems_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.8em;
}
@media (max-width: 1024px) {
  .problems_sec .problems_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .problems_sec .problems_grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.problems_sec .problems_grid .problems_card {
  background: #FFFFFF;
  border-radius: 22px;
  padding: 2.4em 2em;
  border: 1px solid #E6F3EC;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  gap: 1.4em;
  transition: all 0.3s ease;
}
.problems_sec .problems_grid .problems_card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
}
.problems_sec .problems_grid .problems_card:hover .card_arrow_circle {
  background: #00A859;
  color: #FFFFFF;
  transform: scale(1.1);
}
.problems_sec .problems_grid .problems_card:hover .icon_circle_box {
  transform: scale(1.06);
}
.problems_sec .problems_grid .problems_card .icon_circle_box {
  width: 84px;
  height: 84px;
  border-radius: 22px;
  background: #EBF7F1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  color: #00A859;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.problems_sec .problems_grid .problems_card .card_content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 1.5em;
}
.problems_sec .problems_grid .problems_card .card_content .num_badge {
  display: flex;
  align-items: center;
  gap: 0.4em;
  color: #00A859;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 0.5em;
}
.problems_sec .problems_grid .problems_card .card_content .num_badge .badge_line {
  width: 20px;
  height: 2px;
  background: #00A859;
  opacity: 0.6;
}
.problems_sec .problems_grid .problems_card .card_content h3 {
  font-size: var(--font-size-20);
  font-weight: 700;
  color: var(--black);
  margin-bottom: 0.4em;
  line-height: 1.3em;
}
@media (max-width: 768px) {
  .problems_sec .problems_grid .problems_card .card_content h3 {
    font-size: var(--font-size-18);
  }
}
.problems_sec .problems_grid .problems_card .card_content p {
  color: #5A6B7C;
  font-size: var(--font-size-14);
  line-height: 1.5em;
  margin: 0;
}
.problems_sec .problems_grid .problems_card .card_arrow_circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #E6F7F0;
  color: #00A859;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  position: absolute;
  bottom: 1.5em;
  right: 1.5em;
  transition: all 0.3s ease;
}

/* Process Section (From discovery to launch - Dark Theme) */
.process_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #060B11;
  color: #FFFFFF;
  position: relative;
  overflow: hidden;
}
.web_development_page .process_sec .header_box {
  display: flex;
  align-items: flex-start;
  gap: 1.2em;
  margin-bottom: 3.5em;
}
.web_development_page .process_sec .header_box .header_bar {
  width: 4px;
  height: 90px;
  background: #00A859;
  border-radius: 2px;
  flex-shrink: 0;
  margin-top: 4px;
}
.web_development_page .process_sec .header_box .header_content .eyebrow {
  color: #00A859;
  font-size: var(--font-size-13);
  font-weight: 800;
  letter-spacing: 0.12em;
  margin-bottom: 0.4em;
}
.web_development_page .process_sec .header_box .header_content h2 {
  font-size: 38px;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.25em;
  margin-bottom: 0.4em;
}
@media (max-width: 768px) {
  .web_development_page .process_sec .header_box .header_content h2 {
    font-size: 26px;
  }
}
.web_development_page .process_sec .header_box .header_content .sub_title {
  color: #8A99AD;
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.process_sec .process_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.6em;
}
@media (max-width: 991px) {
  .process_sec .process_grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.process_sec .process_grid .process_card {
  background: #0E1622;
  border: 1px solid #1A2636;
  border-radius: 16px;
  padding: 1.8em 2em;
  display: flex;
  align-items: center;
  gap: 1.4em;
  transition: all 0.3s ease;
}
.process_sec .process_grid .process_card:hover {
  border-color: #00A859;
  box-shadow: 0 10px 30px rgba(0, 168, 89, 0.12);
  transform: translateY(-4px);
}
.process_sec .process_grid .process_card:hover .card_arrow_circle {
  background: #00A859;
  color: #FFFFFF;
}
.process_sec .process_grid .process_card .num_box {
  display: flex;
  align-items: center;
}
.process_sec .process_grid .process_card .num_box .num {
  font-size: 32px;
  font-weight: 800;
  color: #00A859;
}
.process_sec .process_grid .process_card .num_box .num_divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.08);
  margin: 0 1.2em;
}
.process_sec .process_grid .process_card .icon_circle_box {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #0A121D;
  border: 1px solid #1D2E42;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: #00A859;
  flex-shrink: 0;
}
.process_sec .process_grid .process_card .card_content {
  flex-grow: 1;
}
.process_sec .process_grid .process_card .card_content h3 {
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.3em;
}
.process_sec .process_grid .process_card .card_content p {
  color: #8A99AD;
  font-size: 14px;
  margin-bottom: 0.3em;
}
.process_sec .process_grid .process_card .card_content .output_badge {
  font-size: 13.5px;
  color: #00A859;
  font-weight: 700;
}
.process_sec .process_grid .process_card .card_content .output_badge .val {
  color: #D0D7DE;
  font-weight: 400;
}
.process_sec .process_grid .process_card .card_arrow_circle {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #0A121D;
  border: 1px solid #00A859;
  color: #00A859;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
  margin-left: auto;
  transition: all 0.3s ease;
}
.process_sec .process_trust_bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.5em;
  margin-top: 3.5em;
  padding-top: 2em;
}
@media (max-width: 768px) {
  .process_sec .process_trust_bar {
    flex-direction: column;
    gap: 1.2em;
  }
}
.process_sec .process_trust_bar .trust_item {
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding-right: 2.5em;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
@media (max-width: 768px) {
  .process_sec .process_trust_bar .trust_item {
    padding-right: 0;
    border-right: none;
  }
}
.process_sec .process_trust_bar .trust_item:last-child {
  border-right: none;
  padding-right: 0;
}
.process_sec .process_trust_bar .trust_item i {
  color: #00A859;
  font-size: 20px;
}
.process_sec .process_trust_bar .trust_item span {
  color: #D0D7DE;
  font-size: 14px;
  font-weight: 600;
}

/* Process Section — numbered step-card grid (third .process_sec variant)
   ---------------------------------------------------------------------
   UIUX-02. Four pages (ui-ux-design, business-website-development,
   digital-marketing, ecommerce-website-development) render this section as
   `.container > .steps > .step`, but no rule for `.step` existed anywhere in
   assets/scss — the only `.steps` declaration is nested under custom-software's
   `.process_flow_wrapper` above, so these four inherited the section's dark
   background and nothing else. The steps stacked as raw block elements: no
   grid, no card, `.num` as a bare digit and the Font Awesome glyph rendering at
   the h3's own size next to the heading text.

   Scoped with a child combinator on `.container` so it cannot reach either
   shipped variant: custom-software's steps sit inside `.process_flow_wrapper`
   (and use `.step_card`), and web-development uses `.process_grid`/`.process_card`.
   Kept deliberately distinct from those two — a 3-up card grid with a ghost
   numeral, where web-development's is a 2-up horizontal row and
   custom-software's is a 7-across timeline. */
.process_sec .container > .steps {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4em;
}
@media screen and (min-width: 768px) {
  .process_sec .container > .steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .process_sec .container > .steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.process_sec .container > .steps > .step {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 1.9em 1.8em;
  border: 1px solid #1A2636;
  border-radius: 16px;
  background: #0E1622;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.process_sec .container > .steps > .step::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #00A859 0%, transparent 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.process_sec .container > .steps > .step:hover {
  border-color: #00A859;
  box-shadow: 0 10px 30px rgba(0, 168, 89, 0.12);
  transform: translateY(-4px);
}
.process_sec .container > .steps > .step:hover::before {
  opacity: 1;
}
.process_sec .container > .steps > .step .num {
  position: absolute;
  top: 0.15em;
  right: 0.25em;
  font-size: var(--font-size-36);
  font-weight: 800;
  line-height: 1;
  color: rgba(0, 168, 89, 0.16);
  pointer-events: none;
}
.process_sec .container > .steps > .step h3 {
  display: flex;
  align-items: center;
  gap: 0.7em;
  padding-right: 2.2em;
  margin-bottom: 0.7em;
  font-size: var(--font-size-20);
  font-weight: 700;
  color: var(--white);
}
.process_sec .container > .steps > .step h3 i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #0A121D;
  border: 1px solid #1D2E42;
  font-size: var(--font-size-18);
  color: #00A859;
}
.process_sec .container > .steps > .step p {
  margin-bottom: 1.2em;
  font-size: var(--font-size-16);
  color: #8A99AD;
}
.process_sec .container > .steps > .step .output {
  margin-top: auto;
  padding-top: 0.9em;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-size: var(--font-size-14);
  font-weight: 700;
  color: #00A859;
}

.process_sec .container > .eyebrow {
  color: #00A859;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 12px;
  display: inline-block;
}
.process_sec .container > h2 {
  font-size: 38px;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.25;
  margin-bottom: 36px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .process_sec .container > h2 {
    font-size: 28px;
    margin-bottom: 24px;
  }
}

/* Industries We Serve Section */
.industries_serve_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
}
.industries_serve_sec .dot_pattern_tr {
  position: absolute;
  top: 20px;
  right: 20px;
  pointer-events: none;
  z-index: 1;
}
.industries_serve_sec .rings_pattern_bl {
  position: absolute;
  bottom: -40px;
  left: -40px;
  pointer-events: none;
  z-index: 1;
}
.industries_serve_sec .container {
  position: relative;
  z-index: 2;
}
.industries_serve_sec .header_box {
  margin-bottom: 3.5em;
}
.industries_serve_sec .header_box .eyebrow {
  color: #00A859;
  font-size: var(--font-size-13);
  font-weight: 800;
  letter-spacing: 0.1em;
}
.industries_serve_sec .header_box .eyebrow_bar {
  width: 32px;
  height: 3px;
  background: #00A859;
  margin-top: 4px;
  margin-bottom: 12px;
  border-radius: 2px;
}
.industries_serve_sec .header_box h2 {
  font-size: 38px;
  font-weight: 800;
  color: var(--black);
  line-height: 1.25em;
  margin-bottom: 0.4em;
}
.industries_serve_sec .header_box h2 .highlight {
  color: #00A859;
}
@media (max-width: 768px) {
  .industries_serve_sec .header_box h2 {
    font-size: 26px;
  }
}
.industries_serve_sec .header_box .sub_title {
  color: #5A6B7C;
  font-size: var(--font-size-16);
  max-width: 620px;
  line-height: 1.5em;
}
.industries_serve_sec .industries_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.8em;
}
@media (max-width: 1024px) {
  .industries_serve_sec .industries_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .industries_serve_sec .industries_grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.industries_serve_sec .industries_grid .industry_card {
  background: #FFFFFF;
  border-radius: 22px;
  padding: 2.4em 2em;
  border: 1px solid #E6F3EC;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  gap: 1.4em;
  transition: all 0.3s ease;
}
.industries_serve_sec .industries_grid .industry_card.is_featured {
  border: 2px solid #00A859;
  box-shadow: 0 12px 32px rgba(0, 168, 89, 0.08);
}
.industries_serve_sec .industries_grid .industry_card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
}
.industries_serve_sec .industries_grid .industry_card:hover .icon_circle_box {
  transform: scale(1.06);
}
.industries_serve_sec .industries_grid .industry_card .icon_circle_box {
  width: 84px;
  height: 84px;
  border-radius: 22px;
  background: #EBF7F1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  color: #00A859;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.industries_serve_sec .industries_grid .industry_card .card_content {
  flex-grow: 1;
}
.industries_serve_sec .industries_grid .industry_card .card_content h3 {
  font-size: var(--font-size-20);
  font-weight: 700;
  color: var(--black);
  margin-bottom: 0.3em;
  line-height: 1.3em;
}
@media (max-width: 768px) {
  .industries_serve_sec .industries_grid .industry_card .card_content h3 {
    font-size: var(--font-size-18);
  }
}
.industries_serve_sec .industries_grid .industry_card .card_content .title_line {
  width: 20px;
  height: 2px;
  background: #00A859;
  opacity: 0.6;
  margin-bottom: 0.6em;
}
.industries_serve_sec .industries_grid .industry_card .card_content p {
  color: #5A6B7C;
  font-size: var(--font-size-14);
  line-height: 1.5em;
  margin: 0;
}

/* Growth CTA Section (Ready to build a website that supports growth?) */
.growth_cta_sec {
  width: 100%;
  padding: var(--section-y-sm) 0;
  background: linear-gradient(135deg, #071610 0%, #0A1C16 40%, #05140F 100%);
}
.growth_cta_sec .svg_bg {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.growth_cta_sec .svg_bg.dot_pattern_tl {
  top: 30px;
  left: 30px;
}
.growth_cta_sec .svg_bg.dot_pattern_br {
  bottom: 30px;
  right: 30px;
}
.growth_cta_sec .svg_bg.wave_pattern_bl {
  bottom: 0;
  left: 0;
}
.growth_cta_sec .svg_bg.wave_pattern_tr {
  top: 0;
  right: 0;
}
.growth_cta_sec .growth_cta_card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (max-width: 768px) {
  .growth_cta_sec .growth_cta_card {
    padding: 3em 1.5em;
    border-radius: 20px;
  }
}
.growth_cta_sec .growth_cta_card .cta_content {
  position: relative;
  z-index: 2;
  max-width: 720px;
}
.growth_cta_sec .growth_cta_card .cta_content h2 {
  font-size: 42px;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.25em;
  margin-bottom: 0.4em;
}
.growth_cta_sec .growth_cta_card .cta_content h2 .highlight {
  color: #00A859;
}
@media (max-width: 768px) {
  .growth_cta_sec .growth_cta_card .cta_content h2 {
    font-size: 28px;
  }
}
.growth_cta_sec .growth_cta_card .cta_content p {
  color: #94A3B8;
  font-size: 17px;
  line-height: 1.6em;
  margin-bottom: 2.2em;
}
@media (max-width: 768px) {
  .growth_cta_sec .growth_cta_card .cta_content p {
    font-size: 15px;
  }
}
.growth_cta_sec .growth_cta_card .cta_content .btn_glow {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  background: linear-gradient(135deg, #00A859 0%, #00C868 100%);
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.9em 2.5em;
  border-radius: 40px;
  box-shadow: 0 10px 30px rgba(0, 200, 104, 0.4);
  transition: all 0.3s ease;
  text-decoration: none;
  cursor: pointer;
}
.growth_cta_sec .growth_cta_card .cta_content .btn_glow:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 14px 40px rgba(0, 200, 104, 0.55);
  color: #FFFFFF;
}
.growth_cta_sec .growth_cta_card .cta_content .btn_glow i {
  font-size: 16px;
}
.growth_cta_sec .growth_cta_card .cta_content .cta_trust_bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.5em;
  margin-top: 3.5em;
}
@media (max-width: 768px) {
  .growth_cta_sec .growth_cta_card .cta_content .cta_trust_bar {
    flex-direction: column;
    gap: 1em;
  }
}
.growth_cta_sec .growth_cta_card .cta_content .cta_trust_bar .trust_item {
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding-right: 2.5em;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}
@media (max-width: 768px) {
  .growth_cta_sec .growth_cta_card .cta_content .cta_trust_bar .trust_item {
    padding-right: 0;
    border-right: none;
  }
}
.growth_cta_sec .growth_cta_card .cta_content .cta_trust_bar .trust_item:last-child {
  border-right: none;
  padding-right: 0;
}
.growth_cta_sec .growth_cta_card .cta_content .cta_trust_bar .trust_item i {
  color: #00A859;
  font-size: 18px;
}
.growth_cta_sec .growth_cta_card .cta_content .cta_trust_bar .trust_item span {
  color: #E2E8F0;
  font-size: 14px;
  font-weight: 600;
}

/* Tooling Section (Modern, proven tooling) */
.tooling_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
}
.tooling_sec .dot_pattern_bl {
  position: absolute;
  bottom: 30px;
  left: 20px;
  pointer-events: none;
  z-index: 1;
}
.tooling_sec .dot_pattern_br {
  position: absolute;
  bottom: 30px;
  right: 20px;
  pointer-events: none;
  z-index: 1;
}
.tooling_sec .container {
  position: relative;
  z-index: 2;
}
.tooling_sec .header_grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3em;
  margin-bottom: 3.5em;
}
@media (max-width: 991px) {
  .tooling_sec .header_grid {
    flex-direction: column;
    align-items: flex-start;
  }
}
.tooling_sec .header_grid .header_box {
  max-width: 600px;
}
.tooling_sec .header_grid .header_box .eyebrow {
  color: #00A859;
  font-size: var(--font-size-13);
  font-weight: 800;
  letter-spacing: 0.1em;
}
.tooling_sec .header_grid .header_box .eyebrow_bar {
  width: 32px;
  height: 3px;
  background: #00A859;
  margin-top: 4px;
  margin-bottom: 12px;
  border-radius: 2px;
}
.tooling_sec .header_grid .header_box h2 {
  font-size: 38px;
  font-weight: 800;
  color: var(--black);
  line-height: 1.25em;
  margin-bottom: 0.4em;
}
.tooling_sec .header_grid .header_box h2 .highlight {
  color: #00A859;
}
@media (max-width: 768px) {
  .tooling_sec .header_grid .header_box h2 {
    font-size: 26px;
  }
}
.tooling_sec .header_grid .header_box .sub_title {
  color: #5A6B7C;
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.tooling_sec .header_grid .header_vector_graphic {
  position: relative;
  flex-shrink: 0;
}
.tooling_sec .header_grid .header_vector_graphic .browser_window {
  width: 280px;
  height: 160px;
  background: #FFFFFF;
  border: 1px solid #E6F3EC;
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.04);
  padding: 12px;
  position: relative;
}
.tooling_sec .header_grid .header_vector_graphic .browser_window .browser_dots {
  display: flex;
  gap: 6px;
  margin-bottom: 12px;
}
.tooling_sec .header_grid .header_vector_graphic .browser_window .browser_dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #D1E7DD;
}
.tooling_sec .header_grid .header_vector_graphic .browser_window .code_inner_screen {
  background: linear-gradient(135deg, #EBF7F1 0%, #F4FAF6 100%);
  border-radius: 10px;
  height: calc(100% - 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.tooling_sec .header_grid .header_vector_graphic .browser_window .code_inner_screen .code_symbol {
  font-size: 24px;
  font-weight: 800;
  color: #00A859;
}
.tooling_sec .header_grid .header_vector_graphic .browser_window .code_inner_screen .code_lines {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.tooling_sec .header_grid .header_vector_graphic .browser_window .code_inner_screen .code_lines .line {
  height: 6px;
  border-radius: 3px;
  background: rgba(0, 168, 89, 0.2);
}
.tooling_sec .header_grid .header_vector_graphic .browser_window .code_inner_screen .code_lines .line:nth-child(1) {
  width: 60px;
}
.tooling_sec .header_grid .header_vector_graphic .browser_window .code_inner_screen .code_lines .line:nth-child(2) {
  width: 90px;
}
.tooling_sec .header_grid .header_vector_graphic .browser_window .code_inner_screen .code_lines .line:nth-child(3) {
  width: 45px;
}
.tooling_sec .header_grid .header_vector_graphic .browser_window .gear_badge {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: #FFFFFF;
  border: 1px solid #E6F3EC;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
  position: absolute;
  bottom: -15px;
  right: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #00A859;
}
.tooling_sec .tooling_grid_container {
  display: flex;
  flex-direction: column;
  gap: 1.4em;
}
.tooling_sec .tooling_grid_container .tooling_row {
  display: grid;
  gap: 1.4em;
}
.tooling_sec .tooling_grid_container .tooling_row.row_7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
@media (max-width: 1200px) {
  .tooling_sec .tooling_grid_container .tooling_row.row_7 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .tooling_sec .tooling_grid_container .tooling_row.row_7 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.tooling_sec .tooling_grid_container .tooling_row.row_5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  max-width: calc(71.4285714286% - 0.4em);
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .tooling_sec .tooling_grid_container .tooling_row.row_5 {
    max-width: 100%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .tooling_sec .tooling_grid_container .tooling_row.row_5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.tooling_sec .tooling_grid_container .tooling_row .tooling_card {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 2em 1.5em;
  border: 1px solid #E6F3EC;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.8em;
  transition: all 0.3s ease;
}
.tooling_sec .tooling_grid_container .tooling_row .tooling_card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
  border-color: #00A859;
}
.tooling_sec .tooling_grid_container .tooling_row .tooling_card .tech_logo_box {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tooling_sec .tooling_grid_container .tooling_row .tooling_card .tech_logo_box picture {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.tooling_sec .tooling_grid_container .tooling_row .tooling_card .tech_logo_box img {
  max-width: 56px;
  max-height: 56px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.tooling_sec .tooling_grid_container .tooling_row .tooling_card h3 {
  font-size: 16px;
  font-weight: 700;
  color: var(--black);
  margin: 0;
}
.tooling_sec .tooling_grid_container .tooling_row .tooling_card .title_line {
  width: 24px;
  height: 3px;
  background: #00A859;
  border-radius: 2px;
  opacity: 0.8;
}

/* Hero Section for Industries Page */
.ind_hero_sec {
  width: 100%;
  padding: var(--section-y-sm) 0;
  background-color: #060B11;
  color: #FFFFFF;
  position: relative;
  overflow: hidden;
}
.ind_hero_sec .hero_bg_wave {
  position: absolute;
  bottom: 0;
  right: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0.15;
}
.ind_hero_sec .container {
  position: relative;
  z-index: 2;
}
.ind_hero_sec .ind_hero_grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3.5em;
}
@media (max-width: 1024px) {
  .ind_hero_sec .ind_hero_grid {
    flex-direction: column;
    align-items: flex-start;
  }
}
.ind_hero_sec .ind_hero_grid .hero_left_col {
  flex: 0 0 45%;
  max-width: 560px;
}
@media (max-width: 1024px) {
  .ind_hero_sec .ind_hero_grid .hero_left_col {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.ind_hero_sec .ind_hero_grid .hero_left_col .eyebrow {
  color: #00A859;
  font-size: var(--font-size-14);
  font-weight: 800;
  letter-spacing: 0.12em;
  margin-bottom: 0.8em;
  display: inline-block;
}
.ind_hero_sec .ind_hero_grid .hero_left_col h1 {
  font-size: var(--font-size-50);
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.22em;
  margin-bottom: 0.4em;
}
.ind_hero_sec .ind_hero_grid .hero_left_col h1 .highlight {
  color: #00A859;
}
@media (max-width: 768px) {
  .ind_hero_sec .ind_hero_grid .hero_left_col h1 {
    font-size: var(--font-size-36);
  }
}
.ind_hero_sec .ind_hero_grid .hero_left_col p {
  color: #94A3B8;
  font-size: var(--font-size-16);
  line-height: 1.6em;
  margin-bottom: 2.2em;
}
.ind_hero_sec .ind_hero_grid .hero_left_col .btn_glow {
  display: inline-flex;
  align-items: center;
  gap: 0.8em;
  background: linear-gradient(135deg, #00A859 0%, #00C868 100%);
  color: #FFFFFF;
  font-size: var(--font-size-14);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.9em 2.4em;
  border-radius: 40px;
  box-shadow: 0 10px 30px rgba(0, 200, 104, 0.4);
  transition: all 0.3s ease;
  text-decoration: none;
}
.ind_hero_sec .ind_hero_grid .hero_left_col .btn_glow:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 14px 40px rgba(0, 200, 104, 0.55);
  color: #FFFFFF;
}
.ind_hero_sec .ind_hero_grid .hero_left_col .hero_trust_bar {
  display: flex;
  align-items: center;
  gap: 1.6em;
  margin-top: 3.5em;
  padding-top: 1.5em;
}
@media (max-width: 768px) {
  .ind_hero_sec .ind_hero_grid .hero_left_col .hero_trust_bar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2em;
  }
}
.ind_hero_sec .ind_hero_grid .hero_left_col .hero_trust_bar .trust_item {
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding-right: 1.6em;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}
@media (max-width: 768px) {
  .ind_hero_sec .ind_hero_grid .hero_left_col .hero_trust_bar .trust_item {
    padding-right: 0;
    border-right: none;
  }
}
.ind_hero_sec .ind_hero_grid .hero_left_col .hero_trust_bar .trust_item:last-child {
  border-right: none;
  padding-right: 0;
}
.ind_hero_sec .ind_hero_grid .hero_left_col .hero_trust_bar .trust_item i {
  color: #00A859;
  font-size: var(--font-size-30);
}
.ind_hero_sec .ind_hero_grid .hero_left_col .hero_trust_bar .trust_item .trust_txt {
  font-size: var(--font-size-14);
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.25em;
}
.ind_hero_sec .ind_hero_grid .hero_left_col .hero_trust_bar .trust_item .trust_txt .sub {
  font-weight: 400;
  color: #94A3B8;
}
.ind_hero_sec .ind_hero_grid .hero_right_col {
  flex: 1;
  width: 100%;
}
.ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid {
  display: flex;
  gap: 12px;
  height: 440px;
  align-items: stretch;
}
@media (max-width: 768px) {
  .ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: auto;
    gap: 16px;
  }
}
.ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card {
  flex: 1;
  transform: skewX(-12deg);
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.18);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  background-size: cover;
  background-position: center;
}
.ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card.card_healthcare {
  background-image: url("../images/ind-healthcare-exact.png");
  background-image: image-set(url("../images/ind-healthcare-exact.webp") type("image/webp"), url("../images/ind-healthcare-exact.png") type("image/png"));
}
.ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card.card_manufacturing {
  background-image: url("../images/ind-manufacturing-exact.png");
  background-image: image-set(url("../images/ind-manufacturing-exact.webp") type("image/webp"), url("../images/ind-manufacturing-exact.png") type("image/png"));
}
.ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card.card_logistics {
  background-image: url("../images/ind-logistics-exact.png");
  background-image: image-set(url("../images/ind-logistics-exact.webp") type("image/webp"), url("../images/ind-logistics-exact.png") type("image/png"));
}
.ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card.card_fintech {
  background-image: url("../images/ind-fintech-exact.png");
  background-image: image-set(url("../images/ind-fintech-exact.webp") type("image/webp"), url("../images/ind-fintech-exact.png") type("image/png"));
}
.ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card.card_retail {
  background-image: url("../images/ind-retail-exact.png");
  background-image: image-set(url("../images/ind-retail-exact.webp") type("image/webp"), url("../images/ind-retail-exact.png") type("image/png"));
}
.ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card.card_education {
  background-image: url("../images/ind-education-exact.png");
  background-image: image-set(url("../images/ind-education-exact.webp") type("image/webp"), url("../images/ind-education-exact.png") type("image/png"));
}
@media (max-width: 768px) {
  .ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card {
    transform: none;
    height: 220px;
  }
}
.ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card:hover {
  flex: 1.4;
  border-color: #00A859;
  box-shadow: 0 12px 32px rgba(0, 168, 89, 0.35);
}
.ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card:hover .card_overlay {
  background: linear-gradient(to top, rgba(6, 11, 17, 0.75) 0%, rgba(6, 11, 17, 0.2) 60%, rgba(6, 11, 17, 0.05) 100%);
}
.ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card:hover .card_inner_unskew .icon_box {
  border-color: #00A859;
  color: #00A859;
  background: rgba(0, 168, 89, 0.25);
  transform: scale(1.1);
}
.ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card:hover .card_inner_unskew .card_label {
  color: #00A859;
}
.ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card .card_overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(6, 11, 17, 0.92) 0%, rgba(6, 11, 17, 0.35) 60%, rgba(6, 11, 17, 0.1) 100%);
  transition: all 0.3s ease;
  z-index: 1;
}
.ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card .card_inner_unskew {
  transform: skewX(12deg);
  transform-origin: 50% 85%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 2.2em;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
  z-index: 2;
}
@media (max-width: 768px) {
  .ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card .card_inner_unskew {
    transform: none;
    transform-origin: center center;
    padding-bottom: 1.5em;
  }
}
.ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card .card_inner_unskew .icon_box {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(6, 11, 17, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-20);
  color: #FFFFFF;
  margin: 0 auto 0.4em auto;
  transition: all 0.3s ease;
}
.ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card .card_inner_unskew .icon_box svg {
  width: 22px;
  height: 22px;
  display: block;
  margin: 0 auto;
}
.ind_hero_sec .ind_hero_grid .hero_right_col .slant_cards_grid .slant_card .card_inner_unskew .card_label {
  font-size: var(--font-size-12);
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 0.02em;
  white-space: nowrap;
  text-align: center;
  width: 100%;
  display: block;
  margin: 0 auto;
  transition: color 0.3s ease;
}

/* -------------------------------------------------------------
 * Explore Our Other Services Section (1:1 Design Spec)
 * ------------------------------------------------------------- */
.related_services_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background: #F4FAF6;
  position: relative;
  overflow: hidden;
}
.related_services_sec .bg_shapes_wrapper {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}
.related_services_sec .bg_shapes_wrapper .bg_wave {
  position: absolute;
  top: 0;
  right: 0;
  border-bottom-left-radius: 100%;
  pointer-events: none;
}
.related_services_sec .bg_shapes_wrapper .bg_wave.wave_outer {
  width: 520px;
  height: 420px;
  background: linear-gradient(135deg, rgba(200, 238, 218, 0.65) 0%, rgba(230, 246, 238, 0.25) 100%);
  opacity: 0.9;
}
@media (max-width: 768px) {
  .related_services_sec .bg_shapes_wrapper .bg_wave.wave_outer {
    width: 280px;
    height: 220px;
  }
}
.related_services_sec .bg_shapes_wrapper .bg_wave.wave_inner {
  width: 360px;
  height: 280px;
  background: linear-gradient(135deg, rgba(220, 244, 232, 0.85) 0%, rgba(244, 250, 246, 0.1) 100%);
}
@media (max-width: 768px) {
  .related_services_sec .bg_shapes_wrapper .bg_wave.wave_inner {
    width: 180px;
    height: 140px;
  }
}
.related_services_sec .bg_shapes_wrapper .dot_grid {
  position: absolute;
  width: 120px;
  height: 120px;
  background-image: radial-gradient(#00A859 2.2px, transparent 2.2px);
  background-size: 16px 16px;
  opacity: 0.22;
  pointer-events: none;
}
.related_services_sec .bg_shapes_wrapper .dot_grid.dot_grid_top_left {
  top: 40px;
  left: 40px;
}
@media (max-width: 768px) {
  .related_services_sec .bg_shapes_wrapper .dot_grid.dot_grid_top_left {
    top: 20px;
    left: 15px;
    width: 80px;
    height: 80px;
  }
}
.related_services_sec .bg_shapes_wrapper .dot_grid.dot_grid_top_right {
  top: 50px;
  right: 40px;
  z-index: 1;
}
@media (max-width: 768px) {
  .related_services_sec .bg_shapes_wrapper .dot_grid.dot_grid_top_right {
    top: 20px;
    right: 15px;
    width: 80px;
    height: 80px;
  }
}
.related_services_sec .bg_shapes_wrapper .dot_grid.dot_grid_bottom_left {
  bottom: 140px;
  left: 30px;
}
@media (max-width: 768px) {
  .related_services_sec .bg_shapes_wrapper .dot_grid.dot_grid_bottom_left {
    display: none;
  }
}
.related_services_sec .bg_shapes_wrapper .dot_grid.dot_grid_bottom_right {
  bottom: 140px;
  right: 30px;
}
@media (max-width: 768px) {
  .related_services_sec .bg_shapes_wrapper .dot_grid.dot_grid_bottom_right {
    display: none;
  }
}
.related_services_sec .container {
  position: relative;
  z-index: 1;
}
.related_services_sec .services_header {
  max-width: 720px;
  margin: 0 auto 3.5em;
  text-align: center;
}
.related_services_sec .services_header .eyebrow_badge {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.4em 1.2em;
  border-radius: 50px;
  border: 1px solid rgba(0, 168, 89, 0.3);
  background-color: #FFFFFF;
  color: #00A859;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 1em;
}
.related_services_sec .services_header .eyebrow_badge .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #00A859;
  display: inline-block;
}
.related_services_sec .services_header h2 {
  font-size: 42px;
  font-weight: 800;
  color: #111827;
  margin-bottom: 0.4em;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .related_services_sec .services_header h2 {
    font-size: 30px;
  }
}
.related_services_sec .services_header h2 .green_text {
  color: #00A859;
  position: relative;
  display: inline-block;
}
.related_services_sec .services_header h2 .green_text::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #00A859;
  border-radius: 2px;
}
.related_services_sec .services_header .sub_title {
  font-size: 16px;
  color: #4B5563;
  line-height: 1.6em;
  margin: 0;
}
.related_services_sec .services_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.2em;
  margin-bottom: 3.5em;
}
@media (max-width: 1200px) {
  .related_services_sec .services_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .related_services_sec .services_grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.related_services_sec .services_grid .service_card {
  background-color: #FFFFFF;
  border: 1px solid #EAEAEA;
  border-radius: 16px;
  padding: 1.2em 1.4em;
  display: flex;
  align-items: center;
  gap: 1.2em;
  text-decoration: none;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.related_services_sec .services_grid .service_card:hover {
  transform: translateY(-4px);
  border-color: #00A859;
  box-shadow: 0 12px 28px rgba(0, 168, 89, 0.12);
}
.related_services_sec .services_grid .service_card .card_icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background-color: #E6F5ED;
  color: #00A859;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.related_services_sec .services_grid .service_card .card_icon svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
}
.related_services_sec .services_grid .service_card .card_content {
  display: flex;
  flex-direction: column;
  gap: 0.2em;
}
.related_services_sec .services_grid .service_card .card_content .card_num {
  font-size: 13px;
  font-weight: 700;
  color: #00A859;
  line-height: 1;
}
.related_services_sec .services_grid .service_card .card_content .card_title {
  font-size: 15px;
  font-weight: 700;
  color: #111827;
  margin: 0;
  line-height: 1.35;
}
.related_services_sec .services_grid .service_card.highlight_card {
  grid-column: span 2;
  background-color: #0B0F19;
  border-color: rgba(255, 255, 255, 0.1);
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .related_services_sec .services_grid .service_card.highlight_card {
    grid-column: span 2;
  }
}
@media (max-width: 768px) {
  .related_services_sec .services_grid .service_card.highlight_card {
    grid-column: span 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2em;
  }
}
.related_services_sec .services_grid .service_card.highlight_card .highlight_left {
  display: flex;
  align-items: center;
  gap: 1.2em;
}
.related_services_sec .services_grid .service_card.highlight_card .highlight_left .card_icon.dark_icon {
  background-color: rgba(0, 168, 89, 0.15);
  border: 1px solid #00A859;
  color: #00A859;
}
.related_services_sec .services_grid .service_card.highlight_card .highlight_left .card_title {
  color: #FFFFFF;
}
.related_services_sec .services_grid .service_card.highlight_card .highlight_right {
  display: flex;
  align-items: center;
  gap: 1.2em;
}
@media (max-width: 768px) {
  .related_services_sec .services_grid .service_card.highlight_card .highlight_right {
    width: 100%;
    justify-content: space-between;
  }
}
.related_services_sec .services_grid .service_card.highlight_card .highlight_right .highlight_tagline {
  font-size: 13px;
  color: #00A859;
  margin: 0;
  max-width: 260px;
  line-height: 1.4;
}
.related_services_sec .services_grid .service_card.highlight_card .highlight_right .arrow_btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #00A859;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.related_services_sec .services_grid .service_card.highlight_card:hover {
  border-color: #00A859;
  box-shadow: 0 12px 28px rgba(0, 168, 89, 0.25);
}
.related_services_sec .services_grid .service_card.highlight_card:hover .arrow_btn {
  transform: translateX(4px);
}
.related_services_sec .bottom_trust_bar {
  background-color: #0B0F19;
  border-radius: 20px;
  padding: 1.8em 2.4em;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.6em;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
@media (max-width: 1200px) {
  .related_services_sec .bottom_trust_bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .related_services_sec .bottom_trust_bar {
    grid-template-columns: minmax(0, 1fr);
    padding: 1.5em;
  }
}
.related_services_sec .bottom_trust_bar .trust_item {
  display: flex;
  align-items: flex-start;
  gap: 1em;
}
.related_services_sec .bottom_trust_bar .trust_item .trust_icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid #00A859;
  background-color: rgba(0, 168, 89, 0.12);
  color: #00A859;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.related_services_sec .bottom_trust_bar .trust_item .trust_icon svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
}
.related_services_sec .bottom_trust_bar .trust_item .trust_info h4 {
  font-size: 15px;
  font-weight: 700;
  color: #00A859;
  margin: 0 0 0.2em 0;
}
.related_services_sec .bottom_trust_bar .trust_item .trust_info p {
  font-size: 13px;
  color: #9CA3AF;
  margin: 0;
  line-height: 1.4;
}

/* -------------------------------------------------------------
 * Ready to Turn Search Into a Growth Channel? (1:1 Design Spec)
 * ------------------------------------------------------------- */
.closing_cta_sec.seo_growth_cta_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background: #060B11;
  position: relative;
  overflow: hidden;
  color: #FFFFFF;
  /* Top 2-Column Grid */
  /* Middle Info Banner Card */
  /* Bottom 4 Feature Grid */
}
.closing_cta_sec.seo_growth_cta_sec .bg_decor_wrapper {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}
.closing_cta_sec.seo_growth_cta_sec .bg_decor_wrapper .decor_ring {
  position: absolute;
  top: -100px;
  right: -100px;
  border-radius: 50%;
  border: 1px solid rgba(0, 168, 89, 0.12);
  pointer-events: none;
}
.closing_cta_sec.seo_growth_cta_sec .bg_decor_wrapper .decor_ring.ring_1 {
  width: 500px;
  height: 500px;
}
.closing_cta_sec.seo_growth_cta_sec .bg_decor_wrapper .decor_ring.ring_2 {
  width: 700px;
  height: 700px;
}
.closing_cta_sec.seo_growth_cta_sec .bg_decor_wrapper .decor_ring.ring_3 {
  width: 900px;
  height: 900px;
}
.closing_cta_sec.seo_growth_cta_sec .bg_decor_wrapper .dot_grid_decor {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 200px;
  height: 200px;
  background-image: radial-gradient(rgba(0, 168, 89, 0.3) 2px, transparent 2px);
  background-size: 16px 16px;
  opacity: 0.4;
  pointer-events: none;
}
.closing_cta_sec.seo_growth_cta_sec .container {
  position: relative;
  z-index: 1;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3em;
  align-items: center;
  margin-bottom: 3em;
}
@media (max-width: 992px) {
  .closing_cta_sec.seo_growth_cta_sec .cta_top_grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.5em;
  }
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col {
  text-align: left;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col .eyebrow_badge {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.4em 1.2em;
  border-radius: 50px;
  border: 1px solid rgba(0, 168, 89, 0.4);
  background-color: rgba(0, 168, 89, 0.08);
  color: #00A859;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin: 0 0 1.2em 0;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col .eyebrow_badge .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #00A859;
  display: inline-block;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col h2 {
  font-size: 46px;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.15;
  margin: 0 0 0.5em 0;
  text-align: left;
}
@media (max-width: 768px) {
  .closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col h2 {
    font-size: 32px;
  }
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col h2 .green_text {
  color: #00A859;
  position: relative;
  display: inline-block;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col h2 .green_text::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #00A859;
  border-radius: 2px;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col .cta_description {
  font-size: 16px;
  color: #9CA3AF;
  line-height: 1.6;
  margin: 0 0 2em 0;
  max-width: 520px;
  text-align: left;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col .cta_description .highlight_green {
  color: #00A859;
  font-weight: 600;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col .cta_action_group {
  display: flex;
  align-items: center;
  gap: 1.5em;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col .cta_action_group .btn_seo_audit {
  display: inline-flex;
  align-items: center;
  gap: 1em;
  background: linear-gradient(135deg, #00A859 0%, #008746 100%);
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 14px 28px;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(0, 168, 89, 0.35);
  transition: all 0.3s ease;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col .cta_action_group .btn_seo_audit:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0, 168, 89, 0.45);
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col .cta_action_group .btn_seo_audit .arrow_circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #FFFFFF;
  color: #00A859;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  transition: transform 0.3s ease;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col .cta_action_group .btn_seo_audit:hover .arrow_circle {
  transform: translateX(3px);
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col .cta_action_group .v_divider {
  width: 1px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.15);
}
@media (max-width: 576px) {
  .closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col .cta_action_group .v_divider {
    display: none;
  }
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col .cta_action_group .sub_badge_box {
  display: flex;
  align-items: center;
  gap: 0.8em;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col .cta_action_group .sub_badge_box .check_circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #00A859;
  background-color: rgba(0, 168, 89, 0.12);
  color: #00A859;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col .cta_action_group .sub_badge_box .check_circle svg {
  width: 18px;
  height: 18px;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col .cta_action_group .sub_badge_box .badge_text {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col .cta_action_group .sub_badge_box .badge_text strong {
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 700;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_content_col .cta_action_group .sub_badge_box .badge_text span {
  font-size: 12px;
  color: #9CA3AF;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card {
  background: #0B121C;
  border: 1px solid rgba(0, 168, 89, 0.25);
  border-radius: 20px;
  padding: 1.8em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5em;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}
@media (max-width: 576px) {
  .closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card {
    flex-direction: column;
  }
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .chart_graphic_area {
  flex: 1;
  height: 180px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  padding-bottom: 10px;
  /* 3D Magnifier Overlay Graphic */
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .chart_graphic_area .chart_trend_line {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .chart_graphic_area .chart_trend_line svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 4px 12px rgba(255, 255, 255, 0.4));
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .chart_graphic_area .bars_container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  padding-right: 20px;
  z-index: 1;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .chart_graphic_area .bars_container .bar {
  flex: 1;
  border-radius: 6px 6px 0 0;
  background: linear-gradient(180deg, #00A859 0%, rgba(0, 168, 89, 0.2) 100%);
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .chart_graphic_area .bars_container .bar.bar_1 {
  height: 35%;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .chart_graphic_area .bars_container .bar.bar_2 {
  height: 48%;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .chart_graphic_area .bars_container .bar.bar_3 {
  height: 65%;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .chart_graphic_area .bars_container .bar.bar_4 {
  height: 80%;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .chart_graphic_area .bars_container .bar.bar_5 {
  height: 95%;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .chart_graphic_area .magnifier_graphic {
  position: absolute;
  bottom: 0;
  right: -5px;
  z-index: 3;
  transform: rotate(-15deg);
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .chart_graphic_area .magnifier_graphic .glass_lens {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 5px solid #00A859;
  background: rgba(0, 168, 89, 0.2);
  box-shadow: 0 0 20px rgba(0, 168, 89, 0.4), inset 0 0 15px rgba(255, 255, 255, 0.3);
  position: relative;
  overflow: hidden;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .chart_graphic_area .magnifier_graphic .glass_lens .glass_glare {
  position: absolute;
  top: 8px;
  left: 10px;
  width: 25px;
  height: 12px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  transform: rotate(-35deg);
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .chart_graphic_area .magnifier_graphic .glass_handle {
  width: 12px;
  height: 45px;
  background: linear-gradient(180deg, #00A859 0%, #004D27 100%);
  border-radius: 6px;
  margin: -10px auto 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .features_list_col {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: rgba(6, 11, 17, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 1em 1.2em;
  border-radius: 14px;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .features_list_col .feature_pill {
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 0.8em 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .features_list_col .feature_pill:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .features_list_col .feature_pill:first-child {
  padding-top: 0;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .features_list_col .feature_pill .pill_icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: rgba(0, 168, 89, 0.15);
  color: #00A859;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .features_list_col .feature_pill .pill_icon svg {
  width: 18px;
  height: 18px;
}
.closing_cta_sec.seo_growth_cta_sec .cta_top_grid .cta_graphic_col .seo_dashboard_card .features_list_col .feature_pill span {
  font-size: 14px;
  font-weight: 700;
  color: #FFFFFF;
  white-space: nowrap;
}
.closing_cta_sec.seo_growth_cta_sec .info_banner_card {
  background: #090E17;
  border: 1px solid rgba(0, 168, 89, 0.2);
  border-radius: 16px;
  padding: 1.5em 2em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2em;
  margin-bottom: 3em;
}
@media (max-width: 992px) {
  .closing_cta_sec.seo_growth_cta_sec .info_banner_card {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5em;
  }
}
.closing_cta_sec.seo_growth_cta_sec .info_banner_card .info_left {
  display: flex;
  align-items: center;
  gap: 1.2em;
  flex: 1;
}
.closing_cta_sec.seo_growth_cta_sec .info_banner_card .info_left .info_icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background-color: rgba(0, 168, 89, 0.15);
  color: #00A859;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.closing_cta_sec.seo_growth_cta_sec .info_banner_card .info_left .info_icon svg {
  width: 24px;
  height: 24px;
}
.closing_cta_sec.seo_growth_cta_sec .info_banner_card .info_left .info_text {
  font-size: 14px;
  color: #D1D5DB;
  line-height: 1.6;
  margin: 0;
  text-align: left;
}
.closing_cta_sec.seo_growth_cta_sec .info_banner_card .info_divider {
  width: 1px;
  height: 48px;
  background-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 992px) {
  .closing_cta_sec.seo_growth_cta_sec .info_banner_card .info_divider {
    display: none;
  }
}
.closing_cta_sec.seo_growth_cta_sec .info_banner_card .info_right {
  display: flex;
  align-items: center;
  gap: 1em;
  flex-shrink: 0;
}
.closing_cta_sec.seo_growth_cta_sec .info_banner_card .info_right .shield_icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: rgba(0, 168, 89, 0.15);
  border: 1px solid #00A859;
  color: #00A859;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.closing_cta_sec.seo_growth_cta_sec .info_banner_card .info_right .shield_icon svg {
  width: 20px;
  height: 20px;
}
.closing_cta_sec.seo_growth_cta_sec .info_banner_card .info_right .shield_text {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.closing_cta_sec.seo_growth_cta_sec .info_banner_card .info_right .shield_text strong {
  font-size: 14px;
  font-weight: 700;
  color: #FFFFFF;
}
.closing_cta_sec.seo_growth_cta_sec .info_banner_card .info_right .shield_text span {
  font-size: 12px;
  color: #9CA3AF;
}
.closing_cta_sec.seo_growth_cta_sec .seo_features_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}
@media (max-width: 1200px) {
  .closing_cta_sec.seo_growth_cta_sec .seo_features_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5em;
  }
}
@media (max-width: 576px) {
  .closing_cta_sec.seo_growth_cta_sec .seo_features_grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.closing_cta_sec.seo_growth_cta_sec .seo_features_grid .feature_card {
  display: flex;
  align-items: flex-start;
  gap: 1.2em;
  padding: 0 1.5em;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.closing_cta_sec.seo_growth_cta_sec .seo_features_grid .feature_card:first-child {
  padding-left: 0;
}
.closing_cta_sec.seo_growth_cta_sec .seo_features_grid .feature_card:last-child {
  border-right: none;
  padding-right: 0;
}
@media (max-width: 1200px) {
  .closing_cta_sec.seo_growth_cta_sec .seo_features_grid .feature_card {
    padding: 0;
    border-right: none;
  }
}
.closing_cta_sec.seo_growth_cta_sec .seo_features_grid .feature_card .f_icon_box {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background-color: #0B121C;
  border: 1px solid rgba(0, 168, 89, 0.3);
  color: #00A859;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.closing_cta_sec.seo_growth_cta_sec .seo_features_grid .feature_card .f_icon_box svg {
  width: 24px;
  height: 24px;
}
.closing_cta_sec.seo_growth_cta_sec .seo_features_grid .feature_card .f_info {
  text-align: left;
}
.closing_cta_sec.seo_growth_cta_sec .seo_features_grid .feature_card .f_info h4 {
  font-size: 16px;
  font-weight: 700;
  color: #00A859;
  margin: 0 0 0.3em 0;
}
.closing_cta_sec.seo_growth_cta_sec .seo_features_grid .feature_card .f_info p {
  font-size: 13px;
  color: #9CA3AF;
  margin: 0;
  line-height: 1.5;
}

/* -------------------------------------------------------------
 * SEO Plans Built Around Your Business Stage (1:1 Design Spec)
 * ------------------------------------------------------------- */
.checklist_sec.seo_plans_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
}
.checklist_sec.seo_plans_sec .bg_decor_wrapper {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}
.checklist_sec.seo_plans_sec .bg_decor_wrapper .bg_wave {
  position: absolute;
  pointer-events: none;
}
.checklist_sec.seo_plans_sec .bg_decor_wrapper .bg_wave.wave_top_right {
  top: 0;
  right: 0;
  width: 450px;
  height: 350px;
  background: linear-gradient(135deg, rgba(220, 244, 232, 0.6) 0%, rgba(244, 250, 246, 0.1) 100%);
  border-bottom-left-radius: 260px;
}
.checklist_sec.seo_plans_sec .bg_decor_wrapper .bg_wave.wave_bottom_left {
  bottom: 0;
  left: 0;
  width: 350px;
  height: 280px;
  background: linear-gradient(135deg, rgba(220, 244, 232, 0.5) 0%, rgba(244, 250, 246, 0.1) 100%);
  border-top-right-radius: 220px;
}
.checklist_sec.seo_plans_sec .bg_decor_wrapper .dot_grid {
  position: absolute;
  width: 120px;
  height: 120px;
  background-image: radial-gradient(#00A859 2.2px, transparent 2.2px);
  background-size: 16px 16px;
  opacity: 0.18;
  pointer-events: none;
}
.checklist_sec.seo_plans_sec .bg_decor_wrapper .dot_grid.dot_grid_top_left {
  top: 40px;
  left: 40px;
}
.checklist_sec.seo_plans_sec .bg_decor_wrapper .dot_grid.dot_grid_bottom_right {
  bottom: 60px;
  right: 40px;
}
.checklist_sec.seo_plans_sec .container {
  position: relative;
  z-index: 1;
}
.checklist_sec.seo_plans_sec .plans_header {
  max-width: 760px;
  margin: 0 auto 3.5em;
  text-align: center;
}
.checklist_sec.seo_plans_sec .plans_header .eyebrow_badge {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.4em 1.2em;
  border-radius: 50px;
  border: 1px solid rgba(0, 168, 89, 0.3);
  background-color: #FFFFFF;
  color: #00A859;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 1.2em;
}
.checklist_sec.seo_plans_sec .plans_header .eyebrow_badge svg {
  width: 16px;
  height: 16px;
}
.checklist_sec.seo_plans_sec .plans_header h2 {
  font-size: 44px;
  font-weight: 800;
  color: #111827;
  margin-bottom: 0.4em;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .checklist_sec.seo_plans_sec .plans_header h2 {
    font-size: 30px;
  }
}
.checklist_sec.seo_plans_sec .plans_header h2 .green_text {
  color: #00A859;
  position: relative;
  display: inline-block;
}
.checklist_sec.seo_plans_sec .plans_header h2 .green_text::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #00A859;
  border-radius: 2px;
}
.checklist_sec.seo_plans_sec .plans_header .sub_title {
  font-size: 16px;
  color: #4B5563;
  line-height: 1.6;
  margin: 0;
}
.checklist_sec.seo_plans_sec .plans_grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 3.5em;
}
@media (max-width: 1200px) {
  .checklist_sec.seo_plans_sec .plans_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2em;
  }
}
@media (max-width: 768px) {
  .checklist_sec.seo_plans_sec .plans_grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 2em;
  }
}
.checklist_sec.seo_plans_sec .plans_grid .plan_col {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 1.2em;
  border-right: 1px solid #EAEAEA;
}
.checklist_sec.seo_plans_sec .plans_grid .plan_col:last-child {
  border-right: none;
}
@media (max-width: 1200px) {
  .checklist_sec.seo_plans_sec .plans_grid .plan_col {
    border-right: none;
    padding: 0;
  }
}
.checklist_sec.seo_plans_sec .plans_grid .plan_col .plan_icon_box {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #E6F5ED;
  color: #00A859;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.8em;
  transition: transform 0.3s ease;
}
.checklist_sec.seo_plans_sec .plans_grid .plan_col .plan_icon_box svg {
  width: 28px;
  height: 28px;
}
.checklist_sec.seo_plans_sec .plans_grid .plan_col:hover .plan_icon_box {
  transform: scale(1.08);
}
.checklist_sec.seo_plans_sec .plans_grid .plan_col .plan_num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #00A859;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.8em;
}
.checklist_sec.seo_plans_sec .plans_grid .plan_col .plan_title {
  font-size: 17px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 0.5em 0;
  line-height: 1.3;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  .checklist_sec.seo_plans_sec .plans_grid .plan_col .plan_title {
    min-height: auto;
  }
}
.checklist_sec.seo_plans_sec .plans_grid .plan_col .green_line {
  width: 28px;
  height: 3px;
  background-color: #00A859;
  border-radius: 2px;
  margin-bottom: 1em;
}
.checklist_sec.seo_plans_sec .plans_grid .plan_col .plan_desc {
  font-size: 13px;
  color: #4B5563;
  line-height: 1.5;
  margin: 0;
}
.checklist_sec.seo_plans_sec .pricing_callout_banner {
  background-color: #F4FAF6;
  border: 1px solid #E2F4EB;
  border-radius: 16px;
  padding: 1.5em 2.2em;
  display: flex;
  align-items: center;
  gap: 1.5em;
}
@media (max-width: 768px) {
  .checklist_sec.seo_plans_sec .pricing_callout_banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 1em;
  }
}
.checklist_sec.seo_plans_sec .pricing_callout_banner .banner_icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #00A859;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}
.checklist_sec.seo_plans_sec .pricing_callout_banner .banner_v_divider {
  width: 1px;
  height: 44px;
  background-color: #D1EAE0;
}
@media (max-width: 768px) {
  .checklist_sec.seo_plans_sec .pricing_callout_banner .banner_v_divider {
    display: none;
  }
}
.checklist_sec.seo_plans_sec .pricing_callout_banner .banner_text {
  flex: 1;
}
.checklist_sec.seo_plans_sec .pricing_callout_banner .banner_text p {
  font-size: 14px;
  color: #374151;
  line-height: 1.5;
  margin: 0 0 0.3em 0;
}
.checklist_sec.seo_plans_sec .pricing_callout_banner .banner_text .note_link {
  font-size: 14px;
  color: #111827;
  font-weight: 700;
}
.checklist_sec.seo_plans_sec .pricing_callout_banner .banner_text .note_link a {
  color: #00A859;
  text-decoration: underline;
  font-weight: 700;
  transition: color 0.3s ease;
}
.checklist_sec.seo_plans_sec .pricing_callout_banner .banner_text .note_link a:hover {
  color: #008746;
}

.app_development_page .app_why_invest_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #FAFAFB;
  color: #0F172A;
}
.app_development_page .app_why_invest_sec .eyebrow {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #00A859;
  margin-bottom: 12px;
  display: inline-block;
  position: relative;
  padding-bottom: 8px;
}
.app_development_page .app_why_invest_sec .eyebrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 28px;
  height: 2px;
  background-color: #00A859;
  border-radius: 2px;
}
.app_development_page .app_why_invest_sec h2 {
  font-size: 42px;
  font-weight: 800;
  color: #0F172A;
  line-height: 1.2;
  margin-bottom: 14px;
  letter-spacing: -0.5px;
}
.app_development_page .app_why_invest_sec h2 .green_text {
  color: #00A859;
}
@media (max-width: 768px) {
  .app_development_page .app_why_invest_sec h2 {
    font-size: 32px;
  }
}
.app_development_page .app_why_invest_sec .sub_title {
  font-size: 16px;
  line-height: 1.6;
  color: #64748B;
  max-width: 500px;
  margin-bottom: 48px;
}
.app_development_page .app_why_invest_sec .grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin-top: 24px;
}
@media (max-width: 991px) {
  .app_development_page .app_why_invest_sec .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 20px;
  }
}
@media (max-width: 640px) {
  .app_development_page .app_why_invest_sec .grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }
}
.app_development_page .app_why_invest_sec .card {
  position: relative;
  overflow: visible;
  background: #FFFFFF;
  border-radius: 18px;
  border: 1px solid #F1F5F9;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  display: flex;
  align-items: center;
  padding: 32px 24px 28px 24px;
  transition: all 0.3s ease;
}
.app_development_page .app_why_invest_sec .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 168, 89, 0.08);
  border-color: rgba(0, 168, 89, 0.25);
}
.app_development_page .app_why_invest_sec .card .card_num {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 32px;
  background: #00A859;
  color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 4px 10px rgba(0, 168, 89, 0.3);
  z-index: 2;
}
.app_development_page .app_why_invest_sec .card .card_icon {
  position: relative;
  width: 85px;
  height: 85px;
  min-width: 85px;
  background: radial-gradient(circle at center, rgba(0, 168, 89, 0.12) 0%, rgba(0, 168, 89, 0.03) 70%, transparent 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  color: #00A859;
  font-size: 30px;
}
.app_development_page .app_why_invest_sec .card .card_body {
  flex: 1;
}
.app_development_page .app_why_invest_sec .card .card_body h3 {
  font-size: 18px;
  font-weight: 800;
  color: #0F172A;
  margin: 0 0 6px;
}
.app_development_page .app_why_invest_sec .card .card_body .card_bar {
  width: 24px;
  height: 2px;
  background: #00A859;
  margin-bottom: 10px;
  border-radius: 2px;
}
.app_development_page .app_why_invest_sec .card .card_body p {
  font-size: 14px;
  line-height: 1.55;
  color: #64748B;
  margin: 0;
}
.app_development_page .app_industry_solutions_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EEF5F1;
  color: #0F172A;
}
.app_development_page .app_industry_solutions_sec .eyebrow {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #00A859;
  margin-bottom: 10px;
  display: inline-block;
}
.app_development_page .app_industry_solutions_sec h2 {
  font-size: 42px;
  font-weight: 800;
  color: #0F172A;
  line-height: 1.2;
  margin-bottom: 0;
  letter-spacing: -0.5px;
}
.app_development_page .app_industry_solutions_sec h2 .d-block {
  display: block;
}
@media (max-width: 768px) {
  .app_development_page .app_industry_solutions_sec h2 {
    font-size: 32px;
  }
}
.app_development_page .app_industry_solutions_sec .title_bar {
  width: 36px;
  height: 3px;
  background-color: #00A859;
  margin: 16px 0 16px;
  border-radius: 2px;
}
.app_development_page .app_industry_solutions_sec .sub_title {
  font-size: 16px;
  line-height: 1.6;
  color: #64748B;
  max-width: 400px;
  margin-bottom: 44px;
}
.app_development_page .app_industry_solutions_sec .grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 991px) {
  .app_development_page .app_industry_solutions_sec .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media (max-width: 640px) {
  .app_development_page .app_industry_solutions_sec .grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
}
.app_development_page .app_industry_solutions_sec .card {
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 18px;
  padding: 32px 28px 28px 28px;
  border: 1px solid rgba(0, 168, 89, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}
.app_development_page .app_industry_solutions_sec .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 168, 89, 0.1);
  border-color: rgba(0, 168, 89, 0.3);
}
.app_development_page .app_industry_solutions_sec .card:hover .card_arrow {
  transform: translateX(5px);
}
.app_development_page .app_industry_solutions_sec .card .card_icon {
  width: 48px;
  height: 48px;
  background: rgba(0, 168, 89, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00A859;
  font-size: 20px;
  margin-bottom: 20px;
}
.app_development_page .app_industry_solutions_sec .card h3 {
  font-size: 20px;
  font-weight: 800;
  color: #0F172A;
  margin: 0 0 8px;
}
.app_development_page .app_industry_solutions_sec .card p {
  font-size: 14px;
  line-height: 1.55;
  color: #64748B;
  margin: 0 0 24px;
  max-width: 220px;
}
.app_development_page .app_industry_solutions_sec .card .card_arrow {
  color: #00A859;
  font-size: 18px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  transition: transform 0.25s ease;
}
.app_development_page .app_industry_solutions_sec .card .card_watermark {
  position: absolute;
  bottom: -15px;
  right: -15px;
  width: 140px;
  height: 140px;
  opacity: 0.12;
  pointer-events: none;
}
.app_development_page .app_industry_solutions_sec .card .card_watermark svg {
  width: 100%;
  height: 100%;
}
.app_development_page .app_success_factors_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F7F5;
  color: #0F172A;
}
.app_development_page .app_success_factors_sec .eyebrow {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #00A859;
  margin-bottom: 10px;
  display: inline-block;
}
.app_development_page .app_success_factors_sec h2 {
  font-size: 42px;
  font-weight: 800;
  color: #0F172A;
  line-height: 1.18;
  margin-bottom: 0;
  letter-spacing: -0.5px;
}
.app_development_page .app_success_factors_sec h2 .d-block {
  display: block;
}
@media (max-width: 768px) {
  .app_development_page .app_success_factors_sec h2 {
    font-size: 32px;
  }
}
.app_development_page .app_success_factors_sec .title_bar {
  width: 36px;
  height: 3px;
  background-color: #00A859;
  margin: 16px 0 16px;
  border-radius: 2px;
}
.app_development_page .app_success_factors_sec .sub_title {
  font-size: 16px;
  line-height: 1.6;
  color: #64748B;
  max-width: 400px;
  margin-bottom: 44px;
}
.app_development_page .app_success_factors_sec .grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 991px) {
  .app_development_page .app_success_factors_sec .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media (max-width: 640px) {
  .app_development_page .app_success_factors_sec .grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
}
.app_development_page .app_success_factors_sec .card {
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 18px;
  padding: 32px 28px 28px 28px;
  border: 1px solid rgba(0, 168, 89, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}
.app_development_page .app_success_factors_sec .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 168, 89, 0.1);
  border-color: rgba(0, 168, 89, 0.3);
}
.app_development_page .app_success_factors_sec .card:hover .card_arrow_circle {
  background: #00A859;
  color: #FFFFFF;
  transform: scale(1.05);
}
.app_development_page .app_success_factors_sec .card .card_icon {
  width: 48px;
  height: 48px;
  background: rgba(0, 168, 89, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00A859;
  font-size: 20px;
  margin-bottom: 20px;
}
.app_development_page .app_success_factors_sec .card h3 {
  font-size: 20px;
  font-weight: 800;
  color: #0F172A;
  margin: 0 0 8px;
}
.app_development_page .app_success_factors_sec .card p {
  font-size: 14px;
  line-height: 1.55;
  color: #64748B;
  margin: 0 0 24px;
  max-width: 210px;
}
.app_development_page .app_success_factors_sec .card .card_arrow_circle {
  width: 32px;
  height: 32px;
  background: rgba(0, 168, 89, 0.12);
  color: #00A859;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  transition: all 0.25s ease;
}
.app_development_page .app_success_factors_sec .card .card_watermark {
  position: absolute;
  bottom: -12px;
  right: -12px;
  width: 135px;
  height: 135px;
  opacity: 0.14;
  pointer-events: none;
}
.app_development_page .app_success_factors_sec .card .card_watermark svg {
  width: 100%;
  height: 100%;
}
.app_development_page .app_ready_cta_sec {
  width: 100%;
  overflow: hidden;
  padding: var(--section-y) 0;
  background-color: #F4F7F5;
  margin: 0;
}
.app_development_page .app_ready_cta_sec .dot_grid_tl {
  position: absolute;
  top: 24px;
  left: 24px;
  pointer-events: none;
  opacity: 0.8;
}
.app_development_page .app_ready_cta_sec .dot_grid_br {
  position: absolute;
  bottom: 24px;
  right: 24px;
  pointer-events: none;
  opacity: 0.8;
}
.app_development_page .app_ready_cta_sec .circles_bl {
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.app_development_page .app_ready_cta_sec .glow_ring_r {
  position: absolute;
  top: 50%;
  right: -60px;
  transform: translateY(-50%);
  pointer-events: none;
}
.app_development_page .app_ready_cta_sec .cta_banner_card {
  position: relative;
  overflow: hidden;
  padding: 70px 40px;
  text-align: center;
}
.app_development_page .app_ready_cta_sec .cta_banner_card .cta_icon_badge {
  position: relative;
  width: 64px;
  height: 64px;
  background: rgba(0, 168, 89, 0.08);
  color: #00A859;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin: 0 auto 24px;
}
.app_development_page .app_ready_cta_sec .cta_banner_card .cta_icon_badge .glow_rays {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 84px;
  height: 84px;
  pointer-events: none;
}
.app_development_page .app_ready_cta_sec .cta_banner_card h2 {
  font-size: 46px;
  font-weight: 800;
  color: #0F172A;
  line-height: 1.15;
  margin-bottom: 16px;
  letter-spacing: -0.5px;
}
.app_development_page .app_ready_cta_sec .cta_banner_card h2 .text_green {
  color: #00A859;
}
@media (max-width: 768px) {
  .app_development_page .app_ready_cta_sec .cta_banner_card h2 {
    font-size: 32px;
  }
}
.app_development_page .app_ready_cta_sec .cta_banner_card .sub_title {
  font-size: 17px;
  line-height: 1.6;
  color: #64748B;
  max-width: 520px;
  margin: 0 auto 32px;
}
.app_development_page .app_ready_cta_sec .cta_banner_card .sub_title .d-block {
  display: block;
}
.app_development_page .app_ready_cta_sec .cta_banner_card .btn_wrap {
  display: flex;
  justify-content: center;
}
.app_development_page .app_ready_cta_sec .cta_banner_card .btn_talk {
  background: #00A859;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  border-radius: 50px;
  padding: 12px 32px 12px 14px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 10px 25px rgba(0, 168, 89, 0.25);
}
.app_development_page .app_ready_cta_sec .cta_banner_card .btn_talk:hover {
  background: #008f4c;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(0, 168, 89, 0.35);
}
.app_development_page .app_ready_cta_sec .cta_banner_card .btn_talk:hover .arrow_circle {
  transform: translateX(3px);
}
.app_development_page .app_ready_cta_sec .cta_banner_card .btn_talk .arrow_circle {
  width: 36px;
  height: 36px;
  background: #FFFFFF;
  color: #00A859;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: transform 0.25s ease;
}
.app_development_page .app_challenges_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EEF5F1;
  color: #0F172A;
}
.app_development_page .app_challenges_sec .eyebrow {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #00A859;
  margin-bottom: 10px;
  display: inline-block;
}
.app_development_page .app_challenges_sec h2 {
  font-size: 42px;
  font-weight: 800;
  color: #0F172A;
  line-height: 1.18;
  margin-bottom: 0;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .app_development_page .app_challenges_sec h2 {
    font-size: 32px;
  }
}
.app_development_page .app_challenges_sec .sub_title {
  font-size: 16px;
  line-height: 1.6;
  color: #64748B;
  max-width: 440px;
  margin-bottom: 16px;
}
.app_development_page .app_challenges_sec .sub_title .d-block {
  display: block;
}
.app_development_page .app_challenges_sec .title_bar {
  width: 36px;
  height: 3px;
  background-color: #00A859;
  margin: 0 0 44px;
  border-radius: 2px;
}
.app_development_page .app_challenges_sec .grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 991px) {
  .app_development_page .app_challenges_sec .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media (max-width: 640px) {
  .app_development_page .app_challenges_sec .grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
}
.app_development_page .app_challenges_sec .card {
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 18px;
  padding: 32px 28px;
  border: 1px solid rgba(0, 168, 89, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}
.app_development_page .app_challenges_sec .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 168, 89, 0.1);
  border-color: rgba(0, 168, 89, 0.3);
}
.app_development_page .app_challenges_sec .card .card_num {
  position: absolute;
  top: 28px;
  right: 28px;
  background: rgba(0, 168, 89, 0.08);
  color: #00A859;
  font-size: 12px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 6px;
}
.app_development_page .app_challenges_sec .card .card_icon {
  width: 48px;
  height: 48px;
  background: rgba(0, 168, 89, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00A859;
  font-size: 20px;
  margin-bottom: 20px;
}
.app_development_page .app_challenges_sec .card h3 {
  font-size: 20px;
  font-weight: 800;
  color: #0F172A;
  margin: 0 0 10px;
}
.app_development_page .app_challenges_sec .card .title_line {
  width: 24px;
  height: 2px;
  background-color: #00A859;
  margin-bottom: 14px;
  border-radius: 1px;
}
.app_development_page .app_challenges_sec .card p {
  font-size: 14px;
  line-height: 1.55;
  color: #64748B;
  margin: 0;
}
.app_development_page .app_essentials_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F7F5;
  color: #0F172A;
}
.app_development_page .app_essentials_sec .eyebrow {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #00A859;
  margin-bottom: 10px;
  display: inline-block;
}
.app_development_page .app_essentials_sec h2 {
  font-size: 42px;
  font-weight: 800;
  color: #0F172A;
  line-height: 1.18;
  margin-bottom: 0;
  letter-spacing: -0.5px;
}
.app_development_page .app_essentials_sec h2 .d-block {
  display: block;
}
@media (max-width: 768px) {
  .app_development_page .app_essentials_sec h2 {
    font-size: 32px;
  }
}
.app_development_page .app_essentials_sec .title_bar {
  width: 36px;
  height: 3px;
  background-color: #00A859;
  margin: 16px 0 16px;
  border-radius: 2px;
}
.app_development_page .app_essentials_sec .sub_title {
  font-size: 16px;
  line-height: 1.6;
  color: #64748B;
  max-width: 420px;
  margin-bottom: 44px;
}
.app_development_page .app_essentials_sec .essentials_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 1199px) {
  .app_development_page .app_essentials_sec .essentials_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .app_development_page .app_essentials_sec .essentials_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media (max-width: 640px) {
  .app_development_page .app_essentials_sec .essentials_grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
}
.app_development_page .app_essentials_sec .essential_card {
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 18px;
  padding: 32px 28px;
  border: 1px solid rgba(0, 168, 89, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}
.app_development_page .app_essentials_sec .essential_card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 168, 89, 0.1);
  border-color: rgba(0, 168, 89, 0.3);
}
.app_development_page .app_essentials_sec .essential_card .card_icon {
  width: 48px;
  height: 48px;
  background: rgba(0, 168, 89, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00A859;
  font-size: 20px;
  margin-bottom: 20px;
}
.app_development_page .app_essentials_sec .essential_card h3 {
  font-size: 20px;
  font-weight: 800;
  color: #0F172A;
  margin: 0 0 10px;
}
.app_development_page .app_essentials_sec .essential_card p {
  font-size: 14px;
  line-height: 1.55;
  color: #64748B;
  margin: 0;
}
.app_development_page .app_tooling_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F7F5;
  color: #0F172A;
}
.app_development_page .app_tooling_sec .eyebrow {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #00A859;
  margin-bottom: 10px;
  display: inline-block;
}
.app_development_page .app_tooling_sec h2 {
  font-size: 42px;
  font-weight: 800;
  color: #0F172A;
  line-height: 1.18;
  margin-bottom: 0;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .app_development_page .app_tooling_sec h2 {
    font-size: 32px;
  }
}
.app_development_page .app_tooling_sec .title_bar {
  width: 36px;
  height: 3px;
  background-color: #00A859;
  margin: 16px 0 16px;
  border-radius: 2px;
}
.app_development_page .app_tooling_sec .sub_title {
  font-size: 16px;
  line-height: 1.6;
  color: #64748B;
  max-width: 420px;
  margin-bottom: 44px;
}
.app_development_page .app_tooling_sec .tooling_grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
}
@media (max-width: 1199px) {
  .app_development_page .app_tooling_sec .tooling_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .app_development_page .app_tooling_sec .tooling_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
}
@media (max-width: 640px) {
  .app_development_page .app_tooling_sec .tooling_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .app_development_page .app_tooling_sec .tooling_grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.app_development_page .app_tooling_sec .tool_card {
  position: relative;
  background: #FFFFFF;
  border-radius: 14px;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  border: 1px solid rgba(0, 168, 89, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}
.app_development_page .app_tooling_sec .tool_card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(0, 168, 89, 0.1);
  border-color: rgba(0, 168, 89, 0.3);
}
.app_development_page .app_tooling_sec .tool_card .tech_dot {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #00A859;
  opacity: 0.4;
}
.app_development_page .app_tooling_sec .tool_card .tool_icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.app_development_page .app_tooling_sec .tool_card .tool_icon svg {
  width: 100%;
  height: 100%;
}
.app_development_page .app_tooling_sec .tool_card .tool_name {
  font-size: 16px;
  font-weight: 700;
  color: #0F172A;
}
.app_development_page .app_process_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0A1118;
  color: #FFFFFF;
}
.app_development_page .app_process_sec .process_header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .app_development_page .app_process_sec .process_header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.app_development_page .app_process_sec .process_header .header_left .eyebrow {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #00A859;
  margin-bottom: 12px;
  display: inline-block;
}
.app_development_page .app_process_sec .process_header .header_left h2 {
  font-size: 42px;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.18;
  margin: 0;
  letter-spacing: -0.5px;
}
.app_development_page .app_process_sec .process_header .header_left h2 .d-block {
  display: block;
}
@media (max-width: 768px) {
  .app_development_page .app_process_sec .process_header .header_left h2 {
    font-size: 32px;
  }
}
.app_development_page .app_process_sec .process_header .header_right {
  max-width: 380px;
}
.app_development_page .app_process_sec .process_header .header_right .sub_title {
  font-size: 15px;
  line-height: 1.6;
  color: #94A3B8;
  margin: 0;
}
.app_development_page .app_process_sec .timeline_wrapper {
  position: relative;
  padding-left: 36px;
}
@media (max-width: 768px) {
  .app_development_page .app_process_sec .timeline_wrapper {
    padding-left: 0;
  }
}
.app_development_page .app_process_sec .timeline_wrapper .timeline_line {
  position: absolute;
  left: 17px;
  top: 25px;
  bottom: 25px;
  width: 2px;
  background: rgba(0, 168, 89, 0.3);
}
@media (max-width: 768px) {
  .app_development_page .app_process_sec .timeline_wrapper .timeline_line {
    display: none;
  }
}
.app_development_page .app_process_sec .timeline_wrapper .step_card {
  position: relative;
  background: #0E1A22 !important;
  border: 1px solid rgba(0, 168, 89, 0.15) !important;
  border-radius: 14px !important;
  padding: 18px 28px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  margin-bottom: 16px;
  transition: all 0.3s ease;
}
.app_development_page .app_process_sec .timeline_wrapper .step_card:hover {
  transform: translateX(6px);
  border-color: rgba(0, 168, 89, 0.5) !important;
  box-shadow: 0 10px 30px rgba(0, 168, 89, 0.1);
}
@media (max-width: 768px) {
  .app_development_page .app_process_sec .timeline_wrapper .step_card {
    flex-wrap: wrap !important;
    gap: 12px;
    padding: 20px !important;
  }
}
.app_development_page .app_process_sec .timeline_wrapper .step_card .dot {
  position: absolute;
  left: -24px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #00A859;
  box-shadow: 0 0 10px #00A859;
}
@media (max-width: 768px) {
  .app_development_page .app_process_sec .timeline_wrapper .step_card .dot {
    display: none;
  }
}
.app_development_page .app_process_sec .timeline_wrapper .step_card .step_num {
  width: 38px;
  height: 38px;
  border: 1.5px solid #00A859;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 16px;
  margin-right: 20px;
  flex-shrink: 0;
}
.app_development_page .app_process_sec .timeline_wrapper .step_card .step_icon {
  width: 48px;
  height: 48px;
  background: rgba(0, 168, 89, 0.12);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00A859;
  font-size: 20px;
  margin-right: 24px;
  flex-shrink: 0;
}
.app_development_page .app_process_sec .timeline_wrapper .step_card h3 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  margin: 0 !important;
  min-width: 190px;
  text-align: left !important;
}
.app_development_page .app_process_sec .timeline_wrapper .step_card .v_divider {
  width: 1px;
  height: 36px;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 28px 0 0;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .app_development_page .app_process_sec .timeline_wrapper .step_card .v_divider {
    display: none;
  }
}
.app_development_page .app_process_sec .timeline_wrapper .step_card .step_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left !important;
}
.app_development_page .app_process_sec .timeline_wrapper .step_card .step_content .desc {
  font-size: 15px !important;
  color: #CBD5E1 !important;
  margin: 0 0 2px 0 !important;
  line-height: 1.4 !important;
  text-align: left !important;
}
.app_development_page .app_process_sec .timeline_wrapper .step_card .step_content .output {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #00A859 !important;
  margin: 0 !important;
  text-align: left !important;
}
.app_development_page .app_process_sec .timeline_wrapper .step_card .step_chevron {
  color: #00A859;
  font-size: 16px;
  margin-left: auto;
  font-weight: 700;
}
.app_development_page .app_built_to_last_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EEF5F1;
  color: #0F172A;
}
.app_development_page .app_built_to_last_sec .eyebrow {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #00A859;
  margin-bottom: 10px;
  display: inline-block;
}
.app_development_page .app_built_to_last_sec h2 {
  font-size: 42px;
  font-weight: 800;
  color: #0F172A;
  line-height: 1.18;
  margin-bottom: 0;
  letter-spacing: -0.5px;
}
.app_development_page .app_built_to_last_sec h2 .d-block {
  display: block;
}
@media (max-width: 768px) {
  .app_development_page .app_built_to_last_sec h2 {
    font-size: 32px;
  }
}
.app_development_page .app_built_to_last_sec .title_bar {
  width: 36px;
  height: 3px;
  background-color: #00A859;
  margin: 16px 0 16px;
  border-radius: 2px;
}
.app_development_page .app_built_to_last_sec .sub_title {
  font-size: 16px;
  line-height: 1.6;
  color: #64748B;
  max-width: 400px;
  margin-bottom: 44px;
}
.app_development_page .app_built_to_last_sec .grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 991px) {
  .app_development_page .app_built_to_last_sec .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media (max-width: 640px) {
  .app_development_page .app_built_to_last_sec .grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
}
.app_development_page .app_built_to_last_sec .card {
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 18px;
  padding: 32px 28px 28px 28px;
  border: 1px solid rgba(0, 168, 89, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}
.app_development_page .app_built_to_last_sec .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 168, 89, 0.1);
  border-color: rgba(0, 168, 89, 0.3);
}
.app_development_page .app_built_to_last_sec .card:hover .card_arrow_circle {
  background: #00A859;
  color: #FFFFFF;
  transform: scale(1.05);
}
.app_development_page .app_built_to_last_sec .card .card_icon {
  width: 48px;
  height: 48px;
  background: rgba(0, 168, 89, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00A859;
  font-size: 20px;
  margin-bottom: 20px;
}
.app_development_page .app_built_to_last_sec .card h3 {
  font-size: 20px;
  font-weight: 800;
  color: #0F172A;
  margin: 0 0 8px;
}
.app_development_page .app_built_to_last_sec .card p {
  font-size: 14px;
  line-height: 1.55;
  color: #64748B;
  margin: 0 0 24px;
  max-width: 210px;
}
.app_development_page .app_built_to_last_sec .card .card_arrow_circle {
  width: 32px;
  height: 32px;
  background: rgba(0, 168, 89, 0.12);
  color: #00A859;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  transition: all 0.25s ease;
}
.app_development_page .app_built_to_last_sec .card .card_watermark {
  position: absolute;
  bottom: -12px;
  right: -12px;
  width: 135px;
  height: 135px;
  opacity: 0.14;
  pointer-events: none;
}
.app_development_page .app_built_to_last_sec .card .card_watermark svg {
  width: 100%;
  height: 100%;
}

.banner_f_sec.ecommerce_website_development .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.ecommerce_website_development .box h1 {
  font-weight: var(--extra-bold);
}

.ecom_leak_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0E1417;
}
.ecom_leak_sec .eyebrow {
  color: #00F296;
}
.ecom_leak_sec h2 {
  color: var(--white);
}
.ecom_leak_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.ecom_leak_sec .leak_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3em;
}
@media screen and (min-width: 992px) {
  .ecom_leak_sec .leak_layout {
    grid-template-columns: 1fr 1.15fr;
    gap: 5em;
    align-items: start;
  }
}
@media screen and (min-width: 992px) {
  .ecom_leak_sec .leak_intro {
    position: sticky;
    top: 8em;
  }
}
.ecom_leak_sec .leak_intro h2 {
  margin-bottom: 0.6em;
}
.ecom_leak_sec .leak_list {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
@media screen and (min-width: 768px) {
  .ecom_leak_sec .leak_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2.5em;
  }
}
.ecom_leak_sec .leak_list li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 1em;
  padding: 1.1em 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.9);
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
  transition: color 0.3s ease, padding-left 0.3s ease;
}
.ecom_leak_sec .leak_list li:hover {
  color: var(--white);
  padding-left: 0.5em;
}
.ecom_leak_sec .leak_list li:hover .leak_num {
  color: #FF8A65;
  border-color: #FF8A65;
}
.ecom_leak_sec .leak_list li::before {
  display: none;
}
.ecom_leak_sec .leak_list .leak_num {
  flex-shrink: 0;
  width: 2.4em;
  height: 2.4em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 138, 101, 0.4);
  border-radius: 50%;
  color: rgba(255, 138, 101, 0.85);
  font-size: var(--font-size-12);
  font-weight: var(--bold);
  letter-spacing: 0.04em;
  transition: color 0.3s ease, border-color 0.3s ease;
}

.ecom_outcome_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.ecom_outcome_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ecom_outcome_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ecom_outcome_sec .sub_title {
  margin-bottom: 2.5em;
}
.ecom_outcome_sec .outcome_rail {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
}
@media screen and (min-width: 768px) {
  .ecom_outcome_sec .outcome_rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .ecom_outcome_sec .outcome_rail {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.ecom_outcome_sec .outcome_rail .outcome {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.4em 1.5em;
  border-radius: 0.9em;
  background-color: #F4F8F6;
  border-left: 3px solid var(--green);
  color: var(--black);
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
  line-height: 1.4em;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ecom_outcome_sec .outcome_rail .outcome:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07);
}
.ecom_outcome_sec .outcome_rail .outcome i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: 18px;
}

.ecom_models_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--green-light-01);
}
.ecom_models_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ecom_models_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ecom_models_sec h2 {
  margin-bottom: 1.4em;
}
.ecom_models_sec .models_bento {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5em;
}
@media screen and (min-width: 768px) {
  .ecom_models_sec .models_bento {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .ecom_models_sec .models_bento {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.ecom_models_sec .models_bento .model {
  padding: 2.2em;
  border-radius: 1.2em;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.18);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.ecom_models_sec .models_bento .model:hover {
  transform: translateY(-5px);
  border-color: var(--green);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.09);
}
.ecom_models_sec .models_bento .model:hover .model_icon {
  background-color: var(--green);
  color: var(--white);
}
@media screen and (min-width: 992px) {
  .ecom_models_sec .models_bento .model.wide {
    grid-column: span 2;
  }
}
.ecom_models_sec .models_bento .model .model_icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--green-light);
  color: var(--green-dark);
  font-size: 22px;
  margin-bottom: 1em;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.ecom_models_sec .models_bento .model h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.3em;
  margin-bottom: 0.5em;
}
.ecom_models_sec .models_bento .model p {
  color: var(--gray-01);
  margin: 0;
  line-height: 1.55em;
}

.ecom_pdp_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #101820;
}
.ecom_pdp_sec .eyebrow {
  color: #00F296;
}
.ecom_pdp_sec h2 {
  color: var(--white);
}
.ecom_pdp_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.ecom_pdp_sec .pdp_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3em;
}
@media screen and (min-width: 992px) {
  .ecom_pdp_sec .pdp_layout {
    grid-template-columns: 1fr 1.1fr;
    gap: 4.5em;
    align-items: center;
  }
}
.ecom_pdp_sec .pdp_mock {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5em;
  padding: 1.8em;
  border-radius: 1.4em;
  background-color: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
@media screen and (min-width: 480px) {
  .ecom_pdp_sec .pdp_mock {
    grid-template-columns: 1fr 1fr;
  }
}
.ecom_pdp_sec .pdp_mock .pdp_gallery .pdp_main {
  height: 190px;
  border-radius: 0.9em;
  background-color: rgba(255, 255, 255, 0.07);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.3);
  font-size: 34px;
  margin-bottom: 0.8em;
}
.ecom_pdp_sec .pdp_mock .pdp_gallery .pdp_thumbs {
  display: flex;
  gap: 0.6em;
}
.ecom_pdp_sec .pdp_mock .pdp_gallery .pdp_thumbs span {
  width: 46px;
  height: 46px;
  border-radius: 0.6em;
  background-color: rgba(255, 255, 255, 0.07);
}
.ecom_pdp_sec .pdp_mock .pdp_gallery .pdp_thumbs span:first-child {
  border: 1px solid var(--green);
}
.ecom_pdp_sec .pdp_mock .pdp_buybox {
  display: flex;
  flex-direction: column;
  gap: 0.8em;
}
.ecom_pdp_sec .pdp_mock .pdp_buybox .pdp_line {
  height: 10px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.12);
}
.ecom_pdp_sec .pdp_mock .pdp_buybox .pdp_line.title {
  height: 16px;
  width: 85%;
  background-color: rgba(255, 255, 255, 0.28);
}
.ecom_pdp_sec .pdp_mock .pdp_buybox .pdp_line.short {
  width: 60%;
}
.ecom_pdp_sec .pdp_mock .pdp_buybox .pdp_price {
  color: #00F296;
  font-size: var(--font-size-24);
  font-weight: var(--extra-bold);
  line-height: 1.1em;
}
.ecom_pdp_sec .pdp_mock .pdp_buybox .pdp_variants {
  display: flex;
  gap: 0.5em;
}
.ecom_pdp_sec .pdp_mock .pdp_buybox .pdp_variants span {
  width: 34px;
  height: 26px;
  border-radius: 0.4em;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.ecom_pdp_sec .pdp_mock .pdp_buybox .pdp_variants span:first-child {
  border-color: var(--green);
  background-color: rgba(0, 168, 89, 0.12);
}
.ecom_pdp_sec .pdp_mock .pdp_buybox .pdp_cta {
  margin-top: 0.4em;
  padding: 0.9em 1.2em;
  border-radius: 2em;
  background-color: var(--green-dark);
  color: var(--white);
  text-align: center;
  font-size: var(--font-size-14);
  font-weight: var(--bold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.ecom_pdp_sec .pdp_mock .pdp_buybox .pdp_meta {
  color: rgba(255, 255, 255, 0.55);
  font-size: var(--font-size-12);
}
.ecom_pdp_sec .pdp_mock .pdp_buybox .pdp_meta i {
  color: var(--green);
  margin-right: 0.4em;
}
.ecom_pdp_sec .pdp_content h2 {
  margin-bottom: 0.6em;
}
.ecom_pdp_sec .pdp_content .pdp_principle {
  padding: 1.1em 1.4em;
  border-left: 3px solid var(--green);
  background-color: rgba(0, 168, 89, 0.08);
  border-radius: 0 0.6em 0.6em 0;
  color: rgba(255, 255, 255, 0.85);
  font-size: var(--font-size-16);
  margin-bottom: 1.8em;
}
.ecom_pdp_sec .pdp_content .pdp_elements {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.ecom_pdp_sec .pdp_content .pdp_elements li {
  list-style: none;
  padding: 0.55em 1.1em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 2em;
  color: rgba(255, 255, 255, 0.82);
  font-size: var(--font-size-14);
  transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease;
}
.ecom_pdp_sec .pdp_content .pdp_elements li:hover {
  border-color: var(--green);
  background-color: rgba(0, 168, 89, 0.12);
  color: var(--white);
}
.ecom_pdp_sec .pdp_content .pdp_elements li::before {
  display: none;
}

.ecom_discovery_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.ecom_discovery_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ecom_discovery_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ecom_discovery_sec .discovery_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .ecom_discovery_sec .discovery_layout {
    grid-template-columns: 320px 1fr;
    gap: 3.5em;
    align-items: start;
  }
}
.ecom_discovery_sec .facet_mock {
  padding: 1.5em;
  border-radius: 1.1em;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.ecom_discovery_sec .facet_mock .facet_crumb {
  font-size: var(--font-size-12);
  color: var(--gray-01);
  padding-bottom: 1em;
  border-bottom: 1px solid var(--gray-03);
  margin-bottom: 1em;
}
.ecom_discovery_sec .facet_mock .facet_crumb i {
  margin: 0 0.4em;
  font-size: 10px;
  color: var(--gray-02);
}
.ecom_discovery_sec .facet_mock .facet_search {
  display: flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.8em 1em;
  border: 1px solid var(--gray-03);
  border-radius: 2em;
  color: var(--gray-01);
  font-size: var(--font-size-14);
  margin-bottom: 1.4em;
}
.ecom_discovery_sec .facet_mock .facet_search i {
  color: var(--green-dark);
}
.ecom_discovery_sec .facet_mock .facet_group .facet_title {
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--black);
  margin-bottom: 0.9em;
}
.ecom_discovery_sec .facet_mock .facet_group label {
  display: flex;
  align-items: center;
  gap: 0.7em;
  padding: 0.45em 0;
  color: var(--gray-01);
  font-size: var(--font-size-14);
}
.ecom_discovery_sec .facet_mock .facet_group label .box {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  border: 1px solid var(--gray-02);
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: var(--white);
}
.ecom_discovery_sec .facet_mock .facet_group label .box.checked {
  background-color: var(--green);
  border-color: var(--green);
}
.ecom_discovery_sec .facet_mock .facet_sort {
  margin-top: 1.4em;
  padding-top: 1em;
  border-top: 1px solid var(--gray-03);
  font-size: var(--font-size-14);
  color: var(--gray-01);
}
.ecom_discovery_sec .facet_mock .facet_sort i {
  margin-left: 0.4em;
  color: var(--gray-02);
}
.ecom_discovery_sec .discovery_features {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .ecom_discovery_sec .discovery_features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .ecom_discovery_sec .discovery_features {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.ecom_discovery_sec .discovery_features li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 1em 1.2em;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.8em;
  color: var(--black);
  font-size: var(--font-size-14);
  font-weight: var(--semi-bold);
  transition: border-color 0.3s ease, transform 0.3s ease;
}
.ecom_discovery_sec .discovery_features li:hover {
  border-color: var(--green);
  transform: translateY(-3px);
}
.ecom_discovery_sec .discovery_features li::before {
  display: none;
}
.ecom_discovery_sec .discovery_features li i {
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: var(--green-light);
  color: var(--green-dark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

.ecom_checkout_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.ecom_checkout_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ecom_checkout_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ecom_checkout_sec .sub_title {
  margin-bottom: 3em;
}
.ecom_checkout_sec .checkout_flow {
  margin: 0 0 3em;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5em;
  counter-reset: flow;
}
@media screen and (min-width: 768px) {
  .ecom_checkout_sec .checkout_flow {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
  }
}
.ecom_checkout_sec .checkout_flow li {
  list-style: none;
  counter-increment: flow;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.8em;
}
.ecom_checkout_sec .checkout_flow li::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .ecom_checkout_sec .checkout_flow li::after {
    content: "";
    position: absolute;
    top: 27px;
    left: 50%;
    width: 100%;
    height: 2px;
    background-color: var(--green-light);
    z-index: 0;
  }
  .ecom_checkout_sec .checkout_flow li:last-child::after {
    display: none;
  }
}
.ecom_checkout_sec .checkout_flow li .flow_dot {
  position: relative;
  z-index: 1;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--white);
  border: 2px solid var(--green);
  color: var(--green-dark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.ecom_checkout_sec .checkout_flow li .flow_dot::before {
  content: counter(flow, decimal-leading-zero);
  position: absolute;
  top: -8px;
  right: -8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--green-dark);
  color: var(--white);
  font-size: 11px;
  font-weight: var(--bold);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ecom_checkout_sec .checkout_flow li:hover .flow_dot {
  background-color: var(--green);
  color: var(--white);
  transform: scale(1.06);
}
.ecom_checkout_sec .checkout_flow li .flow_label {
  color: var(--black);
  font-size: var(--font-size-14);
  font-weight: var(--bold);
}
.ecom_checkout_sec .checkout_caps {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
  margin-bottom: 2em;
}
.ecom_checkout_sec .checkout_caps span {
  padding: 0.6em 1.2em;
  border-radius: 2em;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: var(--gray);
  font-size: var(--font-size-14);
  font-weight: var(--medium);
}
.ecom_checkout_sec .checkout_note {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  padding: 1.2em 1.5em;
  border-radius: 0.8em;
  background-color: var(--green-light);
  color: var(--gray);
  font-size: var(--font-size-14);
  line-height: 1.6em;
}
.ecom_checkout_sec .checkout_note i {
  color: var(--green-dark);
  margin-top: 2px;
}

.ecom_mobile_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--green-light-01);
}
.ecom_mobile_sec .mobile_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3em;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .ecom_mobile_sec .mobile_layout {
    grid-template-columns: 300px 1fr;
    gap: 5em;
  }
}
.ecom_mobile_sec .phone_mock {
  width: 260px;
  margin: 0 auto;
  padding: 12px;
  border-radius: 2.2em;
  background-color: var(--black-01);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
}
.ecom_mobile_sec .phone_mock .phone_screen {
  border-radius: 1.6em;
  background-color: var(--white);
  padding: 1em 0.9em 0;
  overflow: hidden;
}
.ecom_mobile_sec .phone_mock .phone_bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--black);
  font-size: 14px;
  margin-bottom: 0.9em;
}
.ecom_mobile_sec .phone_mock .phone_bar span {
  width: 60px;
  height: 8px;
  border-radius: 4px;
  background-color: var(--gray-03);
}
.ecom_mobile_sec .phone_mock .phone_search {
  display: flex;
  align-items: center;
  padding: 0.6em 0.9em;
  border-radius: 2em;
  background-color: #F4F8F6;
  color: var(--gray-01);
  font-size: 12px;
  margin-bottom: 0.9em;
}
.ecom_mobile_sec .phone_mock .phone_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.6em;
  margin-bottom: 1em;
}
.ecom_mobile_sec .phone_mock .phone_grid span {
  height: 74px;
  border-radius: 0.6em;
  background-color: #F4F8F6;
  border: 1px solid var(--gray-03);
}
.ecom_mobile_sec .phone_mock .phone_sticky {
  margin: 0 -0.9em;
  padding: 0.9em;
  background-color: var(--green-dark);
  color: var(--white);
  text-align: center;
  font-size: 12px;
  font-weight: var(--bold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.ecom_mobile_sec .mobile_content h2 {
  color: var(--black);
  margin-bottom: 0.5em;
}
.ecom_mobile_sec .mobile_content p {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  margin-bottom: 1.8em;
}
.ecom_mobile_sec .mobile_content .mobile_focus {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.8em;
}
@media screen and (min-width: 768px) {
  .ecom_mobile_sec .mobile_content .mobile_focus {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.ecom_mobile_sec .mobile_content .mobile_focus li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.7em;
  color: var(--gray);
  font-size: var(--font-size-16);
  font-weight: var(--medium);
}
.ecom_mobile_sec .mobile_content .mobile_focus li::before {
  display: none;
}
.ecom_mobile_sec .mobile_content .mobile_focus li i {
  flex-shrink: 0;
  width: 1.9em;
  height: 1.9em;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--green-dark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

.ecom_seo_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.ecom_seo_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ecom_seo_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ecom_seo_sec .seo_panels {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.8em;
}
@media screen and (min-width: 992px) {
  .ecom_seo_sec .seo_panels {
    grid-template-columns: 1.15fr 1fr;
  }
}
.ecom_seo_sec .seo_panels .seo_panel {
  padding: 2.4em;
  border-radius: 1.2em;
}
.ecom_seo_sec .seo_panels .seo_panel h3 {
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.3em;
  margin-bottom: 1.2em;
  display: flex;
  align-items: center;
  gap: 0.6em;
}
.ecom_seo_sec .seo_panels .seo_panel ul {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.7em;
}
@media screen and (min-width: 768px) {
  .ecom_seo_sec .seo_panels .seo_panel ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.ecom_seo_sec .seo_panels .seo_panel ul li {
  list-style: none;
  padding-left: 1.5em;
  font-size: var(--font-size-14);
  line-height: 1.5em;
}
.ecom_seo_sec .seo_panels .seo_panel ul li::before {
  content: "\f00c";
  font-family: var(--icon-font);
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 11px;
}
.ecom_seo_sec .seo_panels .seo_panel.tech {
  background-color: #0E1417;
}
.ecom_seo_sec .seo_panels .seo_panel.tech h3 {
  color: var(--white);
}
.ecom_seo_sec .seo_panels .seo_panel.tech h3 i {
  color: #00F296;
}
.ecom_seo_sec .seo_panels .seo_panel.tech ul li {
  color: rgba(255, 255, 255, 0.8);
}
.ecom_seo_sec .seo_panels .seo_panel.tech ul li::before {
  color: #00F296;
}
.ecom_seo_sec .seo_panels .seo_panel.content {
  background-color: var(--green-light-01);
  border: 1px solid rgba(0, 168, 89, 0.2);
}
.ecom_seo_sec .seo_panels .seo_panel.content h3 {
  color: var(--black);
}
.ecom_seo_sec .seo_panels .seo_panel.content h3 i {
  color: var(--green-dark);
}
.ecom_seo_sec .seo_panels .seo_panel.content ul li {
  color: var(--gray);
}
.ecom_seo_sec .seo_panels .seo_panel.content ul li::before {
  color: var(--green-dark);
}
.ecom_seo_sec .seo_warn {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  margin-top: 2em;
  padding: 1.2em 1.5em;
  border-radius: 0.8em;
  background-color: #FFF3E0;
  color: #7A3E00;
  font-size: var(--font-size-14);
  line-height: 1.6em;
  font-weight: var(--medium);
}
.ecom_seo_sec .seo_warn i {
  color: #E65100;
  margin-top: 2px;
}

.ecom_perf_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #080E11;
}
.ecom_perf_sec .eyebrow {
  color: #00F296;
}
.ecom_perf_sec h2 {
  color: var(--white);
}
.ecom_perf_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.ecom_perf_sec h2 {
  margin-bottom: 0.5em;
}
.ecom_perf_sec .perf_intro {
  max-width: 60em;
  margin-bottom: 2.5em;
}
.ecom_perf_sec .perf_tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1em;
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  .ecom_perf_sec .perf_tiles {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .ecom_perf_sec .perf_tiles {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}
.ecom_perf_sec .perf_tiles .tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  gap: 0.7em;
  padding: 1.6em 1em;
  border-radius: 1em;
  background-color: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition: border-color 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}
.ecom_perf_sec .perf_tiles .tile:hover {
  border-color: rgba(0, 242, 150, 0.5);
  background-color: rgba(0, 242, 150, 0.06);
  transform: translateY(-4px);
}
.ecom_perf_sec .perf_tiles .tile i {
  color: #00F296;
  font-size: 22px;
}
.ecom_perf_sec .perf_tiles .tile span {
  color: rgba(255, 255, 255, 0.78);
  font-size: var(--font-size-12);
  font-weight: var(--semi-bold);
  line-height: 1.4em;
}
.ecom_perf_sec .perf_note {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  padding: 1.2em 1.5em;
  border-radius: 0.8em;
  border: 1px dashed rgba(255, 255, 255, 0.22);
  color: rgba(255, 255, 255, 0.65);
  font-size: var(--font-size-14);
  line-height: 1.6em;
}
.ecom_perf_sec .perf_note i {
  color: #00F296;
  margin-top: 2px;
}

.ecom_trust_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.ecom_trust_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ecom_trust_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ecom_trust_sec h2 {
  margin-bottom: 1.6em;
}
.ecom_trust_sec .trust_signals {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
  margin-bottom: 2.5em;
}
@media screen and (min-width: 480px) {
  .ecom_trust_sec .trust_signals {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .ecom_trust_sec .trust_signals {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .ecom_trust_sec .trust_signals {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.ecom_trust_sec .trust_signals .signal {
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 1.1em 1.3em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.8em;
  color: var(--gray);
  font-size: var(--font-size-14);
  font-weight: var(--semi-bold);
  line-height: 1.4em;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.ecom_trust_sec .trust_signals .signal:hover {
  border-color: var(--green);
  box-shadow: 0 8px 20px rgba(0, 168, 89, 0.1);
}
.ecom_trust_sec .trust_signals .signal i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: 16px;
}
.ecom_trust_sec .trust_rule {
  display: flex;
  align-items: flex-start;
  gap: 1.2em;
  padding: 1.8em 2em;
  border-radius: 1em;
  background-color: #0E1417;
}
.ecom_trust_sec .trust_rule i {
  flex-shrink: 0;
  color: #00F296;
  font-size: 26px;
  margin-top: 2px;
}
.ecom_trust_sec .trust_rule p {
  color: rgba(255, 255, 255, 0.82);
  font-size: var(--font-size-16);
  line-height: 1.6em;
  margin: 0;
}
.ecom_trust_sec .trust_rule p strong {
  color: var(--white);
  font-weight: var(--extra-bold);
}

.ecom_analytics_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.ecom_analytics_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ecom_analytics_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ecom_analytics_sec .analytics_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .ecom_analytics_sec .analytics_layout {
    grid-template-columns: 1.1fr 1fr;
    gap: 4em;
    align-items: start;
  }
}
.ecom_analytics_sec .funnel_title {
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--green-dark);
  margin-bottom: 1.2em;
}
.ecom_analytics_sec .event_funnel .funnel_step {
  margin: 0 auto 0.5em 0;
  padding: 0.85em 1.4em;
  border-radius: 0.6em;
  background-color: var(--white);
  border-left: 4px solid var(--green);
  color: var(--black);
  font-size: var(--font-size-14);
  font-weight: var(--semi-bold);
  transition: transform 0.3s ease;
}
@media screen and (min-width: 768px) {
  .ecom_analytics_sec .event_funnel .funnel_step:nth-child(2) {
    width: 100%;
  }
  .ecom_analytics_sec .event_funnel .funnel_step:nth-child(3) {
    width: 96%;
  }
  .ecom_analytics_sec .event_funnel .funnel_step:nth-child(4) {
    width: 92%;
  }
  .ecom_analytics_sec .event_funnel .funnel_step:nth-child(5) {
    width: 88%;
  }
  .ecom_analytics_sec .event_funnel .funnel_step:nth-child(6) {
    width: 84%;
  }
  .ecom_analytics_sec .event_funnel .funnel_step:nth-child(7) {
    width: 80%;
  }
  .ecom_analytics_sec .event_funnel .funnel_step:nth-child(8) {
    width: 76%;
  }
  .ecom_analytics_sec .event_funnel .funnel_step:nth-child(9) {
    width: 72%;
    background-color: var(--green-dark);
    border-left-color: var(--black-01);
    color: var(--white);
  }
}
.ecom_analytics_sec .event_funnel .funnel_step:hover {
  transform: translateX(6px);
}
.ecom_analytics_sec .event_funnel .funnel_foot {
  margin-top: 1.2em;
  color: var(--gray-01);
  font-size: var(--font-size-14);
  line-height: 1.6em;
}
.ecom_analytics_sec .metric_pills .pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.ecom_analytics_sec .metric_pills .pills span {
  padding: 0.7em 1.3em;
  border-radius: 2em;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.25);
  color: var(--gray);
  font-size: var(--font-size-14);
  font-weight: var(--semi-bold);
  transition: background-color 0.3s ease, color 0.3s ease;
}
.ecom_analytics_sec .metric_pills .pills span:hover {
  background-color: var(--green-dark);
  color: var(--white);
}

.ecom_integrations_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.ecom_integrations_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ecom_integrations_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ecom_integrations_sec h2 {
  margin-bottom: 1.8em;
}
.ecom_integrations_sec .hub_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .ecom_integrations_sec .hub_layout {
    grid-template-columns: 260px 1fr;
    gap: 3.5em;
  }
}
.ecom_integrations_sec .hub_core {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.8em;
  width: 220px;
  height: 220px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: var(--green-dark);
  color: var(--white);
  text-align: center;
  box-shadow: 0 0 0 12px rgba(0, 168, 89, 0.1), 0 0 0 26px rgba(0, 168, 89, 0.05);
}
.ecom_integrations_sec .hub_core i {
  font-size: 40px;
}
.ecom_integrations_sec .hub_core span {
  font-size: var(--font-size-18);
  font-weight: var(--extra-bold);
}
.ecom_integrations_sec .hub_spokes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
}
.ecom_integrations_sec .hub_spokes span {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.75em 1.3em;
  border-radius: 2em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #F4F8F6;
  color: var(--gray);
  font-size: var(--font-size-14);
  font-weight: var(--semi-bold);
  transition: border-color 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
}
.ecom_integrations_sec .hub_spokes span:hover {
  border-color: var(--green);
  background-color: var(--white);
  transform: translateY(-3px);
}
.ecom_integrations_sec .hub_spokes span i {
  color: var(--green-dark);
  font-size: 14px;
}
.ecom_integrations_sec .hub_principle {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  margin-top: 2.5em;
  padding: 1.3em 1.6em;
  border-radius: 0.8em;
  background-color: var(--green-light);
  color: var(--gray);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.ecom_integrations_sec .hub_principle i {
  color: var(--green-dark);
  margin-top: 3px;
}

.ecom_migration_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--green-light-01);
}
.ecom_migration_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ecom_migration_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ecom_migration_sec .migration_track {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
  align-items: center;
  margin-bottom: 3em;
}
@media screen and (min-width: 768px) {
  .ecom_migration_sec .migration_track {
    grid-template-columns: 1fr auto 1fr;
    gap: 2em;
  }
}
.ecom_migration_sec .migration_track .track_end {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.9em;
  padding: 1.6em 2em;
  border-radius: 1em;
  background-color: var(--white);
  font-size: var(--font-size-18);
  font-weight: var(--bold);
}
.ecom_migration_sec .migration_track .track_end i {
  font-size: 24px;
}
.ecom_migration_sec .migration_track .track_end.from {
  border: 1px dashed var(--gray-02);
  color: var(--gray-01);
}
.ecom_migration_sec .migration_track .track_end.from i {
  color: var(--gray-01);
}
.ecom_migration_sec .migration_track .track_end.to {
  border: 2px solid var(--green);
  color: var(--black);
  box-shadow: 0 12px 30px rgba(0, 168, 89, 0.12);
}
.ecom_migration_sec .migration_track .track_end.to i {
  color: var(--green-dark);
}
.ecom_migration_sec .migration_track .track_line {
  text-align: center;
  color: var(--green-dark);
  font-size: 28px;
}
.ecom_migration_sec .migration_track .track_line i {
  transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  .ecom_migration_sec .migration_track .track_line i {
    transform: none;
  }
}
.ecom_migration_sec .migration_checklist {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .ecom_migration_sec .migration_checklist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .ecom_migration_sec .migration_checklist {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.ecom_migration_sec .migration_checklist li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 0.9em 1.2em;
  background-color: var(--white);
  border-radius: 0.7em;
  color: var(--gray);
  font-size: var(--font-size-14);
  font-weight: var(--semi-bold);
  line-height: 1.4em;
}
.ecom_migration_sec .migration_checklist li::before {
  display: none;
}
.ecom_migration_sec .migration_checklist li i {
  flex-shrink: 0;
  color: var(--green);
  font-size: 15px;
}

.ecom_why_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #12181B;
}
.ecom_why_sec .eyebrow {
  color: #00F296;
}
.ecom_why_sec h2 {
  color: var(--white);
}
.ecom_why_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.ecom_why_sec .why_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3em;
}
@media screen and (min-width: 992px) {
  .ecom_why_sec .why_layout {
    grid-template-columns: 1fr 1.1fr;
    gap: 4.5em;
    align-items: start;
  }
}
.ecom_why_sec .why_intro h2 {
  margin-bottom: 0.6em;
}
.ecom_why_sec .why_intro p {
  margin-bottom: 2em;
}
.ecom_why_sec .why_intro .btn {
  color: var(--white);
}
.ecom_why_sec .why_intro .btn:hover {
  color: var(--black);
  background-color: var(--white);
}
.ecom_why_sec .why_points {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  counter-reset: why;
}
@media screen and (min-width: 768px) {
  .ecom_why_sec .why_points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2.5em;
  }
}
.ecom_why_sec .why_points li {
  list-style: none;
  counter-increment: why;
  display: flex;
  align-items: center;
  gap: 1em;
  padding: 1.1em 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.ecom_why_sec .why_points li::before {
  content: counter(why, decimal-leading-zero);
  flex-shrink: 0;
  color: rgba(0, 242, 150, 0.5);
  font-size: var(--font-size-20);
  font-weight: var(--extra-bold);
  letter-spacing: -0.02em;
  position: static;
}
.ecom_why_sec .why_points li span {
  color: rgba(255, 255, 255, 0.9);
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
}

.ecom_pricing_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.ecom_pricing_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ecom_pricing_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ecom_pricing_sec .sub_title a {
  display: inline;
  color: var(--green-dark);
  font-weight: var(--bold);
  text-decoration: underline;
}
.ecom_pricing_sec .sub_title a:hover {
  color: var(--black);
}
.ecom_pricing_sec .tier_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.8em;
  align-items: stretch;
}
@media screen and (min-width: 992px) {
  .ecom_pricing_sec .tier_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2em;
  }
}
.ecom_pricing_sec .tier_grid .tier {
  display: flex;
  flex-direction: column;
  padding: 2.5em;
  border-radius: 1.2em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: var(--white);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ecom_pricing_sec .tier_grid .tier:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.09);
}
.ecom_pricing_sec .tier_grid .tier .tier_name {
  color: var(--black);
  font-size: var(--font-size-30);
  font-weight: var(--extra-bold);
  line-height: 1.2em;
  margin-bottom: 0.7em;
}
.ecom_pricing_sec .tier_grid .tier p {
  color: var(--gray-01);
  line-height: 1.6em;
  margin-bottom: 2em;
  flex-grow: 1;
}
.ecom_pricing_sec .tier_grid .tier .btn {
  align-self: flex-start;
  padding: 0.9em 1.6em;
  font-size: var(--font-size-14);
}
.ecom_pricing_sec .tier_grid .tier.featured {
  background-color: #0E1417;
  border-color: var(--green);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16);
}
.ecom_pricing_sec .tier_grid .tier.featured .tier_flag {
  display: inline-block;
  align-self: flex-start;
  padding: 0.35em 1em;
  border-radius: 2em;
  background-color: rgba(0, 242, 150, 0.14);
  border: 1px solid rgba(0, 242, 150, 0.4);
  color: #00F296;
  font-size: var(--font-size-12);
  font-weight: var(--bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1em;
}
.ecom_pricing_sec .tier_grid .tier.featured .tier_name {
  color: var(--white);
}
.ecom_pricing_sec .tier_grid .tier.featured p {
  color: rgba(255, 255, 255, 0.75);
}

.reviews_sec.ecom_soft_bg {
  background-color: #F4F8F6;
}

.closing_cta_sec .cta_microcopy {
  max-width: 44em;
  margin: 1.8em auto 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: var(--font-size-14);
  line-height: 1.6em;
}

.banner_f_sec.ai_powered_app_development .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.ai_powered_app_development .box h1 {
  font-weight: var(--extra-bold);
}

.aiapp_page .aiapp_problem_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0B1220;
}
.aiapp_page .aiapp_problem_sec .eyebrow {
  color: #00F296;
}
.aiapp_page .aiapp_problem_sec h2 {
  color: var(--white);
}
.aiapp_page .aiapp_problem_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.aiapp_page .aiapp_problem_sec .problem_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .aiapp_page .aiapp_problem_sec .problem_layout {
    grid-template-columns: 0.85fr 1.15fr;
    gap: 4em;
    align-items: start;
  }
}
@media screen and (min-width: 992px) {
  .aiapp_page .aiapp_problem_sec .problem_intro {
    position: sticky;
    top: 7em;
  }
}
.aiapp_page .aiapp_problem_sec .problem_intro h2 {
  margin: 0.3em 0 0.6em;
}
.aiapp_page .aiapp_problem_sec .problem_list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .aiapp_page .aiapp_problem_sec .problem_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.aiapp_page .aiapp_problem_sec .problem_list li {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.aiapp_page .aiapp_problem_sec .problem_list .problem_num {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
}
.aiapp_page .aiapp_value_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.aiapp_page .aiapp_value_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.aiapp_page .aiapp_value_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.aiapp_page .aiapp_value_sec .outcome_pairs {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
}
@media screen and (min-width: 480px) {
  .aiapp_page .aiapp_value_sec .outcome_pairs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .aiapp_page .aiapp_value_sec .outcome_pairs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.aiapp_page .aiapp_value_sec .outcome_pairs .pair {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.2em 1.3em;
  border-radius: 14px;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.16);
}
.aiapp_page .aiapp_value_sec .outcome_pairs .pair i {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: var(--green-light);
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.aiapp_page .aiapp_value_sec .outcome_pairs .pair span {
  color: var(--black);
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
  line-height: 1.3em;
}
.aiapp_page .aiapp_usecase_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.aiapp_page .aiapp_usecase_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.aiapp_page .aiapp_usecase_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.aiapp_page .aiapp_usecase_sec h2 {
  margin-bottom: 1.4em;
}
.aiapp_page .aiapp_usecase_sec .usecase_rows {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .aiapp_page .aiapp_usecase_sec .usecase_rows {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .aiapp_page .aiapp_usecase_sec .usecase_rows {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.aiapp_page .aiapp_usecase_sec .usecase {
  padding: 1.5em 1.6em;
  border-left: 3px solid var(--green);
  background-color: var(--white);
  border-radius: 0 12px 12px 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.aiapp_page .aiapp_usecase_sec .usecase:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);
}
.aiapp_page .aiapp_usecase_sec .usecase .usecase_head {
  display: flex;
  align-items: center;
  gap: 0.8em;
  margin-bottom: 0.7em;
}
.aiapp_page .aiapp_usecase_sec .usecase .usecase_head i {
  color: var(--green-dark);
  font-size: var(--font-size-18);
}
.aiapp_page .aiapp_usecase_sec .usecase .usecase_head h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.aiapp_page .aiapp_usecase_sec .usecase p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.aiapp_page .aiapp_approach_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0B1220;
}
.aiapp_page .aiapp_approach_sec .eyebrow {
  color: #00F296;
}
.aiapp_page .aiapp_approach_sec h2 {
  color: var(--white);
}
.aiapp_page .aiapp_approach_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.aiapp_page .aiapp_approach_sec h2 {
  margin: 0.3em 0 0.5em;
}
.aiapp_page .aiapp_approach_sec .approach_intro {
  max-width: 46em;
  margin-bottom: 2.2em;
}
.aiapp_page .aiapp_approach_sec .approach_pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
  margin-bottom: 2.5em;
}
.aiapp_page .aiapp_approach_sec .approach_pills span {
  padding: 0.7em 1.3em;
  border: 1px solid rgba(0, 242, 150, 0.32);
  border-radius: 2em;
  background-color: rgba(0, 242, 150, 0.07);
  color: var(--white);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.aiapp_page .aiapp_approach_sec .approach_principle {
  display: flex;
  align-items: flex-start;
  gap: 1.1em;
  padding: 1.6em 1.8em;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.04);
}
.aiapp_page .aiapp_approach_sec .approach_principle i {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-20);
  margin-top: 0.15em;
}
.aiapp_page .aiapp_approach_sec .approach_principle p {
  margin: 0;
}
.aiapp_page .aiapp_approach_sec .approach_principle p strong {
  color: var(--white);
  font-weight: var(--bold);
}
.aiapp_page .aiapp_genai_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.aiapp_page .aiapp_genai_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.aiapp_page .aiapp_genai_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.aiapp_page .aiapp_genai_sec .genai_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .aiapp_page .aiapp_genai_sec .genai_layout {
    grid-template-columns: 0.85fr 1.15fr;
    gap: 4em;
  }
}
.aiapp_page .aiapp_genai_sec .genai_mock {
  padding: 1.6em;
  border-radius: 18px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #F4F8F6;
}
.aiapp_page .aiapp_genai_sec .genai_mock .mock_head {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin-bottom: 1.2em;
  color: var(--green-dark);
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.aiapp_page .aiapp_genai_sec .genai_mock .mock_bubble {
  padding: 1em 1.2em;
  border-radius: 14px;
  font-size: var(--font-size-16);
  line-height: 1.45em;
  margin-bottom: 0.9em;
}
.aiapp_page .aiapp_genai_sec .genai_mock .mock_bubble.user {
  margin-left: 15%;
  background-color: var(--green);
  color: var(--white);
  border-bottom-right-radius: 4px;
}
.aiapp_page .aiapp_genai_sec .genai_mock .mock_bubble.bot {
  margin-right: 10%;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom-left-radius: 4px;
}
.aiapp_page .aiapp_genai_sec .genai_mock .mock_line {
  display: block;
  height: 9px;
  border-radius: 5px;
  background-color: var(--gray-03);
  margin-bottom: 0.6em;
}
.aiapp_page .aiapp_genai_sec .genai_mock .mock_line.short {
  width: 62%;
}
.aiapp_page .aiapp_genai_sec .genai_mock .mock_cite {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  margin-top: 0.4em;
  color: var(--green-dark);
  font-size: var(--font-size-14);
  font-weight: var(--semi-bold);
}
.aiapp_page .aiapp_genai_sec .genai_mock .mock_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
.aiapp_page .aiapp_genai_sec .genai_mock .mock_actions span {
  padding: 0.4em 0.9em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 2em;
  background-color: var(--white);
  color: var(--gray-01);
  font-size: var(--font-size-14);
}
.aiapp_page .aiapp_genai_sec .genai_content p {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  margin-bottom: 1.4em;
}
.aiapp_page .aiapp_genai_sec .genai_content .genai_caps {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
  margin: 0 0 1.6em;
  padding: 0;
  list-style: none;
}
.aiapp_page .aiapp_genai_sec .genai_content .genai_caps li {
  padding: 0.55em 1.1em;
  border-radius: 2em;
  background-color: var(--green-light-01);
  color: var(--black);
  font-size: var(--font-size-14);
  font-weight: var(--semi-bold);
}
.aiapp_page .aiapp_genai_sec .genai_content .genai_note {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  padding: 1.2em 1.4em;
  border-radius: 12px;
  border-left: 3px solid var(--green);
  background-color: #F4F8F6;
  color: var(--gray);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.aiapp_page .aiapp_genai_sec .genai_content .genai_note i {
  flex-shrink: 0;
  color: var(--green-dark);
  margin-top: 0.15em;
}
.aiapp_page .aiapp_rag_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.aiapp_page .aiapp_rag_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.aiapp_page .aiapp_rag_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.aiapp_page .aiapp_rag_sec .rag_pipeline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
  margin: 0 0 2.5em;
  padding: 0;
  list-style: none;
  counter-reset: rag;
}
.aiapp_page .aiapp_rag_sec .rag_pipeline li {
  counter-increment: rag;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6em;
  flex: 1 1 8em;
  padding: 1.1em 0.6em;
  border-radius: 12px;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.16);
  text-align: center;
}
.aiapp_page .aiapp_rag_sec .rag_pipeline li::before {
  content: counter(rag, decimal-leading-zero);
  position: absolute;
  top: 0.5em;
  left: 0.7em;
  color: rgba(0, 168, 89, 0.35);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
}
.aiapp_page .aiapp_rag_sec .rag_pipeline .rag_dot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--green-light);
  color: var(--green-link);
  font-size: var(--font-size-16);
}
.aiapp_page .aiapp_rag_sec .rag_pipeline .rag_label {
  color: var(--black);
  font-size: var(--font-size-14);
  font-weight: var(--semi-bold);
  line-height: 1.3em;
}
.aiapp_page .aiapp_rag_sec .rag_split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4em;
}
@media screen and (min-width: 992px) {
  .aiapp_page .aiapp_rag_sec .rag_split {
    grid-template-columns: 1.4fr 1fr;
  }
}
.aiapp_page .aiapp_rag_sec .rag_split h3 {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin-bottom: 1em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.aiapp_page .aiapp_rag_sec .rag_split h3 i {
  color: var(--green-dark);
  font-size: var(--font-size-18);
}
.aiapp_page .aiapp_rag_sec .rag_sources,
.aiapp_page .aiapp_rag_sec .rag_security {
  padding: 1.8em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.16);
}
.aiapp_page .aiapp_rag_sec .source_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
}
.aiapp_page .aiapp_rag_sec .source_chips span {
  padding: 0.5em 1em;
  border-radius: 2em;
  background-color: #F4F8F6;
  color: var(--gray);
  font-size: var(--font-size-14);
}
.aiapp_page .aiapp_rag_sec .rag_security {
  border-left: 3px solid var(--green);
}
.aiapp_page .aiapp_rag_sec .rag_security p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.aiapp_page .aiapp_arch_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0E1622;
}
.aiapp_page .aiapp_arch_sec .eyebrow {
  color: #00F296;
}
.aiapp_page .aiapp_arch_sec h2 {
  color: var(--white);
}
.aiapp_page .aiapp_arch_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.aiapp_page .aiapp_arch_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 58em;
  margin: 0.6em 0 2.5em;
}
.aiapp_page .aiapp_arch_sec .arch_stack {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.6em;
  margin-bottom: 2em;
}
.aiapp_page .aiapp_arch_sec .arch_layer {
  padding: 1.5em 1.7em;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.035);
}
.aiapp_page .aiapp_arch_sec .arch_layer.accent {
  border-color: rgba(0, 242, 150, 0.35);
  background-color: rgba(0, 242, 150, 0.06);
}
.aiapp_page .aiapp_arch_sec .arch_layer .layer_tag {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin-bottom: 1em;
  color: #00F296;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.aiapp_page .aiapp_arch_sec .arch_layer .layer_items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
}
.aiapp_page .aiapp_arch_sec .arch_layer .layer_items span {
  padding: 0.5em 1.1em;
  border-radius: 2em;
  background-color: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.88);
  font-size: var(--font-size-14);
}
.aiapp_page .aiapp_arch_sec .arch_arrow {
  text-align: center;
  color: rgba(0, 242, 150, 0.5);
  font-size: var(--font-size-16);
}
.aiapp_page .aiapp_arch_sec .arch_principle {
  display: flex;
  align-items: flex-start;
  gap: 0.9em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  border-left: 3px solid #00F296;
  background-color: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.78);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.aiapp_page .aiapp_arch_sec .arch_principle i {
  flex-shrink: 0;
  color: #00F296;
  margin-top: 0.2em;
}
.aiapp_page .aiapp_eval_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0B1220;
}
.aiapp_page .aiapp_eval_sec .eyebrow {
  color: #00F296;
}
.aiapp_page .aiapp_eval_sec h2 {
  color: var(--white);
}
.aiapp_page .aiapp_eval_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.aiapp_page .aiapp_eval_sec h2 {
  margin: 0.3em 0 0.5em;
}
.aiapp_page .aiapp_eval_sec .eval_intro {
  max-width: 52em;
  margin-bottom: 2.2em;
}
.aiapp_page .aiapp_eval_sec .eval_tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
  margin-bottom: 2.5em;
}
@media screen and (min-width: 768px) {
  .aiapp_page .aiapp_eval_sec .eval_tiles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .aiapp_page .aiapp_eval_sec .eval_tiles {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.aiapp_page .aiapp_eval_sec .eval_tiles .tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.6em;
  padding: 1.3em 0.8em;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.03);
  text-align: center;
}
.aiapp_page .aiapp_eval_sec .eval_tiles .tile i {
  color: #00F296;
  font-size: var(--font-size-20);
}
.aiapp_page .aiapp_eval_sec .eval_tiles .tile span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-14);
  line-height: 1.3em;
}
.aiapp_page .aiapp_eval_sec .eval_rail {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: evalstep;
}
.aiapp_page .aiapp_eval_sec .eval_rail li {
  counter-increment: evalstep;
  display: flex;
  align-items: center;
  gap: 0.7em;
  flex: 1 1 12em;
  padding: 0.9em 1.2em;
  border-radius: 2em;
  background-color: rgba(0, 242, 150, 0.08);
  border: 1px solid rgba(0, 242, 150, 0.28);
  color: var(--white);
  font-size: var(--font-size-14);
  line-height: 1.3em;
}
.aiapp_page .aiapp_eval_sec .eval_rail li::before {
  content: counter(evalstep);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #00F296;
  color: #0B1220;
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
}
.aiapp_page .aiapp_metrics_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.aiapp_page .aiapp_metrics_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.aiapp_page .aiapp_metrics_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.aiapp_page .aiapp_metrics_sec .metric_pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
  margin-bottom: 2em;
}
.aiapp_page .aiapp_metrics_sec .metric_pills span {
  padding: 0.7em 1.3em;
  border-radius: 2em;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.2);
  color: var(--black);
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
  line-height: 1.2em;
}
.aiapp_page .aiapp_metrics_sec .metrics_note {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  padding: 1.3em 1.5em;
  border-radius: 12px;
  border-left: 3px solid var(--green);
  background-color: var(--white);
  color: var(--gray);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.aiapp_page .aiapp_metrics_sec .metrics_note i {
  flex-shrink: 0;
  color: var(--green-dark);
  margin-top: 0.2em;
}
.aiapp_page .aiapp_metrics_sec .metrics_note strong {
  font-weight: var(--extra-bold);
}
.aiapp_page .aiapp_modernise_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.aiapp_page .aiapp_modernise_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.aiapp_page .aiapp_modernise_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.aiapp_page .aiapp_modernise_sec .modernise_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
  margin-bottom: 2.2em;
}
.aiapp_page .aiapp_modernise_sec .modernise_chips span {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.75em 1.3em;
  border-radius: 12px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.aiapp_page .aiapp_modernise_sec .modernise_chips span i {
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.aiapp_page .aiapp_modernise_sec .btn {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  text-wrap: wrap;
  white-space: normal;
}
.aiapp_page .aiapp_why_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #101A24;
}
.aiapp_page .aiapp_why_sec .eyebrow {
  color: #00F296;
}
.aiapp_page .aiapp_why_sec h2 {
  color: var(--white);
}
.aiapp_page .aiapp_why_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.aiapp_page .aiapp_why_sec .why_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .aiapp_page .aiapp_why_sec .why_layout {
    grid-template-columns: 1fr 1fr;
    gap: 4em;
    align-items: center;
  }
}
.aiapp_page .aiapp_why_sec .why_intro h2 {
  margin: 0.3em 0 0.6em;
}
.aiapp_page .aiapp_why_sec .why_intro p {
  margin-bottom: 1.8em;
}
.aiapp_page .aiapp_why_sec .why_cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.aiapp_page .aiapp_why_sec .why_cloud span {
  padding: 0.7em 1.2em;
  border-radius: 2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.88);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.aiapp_page .aiapp_why_sec .why_cloud span:nth-child(3n) {
  border-color: rgba(0, 242, 150, 0.35);
  background-color: rgba(0, 242, 150, 0.08);
  color: var(--white);
}
.aiapp_page .aiapp_engagement_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.aiapp_page .aiapp_engagement_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.aiapp_page .aiapp_engagement_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.aiapp_page .aiapp_engagement_sec .sub_title a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.aiapp_page .aiapp_engagement_sec .engagement_list {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.aiapp_page .aiapp_engagement_sec .engagement {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
  align-items: center;
  padding: 1.6em 1.8em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
@media screen and (min-width: 768px) {
  .aiapp_page .aiapp_engagement_sec .engagement {
    grid-template-columns: auto 1fr auto;
    gap: 1.8em;
  }
}
.aiapp_page .aiapp_engagement_sec .engagement:hover {
  border-color: var(--green);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}
.aiapp_page .aiapp_engagement_sec .engagement .engagement_stage {
  color: rgba(0, 168, 89, 0.35);
  font-size: var(--font-size-36);
  font-weight: var(--extra-bold);
  line-height: 1;
}
.aiapp_page .aiapp_engagement_sec .engagement h3 {
  margin-bottom: 0.35em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.aiapp_page .aiapp_engagement_sec .engagement p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.aiapp_page .aiapp_engagement_sec .engagement .btn {
  white-space: nowrap;
}

.banner_f_sec.app_modernisation_integration .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.app_modernisation_integration .box h1 {
  font-weight: var(--extra-bold);
}

.amod_page .amod_debt_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0C1116;
}
.amod_page .amod_debt_sec .eyebrow {
  color: #00F296;
}
.amod_page .amod_debt_sec h2 {
  color: var(--white);
}
.amod_page .amod_debt_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.amod_page .amod_debt_sec h2 {
  margin: 0.3em 0 0.5em;
}
.amod_page .amod_debt_sec .debt_intro {
  max-width: 54em;
  margin-bottom: 2.5em;
}
.amod_page .amod_debt_sec .debt_ledger {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .amod_page .amod_debt_sec .debt_ledger {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.amod_page .amod_debt_sec .debt_group {
  padding: 1.7em 1.8em;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.035);
}
.amod_page .amod_debt_sec .debt_group .debt_group_title {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin-bottom: 1.1em;
  padding-bottom: 0.9em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  color: #00F296;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.amod_page .amod_debt_sec .debt_group ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.amod_page .amod_debt_sec .debt_group ul li {
  position: relative;
  padding: 0.5em 0 0.5em 1.3em;
  color: rgba(255, 255, 255, 0.82);
  font-size: var(--font-size-16);
  line-height: 1.4em;
}
.amod_page .amod_debt_sec .debt_group ul li::before {
  content: "";
  position: absolute;
  top: 1em;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: rgba(0, 242, 150, 0.6);
}
.amod_page .amod_roadmap_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.amod_page .amod_roadmap_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.amod_page .amod_roadmap_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.amod_page .amod_roadmap_sec .roadmap_rail {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
  margin-bottom: 2.5em;
}
@media screen and (min-width: 768px) {
  .amod_page .amod_roadmap_sec .roadmap_rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.amod_page .amod_roadmap_sec .roadmap_rail .rail_step {
  display: flex;
  align-items: center;
  gap: 1em;
  padding: 1.3em 1.5em;
  border-radius: 14px;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.16);
}
.amod_page .amod_roadmap_sec .roadmap_rail .rail_step .rail_num {
  flex-shrink: 0;
  color: var(--green);
  font-size: var(--font-size-28);
  font-weight: var(--extra-bold);
  line-height: 1;
}
.amod_page .amod_roadmap_sec .roadmap_rail .rail_step .rail_label {
  color: var(--black);
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
  line-height: 1.3em;
}
.amod_page .amod_roadmap_sec .outcome_grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.amod_page .amod_roadmap_sec .outcome_grid span {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.7em 1.2em;
  border-radius: 2em;
  background-color: rgba(255, 255, 255, 0.75);
  color: var(--black);
  font-size: var(--font-size-14);
  font-weight: var(--semi-bold);
  line-height: 1.2em;
}
.amod_page .amod_roadmap_sec .outcome_grid span i {
  color: var(--green-dark);
}
.amod_page .amod_integration_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.amod_page .amod_integration_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.amod_page .amod_integration_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.amod_page .amod_integration_sec .integration_lanes {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .amod_page .amod_integration_sec .integration_lanes {
    grid-template-columns: 1.35fr auto 1fr;
    gap: 1.6em;
  }
}
.amod_page .amod_integration_sec .lane {
  padding: 1.8em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.amod_page .amod_integration_sec .lane.goals {
  border-left: 3px solid var(--green);
}
.amod_page .amod_integration_sec .lane .lane_title {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin-bottom: 1.2em;
  color: var(--green-dark);
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.amod_page .amod_integration_sec .lane .lane_items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55em;
}
.amod_page .amod_integration_sec .lane .lane_items span {
  padding: 0.5em 1em;
  border-radius: 2em;
  background-color: #F4F8F6;
  color: var(--gray);
  font-size: var(--font-size-14);
}
.amod_page .amod_integration_sec .lane ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.amod_page .amod_integration_sec .lane ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.7em;
  padding: 0.55em 0;
  color: var(--gray);
  font-size: var(--font-size-16);
  line-height: 1.45em;
}
.amod_page .amod_integration_sec .lane ul li i {
  flex-shrink: 0;
  margin-top: 0.2em;
  color: var(--green);
}
.amod_page .amod_integration_sec .lane_join {
  display: none;
  color: rgba(0, 168, 89, 0.5);
  font-size: var(--font-size-24);
  text-align: center;
}
@media screen and (min-width: 992px) {
  .amod_page .amod_integration_sec .lane_join {
    display: block;
  }
}
.amod_page .amod_assess_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0F161C;
}
.amod_page .amod_assess_sec .eyebrow {
  color: #00F296;
}
.amod_page .amod_assess_sec h2 {
  color: var(--white);
}
.amod_page .amod_assess_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.amod_page .amod_assess_sec .assess_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2em;
}
@media screen and (min-width: 992px) {
  .amod_page .amod_assess_sec .assess_layout {
    grid-template-columns: 1.3fr 1fr;
    gap: 3em;
    align-items: start;
  }
}
.amod_page .amod_assess_sec .assess_intro h2 {
  margin: 0.3em 0 0.6em;
}
.amod_page .amod_assess_sec .assess_intro p {
  margin-bottom: 1.8em;
}
.amod_page .amod_assess_sec .assess_areas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
}
.amod_page .amod_assess_sec .assess_areas span {
  padding: 0.55em 1.1em;
  border-radius: 2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-14);
}
.amod_page .amod_assess_sec .assess_output {
  padding: 2em;
  border-radius: 16px;
  border: 1px solid rgba(0, 242, 150, 0.3);
  background-color: rgba(0, 242, 150, 0.06);
}
.amod_page .amod_assess_sec .assess_output .output_title {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin-bottom: 1.2em;
  color: #00F296;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.amod_page .amod_assess_sec .assess_output ul {
  margin: 0 0 1.8em;
  padding: 0;
  list-style: none;
}
.amod_page .amod_assess_sec .assess_output ul li {
  position: relative;
  padding: 0.5em 0 0.5em 1.5em;
  color: var(--white);
  font-size: var(--font-size-16);
  line-height: 1.4em;
}
.amod_page .amod_assess_sec .assess_output ul li::before {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 0.55em;
  font-family: var(--icon-font);
  font-weight: 900;
  font-size: var(--font-size-12);
  color: #00F296;
}
.amod_page .amod_strategy_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.amod_page .amod_strategy_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.amod_page .amod_strategy_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.amod_page .amod_strategy_sec .strategy_scale {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .amod_page .amod_strategy_sec .strategy_scale {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .amod_page .amod_strategy_sec .strategy_scale {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.amod_page .amod_strategy_sec .strategy {
  padding: 1.7em 1.8em;
  border-radius: 16px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.amod_page .amod_strategy_sec .strategy:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);
}
.amod_page .amod_strategy_sec .strategy .strategy_bar {
  height: 6px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.07);
  margin-bottom: 1.2em;
  overflow: hidden;
}
.amod_page .amod_strategy_sec .strategy .strategy_bar .fill {
  display: block;
  height: 100%;
  border-radius: 3px;
  background-color: var(--green);
}
.amod_page .amod_strategy_sec .strategy .strategy_bar .fill.s1 {
  width: 16%;
}
.amod_page .amod_strategy_sec .strategy .strategy_bar .fill.s2 {
  width: 33%;
}
.amod_page .amod_strategy_sec .strategy .strategy_bar .fill.s3 {
  width: 50%;
}
.amod_page .amod_strategy_sec .strategy .strategy_bar .fill.s4 {
  width: 66%;
}
.amod_page .amod_strategy_sec .strategy .strategy_bar .fill.s5 {
  width: 100%;
}
.amod_page .amod_strategy_sec .strategy .strategy_bar .fill.s6 {
  width: 83%;
}
.amod_page .amod_strategy_sec .strategy h3 {
  margin-bottom: 0.5em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.amod_page .amod_strategy_sec .strategy p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.amod_page .amod_perf_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0C1116;
}
.amod_page .amod_perf_sec .eyebrow {
  color: #00F296;
}
.amod_page .amod_perf_sec h2 {
  color: var(--white);
}
.amod_page .amod_perf_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.amod_page .amod_perf_sec h2 {
  margin: 0.3em 0 1.6em;
}
.amod_page .amod_perf_sec .perf_process {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.8em;
  margin-bottom: 2.2em;
}
@media screen and (min-width: 480px) {
  .amod_page .amod_perf_sec .perf_process {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .amod_page .amod_perf_sec .perf_process {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.amod_page .amod_perf_sec .perf_process .perf_stage {
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 1.1em 1.2em;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.035);
}
.amod_page .amod_perf_sec .perf_process .perf_stage .stage_num {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #00F296;
  color: #0C1116;
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
}
.amod_page .amod_perf_sec .perf_process .perf_stage .stage_label {
  color: rgba(255, 255, 255, 0.88);
  font-size: var(--font-size-14);
  line-height: 1.3em;
}
.amod_page .amod_perf_sec .perf_areas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
  margin-bottom: 2em;
}
.amod_page .amod_perf_sec .perf_areas span {
  padding: 0.55em 1.1em;
  border-radius: 2em;
  border: 1px solid rgba(0, 242, 150, 0.28);
  background-color: rgba(0, 242, 150, 0.07);
  color: var(--white);
  font-size: var(--font-size-14);
}
.amod_page .amod_perf_sec .perf_note {
  display: flex;
  align-items: flex-start;
  gap: 0.9em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  border-left: 3px solid #00F296;
  background-color: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.78);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.amod_page .amod_perf_sec .perf_note i {
  flex-shrink: 0;
  color: #00F296;
  margin-top: 0.2em;
}
.amod_page .amod_infra_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.amod_page .amod_infra_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.amod_page .amod_infra_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.amod_page .amod_infra_sec .infra_panels {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4em;
}
@media screen and (min-width: 992px) {
  .amod_page .amod_infra_sec .infra_panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.amod_page .amod_infra_sec .infra_panel {
  padding: 2em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.16);
}
.amod_page .amod_infra_sec .infra_panel h3 {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin-bottom: 1.2em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.amod_page .amod_infra_sec .infra_panel h3 i {
  color: var(--green-dark);
  font-size: var(--font-size-18);
}
.amod_page .amod_infra_sec .infra_panel .panel_items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55em;
  margin-bottom: 1.4em;
}
.amod_page .amod_infra_sec .infra_panel .panel_items span {
  padding: 0.5em 1em;
  border-radius: 2em;
  background-color: #F4F8F6;
  color: var(--gray);
  font-size: var(--font-size-14);
}
.amod_page .amod_infra_sec .infra_panel .panel_goal {
  padding-top: 1.1em;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.amod_page .amod_pipeline_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0F161C;
}
.amod_page .amod_pipeline_sec .eyebrow {
  color: #00F296;
}
.amod_page .amod_pipeline_sec h2 {
  color: var(--white);
}
.amod_page .amod_pipeline_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.amod_page .amod_pipeline_sec h2 {
  margin: 0.3em 0 0.6em;
}
.amod_page .amod_pipeline_sec .pipeline_intro {
  max-width: 56em;
  margin-bottom: 2.4em;
}
.amod_page .amod_pipeline_sec .pipeline_flow {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
  margin: 0 0 2.5em;
  padding: 0;
  list-style: none;
}
.amod_page .amod_pipeline_sec .pipeline_flow li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.7em;
  flex: 1 1 8em;
  padding: 1.2em 0.6em;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.035);
  text-align: center;
}
.amod_page .amod_pipeline_sec .pipeline_flow .flow_dot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(0, 242, 150, 0.12);
  color: #00F296;
  font-size: var(--font-size-16);
}
.amod_page .amod_pipeline_sec .pipeline_flow .flow_label {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-14);
  line-height: 1.3em;
}
.amod_page .amod_pipeline_sec .monitor_chips {
  padding: 1.7em 1.8em;
  border-radius: 16px;
  border: 1px solid rgba(0, 242, 150, 0.28);
  background-color: rgba(0, 242, 150, 0.06);
}
.amod_page .amod_pipeline_sec .monitor_chips .monitor_title {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin-bottom: 1.1em;
  color: #00F296;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.amod_page .amod_pipeline_sec .monitor_chips .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
}
.amod_page .amod_pipeline_sec .monitor_chips .chips span {
  padding: 0.5em 1.1em;
  border-radius: 2em;
  background-color: rgba(255, 255, 255, 0.08);
  color: var(--white);
  font-size: var(--font-size-14);
}
.amod_page .amod_continuity_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.amod_page .amod_continuity_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.amod_page .amod_continuity_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.amod_page .amod_continuity_sec .continuity_track {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
  padding: 1.8em;
  border-radius: 16px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 2em;
}
.amod_page .amod_continuity_sec .continuity_track .track_lane .lane_tag {
  margin-bottom: 0.6em;
  color: var(--gray);
  font-size: var(--font-size-14);
  font-weight: var(--semi-bold);
}
.amod_page .amod_continuity_sec .continuity_track .track_lane .lane_bar {
  display: flex;
  gap: 4px;
  height: 14px;
  border-radius: 7px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.06);
}
.amod_page .amod_continuity_sec .continuity_track .track_lane.existing .lane_bar {
  background-color: var(--gray-02);
}
.amod_page .amod_continuity_sec .continuity_track .track_lane.modern .lane_bar {
  background-color: transparent;
}
.amod_page .amod_continuity_sec .continuity_track .track_lane.modern .lane_bar .seg {
  flex: 1;
  border-radius: 7px;
  background-color: var(--green);
}
.amod_page .amod_continuity_sec .continuity_track .track_lane.modern .lane_bar .seg:nth-child(1) {
  opacity: 0.4;
}
.amod_page .amod_continuity_sec .continuity_track .track_lane.modern .lane_bar .seg:nth-child(2) {
  opacity: 0.6;
}
.amod_page .amod_continuity_sec .continuity_track .track_lane.modern .lane_bar .seg:nth-child(3) {
  opacity: 0.8;
}
.amod_page .amod_continuity_sec .continuity_track .track_lane.modern .lane_bar .seg:nth-child(4) {
  opacity: 1;
}
.amod_page .amod_continuity_sec .continuity_track .track_cutover {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  justify-self: start;
  padding: 0.55em 1.2em;
  border-radius: 2em;
  background-color: var(--green-light);
  color: var(--green-link);
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
}
.amod_page .amod_continuity_sec .continuity_checklist {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.7em;
  margin: 0 0 1.8em;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 480px) {
  .amod_page .amod_continuity_sec .continuity_checklist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .amod_page .amod_continuity_sec .continuity_checklist {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.amod_page .amod_continuity_sec .continuity_checklist li {
  display: flex;
  align-items: flex-start;
  gap: 0.7em;
  color: var(--gray);
  font-size: var(--font-size-16);
  line-height: 1.4em;
}
.amod_page .amod_continuity_sec .continuity_checklist li i {
  flex-shrink: 0;
  margin-top: 0.2em;
  color: var(--green);
}
.amod_page .amod_continuity_sec .continuity_note {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  padding: 1.3em 1.5em;
  border-radius: 12px;
  border-left: 3px solid var(--green);
  background-color: #F4F8F6;
  color: var(--gray);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.amod_page .amod_continuity_sec .continuity_note i {
  flex-shrink: 0;
  color: var(--green-dark);
  margin-top: 0.2em;
}
.amod_page .amod_why_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #111920;
}
.amod_page .amod_why_sec .eyebrow {
  color: #00F296;
}
.amod_page .amod_why_sec h2 {
  color: var(--white);
}
.amod_page .amod_why_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.amod_page .amod_why_sec .why_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .amod_page .amod_why_sec .why_layout {
    grid-template-columns: 1fr 1fr;
    gap: 4em;
    align-items: center;
  }
}
.amod_page .amod_why_sec .why_intro h2 {
  margin: 0.3em 0 0.6em;
}
.amod_page .amod_why_sec .why_intro p {
  margin-bottom: 1.8em;
}
.amod_page .amod_why_sec .why_cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.amod_page .amod_why_sec .why_cloud span {
  padding: 0.7em 1.2em;
  border-radius: 2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.88);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.amod_page .amod_why_sec .why_cloud span:nth-child(3n) {
  border-color: rgba(0, 242, 150, 0.35);
  background-color: rgba(0, 242, 150, 0.08);
  color: var(--white);
}
.amod_page .amod_crosslink_sec {
  width: 100%;
  padding: var(--section-y-xs) 0;
  background-color: var(--white);
}
.amod_page .amod_crosslink_sec .crosslink_box {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4em;
  align-items: center;
  padding: 2em;
  border-radius: 16px;
  background-color: #EAF7F0;
  border: 1px solid rgba(0, 168, 89, 0.18);
}
@media screen and (min-width: 992px) {
  .amod_page .amod_crosslink_sec .crosslink_box {
    grid-template-columns: 1fr auto;
    gap: 2.5em;
  }
}
.amod_page .amod_crosslink_sec .crosslink_copy {
  min-width: 0;
}
.amod_page .amod_crosslink_sec h3 {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin-bottom: 0.5em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.amod_page .amod_crosslink_sec h3 i {
  color: var(--green-dark);
}
.amod_page .amod_crosslink_sec p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.amod_page .amod_crosslink_sec .btn {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  text-wrap: wrap;
  white-space: normal;
}
@media screen and (min-width: 992px) {
  .amod_page .amod_crosslink_sec .btn {
    text-wrap: nowrap;
    white-space: nowrap;
  }
}
.amod_page .amod_engagement_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.amod_page .amod_engagement_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.amod_page .amod_engagement_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.amod_page .amod_engagement_sec .sub_title a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.amod_page .amod_engagement_sec .engagement_list {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.amod_page .amod_engagement_sec .engagement {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
  align-items: center;
  padding: 1.6em 1.8em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
@media screen and (min-width: 768px) {
  .amod_page .amod_engagement_sec .engagement {
    grid-template-columns: auto 1fr auto;
    gap: 1.8em;
  }
}
.amod_page .amod_engagement_sec .engagement:hover {
  border-color: var(--green);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}
.amod_page .amod_engagement_sec .engagement .engagement_stage {
  color: rgba(0, 168, 89, 0.35);
  font-size: var(--font-size-36);
  font-weight: var(--extra-bold);
  line-height: 1;
}
.amod_page .amod_engagement_sec .engagement h3 {
  margin-bottom: 0.35em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.amod_page .amod_engagement_sec .engagement p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.amod_page .amod_engagement_sec .engagement .btn {
  white-space: nowrap;
}

.banner_f_sec.ai_automation .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.ai_automation .box h1 {
  font-weight: var(--extra-bold);
}

.banner_f_sec.accessibility_audit .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.accessibility_audit .box h1 {
  font-weight: var(--extra-bold);
}

.banner_f_sec.seo_services .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.seo_services .box h1 {
  font-weight: var(--extra-bold);
}

.banner_f_sec.web_application_development .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.web_application_development .box h1 {
  font-weight: var(--extra-bold);
}

.banner_f_sec.cms_development .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.cms_development .box h1 {
  font-weight: var(--extra-bold);
}

.banner_f_sec.chatbot_development .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.chatbot_development .box h1 {
  font-weight: var(--extra-bold);
}

.banner_f_sec.rpa_development .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.rpa_development .box h1 {
  font-weight: var(--extra-bold);
}

.banner_f_sec.brand_identity_design .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.brand_identity_design .box h1 {
  font-weight: var(--extra-bold);
}

.banner_f_sec.graphic_design .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.graphic_design .box h1 {
  font-weight: var(--extra-bold);
}

.banner_f_sec.graphic_design .box .container .btn,
.graphic_design_page .closing_cta_sec .btn {
  max-width: 100%;
  text-wrap: wrap;
  text-align: center;
}

.banner_f_sec.email_marketing .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.email_marketing .box h1 {
  font-weight: var(--extra-bold);
}

.banner_f_sec.email_marketing .box .container .btn,
.email_marketing_page .closing_cta_sec .btn {
  max-width: 100%;
  text-wrap: wrap;
  text-align: center;
}

.banner_f_sec.ppc_advertising .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.ppc_advertising .box h1 {
  font-weight: var(--extra-bold);
}

.banner_f_sec.ppc_advertising .box .container .btn,
.ppc_advertising_page .closing_cta_sec .btn {
  max-width: 100%;
  text-wrap: wrap;
  text-align: center;
}

.banner_f_sec.social_media_marketing .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.social_media_marketing .box h1 {
  font-weight: var(--extra-bold);
}

.banner_f_sec.social_media_marketing .box .container .btn,
.social_media_marketing_page .closing_cta_sec .btn {
  max-width: 100%;
  text-wrap: wrap;
  text-align: center;
}

.banner_f_sec.content_marketing .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.content_marketing .box h1 {
  font-weight: var(--extra-bold);
}

.banner_f_sec.content_marketing .box .container .btn,
.content_marketing_page .closing_cta_sec .btn {
  max-width: 100%;
  text-wrap: wrap;
  text-align: center;
}

.banner_f_sec.managed_it_services .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.managed_it_services .box h1 {
  font-weight: var(--extra-bold);
}

.banner_f_sec.managed_it_services .box .container .btn,
.managed_it_services_page .closing_cta_sec .btn {
  max-width: 100%;
  text-wrap: wrap;
  text-align: center;
}

.banner_f_sec.android_app_development .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.android_app_development .box h1 {
  font-weight: var(--extra-bold);
}

.android_page main .btn {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  text-wrap: wrap;
  white-space: normal;
}
@media screen and (min-width: 992px) {
  .android_page main .btn {
    text-wrap: nowrap;
    white-space: nowrap;
  }
}
.android_page .andr_problem_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0C1712;
}
.android_page .andr_problem_sec .eyebrow {
  color: #00F296;
}
.android_page .andr_problem_sec h2 {
  color: var(--white);
}
.android_page .andr_problem_sec p,
.android_page .andr_problem_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.android_page .andr_problem_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.android_page .andr_problem_sec .problem_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .android_page .andr_problem_sec .problem_layout {
    grid-template-columns: 0.85fr 1.15fr;
    gap: 4em;
    align-items: start;
  }
}
@media screen and (min-width: 992px) {
  .android_page .andr_problem_sec .problem_intro {
    position: sticky;
    top: 7em;
  }
}
.android_page .andr_problem_sec .problem_intro h2 {
  margin: 0.3em 0 0.6em;
}
.android_page .andr_problem_sec .problem_list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .android_page .andr_problem_sec .problem_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.android_page .andr_problem_sec .problem_list li {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.android_page .andr_problem_sec .problem_list .problem_num {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
}
.android_page .andr_value_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.android_page .andr_value_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.android_page .andr_value_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.android_page .andr_value_sec .outcome_pairs {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
}
@media screen and (min-width: 480px) {
  .android_page .andr_value_sec .outcome_pairs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .android_page .andr_value_sec .outcome_pairs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.android_page .andr_value_sec .outcome_pairs .pair {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.2em 1.3em;
  border-radius: 14px;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.16);
}
.android_page .andr_value_sec .outcome_pairs .pair i {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: var(--green-light);
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.android_page .andr_value_sec .outcome_pairs .pair span {
  color: var(--black);
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
  line-height: 1.3em;
}
.android_page .andr_apptype_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.android_page .andr_apptype_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.android_page .andr_apptype_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.android_page .andr_apptype_sec h2 {
  margin-bottom: 1.4em;
}
.android_page .andr_apptype_sec .apptype_rows {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .android_page .andr_apptype_sec .apptype_rows {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .android_page .andr_apptype_sec .apptype_rows {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.android_page .andr_apptype_sec .apptype {
  padding: 1.5em 1.6em;
  border-top: 3px solid var(--green);
  background-color: var(--white);
  border-radius: 0 0 12px 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.android_page .andr_apptype_sec .apptype:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);
}
.android_page .andr_apptype_sec .apptype .apptype_head {
  display: flex;
  align-items: center;
  gap: 0.8em;
  margin-bottom: 0.7em;
}
.android_page .andr_apptype_sec .apptype .apptype_head i {
  color: var(--green-dark);
  font-size: var(--font-size-18);
}
.android_page .andr_apptype_sec .apptype .apptype_head h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.android_page .andr_apptype_sec .apptype p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.android_page .andr_discovery_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.android_page .andr_discovery_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.android_page .andr_discovery_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.android_page .andr_discovery_sec .discovery_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2em;
}
@media screen and (min-width: 992px) {
  .android_page .andr_discovery_sec .discovery_layout {
    grid-template-columns: 1.35fr 0.65fr;
    gap: 3em;
    align-items: start;
  }
}
.android_page .andr_discovery_sec .discovery_areas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
  align-content: flex-start;
}
.android_page .andr_discovery_sec .discovery_areas .area_chip {
  padding: 0.7em 1.3em;
  border: 1px solid rgba(0, 168, 89, 0.28);
  border-radius: 2em;
  background-color: var(--green-light-01);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.android_page .andr_discovery_sec .discovery_output {
  padding: 1.8em 2em;
  border-radius: 16px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.android_page .andr_discovery_sec .discovery_output h3 {
  margin-bottom: 0.9em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.android_page .andr_discovery_sec .discovery_output ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.7em;
}
.android_page .andr_discovery_sec .discovery_output ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.7em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.android_page .andr_discovery_sec .discovery_output ul li i {
  flex-shrink: 0;
  margin-top: 0.25em;
  color: var(--green);
}
.android_page .andr_discovery_sec + .checklist_sec {
  background-color: #EAF7F0;
}
.android_page .andr_engineering_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0C1712;
}
.android_page .andr_engineering_sec .eyebrow {
  color: #00F296;
}
.android_page .andr_engineering_sec h2 {
  color: var(--white);
}
.android_page .andr_engineering_sec p,
.android_page .andr_engineering_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.android_page .andr_engineering_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.android_page .andr_engineering_sec h2 {
  margin: 0.3em 0 0.5em;
}
.android_page .andr_engineering_sec .eng_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .android_page .andr_engineering_sec .eng_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .android_page .andr_engineering_sec .eng_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.android_page .andr_engineering_sec .eng_item {
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 1.1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
}
.android_page .andr_engineering_sec .eng_item i {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-16);
}
.android_page .andr_engineering_sec .eng_item span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.android_page .andr_engineering_sec .eng_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--font-size-16);
}
.android_page .andr_engineering_sec .eng_note i {
  color: #00F296;
}
.android_page .andr_engineering_sec .eng_note strong {
  color: var(--white);
}
.android_page .andr_engineering_sec .eng_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.android_page .andr_fragment_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.android_page .andr_fragment_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.android_page .andr_fragment_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.android_page .andr_fragment_sec .fragment_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .android_page .andr_fragment_sec .fragment_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.android_page .andr_fragment_sec .frag_card {
  padding: 1.8em 2em;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #F4F8F6;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.android_page .andr_fragment_sec .frag_card:hover {
  border-color: var(--green);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}
.android_page .andr_fragment_sec .frag_card .frag_label {
  display: inline-block;
  margin-bottom: 0.9em;
  padding: 0.4em 1em;
  border-radius: 2em;
  background-color: var(--green-light);
  color: var(--green-link);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.android_page .andr_fragment_sec .frag_card h3 {
  margin-bottom: 0.5em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.android_page .andr_fragment_sec .frag_card p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.android_page .andr_fragment_sec .frag_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: var(--white);
  color: var(--gray-01);
  font-size: var(--font-size-16);
  background-color: #EAF7F0;
}
.android_page .andr_fragment_sec .frag_note i {
  color: var(--green-dark);
}
.android_page .andr_fragment_sec .frag_note strong {
  color: var(--black);
}
.android_page .andr_fragment_sec .frag_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.android_page .andr_security_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.android_page .andr_security_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.android_page .andr_security_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.android_page .andr_security_sec .sec_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 480px) {
  .android_page .andr_security_sec .sec_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .android_page .andr_security_sec .sec_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.android_page .andr_security_sec .sec_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border-radius: 12px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.android_page .andr_security_sec .sec_item i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.android_page .andr_security_sec .sec_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.android_page .andr_security_sec .sec_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: var(--white);
  color: var(--gray-01);
  font-size: var(--font-size-16);
}
.android_page .andr_security_sec .sec_note i {
  color: var(--green-dark);
}
.android_page .andr_security_sec .sec_note strong {
  color: var(--black);
}
.android_page .andr_security_sec .sec_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.android_page .andr_perf_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0F1B16;
}
.android_page .andr_perf_sec .eyebrow {
  color: #00F296;
}
.android_page .andr_perf_sec h2 {
  color: var(--white);
}
.android_page .andr_perf_sec p,
.android_page .andr_perf_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.android_page .andr_perf_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.android_page .andr_perf_sec h2 {
  margin: 0.3em 0 1.4em;
}
.android_page .andr_perf_sec .perf_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.6em;
}
@media screen and (min-width: 768px) {
  .android_page .andr_perf_sec .perf_layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2em;
  }
}
.android_page .andr_perf_sec .perf_col {
  padding: 1.8em 2em;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.03);
}
.android_page .andr_perf_sec .perf_col h3 {
  margin-bottom: 0.9em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  color: #00F296;
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.android_page .andr_perf_sec .perf_col ul, .android_page .andr_perf_sec .perf_col ol {
  margin: 0;
  padding: 0;
  list-style: none !important;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
}
.android_page .andr_perf_sec .perf_col ul li, .android_page .andr_perf_sec .perf_col ol li {
  list-style: none !important;
  padding: 0.5em 1.1em;
  border-radius: 2em;
  background-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.android_page .andr_perf_sec .perf_col ul li::before, .android_page .andr_perf_sec .perf_col ul li::after, .android_page .andr_perf_sec .perf_col ol li::before, .android_page .andr_perf_sec .perf_col ol li::after {
  display: none !important;
  content: none !important;
}
.android_page .andr_analytics_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.android_page .andr_analytics_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.android_page .andr_analytics_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.android_page .andr_analytics_sec .analytics_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2em;
}
@media screen and (min-width: 992px) {
  .android_page .andr_analytics_sec .analytics_layout {
    grid-template-columns: 1.3fr 0.7fr;
    gap: 3em;
    align-items: start;
  }
}
.android_page .andr_analytics_sec h3 {
  margin-bottom: 1em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.android_page .andr_analytics_sec .event_pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.android_page .andr_analytics_sec .event_pills span {
  padding: 0.65em 1.2em;
  border-radius: 2em;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.2);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.android_page .andr_analytics_sec .analytics_metrics ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.6em;
}
.android_page .andr_analytics_sec .analytics_metrics ul li {
  display: flex;
  align-items: center;
  gap: 0.7em;
  padding: 0.8em 1.2em;
  border-radius: 12px;
  background-color: var(--white);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.android_page .andr_analytics_sec .analytics_metrics ul li i {
  flex-shrink: 0;
  color: var(--green);
}
.android_page .andr_play_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.android_page .andr_play_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.android_page .andr_play_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.android_page .andr_play_sec .play_track {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .android_page .andr_play_sec .play_track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .android_page .andr_play_sec .play_track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.android_page .andr_play_sec .play_step {
  position: relative;
  padding: 1.7em 1.8em 1.7em 2em;
  border-radius: 16px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.android_page .andr_play_sec .play_step::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: var(--green);
}
.android_page .andr_play_sec .play_step .play_num {
  display: block;
  margin-bottom: 0.5em;
  color: rgba(0, 168, 89, 0.4);
  font-size: var(--font-size-28);
  font-weight: var(--extra-bold);
  line-height: 1;
}
.android_page .andr_play_sec .play_step h3 {
  margin-bottom: 0.5em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.android_page .andr_play_sec .play_step p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.android_page .andr_play_sec .play_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: var(--white);
  color: var(--gray-01);
  font-size: var(--font-size-16);
  background-color: #EAF7F0;
}
.android_page .andr_play_sec .play_note i {
  color: var(--green-dark);
}
.android_page .andr_play_sec .play_note strong {
  color: var(--black);
}
.android_page .andr_play_sec .play_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.android_page .andr_modernise_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.android_page .andr_modernise_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.android_page .andr_modernise_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.android_page .andr_modernise_sec .modernise_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 480px) {
  .android_page .andr_modernise_sec .modernise_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .android_page .andr_modernise_sec .modernise_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.android_page .andr_modernise_sec .mod_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border-radius: 12px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.android_page .andr_modernise_sec .mod_item i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.android_page .andr_modernise_sec .mod_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.android_page .andr_modernise_sec .mod_approach {
  margin-top: 2.4em;
  padding: 1.6em 1.8em;
  border-radius: 14px;
  border-left: 4px solid var(--green);
  background-color: #EAF7F0;
}
.android_page .andr_modernise_sec .mod_approach p {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.65em;
}
.android_page .andr_modernise_sec .mod_approach p a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.android_page .andr_native_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.android_page .andr_native_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.android_page .andr_native_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.android_page .andr_native_sec .native_compare {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4em;
}
@media screen and (min-width: 768px) {
  .android_page .andr_native_sec .native_compare {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2em;
  }
}
.android_page .andr_native_sec .compare_card {
  padding: 1.8em 2em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.android_page .andr_native_sec .compare_card .compare_tag {
  display: inline-block;
  margin-bottom: 1.1em;
  padding: 0.5em 1.2em;
  border-radius: 2em;
  background-color: var(--green-light);
  color: var(--green-link);
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.06em;
}
.android_page .andr_native_sec .compare_card ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.9em;
}
.android_page .andr_native_sec .compare_card ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.android_page .andr_native_sec .compare_card ul li i {
  flex-shrink: 0;
  margin-top: 0.3em;
  color: var(--green);
}
.android_page .andr_native_sec .native_links {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  margin-top: 2.4em;
}
.android_page .andr_why_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #101E18;
}
.android_page .andr_why_sec .eyebrow {
  color: #00F296;
}
.android_page .andr_why_sec h2 {
  color: var(--white);
}
.android_page .andr_why_sec p,
.android_page .andr_why_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.android_page .andr_why_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.android_page .andr_why_sec h2 {
  margin: 0.3em 0 0.5em;
}
.android_page .andr_why_sec .why_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .android_page .andr_why_sec .why_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .android_page .andr_why_sec .why_grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.android_page .andr_why_sec .why_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8em;
  padding: 1.5em 1em;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 0.03);
}
.android_page .andr_why_sec .why_item i {
  color: #00F296;
  font-size: var(--font-size-20);
}
.android_page .andr_why_sec .why_item span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.android_page .andr_engagement_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.android_page .andr_engagement_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.android_page .andr_engagement_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.android_page .andr_engagement_sec .sub_title a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.android_page .andr_engagement_sec .engagement_list {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.android_page .andr_engagement_sec .engagement {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
  align-items: center;
  padding: 1.6em 1.8em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
@media screen and (min-width: 768px) {
  .android_page .andr_engagement_sec .engagement {
    grid-template-columns: auto 1fr auto;
    gap: 1.8em;
  }
}
.android_page .andr_engagement_sec .engagement:hover {
  border-color: var(--green);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}
.android_page .andr_engagement_sec .engagement .engagement_stage {
  color: rgba(0, 168, 89, 0.35);
  font-size: var(--font-size-36);
  font-weight: var(--extra-bold);
  line-height: 1;
}
.android_page .andr_engagement_sec .engagement h3 {
  margin-bottom: 0.35em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.android_page .andr_engagement_sec .engagement p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}

.banner_f_sec.ios_app_development .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.ios_app_development .box h1 {
  font-weight: var(--extra-bold);
}

.ios_page main .btn {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  text-wrap: wrap;
  white-space: normal;
}
@media screen and (min-width: 992px) {
  .ios_page main .btn {
    text-wrap: nowrap;
    white-space: nowrap;
  }
}
.ios_page .ios_problem_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0D1117;
}
.ios_page .ios_problem_sec .eyebrow {
  color: #00F296;
}
.ios_page .ios_problem_sec h2 {
  color: var(--white);
}
.ios_page .ios_problem_sec p,
.ios_page .ios_problem_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.ios_page .ios_problem_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.ios_page .ios_problem_sec .problem_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .ios_page .ios_problem_sec .problem_layout {
    grid-template-columns: 0.85fr 1.15fr;
    gap: 4em;
    align-items: start;
  }
}
@media screen and (min-width: 992px) {
  .ios_page .ios_problem_sec .problem_intro {
    position: sticky;
    top: 7em;
  }
}
.ios_page .ios_problem_sec .problem_intro h2 {
  margin: 0.3em 0 0.6em;
}
.ios_page .ios_problem_sec .problem_list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .ios_page .ios_problem_sec .problem_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.ios_page .ios_problem_sec .problem_list li {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.ios_page .ios_problem_sec .problem_list .problem_num {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
}
.ios_page .ios_value_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.ios_page .ios_value_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ios_page .ios_value_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ios_page .ios_value_sec .outcome_pairs {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
}
@media screen and (min-width: 480px) {
  .ios_page .ios_value_sec .outcome_pairs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .ios_page .ios_value_sec .outcome_pairs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.ios_page .ios_value_sec .outcome_pairs .pair {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.2em 1.3em;
  border-radius: 14px;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.16);
}
.ios_page .ios_value_sec .outcome_pairs .pair i {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: var(--green-light);
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.ios_page .ios_value_sec .outcome_pairs .pair span {
  color: var(--black);
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
  line-height: 1.3em;
}
.ios_page .ios_apptype_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.ios_page .ios_apptype_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ios_page .ios_apptype_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ios_page .ios_apptype_sec h2 {
  margin-bottom: 1.4em;
}
.ios_page .ios_apptype_sec .apptype_rows {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .ios_page .ios_apptype_sec .apptype_rows {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .ios_page .ios_apptype_sec .apptype_rows {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.ios_page .ios_apptype_sec .apptype {
  padding: 1.5em 1.6em;
  border-left: 3px solid var(--green);
  background-color: var(--white);
  border-radius: 0 12px 12px 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ios_page .ios_apptype_sec .apptype:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);
}
.ios_page .ios_apptype_sec .apptype .apptype_head {
  display: flex;
  align-items: center;
  gap: 0.8em;
  margin-bottom: 0.7em;
}
.ios_page .ios_apptype_sec .apptype .apptype_head i {
  color: var(--green-dark);
  font-size: var(--font-size-18);
}
.ios_page .ios_apptype_sec .apptype .apptype_head h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.ios_page .ios_apptype_sec .apptype p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.ios_page .ios_discovery_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.ios_page .ios_discovery_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ios_page .ios_discovery_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ios_page .ios_discovery_sec .discovery_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2em;
}
@media screen and (min-width: 992px) {
  .ios_page .ios_discovery_sec .discovery_layout {
    grid-template-columns: 1.35fr 0.65fr;
    gap: 3em;
    align-items: start;
  }
}
.ios_page .ios_discovery_sec .discovery_areas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
  align-content: flex-start;
}
.ios_page .ios_discovery_sec .discovery_areas .area_chip {
  padding: 0.7em 1.3em;
  border: 1px solid rgba(0, 168, 89, 0.28);
  border-radius: 2em;
  background-color: var(--green-light-01);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.ios_page .ios_discovery_sec .discovery_output {
  padding: 1.8em 2em;
  border-radius: 16px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.ios_page .ios_discovery_sec .discovery_output h3 {
  margin-bottom: 0.9em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.ios_page .ios_discovery_sec .discovery_output ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.7em;
}
.ios_page .ios_discovery_sec .discovery_output ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.7em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.ios_page .ios_discovery_sec .discovery_output ul li i {
  flex-shrink: 0;
  margin-top: 0.25em;
  color: var(--green);
}
.ios_page .ios_discovery_sec + .checklist_sec {
  background-color: #EAF7F0;
}
.ios_page .ios_engineering_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0D1117;
}
.ios_page .ios_engineering_sec .eyebrow {
  color: #00F296;
}
.ios_page .ios_engineering_sec h2 {
  color: var(--white);
}
.ios_page .ios_engineering_sec p,
.ios_page .ios_engineering_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.ios_page .ios_engineering_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.ios_page .ios_engineering_sec h2 {
  margin: 0.3em 0 0.5em;
}
.ios_page .ios_engineering_sec .eng_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .ios_page .ios_engineering_sec .eng_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .ios_page .ios_engineering_sec .eng_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.ios_page .ios_engineering_sec .eng_item {
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 1.1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
}
.ios_page .ios_engineering_sec .eng_item i {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-16);
}
.ios_page .ios_engineering_sec .eng_item span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.ios_page .ios_engineering_sec .eng_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  font-size: var(--font-size-16);
  line-height: 1.6em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.8);
}
.ios_page .ios_engineering_sec .eng_note i {
  color: #00F296;
}
.ios_page .ios_engineering_sec .eng_note strong {
  color: var(--white);
}
.ios_page .ios_engineering_sec .eng_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.ios_page .ios_apple_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.ios_page .ios_apple_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ios_page .ios_apple_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ios_page .ios_apple_sec .apple_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.1em;
}
@media screen and (min-width: 480px) {
  .ios_page .ios_apple_sec .apple_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .ios_page .ios_apple_sec .apple_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.ios_page .ios_apple_sec .apple_card {
  padding: 1.6em 1.7em;
  border-radius: 16px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ios_page .ios_apple_sec .apple_card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);
}
.ios_page .ios_apple_sec .apple_card i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin-bottom: 0.9em;
  border-radius: 14px;
  background-color: var(--green-light);
  color: var(--green-dark);
  font-size: var(--font-size-18);
}
.ios_page .ios_apple_sec .apple_card h3 {
  margin-bottom: 0.5em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.ios_page .ios_apple_sec .apple_card p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.ios_page .ios_apple_sec .apple_devices {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4em;
  margin-top: 2.4em;
}
@media screen and (min-width: 768px) {
  .ios_page .ios_apple_sec .apple_devices {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2em;
  }
}
.ios_page .ios_apple_sec .device_col {
  padding: 1.8em 2em;
  border-radius: 16px;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: #EAF7F0;
}
.ios_page .ios_apple_sec .device_col .device_tag {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  margin-bottom: 0.8em;
  padding: 0.5em 1.2em;
  border-radius: 2em;
  background-color: var(--white);
  color: var(--green-dark);
  font-size: var(--font-size-16);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
}
.ios_page .ios_apple_sec .device_col p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.65em;
}
.ios_page .ios_privacy_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.ios_page .ios_privacy_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ios_page .ios_privacy_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ios_page .ios_privacy_sec .sec_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 480px) {
  .ios_page .ios_privacy_sec .sec_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .ios_page .ios_privacy_sec .sec_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.ios_page .ios_privacy_sec .sec_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border-radius: 12px;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.16);
}
.ios_page .ios_privacy_sec .sec_item i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.ios_page .ios_privacy_sec .sec_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.ios_page .ios_privacy_sec .privacy_panel {
  margin-top: 2.4em;
  padding: 2em 2.2em;
  border-radius: 18px;
  background-color: var(--white);
  border-left: 4px solid var(--green);
}
.ios_page .ios_privacy_sec .privacy_panel h3 {
  display: flex;
  align-items: center;
  gap: 0.7em;
  margin-bottom: 0.7em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.3em;
}
.ios_page .ios_privacy_sec .privacy_panel h3 i {
  flex-shrink: 0;
  color: var(--green-dark);
}
.ios_page .ios_privacy_sec .privacy_panel p {
  margin-bottom: 1.2em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.65em;
}
.ios_page .ios_privacy_sec .privacy_panel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.8em;
}
.ios_page .ios_privacy_sec .privacy_panel ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.ios_page .ios_privacy_sec .privacy_panel ul li i {
  flex-shrink: 0;
  margin-top: 0.3em;
  color: var(--green);
}
.ios_page .ios_perf_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #111820;
}
.ios_page .ios_perf_sec .eyebrow {
  color: #00F296;
}
.ios_page .ios_perf_sec h2 {
  color: var(--white);
}
.ios_page .ios_perf_sec p,
.ios_page .ios_perf_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.ios_page .ios_perf_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.ios_page .ios_perf_sec h2 {
  margin: 0.3em 0 0.5em;
}
.ios_page .ios_perf_sec .perf_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.6em;
}
@media screen and (min-width: 768px) {
  .ios_page .ios_perf_sec .perf_layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2em;
  }
}
.ios_page .ios_perf_sec .perf_col {
  padding: 1.8em 2em;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.03);
}
.ios_page .ios_perf_sec .perf_col h3 {
  margin-bottom: 0.9em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  color: #00F296;
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.ios_page .ios_perf_sec .perf_col ul, .ios_page .ios_perf_sec .perf_col ol {
  margin: 0;
  padding: 0;
  list-style: none !important;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
}
.ios_page .ios_perf_sec .perf_col ul li, .ios_page .ios_perf_sec .perf_col ol li {
  list-style: none !important;
  padding: 0.5em 1.1em;
  border-radius: 2em;
  background-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.ios_page .ios_perf_sec .perf_col ul li::before, .ios_page .ios_perf_sec .perf_col ul li::after, .ios_page .ios_perf_sec .perf_col ol li::before, .ios_page .ios_perf_sec .perf_col ol li::after {
  display: none !important;
  content: none !important;
}
.ios_page .ios_analytics_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.ios_page .ios_analytics_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ios_page .ios_analytics_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ios_page .ios_analytics_sec .analytics_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2em;
}
@media screen and (min-width: 992px) {
  .ios_page .ios_analytics_sec .analytics_layout {
    grid-template-columns: 1.3fr 0.7fr;
    gap: 3em;
    align-items: start;
  }
}
.ios_page .ios_analytics_sec h3 {
  margin-bottom: 1em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.ios_page .ios_analytics_sec .event_pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.ios_page .ios_analytics_sec .event_pills span {
  padding: 0.65em 1.2em;
  border-radius: 2em;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.2);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.ios_page .ios_analytics_sec .analytics_metrics ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.6em;
}
.ios_page .ios_analytics_sec .analytics_metrics ul li {
  display: flex;
  align-items: center;
  gap: 0.7em;
  padding: 0.8em 1.2em;
  border-radius: 12px;
  background-color: var(--white);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.ios_page .ios_analytics_sec .analytics_metrics ul li i {
  flex-shrink: 0;
  color: var(--green);
}
.ios_page .ios_appstore_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.ios_page .ios_appstore_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ios_page .ios_appstore_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ios_page .ios_appstore_sec .store_track {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .ios_page .ios_appstore_sec .store_track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .ios_page .ios_appstore_sec .store_track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.ios_page .ios_appstore_sec .store_step {
  display: flex;
  flex-direction: column;
  padding: 1.7em 1.8em;
  border-radius: 16px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.ios_page .ios_appstore_sec .store_step:hover {
  border-color: var(--green);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}
.ios_page .ios_appstore_sec .store_step .store_num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: 0.9em;
  border-radius: 50%;
  background-color: var(--green-light);
  color: var(--green-link);
  font-size: var(--font-size-16);
  font-weight: var(--extra-bold);
  line-height: 1;
}
.ios_page .ios_appstore_sec .store_step h3 {
  margin-bottom: 0.5em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.ios_page .ios_appstore_sec .store_step p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.ios_page .ios_appstore_sec .store_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  font-size: var(--font-size-16);
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: #EAF7F0;
  color: var(--gray-01);
}
.ios_page .ios_appstore_sec .store_note i {
  color: var(--green-dark);
}
.ios_page .ios_appstore_sec .store_note strong {
  color: var(--black);
}
.ios_page .ios_appstore_sec .store_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.ios_page .ios_appstore_sec .store_note em {
  font-style: italic;
}
.ios_page .ios_modernise_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.ios_page .ios_modernise_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ios_page .ios_modernise_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ios_page .ios_modernise_sec .modernise_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 480px) {
  .ios_page .ios_modernise_sec .modernise_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .ios_page .ios_modernise_sec .modernise_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.ios_page .ios_modernise_sec .mod_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border-radius: 12px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.ios_page .ios_modernise_sec .mod_item i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.ios_page .ios_modernise_sec .mod_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.ios_page .ios_modernise_sec .mod_approach {
  margin-top: 2.4em;
  padding: 1.6em 1.8em;
  border-radius: 14px;
  border-left: 4px solid var(--green);
  background-color: #EAF7F0;
}
.ios_page .ios_modernise_sec .mod_approach p {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.65em;
}
.ios_page .ios_modernise_sec .mod_approach p a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.ios_page .ios_native_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.ios_page .ios_native_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ios_page .ios_native_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ios_page .ios_native_sec .native_compare {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4em;
}
@media screen and (min-width: 768px) {
  .ios_page .ios_native_sec .native_compare {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2em;
  }
}
.ios_page .ios_native_sec .compare_card {
  padding: 1.8em 2em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.ios_page .ios_native_sec .compare_card .compare_tag {
  display: inline-block;
  margin-bottom: 1.1em;
  padding: 0.5em 1.2em;
  border-radius: 2em;
  background-color: var(--green-light);
  color: var(--green-link);
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.06em;
}
.ios_page .ios_native_sec .compare_card ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.9em;
}
.ios_page .ios_native_sec .compare_card ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.ios_page .ios_native_sec .compare_card ul li i {
  flex-shrink: 0;
  margin-top: 0.3em;
  color: var(--green);
}
.ios_page .ios_native_sec .native_links {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  margin-top: 2.4em;
}
.ios_page .ios_why_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0F161D;
}
.ios_page .ios_why_sec .eyebrow {
  color: #00F296;
}
.ios_page .ios_why_sec h2 {
  color: var(--white);
}
.ios_page .ios_why_sec p,
.ios_page .ios_why_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.ios_page .ios_why_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.ios_page .ios_why_sec h2 {
  margin: 0.3em 0 0.5em;
}
.ios_page .ios_why_sec .why_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .ios_page .ios_why_sec .why_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .ios_page .ios_why_sec .why_grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.ios_page .ios_why_sec .why_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8em;
  padding: 1.5em 1em;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 0.03);
}
.ios_page .ios_why_sec .why_item i {
  color: #00F296;
  font-size: var(--font-size-20);
}
.ios_page .ios_why_sec .why_item span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.ios_page .ios_engagement_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.ios_page .ios_engagement_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.ios_page .ios_engagement_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.ios_page .ios_engagement_sec .sub_title a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.ios_page .ios_engagement_sec .engagement_list {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.ios_page .ios_engagement_sec .engagement {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
  align-items: center;
  padding: 1.6em 1.8em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
@media screen and (min-width: 768px) {
  .ios_page .ios_engagement_sec .engagement {
    grid-template-columns: auto 1fr auto;
    gap: 1.8em;
  }
}
.ios_page .ios_engagement_sec .engagement:hover {
  border-color: var(--green);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}
.ios_page .ios_engagement_sec .engagement .engagement_stage {
  color: rgba(0, 168, 89, 0.35);
  font-size: var(--font-size-36);
  font-weight: var(--extra-bold);
  line-height: 1;
}
.ios_page .ios_engagement_sec .engagement h3 {
  margin-bottom: 0.35em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.ios_page .ios_engagement_sec .engagement p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}

.banner_f_sec.landing_page_development .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.landing_page_development .box h1 {
  font-weight: var(--extra-bold);
}

.lpd_page main .btn {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  text-wrap: wrap;
  white-space: normal;
}
@media screen and (min-width: 992px) {
  .lpd_page main .btn {
    text-wrap: nowrap;
    white-space: nowrap;
  }
}
.lpd_page .lpd_problem_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0B1410;
}
.lpd_page .lpd_problem_sec .eyebrow {
  color: #00F296;
}
.lpd_page .lpd_problem_sec h2 {
  color: var(--white);
}
.lpd_page .lpd_problem_sec p,
.lpd_page .lpd_problem_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.lpd_page .lpd_problem_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.lpd_page .lpd_problem_sec .problem_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .lpd_page .lpd_problem_sec .problem_layout {
    grid-template-columns: 0.85fr 1.15fr;
    gap: 4em;
    align-items: start;
  }
}
@media screen and (min-width: 992px) {
  .lpd_page .lpd_problem_sec .problem_intro {
    position: sticky;
    top: 7em;
  }
}
.lpd_page .lpd_problem_sec .problem_intro h2 {
  margin: 0.3em 0 0.6em;
}
.lpd_page .lpd_problem_sec .problem_list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .lpd_page .lpd_problem_sec .problem_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.lpd_page .lpd_problem_sec .problem_list li {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.lpd_page .lpd_problem_sec .problem_list .problem_num {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
}
.lpd_page .lpd_value_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.lpd_page .lpd_value_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.lpd_page .lpd_value_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.lpd_page .lpd_value_sec .sub_title em {
  font-style: italic;
}
.lpd_page .lpd_value_sec .outcome_pairs {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
}
@media screen and (min-width: 480px) {
  .lpd_page .lpd_value_sec .outcome_pairs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .lpd_page .lpd_value_sec .outcome_pairs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.lpd_page .lpd_value_sec .outcome_pairs .pair {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.2em 1.3em;
  border-radius: 14px;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.16);
}
.lpd_page .lpd_value_sec .outcome_pairs .pair i {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: var(--green-light);
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.lpd_page .lpd_value_sec .outcome_pairs .pair span {
  color: var(--black);
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
  line-height: 1.3em;
}
.lpd_page .lpd_strategy_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.lpd_page .lpd_strategy_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.lpd_page .lpd_strategy_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.lpd_page .lpd_strategy_sec .sub_title em {
  font-style: italic;
}
.lpd_page .lpd_strategy_sec .strategy_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
}
.lpd_page .lpd_strategy_sec .strategy_chips span {
  padding: 0.7em 1.3em;
  border: 1px solid rgba(0, 168, 89, 0.28);
  border-radius: 2em;
  background-color: var(--white);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.lpd_page .lpd_strategy_sec .match_callout {
  margin-top: 2.4em;
  padding: 1.8em 2em;
  border-radius: 16px;
  border-left: 4px solid var(--green);
  background-color: #EAF7F0;
}
.lpd_page .lpd_strategy_sec .match_callout h3 {
  display: flex;
  align-items: center;
  gap: 0.7em;
  margin-bottom: 0.6em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.lpd_page .lpd_strategy_sec .match_callout h3 i {
  flex-shrink: 0;
  color: var(--green-dark);
}
.lpd_page .lpd_strategy_sec .match_callout p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.65em;
}
.lpd_page .lpd_structure_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.lpd_page .lpd_structure_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.lpd_page .lpd_structure_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.lpd_page .lpd_structure_sec .sub_title em {
  font-style: italic;
}
.lpd_page .lpd_structure_sec .structure_rail {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.7em;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: none;
}
@media screen and (min-width: 480px) {
  .lpd_page .lpd_structure_sec .structure_rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .lpd_page .lpd_structure_sec .structure_rail {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.lpd_page .lpd_structure_sec .structure_rail li {
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 1em 1.2em;
  border-radius: 12px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: var(--black);
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
  line-height: 1.3em;
}
.lpd_page .lpd_structure_sec .structure_rail .rail_num {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
}
.lpd_page .lpd_structure_sec .structure_rule {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  font-size: var(--font-size-16);
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: #EAF7F0;
  color: var(--gray-01);
}
.lpd_page .lpd_structure_sec .structure_rule i {
  color: var(--green-dark);
}
.lpd_page .lpd_structure_sec .structure_rule strong {
  color: var(--black);
}
.lpd_page .lpd_structure_sec .structure_rule i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.lpd_page .lpd_hero_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.lpd_page .lpd_hero_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.lpd_page .lpd_hero_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.lpd_page .lpd_hero_sec .sub_title em {
  font-style: italic;
}
.lpd_page .lpd_hero_sec h2 {
  margin-bottom: 1.4em;
}
.lpd_page .lpd_hero_sec .hero_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.6em;
}
@media screen and (min-width: 992px) {
  .lpd_page .lpd_hero_sec .hero_layout {
    grid-template-columns: 0.9fr 1.1fr;
    gap: 2.4em;
    align-items: start;
  }
}
.lpd_page .lpd_hero_sec h3 {
  margin-bottom: 0.9em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.lpd_page .lpd_hero_sec .hero_elements {
  padding: 1.8em 2em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.16);
}
.lpd_page .lpd_hero_sec .hero_elements ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.7em;
}
.lpd_page .lpd_hero_sec .hero_elements ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.7em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.lpd_page .lpd_hero_sec .hero_elements ul li i {
  flex-shrink: 0;
  margin-top: 0.25em;
  color: var(--green);
}
.lpd_page .lpd_hero_sec .hero_frameworks {
  display: flex;
  flex-direction: column;
  gap: 1.2em;
}
.lpd_page .lpd_hero_sec .framework_card {
  padding: 1.8em 2em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.16);
}
.lpd_page .lpd_hero_sec .framework_card .framework_label {
  display: inline-block;
  margin-bottom: 0.9em;
  padding: 0.45em 1.1em;
  border-radius: 2em;
  background-color: var(--green-light);
  color: var(--green-link);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.lpd_page .lpd_hero_sec .framework_card .framework_formula {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--semi-bold);
  line-height: 1.45em;
}
.lpd_page .lpd_hero_sec .framework_card .framework_formula em {
  font-style: italic;
  color: var(--green-dark);
}
.lpd_page .lpd_hero_sec .framework_card .cta_examples {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
}
.lpd_page .lpd_hero_sec .framework_card .cta_examples span {
  padding: 0.55em 1.1em;
  border-radius: 2em;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.lpd_page .lpd_benefit_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.lpd_page .lpd_benefit_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.lpd_page .lpd_benefit_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.lpd_page .lpd_benefit_sec .sub_title em {
  font-style: italic;
}
.lpd_page .lpd_benefit_sec .chain_row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
  align-items: stretch;
}
@media screen and (min-width: 992px) {
  .lpd_page .lpd_benefit_sec .chain_row {
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 1.2em;
    align-items: center;
  }
}
.lpd_page .lpd_benefit_sec .chain_step {
  padding: 1.7em 1.8em;
  border-radius: 16px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.lpd_page .lpd_benefit_sec .chain_step .chain_tag {
  display: inline-block;
  margin-bottom: 0.7em;
  padding: 0.45em 1.1em;
  border-radius: 2em;
  background-color: var(--green-light);
  color: var(--green-link);
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.06em;
}
.lpd_page .lpd_benefit_sec .chain_step p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.lpd_page .lpd_benefit_sec .chain_arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--green);
  font-size: var(--font-size-20);
  transform: rotate(90deg);
}
@media screen and (min-width: 992px) {
  .lpd_page .lpd_benefit_sec .chain_arrow {
    transform: none;
  }
}
.lpd_page .lpd_benefit_sec .offer_clarity {
  margin-top: 2.4em;
  padding: 1.8em 2em;
  border-radius: 16px;
  border-left: 4px solid var(--green);
  background-color: #EAF7F0;
}
.lpd_page .lpd_benefit_sec .offer_clarity h3 {
  margin-bottom: 0.6em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.lpd_page .lpd_benefit_sec .offer_clarity p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.65em;
}
.lpd_page .lpd_benefit_sec .offer_clarity p strong {
  color: var(--black);
}
.lpd_page .lpd_trust_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0B1410;
}
.lpd_page .lpd_trust_sec .eyebrow {
  color: #00F296;
}
.lpd_page .lpd_trust_sec h2 {
  color: var(--white);
}
.lpd_page .lpd_trust_sec p,
.lpd_page .lpd_trust_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.lpd_page .lpd_trust_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.lpd_page .lpd_trust_sec h2 {
  margin: 0.3em 0 1.4em;
}
.lpd_page .lpd_trust_sec .proof_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 480px) {
  .lpd_page .lpd_trust_sec .proof_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .lpd_page .lpd_trust_sec .proof_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.lpd_page .lpd_trust_sec .proof_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
}
.lpd_page .lpd_trust_sec .proof_item i {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-16);
}
.lpd_page .lpd_trust_sec .proof_item span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.lpd_page .lpd_trust_sec .proof_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  font-size: var(--font-size-16);
  line-height: 1.6em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.8);
}
.lpd_page .lpd_trust_sec .proof_note i {
  color: #00F296;
}
.lpd_page .lpd_trust_sec .proof_note strong {
  color: var(--white);
}
.lpd_page .lpd_trust_sec .proof_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.lpd_page .lpd_form_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.lpd_page .lpd_form_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.lpd_page .lpd_form_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.lpd_page .lpd_form_sec .sub_title em {
  font-style: italic;
}
.lpd_page .lpd_form_sec .form_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.6em;
}
@media screen and (min-width: 992px) {
  .lpd_page .lpd_form_sec .form_layout {
    grid-template-columns: 0.9fr 1.1fr;
    gap: 2.4em;
    align-items: start;
  }
}
.lpd_page .lpd_form_sec h3 {
  margin-bottom: 0.8em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.lpd_page .lpd_form_sec .form_fields {
  padding: 1.8em 2em;
  border-radius: 16px;
  background-color: #EAF7F0;
  border: 1px solid rgba(0, 168, 89, 0.2);
}
.lpd_page .lpd_form_sec .form_fields ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.7em;
}
.lpd_page .lpd_form_sec .form_fields ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.7em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.lpd_page .lpd_form_sec .form_fields ul li i {
  flex-shrink: 0;
  margin-top: 0.25em;
  color: var(--green);
}
.lpd_page .lpd_form_sec .form_rules {
  display: flex;
  flex-direction: column;
  gap: 1.2em;
}
.lpd_page .lpd_form_sec .rule_card {
  padding: 1.6em 1.8em;
  border-radius: 16px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.lpd_page .lpd_form_sec .rule_card p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.lpd_page .lpd_form_sec + .checklist_sec {
  background-color: #F4F8F6;
}
.lpd_page .lpd_perf_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0E1814;
}
.lpd_page .lpd_perf_sec .eyebrow {
  color: #00F296;
}
.lpd_page .lpd_perf_sec h2 {
  color: var(--white);
}
.lpd_page .lpd_perf_sec p,
.lpd_page .lpd_perf_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.lpd_page .lpd_perf_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.lpd_page .lpd_perf_sec .perf_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .lpd_page .lpd_perf_sec .perf_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.lpd_page .lpd_perf_sec .perf_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
}
.lpd_page .lpd_perf_sec .perf_item i {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-16);
}
.lpd_page .lpd_perf_sec .perf_item span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.lpd_page .lpd_perf_sec .perf_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  font-size: var(--font-size-16);
  line-height: 1.6em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.8);
}
.lpd_page .lpd_perf_sec .perf_note i {
  color: #00F296;
}
.lpd_page .lpd_perf_sec .perf_note strong {
  color: var(--white);
}
.lpd_page .lpd_perf_sec .perf_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.lpd_page .lpd_analytics_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.lpd_page .lpd_analytics_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.lpd_page .lpd_analytics_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.lpd_page .lpd_analytics_sec .sub_title em {
  font-style: italic;
}
.lpd_page .lpd_analytics_sec .analytics_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2em;
}
@media screen and (min-width: 992px) {
  .lpd_page .lpd_analytics_sec .analytics_layout {
    grid-template-columns: 1.3fr 0.7fr;
    gap: 3em;
    align-items: start;
  }
}
.lpd_page .lpd_analytics_sec h3 {
  margin-bottom: 1em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.lpd_page .lpd_analytics_sec .event_pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.lpd_page .lpd_analytics_sec .event_pills span {
  padding: 0.65em 1.2em;
  border-radius: 2em;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.2);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.lpd_page .lpd_analytics_sec .analytics_metrics ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.6em;
}
.lpd_page .lpd_analytics_sec .analytics_metrics ul li {
  display: flex;
  align-items: center;
  gap: 0.7em;
  padding: 0.8em 1.2em;
  border-radius: 12px;
  background-color: var(--white);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.lpd_page .lpd_analytics_sec .analytics_metrics ul li i {
  flex-shrink: 0;
  color: var(--green);
}
.lpd_page .lpd_testing_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.lpd_page .lpd_testing_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.lpd_page .lpd_testing_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.lpd_page .lpd_testing_sec .sub_title em {
  font-style: italic;
}
.lpd_page .lpd_testing_sec .test_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 480px) {
  .lpd_page .lpd_testing_sec .test_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .lpd_page .lpd_testing_sec .test_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.lpd_page .lpd_testing_sec .test_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border-radius: 12px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.lpd_page .lpd_testing_sec .test_item i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.lpd_page .lpd_testing_sec .test_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.lpd_page .lpd_testing_sec .test_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  font-size: var(--font-size-16);
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: #EAF7F0;
  color: var(--gray-01);
}
.lpd_page .lpd_testing_sec .test_note i {
  color: var(--green-dark);
}
.lpd_page .lpd_testing_sec .test_note strong {
  color: var(--black);
}
.lpd_page .lpd_testing_sec .test_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.lpd_page .lpd_integration_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.lpd_page .lpd_integration_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.lpd_page .lpd_integration_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.lpd_page .lpd_integration_sec .sub_title em {
  font-style: italic;
}
.lpd_page .lpd_integration_sec .integration_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .lpd_page .lpd_integration_sec .integration_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .lpd_page .lpd_integration_sec .integration_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.lpd_page .lpd_integration_sec .int_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border-radius: 12px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.lpd_page .lpd_integration_sec .int_item i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.lpd_page .lpd_integration_sec .int_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.lpd_page .lpd_integration_sec .int_link {
  margin-top: 2.4em;
  padding: 1.6em 1.8em;
  border-radius: 14px;
  border-left: 4px solid var(--green);
  background-color: #EAF7F0;
}
.lpd_page .lpd_integration_sec .int_link p {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.65em;
}
.lpd_page .lpd_integration_sec .int_link p a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.lpd_page .lpd_why_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #101C17;
}
.lpd_page .lpd_why_sec .eyebrow {
  color: #00F296;
}
.lpd_page .lpd_why_sec h2 {
  color: var(--white);
}
.lpd_page .lpd_why_sec p,
.lpd_page .lpd_why_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.lpd_page .lpd_why_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.lpd_page .lpd_why_sec h2 {
  margin: 0.3em 0 0.5em;
}
.lpd_page .lpd_why_sec .why_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .lpd_page .lpd_why_sec .why_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .lpd_page .lpd_why_sec .why_grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.lpd_page .lpd_why_sec .why_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8em;
  padding: 1.5em 1em;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 0.03);
}
.lpd_page .lpd_why_sec .why_item i {
  color: #00F296;
  font-size: var(--font-size-20);
}
.lpd_page .lpd_why_sec .why_item span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.lpd_page .lpd_when_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.lpd_page .lpd_when_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.lpd_page .lpd_when_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.lpd_page .lpd_when_sec .sub_title em {
  font-style: italic;
}
.lpd_page .lpd_when_sec h2 {
  margin-bottom: 1.4em;
}
.lpd_page .lpd_when_sec .when_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4em;
}
@media screen and (min-width: 992px) {
  .lpd_page .lpd_when_sec .when_layout {
    grid-template-columns: 1.1fr 0.9fr;
    gap: 2em;
    align-items: start;
  }
}
.lpd_page .lpd_when_sec h3 {
  display: flex;
  align-items: center;
  gap: 0.7em;
  margin-bottom: 1em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.lpd_page .lpd_when_sec h3 i {
  flex-shrink: 0;
}
.lpd_page .lpd_when_sec .when_yes {
  padding: 1.8em 2em;
  border-radius: 16px;
  background-color: #EAF7F0;
  border: 1px solid rgba(0, 168, 89, 0.2);
}
.lpd_page .lpd_when_sec .when_yes h3 i {
  color: var(--green-dark);
}
.lpd_page .lpd_when_sec .when_yes ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.7em;
}
.lpd_page .lpd_when_sec .when_yes ul li {
  position: relative;
  padding-left: 1.4em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.lpd_page .lpd_when_sec .when_yes ul li::before {
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: var(--green);
}
.lpd_page .lpd_when_sec .when_no {
  padding: 1.8em 2em;
  border-radius: 16px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.lpd_page .lpd_when_sec .when_no h3 i {
  color: var(--gray-01);
}
.lpd_page .lpd_when_sec .when_no p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.65em;
}
.lpd_page .lpd_when_sec .when_no p + p {
  margin-top: 1em;
}
.lpd_page .lpd_when_sec .when_no p a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.lpd_page .lpd_engagement_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.lpd_page .lpd_engagement_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.lpd_page .lpd_engagement_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.lpd_page .lpd_engagement_sec .sub_title em {
  font-style: italic;
}
.lpd_page .lpd_engagement_sec .sub_title a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.lpd_page .lpd_engagement_sec .engagement_list {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.lpd_page .lpd_engagement_sec .engagement {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
  align-items: center;
  padding: 1.6em 1.8em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
@media screen and (min-width: 768px) {
  .lpd_page .lpd_engagement_sec .engagement {
    grid-template-columns: auto 1fr auto;
    gap: 1.8em;
  }
}
.lpd_page .lpd_engagement_sec .engagement:hover {
  border-color: var(--green);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}
.lpd_page .lpd_engagement_sec .engagement .engagement_stage {
  color: rgba(0, 168, 89, 0.35);
  font-size: var(--font-size-36);
  font-weight: var(--extra-bold);
  line-height: 1;
}
.lpd_page .lpd_engagement_sec .engagement h3 {
  margin-bottom: 0.35em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.lpd_page .lpd_engagement_sec .engagement p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}

.banner_f_sec.website_redesign .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.website_redesign .box h1 {
  font-weight: var(--extra-bold);
}

.redesign_page main .btn {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  text-wrap: wrap;
  white-space: normal;
}
@media screen and (min-width: 992px) {
  .redesign_page main .btn {
    text-wrap: nowrap;
    white-space: nowrap;
  }
}
.redesign_page .redesign_problem_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0C1512;
}
.redesign_page .redesign_problem_sec .eyebrow {
  color: #00F296;
}
.redesign_page .redesign_problem_sec h2 {
  color: var(--white);
}
.redesign_page .redesign_problem_sec p,
.redesign_page .redesign_problem_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.redesign_page .redesign_problem_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.redesign_page .redesign_problem_sec .problem_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .redesign_page .redesign_problem_sec .problem_layout {
    grid-template-columns: 0.85fr 1.15fr;
    gap: 4em;
    align-items: start;
  }
}
@media screen and (min-width: 992px) {
  .redesign_page .redesign_problem_sec .problem_intro {
    position: sticky;
    top: 7em;
  }
}
.redesign_page .redesign_problem_sec .problem_intro h2 {
  margin: 0.3em 0 0.6em;
}
.redesign_page .redesign_problem_sec .problem_list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .redesign_page .redesign_problem_sec .problem_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.redesign_page .redesign_problem_sec .problem_list li {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.redesign_page .redesign_problem_sec .problem_list .problem_num {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
}
.redesign_page .redesign_value_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.redesign_page .redesign_value_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.redesign_page .redesign_value_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.redesign_page .redesign_value_sec .outcome_pairs {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
}
@media screen and (min-width: 480px) {
  .redesign_page .redesign_value_sec .outcome_pairs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .redesign_page .redesign_value_sec .outcome_pairs {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.redesign_page .redesign_value_sec .outcome_pairs .pair {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.2em 1.3em;
  border-radius: 14px;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.16);
}
.redesign_page .redesign_value_sec .outcome_pairs .pair i {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: var(--green-light);
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.redesign_page .redesign_value_sec .outcome_pairs .pair span {
  color: var(--black);
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
  line-height: 1.3em;
}
.redesign_page .redesign_path_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.redesign_page .redesign_path_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.redesign_page .redesign_path_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.redesign_page .redesign_path_sec .path_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 992px) {
  .redesign_page .redesign_path_sec .path_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.6em;
  }
}
.redesign_page .redesign_path_sec .path_card {
  padding: 1.9em 2em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.redesign_page .redesign_path_sec .path_card:hover {
  border-color: var(--green);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}
.redesign_page .redesign_path_sec .path_card .path_scale {
  display: inline-block;
  margin-bottom: 0.9em;
  padding: 0.45em 1.1em;
  border-radius: 2em;
  background-color: var(--green-light);
  color: var(--green-link);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.redesign_page .redesign_path_sec .path_card h3 {
  margin-bottom: 0.5em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.redesign_page .redesign_path_sec .path_card p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.redesign_page .redesign_path_sec .path_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  font-size: var(--font-size-16);
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: #EAF7F0;
  color: var(--gray-01);
}
.redesign_page .redesign_path_sec .path_note i {
  color: var(--green-dark);
}
.redesign_page .redesign_path_sec .path_note strong {
  color: var(--black);
}
.redesign_page .redesign_path_sec .path_note a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.redesign_page .redesign_path_sec .path_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.redesign_page .redesign_audit_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.redesign_page .redesign_audit_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.redesign_page .redesign_audit_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.redesign_page .redesign_audit_sec .audit_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2em;
}
@media screen and (min-width: 992px) {
  .redesign_page .redesign_audit_sec .audit_layout {
    grid-template-columns: 1.05fr 0.95fr;
    gap: 3em;
    align-items: start;
  }
}
.redesign_page .redesign_audit_sec h3 {
  margin-bottom: 1em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.redesign_page .redesign_audit_sec .audit_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.redesign_page .redesign_audit_sec .audit_chips span {
  padding: 0.65em 1.2em;
  border-radius: 2em;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.redesign_page .redesign_audit_sec .audit_output {
  padding: 1.9em 2em;
  border-radius: 16px;
  background-color: #EAF7F0;
  border: 1px solid rgba(0, 168, 89, 0.2);
}
.redesign_page .redesign_audit_sec .audit_output > p {
  margin-bottom: 1.1em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.redesign_page .redesign_audit_sec .verdict_list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.8em;
}
.redesign_page .redesign_audit_sec .verdict_list li {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.8em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.redesign_page .redesign_audit_sec .verdict_list .verdict {
  flex-shrink: 0;
  min-width: 8.5em;
  padding: 0.4em 0.9em;
  border-radius: 8px;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.25);
  color: var(--green-dark);
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
  text-align: center;
}
.redesign_page .redesign_audit_sec .verdict_list .verdict.redirect,
.redesign_page .redesign_audit_sec .verdict_list .verdict.remove {
  border-color: rgba(0, 0, 0, 0.18);
  color: var(--gray);
}
.redesign_page .redesign_seo_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0F1A16;
}
.redesign_page .redesign_seo_sec .eyebrow {
  color: #00F296;
}
.redesign_page .redesign_seo_sec h2 {
  color: var(--white);
}
.redesign_page .redesign_seo_sec p,
.redesign_page .redesign_seo_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.redesign_page .redesign_seo_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.redesign_page .redesign_seo_sec h2 {
  margin: 0.3em 0 0.5em;
}
.redesign_page .redesign_seo_sec .seo_controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .redesign_page .redesign_seo_sec .seo_controls {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .redesign_page .redesign_seo_sec .seo_controls {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.redesign_page .redesign_seo_sec .control_item {
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 1.1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
}
.redesign_page .redesign_seo_sec .control_item i {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-16);
}
.redesign_page .redesign_seo_sec .control_item span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.redesign_page .redesign_seo_sec .seo_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  font-size: var(--font-size-16);
  line-height: 1.6em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.8);
}
.redesign_page .redesign_seo_sec .seo_note i {
  color: #00F296;
}
.redesign_page .redesign_seo_sec .seo_note strong {
  color: var(--white);
}
.redesign_page .redesign_seo_sec .seo_note a {
  color: #00F296;
  text-decoration: underline;
}
.redesign_page .redesign_seo_sec .seo_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.redesign_page .redesign_ux_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.redesign_page .redesign_ux_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.redesign_page .redesign_ux_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.redesign_page .redesign_ux_sec .ux_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 480px) {
  .redesign_page .redesign_ux_sec .ux_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .redesign_page .redesign_ux_sec .ux_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.redesign_page .redesign_ux_sec .ux_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border-radius: 12px;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.16);
}
.redesign_page .redesign_ux_sec .ux_item i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.redesign_page .redesign_ux_sec .ux_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.redesign_page .redesign_conversion_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.redesign_page .redesign_conversion_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.redesign_page .redesign_conversion_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.redesign_page .redesign_conversion_sec .conv_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.6em;
}
@media screen and (min-width: 992px) {
  .redesign_page .redesign_conversion_sec .conv_layout {
    grid-template-columns: 0.95fr 1.05fr;
    gap: 2.4em;
    align-items: start;
  }
}
.redesign_page .redesign_conversion_sec h3 {
  margin-bottom: 1em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.redesign_page .redesign_conversion_sec .conv_elements {
  padding: 1.9em 2em;
  border-radius: 16px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.redesign_page .redesign_conversion_sec .conv_elements ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.7em;
}
.redesign_page .redesign_conversion_sec .conv_elements ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.7em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.redesign_page .redesign_conversion_sec .conv_elements ul li i {
  flex-shrink: 0;
  margin-top: 0.25em;
  color: var(--green);
}
.redesign_page .redesign_conversion_sec .conv_measure {
  padding: 1.9em 2em;
  border-radius: 16px;
  background-color: #EAF7F0;
  border: 1px solid rgba(0, 168, 89, 0.2);
}
.redesign_page .redesign_conversion_sec .conv_measure .measure_pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
  margin-bottom: 1.2em;
}
.redesign_page .redesign_conversion_sec .conv_measure .measure_pills span {
  padding: 0.55em 1.1em;
  border-radius: 2em;
  background-color: var(--white);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.redesign_page .redesign_conversion_sec .conv_measure p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.65em;
}
.redesign_page .redesign_conversion_sec + .checklist_sec {
  background-color: #F4F8F6;
}
.redesign_page .redesign_perf_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #101D18;
}
.redesign_page .redesign_perf_sec .eyebrow {
  color: #00F296;
}
.redesign_page .redesign_perf_sec h2 {
  color: var(--white);
}
.redesign_page .redesign_perf_sec p,
.redesign_page .redesign_perf_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.redesign_page .redesign_perf_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.redesign_page .redesign_perf_sec .perf_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .redesign_page .redesign_perf_sec .perf_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.redesign_page .redesign_perf_sec .perf_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
}
.redesign_page .redesign_perf_sec .perf_item i {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-16);
}
.redesign_page .redesign_perf_sec .perf_item span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.redesign_page .redesign_perf_sec .perf_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  font-size: var(--font-size-16);
  line-height: 1.6em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.8);
}
.redesign_page .redesign_perf_sec .perf_note i {
  color: #00F296;
}
.redesign_page .redesign_perf_sec .perf_note strong {
  color: var(--white);
}
.redesign_page .redesign_perf_sec .perf_note a {
  color: #00F296;
  text-decoration: underline;
}
.redesign_page .redesign_perf_sec .perf_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.redesign_page .redesign_tech_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.redesign_page .redesign_tech_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.redesign_page .redesign_tech_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.redesign_page .redesign_tech_sec .tech_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 480px) {
  .redesign_page .redesign_tech_sec .tech_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .redesign_page .redesign_tech_sec .tech_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.redesign_page .redesign_tech_sec .tech_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border-radius: 12px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.redesign_page .redesign_tech_sec .tech_item i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.redesign_page .redesign_tech_sec .tech_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.redesign_page .redesign_tech_sec .tech_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  font-size: var(--font-size-16);
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: #EAF7F0;
  color: var(--gray-01);
}
.redesign_page .redesign_tech_sec .tech_note i {
  color: var(--green-dark);
}
.redesign_page .redesign_tech_sec .tech_note strong {
  color: var(--black);
}
.redesign_page .redesign_tech_sec .tech_note a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.redesign_page .redesign_tech_sec .tech_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.redesign_page .redesign_why_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0C1512;
}
.redesign_page .redesign_why_sec .eyebrow {
  color: #00F296;
}
.redesign_page .redesign_why_sec h2 {
  color: var(--white);
}
.redesign_page .redesign_why_sec p,
.redesign_page .redesign_why_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.redesign_page .redesign_why_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.redesign_page .redesign_why_sec h2 {
  margin: 0.3em 0 0.5em;
}
.redesign_page .redesign_why_sec .why_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .redesign_page .redesign_why_sec .why_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .redesign_page .redesign_why_sec .why_grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.redesign_page .redesign_why_sec .why_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8em;
  padding: 1.5em 1em;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 0.03);
}
.redesign_page .redesign_why_sec .why_item i {
  color: #00F296;
  font-size: var(--font-size-20);
}
.redesign_page .redesign_why_sec .why_item span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.redesign_page .redesign_signals_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.redesign_page .redesign_signals_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.redesign_page .redesign_signals_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.redesign_page .redesign_signals_sec .signal_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 480px) {
  .redesign_page .redesign_signals_sec .signal_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .redesign_page .redesign_signals_sec .signal_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.redesign_page .redesign_signals_sec .signal_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border-radius: 12px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.redesign_page .redesign_signals_sec .signal_item i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.redesign_page .redesign_signals_sec .signal_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.redesign_page .redesign_signals_sec .signal_links {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  margin-top: 2.4em;
}
.redesign_page .redesign_engagement_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.redesign_page .redesign_engagement_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.redesign_page .redesign_engagement_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.redesign_page .redesign_engagement_sec .sub_title a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.redesign_page .redesign_engagement_sec .engagement_list {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.redesign_page .redesign_engagement_sec .engagement {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
  align-items: center;
  padding: 1.6em 1.8em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
@media screen and (min-width: 768px) {
  .redesign_page .redesign_engagement_sec .engagement {
    grid-template-columns: auto 1fr auto;
    gap: 1.8em;
  }
}
.redesign_page .redesign_engagement_sec .engagement:hover {
  border-color: var(--green);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}
.redesign_page .redesign_engagement_sec .engagement .engagement_stage {
  color: rgba(0, 168, 89, 0.35);
  font-size: var(--font-size-36);
  font-weight: var(--extra-bold);
  line-height: 1;
}
.redesign_page .redesign_engagement_sec .engagement h3 {
  margin-bottom: 0.35em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.redesign_page .redesign_engagement_sec .engagement p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}

.banner_f_sec.custom_app_development .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.custom_app_development .box h1 {
  font-weight: var(--extra-bold);
}

.customapp_page main .btn {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  text-wrap: wrap;
  white-space: normal;
}
@media screen and (min-width: 992px) {
  .customapp_page main .btn {
    text-wrap: nowrap;
    white-space: nowrap;
  }
}
.customapp_page .capp_problem_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0C1712;
}
.customapp_page .capp_problem_sec .eyebrow {
  color: #00F296;
}
.customapp_page .capp_problem_sec h2 {
  color: var(--white);
}
.customapp_page .capp_problem_sec p,
.customapp_page .capp_problem_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.customapp_page .capp_problem_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.customapp_page .capp_problem_sec .problem_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .customapp_page .capp_problem_sec .problem_layout {
    grid-template-columns: 0.85fr 1.15fr;
    gap: 4em;
    align-items: start;
  }
}
@media screen and (min-width: 992px) {
  .customapp_page .capp_problem_sec .problem_intro {
    position: sticky;
    top: 7em;
  }
}
.customapp_page .capp_problem_sec .problem_intro h2 {
  margin: 0.3em 0 0.6em;
}
.customapp_page .capp_problem_sec .problem_list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .customapp_page .capp_problem_sec .problem_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.customapp_page .capp_problem_sec .problem_list li {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.customapp_page .capp_problem_sec .problem_list .problem_num {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
}
.customapp_page .capp_value_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.customapp_page .capp_value_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.customapp_page .capp_value_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.customapp_page .capp_value_sec .outcome_pairs {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
}
@media screen and (min-width: 480px) {
  .customapp_page .capp_value_sec .outcome_pairs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .customapp_page .capp_value_sec .outcome_pairs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.customapp_page .capp_value_sec .outcome_pairs .pair {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.2em 1.3em;
  border-radius: 14px;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.16);
}
.customapp_page .capp_value_sec .outcome_pairs .pair i {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: var(--green-light);
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.customapp_page .capp_value_sec .outcome_pairs .pair span {
  color: var(--black);
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
  line-height: 1.3em;
}
.customapp_page .capp_approach_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.customapp_page .capp_approach_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.customapp_page .capp_approach_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.customapp_page .capp_approach_sec .approach_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .customapp_page .capp_approach_sec .approach_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .customapp_page .capp_approach_sec .approach_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.customapp_page .capp_approach_sec .approach_card {
  display: flex;
  flex-direction: column;
  padding: 1.8em 1.9em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.customapp_page .capp_approach_sec .approach_card:hover {
  border-color: var(--green);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.07);
  transform: translateY(-3px);
}
.customapp_page .capp_approach_sec .approach_card .approach_head {
  display: flex;
  align-items: center;
  gap: 0.8em;
  margin-bottom: 0.9em;
  padding-bottom: 0.9em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.customapp_page .capp_approach_sec .approach_card .approach_head i {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background-color: var(--green-light);
  color: var(--green-dark);
  font-size: var(--font-size-20);
}
.customapp_page .capp_approach_sec .approach_card .approach_head h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.customapp_page .capp_approach_sec .approach_card p {
  flex-grow: 1;
  margin-bottom: 1.2em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.customapp_page .capp_approach_sec .approach_card > a {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  color: var(--green-dark);
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
}
.customapp_page .capp_approach_sec .approach_card > a i {
  font-size: var(--font-size-12);
  transition: transform 0.3s ease;
}
.customapp_page .capp_approach_sec .approach_card > a:hover i {
  transform: translateX(4px);
}
.customapp_page .capp_approach_sec .approach_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: var(--white);
  color: var(--gray-01);
  font-size: var(--font-size-16);
}
.customapp_page .capp_approach_sec .approach_note i {
  color: var(--green-dark);
}
.customapp_page .capp_approach_sec .approach_note strong {
  color: var(--black);
}
.customapp_page .capp_approach_sec .approach_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.customapp_page .capp_industry_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.customapp_page .capp_industry_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.customapp_page .capp_industry_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.customapp_page .capp_industry_sec h2 {
  margin-bottom: 1.4em;
}
.customapp_page .capp_industry_sec .industry_rows {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .customapp_page .capp_industry_sec .industry_rows {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .customapp_page .capp_industry_sec .industry_rows {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.customapp_page .capp_industry_sec .industry {
  padding: 1.5em 1.6em;
  border-top: 3px solid var(--green);
  background-color: #F4F8F6;
  border-radius: 0 0 12px 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.customapp_page .capp_industry_sec .industry:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);
}
.customapp_page .capp_industry_sec .industry .industry_head {
  display: flex;
  align-items: center;
  gap: 0.8em;
  margin-bottom: 0.7em;
}
.customapp_page .capp_industry_sec .industry .industry_head i {
  color: var(--green-dark);
  font-size: var(--font-size-18);
}
.customapp_page .capp_industry_sec .industry .industry_head h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.customapp_page .capp_industry_sec .industry p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.customapp_page .capp_industry_sec .industry_other {
  margin-top: 2.4em;
  padding: 1.6em 1.8em;
  border-radius: 14px;
  border-left: 4px solid var(--green);
  background-color: #EAF7F0;
}
.customapp_page .capp_industry_sec .industry_other p {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.65em;
}
.customapp_page .capp_industry_sec .industry_other p strong {
  color: var(--black);
}
.customapp_page .capp_discovery_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.customapp_page .capp_discovery_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.customapp_page .capp_discovery_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.customapp_page .capp_discovery_sec .discovery_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2em;
}
@media screen and (min-width: 992px) {
  .customapp_page .capp_discovery_sec .discovery_layout {
    grid-template-columns: 1.35fr 0.65fr;
    gap: 3em;
    align-items: start;
  }
}
.customapp_page .capp_discovery_sec .discovery_areas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
  align-content: flex-start;
}
.customapp_page .capp_discovery_sec .discovery_areas .area_chip {
  padding: 0.7em 1.3em;
  border: 1px solid rgba(0, 168, 89, 0.28);
  border-radius: 2em;
  background-color: var(--white);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.customapp_page .capp_discovery_sec .discovery_output {
  padding: 1.8em 2em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.customapp_page .capp_discovery_sec .discovery_output h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
  margin-bottom: 0.9em;
}
.customapp_page .capp_discovery_sec .discovery_output ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.7em;
}
.customapp_page .capp_discovery_sec .discovery_output ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.7em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.customapp_page .capp_discovery_sec .discovery_output ul li i {
  flex-shrink: 0;
  margin-top: 0.25em;
  color: var(--green);
}
.customapp_page .capp_arch_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0C1712;
}
.customapp_page .capp_arch_sec .eyebrow {
  color: #00F296;
}
.customapp_page .capp_arch_sec h2 {
  color: var(--white);
}
.customapp_page .capp_arch_sec p,
.customapp_page .capp_arch_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.customapp_page .capp_arch_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.customapp_page .capp_arch_sec h2 {
  margin: 0.3em 0 0.5em;
}
.customapp_page .capp_arch_sec .arch_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .customapp_page .capp_arch_sec .arch_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .customapp_page .capp_arch_sec .arch_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.customapp_page .capp_arch_sec .arch_item {
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 1.1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
}
.customapp_page .capp_arch_sec .arch_item i {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-16);
}
.customapp_page .capp_arch_sec .arch_item span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.customapp_page .capp_arch_sec .arch_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--font-size-16);
}
.customapp_page .capp_arch_sec .arch_note i {
  color: #00F296;
}
.customapp_page .capp_arch_sec .arch_note strong {
  color: var(--white);
}
.customapp_page .capp_arch_sec .arch_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.customapp_page .capp_cloud_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.customapp_page .capp_cloud_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.customapp_page .capp_cloud_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.customapp_page .capp_cloud_sec .cloud_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2em;
}
@media screen and (min-width: 992px) {
  .customapp_page .capp_cloud_sec .cloud_layout {
    grid-template-columns: 1.15fr 0.85fr;
    gap: 3em;
    align-items: start;
  }
}
.customapp_page .capp_cloud_sec h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
  margin-bottom: 1em;
}
.customapp_page .capp_cloud_sec .cloud_pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.customapp_page .capp_cloud_sec .cloud_pills span {
  padding: 0.65em 1.2em;
  border-radius: 2em;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.2);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.customapp_page .capp_cloud_sec .cloud_goal {
  padding: 1.8em 2em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.customapp_page .capp_cloud_sec .cloud_goal p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.65em;
}
.customapp_page .capp_cloud_sec .cloud_goal p + p {
  margin-top: 1em;
}
.customapp_page .capp_security_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.customapp_page .capp_security_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.customapp_page .capp_security_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.customapp_page .capp_security_sec .sec_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 480px) {
  .customapp_page .capp_security_sec .sec_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .customapp_page .capp_security_sec .sec_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.customapp_page .capp_security_sec .sec_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border-radius: 12px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.customapp_page .capp_security_sec .sec_item i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.customapp_page .capp_security_sec .sec_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.customapp_page .capp_security_sec .sec_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: var(--white);
  color: var(--gray-01);
  font-size: var(--font-size-16);
  background-color: #EAF7F0;
}
.customapp_page .capp_security_sec .sec_note i {
  color: var(--green-dark);
}
.customapp_page .capp_security_sec .sec_note strong {
  color: var(--black);
}
.customapp_page .capp_security_sec .sec_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.customapp_page .capp_perf_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0F1B16;
}
.customapp_page .capp_perf_sec .eyebrow {
  color: #00F296;
}
.customapp_page .capp_perf_sec h2 {
  color: var(--white);
}
.customapp_page .capp_perf_sec p,
.customapp_page .capp_perf_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.customapp_page .capp_perf_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.customapp_page .capp_perf_sec h2 {
  margin: 0.3em 0 1.4em;
}
.customapp_page .capp_perf_sec .perf_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.6em;
}
@media screen and (min-width: 768px) {
  .customapp_page .capp_perf_sec .perf_layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2em;
  }
}
.customapp_page .capp_perf_sec .perf_col {
  padding: 1.8em 2em;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.03);
}
.customapp_page .capp_perf_sec .perf_col h3 {
  margin-bottom: 0.9em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  color: #00F296;
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.customapp_page .capp_perf_sec .perf_col ul, .customapp_page .capp_perf_sec .perf_col ol {
  margin: 0;
  padding: 0;
  list-style: none !important;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
}
.customapp_page .capp_perf_sec .perf_col ul li, .customapp_page .capp_perf_sec .perf_col ol li {
  list-style: none !important;
  padding: 0.5em 1.1em;
  border-radius: 2em;
  background-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.customapp_page .capp_perf_sec .perf_col ul li::before, .customapp_page .capp_perf_sec .perf_col ul li::after, .customapp_page .capp_perf_sec .perf_col ol li::before, .customapp_page .capp_perf_sec .perf_col ol li::after {
  display: none !important;
  content: none !important;
}
.customapp_page .capp_analytics_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.customapp_page .capp_analytics_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.customapp_page .capp_analytics_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.customapp_page .capp_analytics_sec .analytics_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2em;
}
@media screen and (min-width: 992px) {
  .customapp_page .capp_analytics_sec .analytics_layout {
    grid-template-columns: 1.3fr 0.7fr;
    gap: 3em;
    align-items: start;
  }
}
.customapp_page .capp_analytics_sec h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
  margin-bottom: 1em;
}
.customapp_page .capp_analytics_sec .event_pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.customapp_page .capp_analytics_sec .event_pills span {
  padding: 0.65em 1.2em;
  border-radius: 2em;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.2);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.customapp_page .capp_analytics_sec .analytics_metrics ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.6em;
}
.customapp_page .capp_analytics_sec .analytics_metrics ul li {
  display: flex;
  align-items: center;
  gap: 0.7em;
  padding: 0.8em 1.2em;
  border-radius: 12px;
  background-color: var(--white);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.customapp_page .capp_analytics_sec .analytics_metrics ul li i {
  flex-shrink: 0;
  color: var(--green);
}
.customapp_page .capp_launch_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.customapp_page .capp_launch_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.customapp_page .capp_launch_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.customapp_page .capp_launch_sec .launch_track {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .customapp_page .capp_launch_sec .launch_track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .customapp_page .capp_launch_sec .launch_track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.customapp_page .capp_launch_sec .launch_step {
  position: relative;
  padding: 1.7em 1.8em 1.7em 2em;
  border-radius: 16px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.customapp_page .capp_launch_sec .launch_step::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: var(--green);
}
.customapp_page .capp_launch_sec .launch_step .launch_num {
  display: block;
  margin-bottom: 0.5em;
  color: rgba(0, 168, 89, 0.4);
  font-size: var(--font-size-28);
  font-weight: var(--extra-bold);
  line-height: 1;
}
.customapp_page .capp_launch_sec .launch_step h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
  margin-bottom: 0.5em;
}
.customapp_page .capp_launch_sec .launch_step p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.customapp_page .capp_launch_sec .launch_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: var(--white);
  color: var(--gray-01);
  font-size: var(--font-size-16);
  background-color: #EAF7F0;
}
.customapp_page .capp_launch_sec .launch_note i {
  color: var(--green-dark);
}
.customapp_page .capp_launch_sec .launch_note strong {
  color: var(--black);
}
.customapp_page .capp_launch_sec .launch_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.customapp_page .capp_mvp_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.customapp_page .capp_mvp_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.customapp_page .capp_mvp_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.customapp_page .capp_mvp_sec .mvp_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2em;
}
@media screen and (min-width: 992px) {
  .customapp_page .capp_mvp_sec .mvp_layout {
    grid-template-columns: 0.9fr 1.1fr;
    gap: 3em;
    align-items: start;
  }
}
.customapp_page .capp_mvp_sec h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
  margin-bottom: 1em;
}
.customapp_page .capp_mvp_sec .mvp_activities {
  padding: 1.8em 2em;
  border-radius: 16px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.customapp_page .capp_mvp_sec .mvp_activities ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.7em;
}
@media screen and (min-width: 480px) {
  .customapp_page .capp_mvp_sec .mvp_activities ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .customapp_page .capp_mvp_sec .mvp_activities ul {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .customapp_page .capp_mvp_sec .mvp_activities ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.customapp_page .capp_mvp_sec .mvp_activities ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.7em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.customapp_page .capp_mvp_sec .mvp_activities ul li i {
  flex-shrink: 0;
  margin-top: 0.25em;
  color: var(--green);
}
.customapp_page .capp_mvp_sec .mvp_principle {
  padding: 1.8em 2em;
  border-radius: 16px;
  border-left: 4px solid var(--green);
  background-color: #EAF7F0;
}
.customapp_page .capp_mvp_sec .mvp_principle p {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.65em;
}
.customapp_page .capp_mvp_sec .mvp_principle p + p {
  margin-top: 1em;
}
.customapp_page .capp_modernise_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.customapp_page .capp_modernise_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.customapp_page .capp_modernise_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.customapp_page .capp_modernise_sec .modernise_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 480px) {
  .customapp_page .capp_modernise_sec .modernise_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .customapp_page .capp_modernise_sec .modernise_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.customapp_page .capp_modernise_sec .mod_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border-radius: 12px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.customapp_page .capp_modernise_sec .mod_item i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.customapp_page .capp_modernise_sec .mod_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.customapp_page .capp_modernise_sec .mod_approach {
  margin-top: 2.4em;
  padding: 1.6em 1.8em;
  border-radius: 14px;
  border-left: 4px solid var(--green);
  background-color: #EAF7F0;
}
.customapp_page .capp_modernise_sec .mod_approach p {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.65em;
}
.customapp_page .capp_modernise_sec .mod_approach p a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.customapp_page .capp_why_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #101E18;
}
.customapp_page .capp_why_sec .eyebrow {
  color: #00F296;
}
.customapp_page .capp_why_sec h2 {
  color: var(--white);
}
.customapp_page .capp_why_sec p,
.customapp_page .capp_why_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.customapp_page .capp_why_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.customapp_page .capp_why_sec h2 {
  margin: 0.3em 0 0.5em;
}
.customapp_page .capp_why_sec .why_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .customapp_page .capp_why_sec .why_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .customapp_page .capp_why_sec .why_grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.customapp_page .capp_why_sec .why_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8em;
  padding: 1.5em 1em;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 0.03);
}
.customapp_page .capp_why_sec .why_item i {
  color: #00F296;
  font-size: var(--font-size-20);
}
.customapp_page .capp_why_sec .why_item span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.customapp_page .capp_engagement_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.customapp_page .capp_engagement_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.customapp_page .capp_engagement_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.customapp_page .capp_engagement_sec .sub_title a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.customapp_page .capp_engagement_sec .engagement_list {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.customapp_page .capp_engagement_sec .engagement {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
  align-items: center;
  padding: 1.6em 1.8em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
@media screen and (min-width: 768px) {
  .customapp_page .capp_engagement_sec .engagement {
    grid-template-columns: auto 1fr auto;
    gap: 1.8em;
  }
}
.customapp_page .capp_engagement_sec .engagement:hover {
  border-color: var(--green);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}
.customapp_page .capp_engagement_sec .engagement .engagement_stage {
  color: rgba(0, 168, 89, 0.35);
  font-size: var(--font-size-36);
  font-weight: var(--extra-bold);
  line-height: 1;
}
.customapp_page .capp_engagement_sec .engagement h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
  margin-bottom: 0.35em;
}
.customapp_page .capp_engagement_sec .engagement p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}

.banner_f_sec.flutter_app_development .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.flutter_app_development .box h1 {
  font-weight: var(--extra-bold);
}

.flutter_page main .btn {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  text-wrap: wrap;
  white-space: normal;
}
@media screen and (min-width: 992px) {
  .flutter_page main .btn {
    text-wrap: nowrap;
    white-space: nowrap;
  }
}
.flutter_page .flt_problem_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0B1518;
}
.flutter_page .flt_problem_sec .eyebrow {
  color: #00F296;
}
.flutter_page .flt_problem_sec h2 {
  color: var(--white);
}
.flutter_page .flt_problem_sec p,
.flutter_page .flt_problem_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.flutter_page .flt_problem_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.flutter_page .flt_problem_sec .problem_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .flutter_page .flt_problem_sec .problem_layout {
    grid-template-columns: 0.85fr 1.15fr;
    gap: 4em;
    align-items: start;
  }
}
@media screen and (min-width: 992px) {
  .flutter_page .flt_problem_sec .problem_intro {
    position: sticky;
    top: 7em;
  }
}
.flutter_page .flt_problem_sec .problem_intro h2 {
  margin: 0.3em 0 0.6em;
}
.flutter_page .flt_problem_sec .problem_list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .flutter_page .flt_problem_sec .problem_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.flutter_page .flt_problem_sec .problem_list li {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.flutter_page .flt_problem_sec .problem_list .problem_num {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
}
.flutter_page .flt_value_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.flutter_page .flt_value_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.flutter_page .flt_value_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.flutter_page .flt_value_sec .outcome_pairs {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
}
@media screen and (min-width: 480px) {
  .flutter_page .flt_value_sec .outcome_pairs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .flutter_page .flt_value_sec .outcome_pairs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.flutter_page .flt_value_sec .outcome_pairs .pair {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.2em 1.3em;
  border-radius: 14px;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.16);
}
.flutter_page .flt_value_sec .outcome_pairs .pair i {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: var(--green-light);
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.flutter_page .flt_value_sec .outcome_pairs .pair span {
  color: var(--black);
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
  line-height: 1.3em;
}
.flutter_page .flt_why_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.flutter_page .flt_why_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.flutter_page .flt_why_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.flutter_page .flt_why_sec .fit_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 480px) {
  .flutter_page .flt_why_sec .fit_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .flutter_page .flt_why_sec .fit_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.flutter_page .flt_why_sec .fit_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.2em 1.3em;
  border-radius: 14px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.flutter_page .flt_why_sec .fit_item i {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: var(--green-light);
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.flutter_page .flt_why_sec .fit_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
  line-height: 1.3em;
}
.flutter_page .flt_why_sec .fit_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: var(--white);
  color: var(--gray-01);
  font-size: var(--font-size-16);
  background-color: #EAF7F0;
}
.flutter_page .flt_why_sec .fit_note i {
  color: var(--green-dark);
}
.flutter_page .flt_why_sec .fit_note strong {
  color: var(--black);
}
.flutter_page .flt_why_sec .fit_note em {
  color: var(--black);
  font-style: italic;
}
.flutter_page .flt_why_sec .fit_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.flutter_page .flt_render_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0B1518;
}
.flutter_page .flt_render_sec .eyebrow {
  color: #00F296;
}
.flutter_page .flt_render_sec h2 {
  color: var(--white);
}
.flutter_page .flt_render_sec p,
.flutter_page .flt_render_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.flutter_page .flt_render_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.flutter_page .flt_render_sec h2 {
  margin: 0.3em 0 0.5em;
}
.flutter_page .flt_render_sec .render_split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4em;
}
@media screen and (min-width: 992px) {
  .flutter_page .flt_render_sec .render_split {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2em;
  }
}
.flutter_page .flt_render_sec .render_col {
  padding: 1.9em 2em;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.03);
}
.flutter_page .flt_render_sec .render_col .render_tag {
  display: inline-block;
  margin-bottom: 1.2em;
  padding: 0.5em 1.2em;
  border-radius: 2em;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.06em;
}
.flutter_page .flt_render_sec .render_col ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.1em;
}
.flutter_page .flt_render_sec .render_col ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  color: rgba(255, 255, 255, 0.78);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.flutter_page .flt_render_sec .render_col ul li strong {
  color: var(--white);
}
.flutter_page .flt_render_sec .render_col ul li i {
  flex-shrink: 0;
  margin-top: 0.35em;
  font-size: var(--font-size-14);
}
.flutter_page .flt_render_sec .render_col.good .render_tag {
  background-color: rgba(0, 242, 150, 0.16);
  color: #00F296;
}
.flutter_page .flt_render_sec .render_col.good li i {
  color: #00F296;
}
.flutter_page .flt_render_sec .render_col.cost {
  border-color: rgba(255, 255, 255, 0.18);
}
.flutter_page .flt_render_sec .render_col.cost .render_tag {
  background-color: rgba(255, 255, 255, 0.12);
  color: var(--white);
}
.flutter_page .flt_render_sec .render_col.cost li i {
  color: rgba(255, 255, 255, 0.55);
}
.flutter_page .flt_render_sec .render_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--font-size-16);
}
.flutter_page .flt_render_sec .render_note i {
  color: #00F296;
}
.flutter_page .flt_render_sec .render_note strong {
  color: var(--white);
}
.flutter_page .flt_render_sec .render_note em {
  color: var(--white);
  font-style: italic;
}
.flutter_page .flt_render_sec .render_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.flutter_page .flt_apptype_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.flutter_page .flt_apptype_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.flutter_page .flt_apptype_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.flutter_page .flt_apptype_sec h2 {
  margin-bottom: 1.4em;
}
.flutter_page .flt_apptype_sec .apptype_rows {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .flutter_page .flt_apptype_sec .apptype_rows {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .flutter_page .flt_apptype_sec .apptype_rows {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.flutter_page .flt_apptype_sec .apptype {
  padding: 1.5em 1.6em;
  border-top: 3px solid var(--green);
  background-color: var(--white);
  border-radius: 0 0 12px 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.flutter_page .flt_apptype_sec .apptype:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);
}
.flutter_page .flt_apptype_sec .apptype .apptype_head {
  display: flex;
  align-items: center;
  gap: 0.8em;
  margin-bottom: 0.7em;
}
.flutter_page .flt_apptype_sec .apptype .apptype_head i {
  color: var(--green-dark);
  font-size: var(--font-size-18);
}
.flutter_page .flt_apptype_sec .apptype .apptype_head h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.flutter_page .flt_apptype_sec .apptype p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.flutter_page .flt_discovery_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.flutter_page .flt_discovery_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.flutter_page .flt_discovery_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.flutter_page .flt_discovery_sec .discovery_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2em;
}
@media screen and (min-width: 992px) {
  .flutter_page .flt_discovery_sec .discovery_layout {
    grid-template-columns: 1.35fr 0.65fr;
    gap: 3em;
    align-items: start;
  }
}
.flutter_page .flt_discovery_sec .discovery_areas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
  align-content: flex-start;
}
.flutter_page .flt_discovery_sec .discovery_areas .area_chip {
  padding: 0.7em 1.3em;
  border: 1px solid rgba(0, 168, 89, 0.28);
  border-radius: 2em;
  background-color: var(--green-light-01);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.flutter_page .flt_discovery_sec .discovery_output {
  padding: 1.8em 2em;
  border-radius: 16px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.flutter_page .flt_discovery_sec .discovery_output h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
  margin-bottom: 0.9em;
}
.flutter_page .flt_discovery_sec .discovery_output ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.7em;
}
.flutter_page .flt_discovery_sec .discovery_output ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.7em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.flutter_page .flt_discovery_sec .discovery_output ul li i {
  flex-shrink: 0;
  margin-top: 0.25em;
  color: var(--green);
}
.flutter_page .flt_discovery_sec + .checklist_sec {
  background-color: #F4F8F6;
}
.flutter_page .flt_engineering_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0B1518;
}
.flutter_page .flt_engineering_sec .eyebrow {
  color: #00F296;
}
.flutter_page .flt_engineering_sec h2 {
  color: var(--white);
}
.flutter_page .flt_engineering_sec p,
.flutter_page .flt_engineering_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.flutter_page .flt_engineering_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.flutter_page .flt_engineering_sec h2 {
  margin: 0.3em 0 0.5em;
}
.flutter_page .flt_engineering_sec .eng_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .flutter_page .flt_engineering_sec .eng_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .flutter_page .flt_engineering_sec .eng_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.flutter_page .flt_engineering_sec .eng_item {
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 1.1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
}
.flutter_page .flt_engineering_sec .eng_item i {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-16);
}
.flutter_page .flt_engineering_sec .eng_item span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.flutter_page .flt_engineering_sec .eng_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--font-size-16);
}
.flutter_page .flt_engineering_sec .eng_note i {
  color: #00F296;
}
.flutter_page .flt_engineering_sec .eng_note strong {
  color: var(--white);
}
.flutter_page .flt_engineering_sec .eng_note em {
  color: var(--white);
  font-style: italic;
}
.flutter_page .flt_engineering_sec .eng_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.flutter_page .flt_dart_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.flutter_page .flt_dart_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.flutter_page .flt_dart_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.flutter_page .flt_dart_sec .dart_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4em;
}
@media screen and (min-width: 992px) {
  .flutter_page .flt_dart_sec .dart_layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2em;
  }
}
.flutter_page .flt_dart_sec .dart_card {
  padding: 1.9em 2em;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #F4F8F6;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.flutter_page .flt_dart_sec .dart_card:hover {
  border-color: var(--green);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}
.flutter_page .flt_dart_sec .dart_card .dart_label {
  display: inline-block;
  margin-bottom: 0.9em;
  padding: 0.4em 1em;
  border-radius: 2em;
  background-color: var(--green-light);
  color: var(--green-link);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.flutter_page .flt_dart_sec .dart_card h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
  margin-bottom: 0.6em;
}
.flutter_page .flt_dart_sec .dart_card p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.65em;
}
.flutter_page .flt_dart_sec .dart_card p + p {
  margin-top: 0.9em;
}
.flutter_page .flt_dart_sec .dart_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: var(--white);
  color: var(--gray-01);
  font-size: var(--font-size-16);
  background-color: #EAF7F0;
}
.flutter_page .flt_dart_sec .dart_note i {
  color: var(--green-dark);
}
.flutter_page .flt_dart_sec .dart_note strong {
  color: var(--black);
}
.flutter_page .flt_dart_sec .dart_note em {
  color: var(--black);
  font-style: italic;
}
.flutter_page .flt_dart_sec .dart_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.flutter_page .flt_native_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.flutter_page .flt_native_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.flutter_page .flt_native_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.flutter_page .flt_native_sec .native_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .flutter_page .flt_native_sec .native_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .flutter_page .flt_native_sec .native_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.flutter_page .flt_native_sec .native_item {
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 1.1em 1.2em;
  border-radius: 12px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.flutter_page .flt_native_sec .native_item i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.flutter_page .flt_native_sec .native_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.flutter_page .flt_native_sec .native_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: var(--white);
  color: var(--gray-01);
  font-size: var(--font-size-16);
}
.flutter_page .flt_native_sec .native_note i {
  color: var(--green-dark);
}
.flutter_page .flt_native_sec .native_note strong {
  color: var(--black);
}
.flutter_page .flt_native_sec .native_note em {
  color: var(--black);
  font-style: italic;
}
.flutter_page .flt_native_sec .native_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.flutter_page .flt_security_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.flutter_page .flt_security_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.flutter_page .flt_security_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.flutter_page .flt_security_sec .sec_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 480px) {
  .flutter_page .flt_security_sec .sec_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .flutter_page .flt_security_sec .sec_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.flutter_page .flt_security_sec .sec_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border-radius: 12px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.flutter_page .flt_security_sec .sec_item i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.flutter_page .flt_security_sec .sec_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.flutter_page .flt_security_sec .sec_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: var(--white);
  color: var(--gray-01);
  font-size: var(--font-size-16);
  background-color: #EAF7F0;
}
.flutter_page .flt_security_sec .sec_note i {
  color: var(--green-dark);
}
.flutter_page .flt_security_sec .sec_note strong {
  color: var(--black);
}
.flutter_page .flt_security_sec .sec_note em {
  color: var(--black);
  font-style: italic;
}
.flutter_page .flt_security_sec .sec_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.flutter_page .flt_perf_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0E1B1E;
}
.flutter_page .flt_perf_sec .eyebrow {
  color: #00F296;
}
.flutter_page .flt_perf_sec h2 {
  color: var(--white);
}
.flutter_page .flt_perf_sec p,
.flutter_page .flt_perf_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.flutter_page .flt_perf_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.flutter_page .flt_perf_sec h2 {
  margin: 0.3em 0 0.5em;
}
.flutter_page .flt_perf_sec .perf_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.6em;
}
@media screen and (min-width: 768px) {
  .flutter_page .flt_perf_sec .perf_layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2em;
  }
}
.flutter_page .flt_perf_sec .perf_col {
  padding: 1.8em 2em;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.03);
}
.flutter_page .flt_perf_sec .perf_col h3 {
  margin-bottom: 0.9em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  color: #00F296;
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.flutter_page .flt_perf_sec .perf_col ul, .flutter_page .flt_perf_sec .perf_col ol {
  margin: 0;
  padding: 0;
  list-style: none !important;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
}
.flutter_page .flt_perf_sec .perf_col ul li, .flutter_page .flt_perf_sec .perf_col ol li {
  list-style: none !important;
  padding: 0.5em 1.1em;
  border-radius: 2em;
  background-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.flutter_page .flt_perf_sec .perf_col ul li::before, .flutter_page .flt_perf_sec .perf_col ul li::after, .flutter_page .flt_perf_sec .perf_col ol li::before, .flutter_page .flt_perf_sec .perf_col ol li::after {
  display: none !important;
  content: none !important;
}
.flutter_page .flt_analytics_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.flutter_page .flt_analytics_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.flutter_page .flt_analytics_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.flutter_page .flt_analytics_sec .analytics_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2em;
}
@media screen and (min-width: 992px) {
  .flutter_page .flt_analytics_sec .analytics_layout {
    grid-template-columns: 1.3fr 0.7fr;
    gap: 3em;
    align-items: start;
  }
}
.flutter_page .flt_analytics_sec h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
  margin-bottom: 1em;
}
.flutter_page .flt_analytics_sec .event_pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.flutter_page .flt_analytics_sec .event_pills span {
  padding: 0.65em 1.2em;
  border-radius: 2em;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.2);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.flutter_page .flt_analytics_sec .analytics_metrics ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.6em;
}
.flutter_page .flt_analytics_sec .analytics_metrics ul li {
  display: flex;
  align-items: center;
  gap: 0.7em;
  padding: 0.8em 1.2em;
  border-radius: 12px;
  background-color: var(--white);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.flutter_page .flt_analytics_sec .analytics_metrics ul li i {
  flex-shrink: 0;
  color: var(--green);
}
.flutter_page .flt_launch_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.flutter_page .flt_launch_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.flutter_page .flt_launch_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.flutter_page .flt_launch_sec .launch_track {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .flutter_page .flt_launch_sec .launch_track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .flutter_page .flt_launch_sec .launch_track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.flutter_page .flt_launch_sec .launch_step {
  position: relative;
  padding: 1.7em 1.8em 1.7em 2em;
  border-radius: 16px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.flutter_page .flt_launch_sec .launch_step::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: var(--green);
}
.flutter_page .flt_launch_sec .launch_step .launch_num {
  display: block;
  margin-bottom: 0.5em;
  color: rgba(0, 168, 89, 0.4);
  font-size: var(--font-size-28);
  font-weight: var(--extra-bold);
  line-height: 1;
}
.flutter_page .flt_launch_sec .launch_step h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
  margin-bottom: 0.5em;
}
.flutter_page .flt_launch_sec .launch_step p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.flutter_page .flt_launch_sec .launch_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: var(--white);
  color: var(--gray-01);
  font-size: var(--font-size-16);
  background-color: #EAF7F0;
}
.flutter_page .flt_launch_sec .launch_note i {
  color: var(--green-dark);
}
.flutter_page .flt_launch_sec .launch_note strong {
  color: var(--black);
}
.flutter_page .flt_launch_sec .launch_note em {
  color: var(--black);
  font-style: italic;
}
.flutter_page .flt_launch_sec .launch_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.flutter_page .flt_modernise_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.flutter_page .flt_modernise_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.flutter_page .flt_modernise_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.flutter_page .flt_modernise_sec .modernise_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 480px) {
  .flutter_page .flt_modernise_sec .modernise_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .flutter_page .flt_modernise_sec .modernise_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.flutter_page .flt_modernise_sec .mod_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border-radius: 12px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.flutter_page .flt_modernise_sec .mod_item i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.flutter_page .flt_modernise_sec .mod_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.flutter_page .flt_modernise_sec .mod_approach {
  margin-top: 2.4em;
  padding: 1.6em 1.8em;
  border-radius: 14px;
  border-left: 4px solid var(--green);
  background-color: #EAF7F0;
}
.flutter_page .flt_modernise_sec .mod_approach p {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.65em;
}
.flutter_page .flt_modernise_sec .mod_approach p a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.flutter_page .flt_compare_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.flutter_page .flt_compare_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.flutter_page .flt_compare_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.flutter_page .flt_compare_sec .compare_split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4em;
}
@media screen and (min-width: 992px) {
  .flutter_page .flt_compare_sec .compare_split {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2em;
  }
}
.flutter_page .flt_compare_sec .compare_side {
  padding: 1.9em 2em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.flutter_page .flt_compare_sec .compare_side .compare_tag {
  display: inline-block;
  margin-bottom: 1.2em;
  padding: 0.5em 1.2em;
  border-radius: 2em;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
  line-height: 1.3em;
}
.flutter_page .flt_compare_sec .compare_side ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.9em;
}
.flutter_page .flt_compare_sec .compare_side ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.flutter_page .flt_compare_sec .compare_side ul li i {
  flex-shrink: 0;
  margin-top: 0.3em;
}
.flutter_page .flt_compare_sec .compare_side.pick {
  border-color: rgba(0, 168, 89, 0.3);
}
.flutter_page .flt_compare_sec .compare_side.pick .compare_tag {
  background-color: var(--green-light);
  color: var(--green-link);
}
.flutter_page .flt_compare_sec .compare_side.pick li i {
  color: var(--green);
}
.flutter_page .flt_compare_sec .compare_side.other .compare_tag {
  background-color: #F4F8F6;
  color: var(--black);
}
.flutter_page .flt_compare_sec .compare_side.other li i {
  color: var(--gray-02);
}
.flutter_page .flt_compare_sec .compare_verdict {
  margin-top: 2em;
  padding: 1.9em 2em;
  border-radius: 16px;
  border-left: 4px solid var(--green);
  background-color: var(--white);
}
.flutter_page .flt_compare_sec .compare_verdict h3 {
  display: flex;
  align-items: center;
  gap: 0.7em;
  margin-bottom: 0.8em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.3em;
}
.flutter_page .flt_compare_sec .compare_verdict h3 i {
  flex-shrink: 0;
  color: var(--green-dark);
}
.flutter_page .flt_compare_sec .compare_verdict p {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.65em;
}
.flutter_page .flt_compare_sec .compare_verdict p + p {
  margin-top: 1em;
}
.flutter_page .flt_compare_sec .compare_verdict p a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.flutter_page .flt_why_choose_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #101E21;
}
.flutter_page .flt_why_choose_sec .eyebrow {
  color: #00F296;
}
.flutter_page .flt_why_choose_sec h2 {
  color: var(--white);
}
.flutter_page .flt_why_choose_sec p,
.flutter_page .flt_why_choose_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.flutter_page .flt_why_choose_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.flutter_page .flt_why_choose_sec h2 {
  margin: 0.3em 0 0.5em;
}
.flutter_page .flt_why_choose_sec .why_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .flutter_page .flt_why_choose_sec .why_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .flutter_page .flt_why_choose_sec .why_grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.flutter_page .flt_why_choose_sec .why_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8em;
  padding: 1.5em 1em;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 0.03);
}
.flutter_page .flt_why_choose_sec .why_item i {
  color: #00F296;
  font-size: var(--font-size-20);
}
.flutter_page .flt_why_choose_sec .why_item span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.flutter_page .flt_engagement_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.flutter_page .flt_engagement_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.flutter_page .flt_engagement_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.flutter_page .flt_engagement_sec .sub_title a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.flutter_page .flt_engagement_sec .engagement_list {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.flutter_page .flt_engagement_sec .engagement {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
  align-items: center;
  padding: 1.6em 1.8em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
@media screen and (min-width: 768px) {
  .flutter_page .flt_engagement_sec .engagement {
    grid-template-columns: auto 1fr auto;
    gap: 1.8em;
  }
}
.flutter_page .flt_engagement_sec .engagement:hover {
  border-color: var(--green);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}
.flutter_page .flt_engagement_sec .engagement .engagement_stage {
  color: rgba(0, 168, 89, 0.35);
  font-size: var(--font-size-36);
  font-weight: var(--extra-bold);
  line-height: 1;
}
.flutter_page .flt_engagement_sec .engagement h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
  margin-bottom: 0.35em;
}
.flutter_page .flt_engagement_sec .engagement p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}

.banner_f_sec.react_native_app_development .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.react_native_app_development .box h1 {
  font-weight: var(--extra-bold);
}

.rn_page main .btn {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  text-wrap: wrap;
  white-space: normal;
}
@media screen and (min-width: 992px) {
  .rn_page main .btn {
    text-wrap: nowrap;
    white-space: nowrap;
  }
}
.rn_page .rn_problem_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0C1220;
}
.rn_page .rn_problem_sec .eyebrow {
  color: #00F296;
}
.rn_page .rn_problem_sec h2 {
  color: var(--white);
}
.rn_page .rn_problem_sec p,
.rn_page .rn_problem_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.rn_page .rn_problem_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.rn_page .rn_problem_sec .problem_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .rn_page .rn_problem_sec .problem_layout {
    grid-template-columns: 0.85fr 1.15fr;
    gap: 4em;
    align-items: start;
  }
}
@media screen and (min-width: 992px) {
  .rn_page .rn_problem_sec .problem_intro {
    position: sticky;
    top: 7em;
  }
}
.rn_page .rn_problem_sec .problem_intro h2 {
  margin: 0.3em 0 0.6em;
}
.rn_page .rn_problem_sec .problem_list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .rn_page .rn_problem_sec .problem_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.rn_page .rn_problem_sec .problem_list li {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.rn_page .rn_problem_sec .problem_list .problem_num {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
}
.rn_page .rn_value_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.rn_page .rn_value_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.rn_page .rn_value_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.rn_page .rn_value_sec .outcome_pairs {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
}
@media screen and (min-width: 480px) {
  .rn_page .rn_value_sec .outcome_pairs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .rn_page .rn_value_sec .outcome_pairs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.rn_page .rn_value_sec .outcome_pairs .pair {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.2em 1.3em;
  border-radius: 14px;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.16);
}
.rn_page .rn_value_sec .outcome_pairs .pair i {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: var(--green-light);
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.rn_page .rn_value_sec .outcome_pairs .pair span {
  color: var(--black);
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
  line-height: 1.3em;
}
.rn_page .rn_why_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.rn_page .rn_why_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.rn_page .rn_why_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.rn_page .rn_why_sec .fit_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 480px) {
  .rn_page .rn_why_sec .fit_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .rn_page .rn_why_sec .fit_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.rn_page .rn_why_sec .fit_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.2em 1.3em;
  border-radius: 14px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.rn_page .rn_why_sec .fit_item i {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: var(--green-light);
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.rn_page .rn_why_sec .fit_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
  line-height: 1.3em;
}
.rn_page .rn_why_sec .fit_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: var(--white);
  color: var(--gray-01);
  font-size: var(--font-size-16);
  background-color: #EAF7F0;
}
.rn_page .rn_why_sec .fit_note i {
  color: var(--green-dark);
}
.rn_page .rn_why_sec .fit_note strong {
  color: var(--black);
}
.rn_page .rn_why_sec .fit_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.rn_page .rn_render_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0C1220;
}
.rn_page .rn_render_sec .eyebrow {
  color: #00F296;
}
.rn_page .rn_render_sec h2 {
  color: var(--white);
}
.rn_page .rn_render_sec p,
.rn_page .rn_render_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.rn_page .rn_render_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.rn_page .rn_render_sec h2 {
  margin: 0.3em 0 0.5em;
}
.rn_page .rn_render_sec .render_split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4em;
}
@media screen and (min-width: 992px) {
  .rn_page .rn_render_sec .render_split {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2em;
  }
}
.rn_page .rn_render_sec .render_col {
  padding: 1.9em 2em;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.03);
}
.rn_page .rn_render_sec .render_col .render_tag {
  display: inline-block;
  margin-bottom: 1.2em;
  padding: 0.5em 1.2em;
  border-radius: 2em;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.06em;
}
.rn_page .rn_render_sec .render_col ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.1em;
}
.rn_page .rn_render_sec .render_col ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  color: rgba(255, 255, 255, 0.78);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.rn_page .rn_render_sec .render_col ul li strong {
  color: var(--white);
}
.rn_page .rn_render_sec .render_col ul li i {
  flex-shrink: 0;
  margin-top: 0.35em;
  font-size: var(--font-size-14);
}
.rn_page .rn_render_sec .render_col.good .render_tag {
  background-color: rgba(0, 242, 150, 0.16);
  color: #00F296;
}
.rn_page .rn_render_sec .render_col.good li i {
  color: #00F296;
}
.rn_page .rn_render_sec .render_col.cost {
  border-color: rgba(255, 255, 255, 0.18);
}
.rn_page .rn_render_sec .render_col.cost .render_tag {
  background-color: rgba(255, 255, 255, 0.12);
  color: var(--white);
}
.rn_page .rn_render_sec .render_col.cost li i {
  color: rgba(255, 255, 255, 0.55);
}
.rn_page .rn_render_sec .render_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--font-size-16);
}
.rn_page .rn_render_sec .render_note i {
  color: #00F296;
}
.rn_page .rn_render_sec .render_note strong {
  color: var(--white);
}
.rn_page .rn_render_sec .render_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.rn_page .rn_apptype_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.rn_page .rn_apptype_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.rn_page .rn_apptype_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.rn_page .rn_apptype_sec h2 {
  margin-bottom: 1.4em;
}
.rn_page .rn_apptype_sec .apptype_rows {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .rn_page .rn_apptype_sec .apptype_rows {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .rn_page .rn_apptype_sec .apptype_rows {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.rn_page .rn_apptype_sec .apptype {
  padding: 1.5em 1.6em;
  border-top: 3px solid var(--green);
  background-color: var(--white);
  border-radius: 0 0 12px 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.rn_page .rn_apptype_sec .apptype:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);
}
.rn_page .rn_apptype_sec .apptype .apptype_head {
  display: flex;
  align-items: center;
  gap: 0.8em;
  margin-bottom: 0.7em;
}
.rn_page .rn_apptype_sec .apptype .apptype_head i {
  color: var(--green-dark);
  font-size: var(--font-size-18);
}
.rn_page .rn_apptype_sec .apptype .apptype_head h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.rn_page .rn_apptype_sec .apptype p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.rn_page .rn_discovery_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.rn_page .rn_discovery_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.rn_page .rn_discovery_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.rn_page .rn_discovery_sec .discovery_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2em;
}
@media screen and (min-width: 992px) {
  .rn_page .rn_discovery_sec .discovery_layout {
    grid-template-columns: 1.35fr 0.65fr;
    gap: 3em;
    align-items: start;
  }
}
.rn_page .rn_discovery_sec .discovery_areas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
  align-content: flex-start;
}
.rn_page .rn_discovery_sec .discovery_areas .area_chip {
  padding: 0.7em 1.3em;
  border: 1px solid rgba(0, 168, 89, 0.28);
  border-radius: 2em;
  background-color: var(--green-light-01);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.rn_page .rn_discovery_sec .discovery_output {
  padding: 1.8em 2em;
  border-radius: 16px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.rn_page .rn_discovery_sec .discovery_output h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
  margin-bottom: 0.9em;
}
.rn_page .rn_discovery_sec .discovery_output ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.7em;
}
.rn_page .rn_discovery_sec .discovery_output ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.7em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.rn_page .rn_discovery_sec .discovery_output ul li i {
  flex-shrink: 0;
  margin-top: 0.25em;
  color: var(--green);
}
.rn_page .rn_discovery_sec + .checklist_sec {
  background-color: #F4F8F6;
}
.rn_page .rn_engineering_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0C1220;
}
.rn_page .rn_engineering_sec .eyebrow {
  color: #00F296;
}
.rn_page .rn_engineering_sec h2 {
  color: var(--white);
}
.rn_page .rn_engineering_sec p,
.rn_page .rn_engineering_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.rn_page .rn_engineering_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.rn_page .rn_engineering_sec h2 {
  margin: 0.3em 0 0.5em;
}
.rn_page .rn_engineering_sec .eng_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .rn_page .rn_engineering_sec .eng_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .rn_page .rn_engineering_sec .eng_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.rn_page .rn_engineering_sec .eng_item {
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 1.1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
}
.rn_page .rn_engineering_sec .eng_item i {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-16);
}
.rn_page .rn_engineering_sec .eng_item span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.rn_page .rn_engineering_sec .eng_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--font-size-16);
}
.rn_page .rn_engineering_sec .eng_note i {
  color: #00F296;
}
.rn_page .rn_engineering_sec .eng_note strong {
  color: var(--white);
}
.rn_page .rn_engineering_sec .eng_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.rn_page .rn_ota_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.rn_page .rn_ota_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.rn_page .rn_ota_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.rn_page .rn_ota_sec .ota_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4em;
}
@media screen and (min-width: 992px) {
  .rn_page .rn_ota_sec .ota_layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2em;
  }
}
.rn_page .rn_ota_sec .ota_card {
  padding: 1.9em 2em;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #F4F8F6;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.rn_page .rn_ota_sec .ota_card:hover {
  border-color: var(--green);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}
.rn_page .rn_ota_sec .ota_card .ota_label {
  display: inline-block;
  margin-bottom: 0.9em;
  padding: 0.4em 1em;
  border-radius: 2em;
  background-color: var(--green-light);
  color: var(--green-link);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.rn_page .rn_ota_sec .ota_card h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
  margin-bottom: 0.6em;
}
.rn_page .rn_ota_sec .ota_card p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.65em;
}
.rn_page .rn_ota_sec .ota_card p + p {
  margin-top: 0.9em;
}
.rn_page .rn_ota_sec .ota_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: var(--white);
  color: var(--gray-01);
  font-size: var(--font-size-16);
  background-color: #EAF7F0;
}
.rn_page .rn_ota_sec .ota_note i {
  color: var(--green-dark);
}
.rn_page .rn_ota_sec .ota_note strong {
  color: var(--black);
}
.rn_page .rn_ota_sec .ota_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.rn_page .rn_module_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.rn_page .rn_module_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.rn_page .rn_module_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.rn_page .rn_module_sec .native_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .rn_page .rn_module_sec .native_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .rn_page .rn_module_sec .native_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.rn_page .rn_module_sec .native_item {
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 1.1em 1.2em;
  border-radius: 12px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.rn_page .rn_module_sec .native_item i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.rn_page .rn_module_sec .native_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.rn_page .rn_module_sec .native_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: var(--white);
  color: var(--gray-01);
  font-size: var(--font-size-16);
}
.rn_page .rn_module_sec .native_note i {
  color: var(--green-dark);
}
.rn_page .rn_module_sec .native_note strong {
  color: var(--black);
}
.rn_page .rn_module_sec .native_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.rn_page .rn_security_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.rn_page .rn_security_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.rn_page .rn_security_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.rn_page .rn_security_sec .sec_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 480px) {
  .rn_page .rn_security_sec .sec_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .rn_page .rn_security_sec .sec_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.rn_page .rn_security_sec .sec_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border-radius: 12px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.rn_page .rn_security_sec .sec_item i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.rn_page .rn_security_sec .sec_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.rn_page .rn_security_sec .sec_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: var(--white);
  color: var(--gray-01);
  font-size: var(--font-size-16);
  background-color: #EAF7F0;
}
.rn_page .rn_security_sec .sec_note i {
  color: var(--green-dark);
}
.rn_page .rn_security_sec .sec_note strong {
  color: var(--black);
}
.rn_page .rn_security_sec .sec_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.rn_page .rn_perf_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0F1626;
}
.rn_page .rn_perf_sec .eyebrow {
  color: #00F296;
}
.rn_page .rn_perf_sec h2 {
  color: var(--white);
}
.rn_page .rn_perf_sec p,
.rn_page .rn_perf_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.rn_page .rn_perf_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.rn_page .rn_perf_sec h2 {
  margin: 0.3em 0 0.5em;
}
.rn_page .rn_perf_sec .perf_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.6em;
}
@media screen and (min-width: 768px) {
  .rn_page .rn_perf_sec .perf_layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2em;
  }
}
.rn_page .rn_perf_sec .perf_col {
  padding: 1.8em 2em;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.03);
}
.rn_page .rn_perf_sec .perf_col h3 {
  margin-bottom: 0.9em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  color: #00F296;
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
}
.rn_page .rn_perf_sec .perf_col ul, .rn_page .rn_perf_sec .perf_col ol {
  margin: 0;
  padding: 0;
  list-style: none !important;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
}
.rn_page .rn_perf_sec .perf_col ul li, .rn_page .rn_perf_sec .perf_col ol li {
  list-style: none !important;
  padding: 0.5em 1.1em;
  border-radius: 2em;
  background-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.rn_page .rn_perf_sec .perf_col ul li::before, .rn_page .rn_perf_sec .perf_col ul li::after, .rn_page .rn_perf_sec .perf_col ol li::before, .rn_page .rn_perf_sec .perf_col ol li::after {
  display: none !important;
  content: none !important;
}
.rn_page .rn_analytics_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.rn_page .rn_analytics_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.rn_page .rn_analytics_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.rn_page .rn_analytics_sec .analytics_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2em;
}
@media screen and (min-width: 992px) {
  .rn_page .rn_analytics_sec .analytics_layout {
    grid-template-columns: 1.3fr 0.7fr;
    gap: 3em;
    align-items: start;
  }
}
.rn_page .rn_analytics_sec h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
  margin-bottom: 1em;
}
.rn_page .rn_analytics_sec .event_pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.rn_page .rn_analytics_sec .event_pills span {
  padding: 0.65em 1.2em;
  border-radius: 2em;
  background-color: var(--white);
  border: 1px solid rgba(0, 168, 89, 0.2);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.rn_page .rn_analytics_sec .analytics_metrics ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.6em;
}
.rn_page .rn_analytics_sec .analytics_metrics ul li {
  display: flex;
  align-items: center;
  gap: 0.7em;
  padding: 0.8em 1.2em;
  border-radius: 12px;
  background-color: var(--white);
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.rn_page .rn_analytics_sec .analytics_metrics ul li i {
  flex-shrink: 0;
  color: var(--green);
}
.rn_page .rn_launch_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.rn_page .rn_launch_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.rn_page .rn_launch_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.rn_page .rn_launch_sec .launch_track {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .rn_page .rn_launch_sec .launch_track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .rn_page .rn_launch_sec .launch_track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.rn_page .rn_launch_sec .launch_step {
  position: relative;
  padding: 1.7em 1.8em 1.7em 2em;
  border-radius: 16px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.rn_page .rn_launch_sec .launch_step::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: var(--green);
}
.rn_page .rn_launch_sec .launch_step .launch_num {
  display: block;
  margin-bottom: 0.5em;
  color: rgba(0, 168, 89, 0.4);
  font-size: var(--font-size-28);
  font-weight: var(--extra-bold);
  line-height: 1;
}
.rn_page .rn_launch_sec .launch_step h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
  margin-bottom: 0.5em;
}
.rn_page .rn_launch_sec .launch_step p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.rn_page .rn_launch_sec .launch_note {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2.4em;
  padding: 1.4em 1.6em;
  border-radius: 14px;
  line-height: 1.6em;
  border: 1px solid rgba(0, 168, 89, 0.2);
  background-color: var(--white);
  color: var(--gray-01);
  font-size: var(--font-size-16);
  background-color: #EAF7F0;
}
.rn_page .rn_launch_sec .launch_note i {
  color: var(--green-dark);
}
.rn_page .rn_launch_sec .launch_note strong {
  color: var(--black);
}
.rn_page .rn_launch_sec .launch_note i {
  flex-shrink: 0;
  margin-top: 0.2em;
  font-size: var(--font-size-18);
}
.rn_page .rn_modernise_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.rn_page .rn_modernise_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.rn_page .rn_modernise_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.rn_page .rn_modernise_sec .modernise_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
}
@media screen and (min-width: 480px) {
  .rn_page .rn_modernise_sec .modernise_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .rn_page .rn_modernise_sec .modernise_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.rn_page .rn_modernise_sec .mod_item {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1.1em 1.3em;
  border-radius: 12px;
  background-color: #F4F8F6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.rn_page .rn_modernise_sec .mod_item i {
  flex-shrink: 0;
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.rn_page .rn_modernise_sec .mod_item span {
  color: var(--black);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.rn_page .rn_modernise_sec .mod_approach {
  margin-top: 2.4em;
  padding: 1.6em 1.8em;
  border-radius: 14px;
  border-left: 4px solid var(--green);
  background-color: #EAF7F0;
}
.rn_page .rn_modernise_sec .mod_approach p {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.65em;
}
.rn_page .rn_modernise_sec .mod_approach p a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.rn_page .rn_compare_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.rn_page .rn_compare_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.rn_page .rn_compare_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.rn_page .rn_compare_sec .compare_split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4em;
}
@media screen and (min-width: 992px) {
  .rn_page .rn_compare_sec .compare_split {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2em;
  }
}
.rn_page .rn_compare_sec .compare_side {
  padding: 1.9em 2em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.rn_page .rn_compare_sec .compare_side .compare_tag {
  display: inline-block;
  margin-bottom: 1.2em;
  padding: 0.5em 1.2em;
  border-radius: 2em;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
  line-height: 1.3em;
}
.rn_page .rn_compare_sec .compare_side ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.9em;
}
.rn_page .rn_compare_sec .compare_side ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.rn_page .rn_compare_sec .compare_side ul li i {
  flex-shrink: 0;
  margin-top: 0.3em;
}
.rn_page .rn_compare_sec .compare_side.pick {
  border-color: rgba(0, 168, 89, 0.3);
}
.rn_page .rn_compare_sec .compare_side.pick .compare_tag {
  background-color: var(--green-light);
  color: var(--green-link);
}
.rn_page .rn_compare_sec .compare_side.pick li i {
  color: var(--green);
}
.rn_page .rn_compare_sec .compare_side.other .compare_tag {
  background-color: #F4F8F6;
  color: var(--black);
}
.rn_page .rn_compare_sec .compare_side.other li i {
  color: var(--gray-02);
}
.rn_page .rn_compare_sec .compare_verdict {
  margin-top: 2em;
  padding: 1.9em 2em;
  border-radius: 16px;
  border-left: 4px solid var(--green);
  background-color: var(--white);
}
.rn_page .rn_compare_sec .compare_verdict h3 {
  display: flex;
  align-items: center;
  gap: 0.7em;
  margin-bottom: 0.8em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.3em;
}
.rn_page .rn_compare_sec .compare_verdict h3 i {
  flex-shrink: 0;
  color: var(--green-dark);
}
.rn_page .rn_compare_sec .compare_verdict p {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.65em;
}
.rn_page .rn_compare_sec .compare_verdict p + p {
  margin-top: 1em;
}
.rn_page .rn_compare_sec .compare_verdict p a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.rn_page .rn_why_choose_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #111929;
}
.rn_page .rn_why_choose_sec .eyebrow {
  color: #00F296;
}
.rn_page .rn_why_choose_sec h2 {
  color: var(--white);
}
.rn_page .rn_why_choose_sec p,
.rn_page .rn_why_choose_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.rn_page .rn_why_choose_sec .sub_title {
  max-width: 60em;
  margin-bottom: 2.6em;
}
.rn_page .rn_why_choose_sec h2 {
  margin: 0.3em 0 0.5em;
}
.rn_page .rn_why_choose_sec .why_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9em;
}
@media screen and (min-width: 768px) {
  .rn_page .rn_why_choose_sec .why_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .rn_page .rn_why_choose_sec .why_grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.rn_page .rn_why_choose_sec .why_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8em;
  padding: 1.5em 1em;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 0.03);
}
.rn_page .rn_why_choose_sec .why_item i {
  color: #00F296;
  font-size: var(--font-size-20);
}
.rn_page .rn_why_choose_sec .why_item span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.rn_page .rn_engagement_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #F4F8F6;
}
.rn_page .rn_engagement_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.rn_page .rn_engagement_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.rn_page .rn_engagement_sec .sub_title a {
  color: var(--green-dark);
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.rn_page .rn_engagement_sec .engagement_list {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.rn_page .rn_engagement_sec .engagement {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
  align-items: center;
  padding: 1.6em 1.8em;
  border-radius: 16px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
@media screen and (min-width: 768px) {
  .rn_page .rn_engagement_sec .engagement {
    grid-template-columns: auto 1fr auto;
    gap: 1.8em;
  }
}
.rn_page .rn_engagement_sec .engagement:hover {
  border-color: var(--green);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}
.rn_page .rn_engagement_sec .engagement .engagement_stage {
  color: rgba(0, 168, 89, 0.35);
  font-size: var(--font-size-36);
  font-weight: var(--extra-bold);
  line-height: 1;
}
.rn_page .rn_engagement_sec .engagement h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--bold);
  letter-spacing: normal;
  line-height: 1.25em;
  margin-bottom: 0.35em;
}
.rn_page .rn_engagement_sec .engagement p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}

.ui_ux_design_page .banner_f_sec.ui_ux_design .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.ui_ux_design_page .banner_f_sec.ui_ux_design .box h1 {
  font-weight: var(--extra-bold);
}
.ui_ux_design_page .whychoose_sec.ui_ux_design {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  color: var(--black);
}
.ui_ux_design_page .whychoose_sec.ui_ux_design h2 {
  color: var(--black);
  margin-bottom: 20px;
}
.ui_ux_design_page .whychoose_sec.ui_ux_design .sub_title {
  font-size: var(--font-size-30);
  line-height: 1.4em;
  color: var(--gray-01);
}
.ui_ux_design_page .whychoose_sec.ui_ux_design .sub_title br {
  display: none;
}
@media screen and (min-width: 768px) {
  .ui_ux_design_page .whychoose_sec.ui_ux_design .sub_title {
    line-height: 1em;
  }
  .ui_ux_design_page .whychoose_sec.ui_ux_design .sub_title br {
    display: block;
  }
}
.ui_ux_design_page .whychoose_sec.ui_ux_design .ind_details {
  width: 100%;
  border-top: 1px solid var(--gray-03);
  margin-top: 4em;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .ui_ux_design_page .whychoose_sec.ui_ux_design .ind_details {
    flex-direction: row;
  }
}
.ui_ux_design_page .whychoose_sec.ui_ux_design .ind_details .lft {
  flex: 1;
  padding: 3em 0em 0 0;
}
@media screen and (min-width: 768px) {
  .ui_ux_design_page .whychoose_sec.ui_ux_design .ind_details .lft {
    padding: 3em 3em 0 0;
    border-right: 1px solid var(--gray-03);
    min-width: inherit;
    max-width: inherit;
  }
}
.ui_ux_design_page .whychoose_sec.ui_ux_design .ind_details .lft p {
  line-height: 1.35em;
  margin-bottom: 2em;
}
.ui_ux_design_page .whychoose_sec.ui_ux_design .ind_details .lft .btn {
  color: var(--white);
}
.ui_ux_design_page .whychoose_sec.ui_ux_design .ind_details .lft .btn svg {
  width: 24px;
  margin-left: 0.6em;
}
.ui_ux_design_page .whychoose_sec.ui_ux_design .ind_details .rt {
  flex: 1;
  padding: 3em 0 0;
}
@media screen and (min-width: 768px) {
  .ui_ux_design_page .whychoose_sec.ui_ux_design .ind_details .rt {
    padding: 3em 0 0 3em;
  }
}
.ui_ux_design_page .whychoose_sec.ui_ux_design .ind_details .rt .img_box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(closest-side at 60% 55%, rgba(169, 169, 169, 0), rgba(0, 168, 89, 0.8));
  z-index: 1;
}
.ui_ux_design_page .whychoose_sec.ui_ux_design .ind_details .rt .img_box img {
  border-radius: 0;
}

.free_quote_sec {
  width: 100%;
  padding: var(--section-y-xl) 0;
  padding-bottom: 0;
}
.free_quote_sec h2 {
  color: var(--black);
  margin-bottom: 0.5em;
}
.free_quote_sec .sub_title {
  font-size: var(--font-size-30);
  line-height: 1.4em;
  color: var(--gray-01);
}
.free_quote_sec .sub_title br {
  display: none;
}
@media screen and (min-width: 768px) {
  .free_quote_sec .sub_title {
    line-height: 1em;
  }
  .free_quote_sec .sub_title br {
    display: block;
  }
}
.free_quote_sec .ind_details {
  width: 100%;
  margin-top: 4em;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.free_quote_sec .ind_details .ajax_result_seo h5 {
  font-size: var(--font-size-30);
  color: var(--red);
  margin-bottom: 0.5em;
}
.free_quote_sec .ind_details .ajax_result_seo ul li {
  list-style: none;
  margin-bottom: 0.5em;
}
.free_quote_sec .ind_details .frm_area {
  width: 100%;
  display: flex;
}
.free_quote_sec .ind_details .frm_area .frm_seo {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.free_quote_sec .ind_details .frm_area .frm_seo .row {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .free_quote_sec .ind_details .frm_area .frm_seo .row {
    flex-direction: row;
  }
}
.free_quote_sec .ind_details .frm_area .frm_seo .row .col {
  flex: 1;
}
@media screen and (min-width: 768px) {
  .free_quote_sec .ind_details .frm_area .frm_seo .row .col {
    margin: 5px 1em 5px 0;
  }
}
.free_quote_sec .ind_details .frm_area .frm_seo .row .col:last-child {
  margin-right: 0;
}
.free_quote_sec .ind_details .frm_area .frm_seo input,
.free_quote_sec .ind_details .frm_area .frm_seo textarea,
.free_quote_sec .ind_details .frm_area .frm_seo select {
  width: 100%;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--green);
  line-height: 1.2em;
  padding: 20px 0 15px 0;
  outline: none;
  color: var(--gray);
  font-size: var(--font-size-14);
}
@media screen and (min-width: 768px) {
  .free_quote_sec .ind_details .frm_area .frm_seo input,
  .free_quote_sec .ind_details .frm_area .frm_seo textarea,
  .free_quote_sec .ind_details .frm_area .frm_seo select {
    font-size: var(--font-size-16);
  }
}
.free_quote_sec .ind_details .frm_area .frm_seo input::placeholder,
.free_quote_sec .ind_details .frm_area .frm_seo textarea::placeholder,
.free_quote_sec .ind_details .frm_area .frm_seo select::placeholder {
  color: var(--gray-02);
  font-size: var(--font-size-14);
}
@media screen and (min-width: 768px) {
  .free_quote_sec .ind_details .frm_area .frm_seo input::placeholder,
  .free_quote_sec .ind_details .frm_area .frm_seo textarea::placeholder,
  .free_quote_sec .ind_details .frm_area .frm_seo select::placeholder {
    font-size: var(--font-size-16);
  }
}
.free_quote_sec .ind_details .frm_area .frm_seo .select2-container--default .select2-selection--single {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--gray);
  line-height: 1.2em;
  padding: 20px 0 15px 0;
  height: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.free_quote_sec .ind_details .frm_area .frm_seo .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: var(--font-size-12);
  font-family: var(--body-font);
  color: var(--white);
  padding: 0;
}
@media screen and (min-width: 768px) {
  .free_quote_sec .ind_details .frm_area .frm_seo .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: var(--font-size-16);
  }
}
.free_quote_sec .ind_details .frm_area .frm_seo .select2-container--default .select2-selection--single .select2-selection__arrow {
  position: relative;
  top: inherit;
  right: inherit;
}
.free_quote_sec .ind_details .frm_area .frm_seo .select2-container--default .select2-selection--multiple {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--gray);
  border-radius: 0;
}
.free_quote_sec .ind_details .frm_area .frm_seo .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 0;
  margin-bottom: 15px;
}
.free_quote_sec .ind_details .frm_area .frm_seo .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  margin-top: 0;
  margin-bottom: 0;
}
.free_quote_sec .ind_details .frm_area .frm_seo .select2-container--default .select2-selection--multiple .select2-search--inline textarea {
  border-bottom: 0;
  margin: 0;
  margin-bottom: 15px;
  line-height: 0.2em;
}
.free_quote_sec .ind_details .frm_area .frm_seo label {
  display: flex;
  justify-content: flex-start;
  color: var(--white);
  user-select: none;
  align-items: baseline;
  padding: 1em 0 0 0;
}
@media screen and (min-width: 768px) {
  .free_quote_sec .ind_details .frm_area .frm_seo label {
    align-items: center;
    padding: 0;
  }
}
.free_quote_sec .ind_details .frm_area .frm_seo label input[type=checkbox] {
  width: inherit;
  margin-right: 0.5em;
}
.free_quote_sec .ind_details .frm_area .frm_seo label span {
  user-select: none;
  font-size: var(--font-size-14);
}
.free_quote_sec .ind_details .frm_area .frm_seo button {
  margin-top: 1.2em;
  margin-bottom: 2em;
  white-space: nowrap;
}
.free_quote_sec .ind_details .frm_area .frm_seo button:hover {
  color: var(--white);
}
.free_quote_sec .ind_details .frm_area .frm_seo button:hover svg {
  fill: var(--white);
}
.free_quote_sec .ind_details .frm_area .frm_seo button svg {
  width: 1em;
  margin-left: 1em;
}
.free_quote_sec .title_btn {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .free_quote_sec .title_btn {
    align-items: center;
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .free_quote_sec .btn {
    margin-top: 2em;
  }
}
.free_quote_sec .swiper-wrapper {
  transition-timing-function: linear !important;
}
.free_quote_sec .swiper-slide {
  width: auto !important; /* Important to make slidesPerView: 'auto' work */
  white-space: nowrap;
}
.free_quote_sec .swiper-slide div {
  font-family: "Space Grotesk", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  font-weight: bold;
}
.free_quote_sec .swiper-slide .text-outline {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--green);
}
.free_quote_sec .swiper-slide .text-dark-gray {
  color: var(--green);
}
.free_quote_sec .swiper-slide .text-outline-color-extra-medium-gray {
  -webkit-text-stroke-color: var(--gray-02);
  -webkit-text-fill-color: var(--white);
  -webkit-text-stroke-width: 1px;
}
@media (min-width: 1601px) {
  .free_quote_sec .swiper-slide .fs-140 {
    font-size: 9.125rem;
  }
}
@media (max-width: 1600px) {
  .free_quote_sec .swiper-slide .fs-140 {
    font-size: 8.125rem;
  }
}
@media (max-width: 1199px) {
  .free_quote_sec .swiper-slide .fs-140 {
    font-size: 6.875rem;
  }
  .free_quote_sec .swiper-slide .lh-95 {
    line-height: 4.75rem;
  }
}
@media (max-width: 767px) {
  .free_quote_sec .swiper-slide .fs-140 {
    font-size: 5rem;
  }
  .free_quote_sec .swiper-slide .lh-95 {
    line-height: 3.75rem;
  }
}
.free_quote_sec .marquee-slide {
  display: flex;
  align-items: center;
}
.free_quote_sec .swiper {
  overflow: hidden;
}

.banner_f_sec.discovery_phase .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.discovery_phase .box h1 {
  font-weight: var(--extra-bold);
}

.bizanalysis_page .whychoose_sec.discovery_phase h4 {
  color: var(--black);
  margin-bottom: 0.5em;
}
.bizanalysis_page .whychoose_sec.discovery_phase ul {
  padding-left: 1em;
}
.bizanalysis_page .whychoose_sec.discovery_phase ul li {
  color: var(--gray-01);
  list-style: disc;
}
.bizanalysis_page .ba_problem_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0C1319;
}
.bizanalysis_page .ba_problem_sec .eyebrow {
  color: #00F296;
}
.bizanalysis_page .ba_problem_sec h2 {
  color: var(--white);
}
.bizanalysis_page .ba_problem_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.bizanalysis_page .ba_problem_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.bizanalysis_page .ba_problem_sec .problem_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .bizanalysis_page .ba_problem_sec .problem_layout {
    grid-template-columns: 0.85fr 1.15fr;
    gap: 4em;
    align-items: start;
  }
}
@media screen and (min-width: 992px) {
  .bizanalysis_page .ba_problem_sec .problem_intro {
    position: sticky;
    top: 7em;
  }
}
.bizanalysis_page .ba_problem_sec .problem_intro h2 {
  margin: 0.3em 0 0.6em;
}
.bizanalysis_page .ba_problem_sec .problem_list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .bizanalysis_page .ba_problem_sec .problem_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.bizanalysis_page .ba_problem_sec .problem_list li {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.bizanalysis_page .ba_problem_sec .problem_list .problem_num {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
}
.bizanalysis_page .core_services_sec.discovery_phase {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  background-color: var(--green);
}
.bizanalysis_page .core_services_sec.discovery_phase h2 {
  margin-bottom: 2em;
}
.bizanalysis_page .core_services_sec.discovery_phase .box_list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 5em;
}
.bizanalysis_page .core_services_sec.discovery_phase .box_list .slide-item {
  flex: 1 1 25%;
  display: flex;
  min-width: min(312px, 100%);
}
.bizanalysis_page .core_services_sec.discovery_phase .box_list .slide-item .box {
  background-color: var(--white);
  border-radius: 1em;
  overflow: hidden;
}
.bizanalysis_page .core_services_sec.discovery_phase .box_list .slide-item .box::before, .bizanalysis_page .core_services_sec.discovery_phase .box_list .slide-item .box::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20%;
  transform: rotate(-45deg);
  transition: all 0.5s ease-in-out;
  opacity: 0.8;
}
.bizanalysis_page .core_services_sec.discovery_phase .box_list .slide-item .box:hover::after {
  bottom: 0;
  right: -27%;
}
.bizanalysis_page .core_services_sec.discovery_phase .box_list .slide-item .box:hover::before {
  bottom: 0;
  right: -43%;
}
.bizanalysis_page .core_services_sec.discovery_phase .box_list .slide-item .box::after {
  background-color: var(--green);
  bottom: 0;
  right: -80%;
  opacity: 0.2;
}
.bizanalysis_page .core_services_sec.discovery_phase .box_list .slide-item .box::before {
  background-color: var(--green);
  bottom: 0;
  right: -80%;
  opacity: 0.7;
}
.bizanalysis_page .core_services_sec.discovery_phase .box_list .slide-item .box .boxin {
  padding: 2em;
}
.bizanalysis_page .core_services_sec.discovery_phase .box_list .slide-item .box .boxin .icon {
  width: 4em;
  height: 4em;
  border-radius: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  fill: var(--green);
  margin-bottom: 2em;
}
.bizanalysis_page .core_services_sec.discovery_phase .box_list .slide-item .box .boxin .icon::before {
  content: "";
  position: absolute;
  width: 130%;
  height: 130%;
  border-radius: 50%;
  background-color: var(--green-light);
}
.bizanalysis_page .core_services_sec.discovery_phase .box_list .slide-item .box .boxin .icon svg {
  z-index: 1;
}
.bizanalysis_page .core_services_sec.discovery_phase .box_list .slide-item .box .boxin .title {
  margin-bottom: 1em;
  font-weight: bold;
  font-size: var(--font-size-28);
  letter-spacing: normal;
  color: var(--black);
}
.bizanalysis_page .core_services_sec.discovery_phase .box_list .slide-item .box .boxin .short_des {
  color: var(--gray-01);
  margin-bottom: 1em;
}
.bizanalysis_page .core_services_sec.discovery_phase .box_list .slide-item .box .boxin .btn {
  color: var(--white);
  background-color: var(--black);
}
.bizanalysis_page .core_services_sec.discovery_phase .box_list .slide-item .box .boxin .btn:hover {
  background-color: var(--green);
}
.bizanalysis_page .core_services_sec.discovery_phase .box_list .slide-item .box .boxin .btn svg {
  width: 24px;
  margin-left: 0.6em;
}
.bizanalysis_page .ba_stakeholder_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.bizanalysis_page .ba_stakeholder_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.bizanalysis_page .ba_stakeholder_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.bizanalysis_page .ba_stakeholder_sec .sub_title a {
  color: var(--green-dark);
  text-decoration: underline;
}
.bizanalysis_page .ba_stakeholder_sec .stakeholder_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.bizanalysis_page .ba_stakeholder_sec .stakeholder_chips span {
  display: flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.8em 1.3em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 2em;
  background-color: var(--white);
  color: var(--gray);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.bizanalysis_page .ba_stakeholder_sec .stakeholder_chips span i {
  color: var(--green-dark);
}
.bizanalysis_page .ba_process_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0C1319;
}
.bizanalysis_page .ba_process_sec .eyebrow {
  color: #00F296;
}
.bizanalysis_page .ba_process_sec h2 {
  color: var(--white);
}
.bizanalysis_page .ba_process_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.bizanalysis_page .ba_process_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.bizanalysis_page .ba_process_sec .state_rails {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .bizanalysis_page .ba_process_sec .state_rails {
    grid-template-columns: 1fr auto 1fr;
    gap: 2em;
  }
}
.bizanalysis_page .ba_process_sec .state_rail {
  min-width: 0;
  padding: 2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.03);
}
.bizanalysis_page .ba_process_sec .state_rail.accent {
  border-color: rgba(0, 242, 150, 0.35);
  background-color: rgba(0, 242, 150, 0.06);
}
.bizanalysis_page .ba_process_sec .state_rail ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bizanalysis_page .ba_process_sec .state_rail ul li {
  position: relative;
  padding: 0.55em 0 0.55em 1.3em;
  color: rgba(255, 255, 255, 0.82);
  font-size: var(--font-size-16);
  line-height: 1.4em;
}
.bizanalysis_page .ba_process_sec .state_rail ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.05em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #00F296;
}
.bizanalysis_page .ba_process_sec .rail_tag {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  color: #00F296;
  font-size: var(--font-size-16);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.bizanalysis_page .ba_process_sec .state_arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00F296;
  font-size: var(--font-size-28);
  transform: rotate(90deg);
}
@media screen and (min-width: 992px) {
  .bizanalysis_page .ba_process_sec .state_arrow {
    transform: none;
  }
}
.bizanalysis_page .ba_docs_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.bizanalysis_page .ba_docs_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.bizanalysis_page .ba_docs_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.bizanalysis_page .ba_docs_sec .sub_title a {
  color: var(--green-dark);
  text-decoration: underline;
}
.bizanalysis_page .ba_docs_sec .docs_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 480px) {
  .bizanalysis_page .ba_docs_sec .docs_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .bizanalysis_page .ba_docs_sec .docs_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.bizanalysis_page .ba_docs_sec .doc {
  min-width: 0;
  padding: 1.8em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  background-color: var(--white);
}
.bizanalysis_page .ba_docs_sec .doc h3 {
  margin-bottom: 0.5em;
  color: var(--black);
  font-size: var(--font-size-20);
  letter-spacing: normal;
  line-height: 1.3em;
}
.bizanalysis_page .ba_docs_sec .doc p {
  margin: 0;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.bizanalysis_page .ba_docs_sec .doc_abbr {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3.4em;
  margin-bottom: 1em;
  padding: 0.4em 0.8em;
  border-radius: 8px;
  background-color: var(--green-light);
  color: var(--green-link);
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.06em;
}
.bizanalysis_page .ba_story_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.bizanalysis_page .ba_story_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.bizanalysis_page .ba_story_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.bizanalysis_page .ba_story_sec .sub_title a {
  color: var(--green-dark);
  text-decoration: underline;
}
.bizanalysis_page .ba_story_sec .story_example {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 992px) {
  .bizanalysis_page .ba_story_sec .story_example {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.bizanalysis_page .ba_story_sec .story_card {
  min-width: 0;
  padding: 2em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  background-color: var(--white);
}
.bizanalysis_page .ba_story_sec .story_card.accent {
  border-color: var(--green);
  background-color: var(--green-light);
}
.bizanalysis_page .ba_story_sec .story_tag {
  margin-bottom: 0.8em;
  color: var(--green-dark);
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.bizanalysis_page .ba_story_sec .story_line {
  margin: 0;
  color: var(--gray);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.bizanalysis_page .ba_story_sec .story_line em {
  padding: 0.1em 0.4em;
  border-radius: 6px;
  background-color: var(--gray-03);
  color: var(--black);
  font-style: normal;
  font-weight: var(--extra-bold);
}
.bizanalysis_page .ba_why_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.bizanalysis_page .ba_why_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.bizanalysis_page .ba_why_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.bizanalysis_page .ba_why_sec .sub_title a {
  color: var(--green-dark);
  text-decoration: underline;
}
.bizanalysis_page .ba_why_sec .why_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .bizanalysis_page .ba_why_sec .why_layout {
    grid-template-columns: 1fr 1fr;
    gap: 4em;
    align-items: center;
  }
}
.bizanalysis_page .ba_why_sec .why_intro {
  min-width: 0;
}
.bizanalysis_page .ba_why_sec .why_intro h2 {
  margin: 0.3em 0 0.6em;
}
.bizanalysis_page .ba_why_sec .why_intro p {
  margin-bottom: 1.8em;
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.bizanalysis_page .ba_why_sec .why_cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.bizanalysis_page .ba_why_sec .why_cloud span {
  padding: 0.7em 1.2em;
  border-radius: 2em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: var(--white);
  color: var(--gray);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.bizanalysis_page .ba_why_sec .why_cloud span:nth-child(3n) {
  border-color: var(--green);
  background-color: var(--green-light);
  color: var(--green-link);
}
.bizanalysis_page .ba_next_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.bizanalysis_page .ba_next_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.bizanalysis_page .ba_next_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.bizanalysis_page .ba_next_sec .sub_title a {
  color: var(--green-dark);
  text-decoration: underline;
}
.bizanalysis_page .ba_next_sec .next_links {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .bizanalysis_page .ba_next_sec .next_links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .bizanalysis_page .ba_next_sec .next_links {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.bizanalysis_page .ba_next_sec .next_link {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1.8em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  background-color: var(--white);
  transition: all 0.3s ease-in-out;
}
.bizanalysis_page .ba_next_sec .next_link:hover {
  border-color: var(--green);
  background-color: var(--green-light-01);
  transform: translateY(-4px);
}
.bizanalysis_page .ba_next_sec .next_link i {
  margin-bottom: 0.8em;
  color: var(--green-dark);
  font-size: var(--font-size-28);
}
.bizanalysis_page .ba_next_sec .next_title {
  margin-bottom: 0.4em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--extra-bold);
  line-height: 1.3em;
}
.bizanalysis_page .ba_next_sec .next_desc {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.bizanalysis_page main .btn {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  text-wrap: wrap;
  white-space: normal;
}
@media screen and (min-width: 992px) {
  .bizanalysis_page main .btn {
    text-wrap: nowrap;
    white-space: nowrap;
  }
}

.whychoose_sec.technology_consulting h4 {
  color: var(--black);
  margin-bottom: 0.5em;
}
.whychoose_sec.technology_consulting ul {
  padding-left: 1em;
}
.whychoose_sec.technology_consulting ul li {
  color: var(--gray-01);
  list-style: disc;
}

.core_services_sec.technology_consulting {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  background-color: var(--green);
}
.core_services_sec.technology_consulting h2 {
  margin-bottom: 2em;
}
.core_services_sec.technology_consulting .box_list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 5em;
}
.core_services_sec.technology_consulting .box_list .slide-item {
  flex: 1 1 25%;
  display: flex;
  min-width: min(312px, 100%);
}
.core_services_sec.technology_consulting .box_list .slide-item .box {
  background-color: var(--white);
  border-radius: 1em;
  overflow: hidden;
}
.core_services_sec.technology_consulting .box_list .slide-item .box::before, .core_services_sec.technology_consulting .box_list .slide-item .box::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20%;
  transform: rotate(-45deg);
  transition: all 0.5s ease-in-out;
  opacity: 0.8;
}
.core_services_sec.technology_consulting .box_list .slide-item .box:hover::after {
  bottom: 0;
  right: -27%;
}
.core_services_sec.technology_consulting .box_list .slide-item .box:hover::before {
  bottom: 0;
  right: -43%;
}
.core_services_sec.technology_consulting .box_list .slide-item .box::after {
  background-color: var(--green);
  bottom: 0;
  right: -80%;
  opacity: 0.2;
}
.core_services_sec.technology_consulting .box_list .slide-item .box::before {
  background-color: var(--green);
  bottom: 0;
  right: -80%;
  opacity: 0.7;
}
.core_services_sec.technology_consulting .box_list .slide-item .box .boxin {
  padding: 2em;
}
.core_services_sec.technology_consulting .box_list .slide-item .box .boxin .icon {
  width: 4em;
  height: 4em;
  border-radius: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  fill: var(--green);
  margin-bottom: 2em;
}
.core_services_sec.technology_consulting .box_list .slide-item .box .boxin .icon::before {
  content: "";
  position: absolute;
  width: 130%;
  height: 130%;
  border-radius: 50%;
  background-color: var(--green-light);
}
.core_services_sec.technology_consulting .box_list .slide-item .box .boxin .icon svg {
  z-index: 1;
}
.core_services_sec.technology_consulting .box_list .slide-item .box .boxin .title {
  margin-bottom: 1em;
  font-weight: bold;
  font-size: var(--font-size-28);
  color: var(--black);
}
.core_services_sec.technology_consulting .box_list .slide-item .box .boxin .short_des {
  color: var(--gray-01);
  margin-bottom: 1em;
}
.core_services_sec.technology_consulting .box_list .slide-item .box .boxin .btn {
  color: var(--white);
  background-color: var(--black);
}
.core_services_sec.technology_consulting .box_list .slide-item .box .boxin .btn:hover {
  background-color: var(--green);
}
.core_services_sec.technology_consulting .box_list .slide-item .box .boxin .btn svg {
  width: 24px;
  margin-left: 0.6em;
}

.banner_f_sec.it_audit_services .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.it_audit_services .box h1 {
  font-weight: var(--extra-bold);
}

.itaudit_page .whychoose_sec.it_audit_services h4 {
  color: var(--black);
  margin-bottom: 0.5em;
}
.itaudit_page .whychoose_sec.it_audit_services ul {
  padding-left: 1em;
}
.itaudit_page .whychoose_sec.it_audit_services ul li {
  color: var(--gray-01);
  list-style: disc;
}
.itaudit_page .audit_problem_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0C1418;
}
.itaudit_page .audit_problem_sec .eyebrow {
  color: #00F296;
}
.itaudit_page .audit_problem_sec h2 {
  color: var(--white);
}
.itaudit_page .audit_problem_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.itaudit_page .audit_problem_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.itaudit_page .audit_problem_sec .problem_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .itaudit_page .audit_problem_sec .problem_layout {
    grid-template-columns: 0.85fr 1.15fr;
    gap: 4em;
    align-items: start;
  }
}
@media screen and (min-width: 992px) {
  .itaudit_page .audit_problem_sec .problem_intro {
    position: sticky;
    top: 7em;
  }
}
.itaudit_page .audit_problem_sec .problem_intro h2 {
  margin: 0.3em 0 0.6em;
}
.itaudit_page .audit_problem_sec .problem_list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .itaudit_page .audit_problem_sec .problem_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.itaudit_page .audit_problem_sec .problem_list li {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.itaudit_page .audit_problem_sec .problem_list .problem_num {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
}
.itaudit_page .audit_scope_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.itaudit_page .audit_scope_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.itaudit_page .audit_scope_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.itaudit_page .audit_scope_sec .scope_panels {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .itaudit_page .audit_scope_sec .scope_panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .itaudit_page .audit_scope_sec .scope_panels {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.itaudit_page .audit_scope_sec .scope_panel {
  min-width: 0;
  padding: 1.8em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  background-color: var(--white);
}
.itaudit_page .audit_scope_sec .scope_head {
  display: flex;
  align-items: center;
  gap: 0.7em;
  margin-bottom: 1.2em;
  padding-bottom: 1.2em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.itaudit_page .audit_scope_sec .scope_head i {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.4em;
  height: 2.4em;
  border-radius: 10px;
  background-color: var(--green-light);
  color: var(--green-dark);
  font-size: var(--font-size-18);
}
.itaudit_page .audit_scope_sec .scope_head h3 {
  color: var(--black);
  font-size: var(--font-size-20);
  letter-spacing: normal;
  margin: 0;
}
.itaudit_page .audit_scope_sec .scope_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
.itaudit_page .audit_scope_sec .scope_chips span {
  padding: 0.5em 1em;
  border-radius: 2em;
  background-color: var(--gray-03);
  color: var(--gray-01);
  font-size: var(--font-size-14);
  line-height: 1.3em;
}
.itaudit_page .core_services_sec.it_audit_services {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  background-color: var(--green);
}
.itaudit_page .core_services_sec.it_audit_services h2 {
  margin-bottom: 2em;
}
.itaudit_page .core_services_sec.it_audit_services .box_list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 5em;
}
.itaudit_page .core_services_sec.it_audit_services .box_list .slide-item {
  flex: 1 1 25%;
  display: flex;
  min-width: min(312px, 100%);
}
.itaudit_page .core_services_sec.it_audit_services .box_list .slide-item .box {
  background-color: var(--white);
  border-radius: 1em;
  overflow: hidden;
}
.itaudit_page .core_services_sec.it_audit_services .box_list .slide-item .box::before, .itaudit_page .core_services_sec.it_audit_services .box_list .slide-item .box::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20%;
  transform: rotate(-45deg);
  transition: all 0.5s ease-in-out;
  opacity: 0.8;
}
.itaudit_page .core_services_sec.it_audit_services .box_list .slide-item .box:hover::after {
  bottom: 0;
  right: -27%;
}
.itaudit_page .core_services_sec.it_audit_services .box_list .slide-item .box:hover::before {
  bottom: 0;
  right: -43%;
}
.itaudit_page .core_services_sec.it_audit_services .box_list .slide-item .box::after {
  background-color: var(--green);
  bottom: 0;
  right: -80%;
  opacity: 0.2;
}
.itaudit_page .core_services_sec.it_audit_services .box_list .slide-item .box::before {
  background-color: var(--green);
  bottom: 0;
  right: -80%;
  opacity: 0.7;
}
.itaudit_page .core_services_sec.it_audit_services .box_list .slide-item .box .boxin {
  padding: 2em;
}
.itaudit_page .core_services_sec.it_audit_services .box_list .slide-item .box .boxin .icon {
  width: 4em;
  height: 4em;
  border-radius: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  fill: var(--green);
  margin-bottom: 2em;
}
.itaudit_page .core_services_sec.it_audit_services .box_list .slide-item .box .boxin .icon::before {
  content: "";
  position: absolute;
  width: 130%;
  height: 130%;
  border-radius: 50%;
  background-color: var(--green-light);
}
.itaudit_page .core_services_sec.it_audit_services .box_list .slide-item .box .boxin .icon svg {
  z-index: 1;
}
.itaudit_page .core_services_sec.it_audit_services .box_list .slide-item .box .boxin .title {
  margin-bottom: 1em;
  font-weight: bold;
  font-size: var(--font-size-28);
  letter-spacing: normal;
  color: var(--black);
}
.itaudit_page .core_services_sec.it_audit_services .box_list .slide-item .box .boxin .short_des {
  color: var(--gray-01);
  margin-bottom: 1em;
}
.itaudit_page .core_services_sec.it_audit_services .box_list .slide-item .box .boxin .btn {
  color: var(--white);
  background-color: var(--black);
}
.itaudit_page .core_services_sec.it_audit_services .box_list .slide-item .box .boxin .btn:hover {
  background-color: var(--green);
}
.itaudit_page .core_services_sec.it_audit_services .box_list .slide-item .box .boxin .btn svg {
  width: 24px;
  margin-left: 0.6em;
}
.itaudit_page .checklist_sec .audit_note {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  margin-top: 2.5em;
  padding: 1.4em 1.6em;
  border-left: 4px solid var(--green-dark);
  border-radius: 0 12px 12px 0;
  background-color: var(--green-light-01);
  color: var(--gray);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.itaudit_page .checklist_sec .audit_note i {
  flex-shrink: 0;
  margin-top: 0.25em;
  color: var(--green-dark);
}
.itaudit_page .checklist_sec .audit_note strong {
  color: var(--black);
}
.itaudit_page .audit_infra_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0C1418;
}
.itaudit_page .audit_infra_sec .eyebrow {
  color: #00F296;
}
.itaudit_page .audit_infra_sec h2 {
  color: var(--white);
}
.itaudit_page .audit_infra_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.itaudit_page .audit_infra_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.itaudit_page .audit_infra_sec .infra_rails {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .itaudit_page .audit_infra_sec .infra_rails {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.itaudit_page .audit_infra_sec .infra_rail {
  min-width: 0;
  padding: 1.8em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.03);
}
.itaudit_page .audit_infra_sec .infra_rail ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.itaudit_page .audit_infra_sec .infra_rail ul li {
  position: relative;
  padding: 0.55em 0 0.55em 1.3em;
  color: rgba(255, 255, 255, 0.82);
  font-size: var(--font-size-16);
  line-height: 1.4em;
}
.itaudit_page .audit_infra_sec .infra_rail ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.05em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #00F296;
}
.itaudit_page .audit_infra_sec .rail_tag {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  color: #00F296;
  font-size: var(--font-size-16);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.itaudit_page .audit_deliverables_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.itaudit_page .audit_deliverables_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.itaudit_page .audit_deliverables_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.itaudit_page .audit_deliverables_sec .deliverable_cols {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 992px) {
  .itaudit_page .audit_deliverables_sec .deliverable_cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.itaudit_page .audit_deliverables_sec .deliverable_col {
  min-width: 0;
  padding: 2em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  background-color: var(--white);
}
.itaudit_page .audit_deliverables_sec .deliverable_col ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.itaudit_page .audit_deliverables_sec .deliverable_col ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  padding: 0.7em 0;
  color: var(--gray);
  font-size: var(--font-size-16);
  line-height: 1.45em;
}
.itaudit_page .audit_deliverables_sec .deliverable_col ul li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.itaudit_page .audit_deliverables_sec .deliverable_col ul li i {
  flex-shrink: 0;
  margin-top: 0.2em;
  width: 1.4em;
  color: var(--green-dark);
}
.itaudit_page .audit_deliverables_sec .col_tag {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 2px solid var(--green);
  color: var(--green-dark);
  font-size: var(--font-size-16);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.itaudit_page .audit_deliverables_sec .audit_note {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  margin-top: 2.5em;
  padding: 1.4em 1.6em;
  border-left: 4px solid var(--green-dark);
  border-radius: 0 12px 12px 0;
  background-color: var(--green-light-01);
  color: var(--gray);
  font-size: var(--font-size-16);
  line-height: 1.6em;
  background-color: var(--white);
  border-left-color: var(--green);
}
.itaudit_page .audit_deliverables_sec .audit_note i {
  flex-shrink: 0;
  margin-top: 0.25em;
  color: var(--green-dark);
}
.itaudit_page .audit_deliverables_sec .audit_note strong {
  color: var(--black);
}
.itaudit_page .audit_priority_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.itaudit_page .audit_priority_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.itaudit_page .audit_priority_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.itaudit_page .audit_priority_sec .priority_bands {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
}
@media screen and (min-width: 480px) {
  .itaudit_page .audit_priority_sec .priority_bands {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .itaudit_page .audit_priority_sec .priority_bands {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.itaudit_page .audit_priority_sec .band {
  min-width: 0;
  padding: 1.8em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-top: 5px solid var(--gray-02);
  border-radius: 4px 4px 16px 16px;
  background-color: var(--white);
}
.itaudit_page .audit_priority_sec .band p {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.5em;
  margin: 0;
}
.itaudit_page .audit_priority_sec .band.critical {
  border-top-color: #C0392B;
}
.itaudit_page .audit_priority_sec .band.critical .band_level {
  color: #C0392B;
}
.itaudit_page .audit_priority_sec .band.high {
  border-top-color: #D97B23;
}
.itaudit_page .audit_priority_sec .band.high .band_level {
  color: #D97B23;
}
.itaudit_page .audit_priority_sec .band.medium {
  border-top-color: #C9A227;
}
.itaudit_page .audit_priority_sec .band.medium .band_level {
  color: #C9A227;
}
.itaudit_page .audit_priority_sec .band.low {
  border-top-color: #3E7D5A;
}
.itaudit_page .audit_priority_sec .band.low .band_level {
  color: #3E7D5A;
}
.itaudit_page .audit_priority_sec .band_level {
  margin-bottom: 0.6em;
  font-size: var(--font-size-20);
  font-weight: var(--extra-bold);
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.itaudit_page .audit_priority_sec .priority_meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
  margin-top: 2.5em;
}
.itaudit_page .audit_priority_sec .priority_meta span {
  display: flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.7em 1.2em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 2em;
  background-color: var(--gray-03);
  color: var(--gray);
  font-size: var(--font-size-14);
  line-height: 1.3em;
}
.itaudit_page .audit_priority_sec .priority_meta span i {
  color: var(--green-dark);
}
.itaudit_page .audit_why_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0F1A1F;
}
.itaudit_page .audit_why_sec .eyebrow {
  color: #00F296;
}
.itaudit_page .audit_why_sec h2 {
  color: var(--white);
}
.itaudit_page .audit_why_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.itaudit_page .audit_why_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.itaudit_page .audit_why_sec .why_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .itaudit_page .audit_why_sec .why_layout {
    grid-template-columns: 1fr 1fr;
    gap: 4em;
    align-items: center;
  }
}
.itaudit_page .audit_why_sec .why_intro {
  min-width: 0;
}
.itaudit_page .audit_why_sec .why_intro h2 {
  margin: 0.3em 0 0.6em;
}
.itaudit_page .audit_why_sec .why_intro p {
  margin-bottom: 1.8em;
}
.itaudit_page .audit_why_sec .why_cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.itaudit_page .audit_why_sec .why_cloud span {
  padding: 0.7em 1.2em;
  border-radius: 2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.88);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.itaudit_page .audit_why_sec .why_cloud span:nth-child(3n) {
  border-color: rgba(0, 242, 150, 0.35);
  background-color: rgba(0, 242, 150, 0.08);
  color: var(--white);
}
.itaudit_page .audit_next_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.itaudit_page .audit_next_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.itaudit_page .audit_next_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.itaudit_page .audit_next_sec .next_links {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .itaudit_page .audit_next_sec .next_links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .itaudit_page .audit_next_sec .next_links {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.itaudit_page .audit_next_sec .next_link {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1.8em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  background-color: var(--white);
  transition: all 0.3s ease-in-out;
}
.itaudit_page .audit_next_sec .next_link:hover {
  border-color: var(--green);
  background-color: var(--green-light-01);
  transform: translateY(-4px);
}
.itaudit_page .audit_next_sec .next_link i {
  margin-bottom: 0.8em;
  color: var(--green-dark);
  font-size: var(--font-size-28);
}
.itaudit_page .audit_next_sec .next_title {
  margin-bottom: 0.4em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--extra-bold);
  line-height: 1.3em;
}
.itaudit_page .audit_next_sec .next_desc {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.itaudit_page main .btn {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  text-wrap: wrap;
  white-space: normal;
}
@media screen and (min-width: 992px) {
  .itaudit_page main .btn {
    text-wrap: nowrap;
    white-space: nowrap;
  }
}

.banner_f_sec.product_experience_design .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.product_experience_design .box h1 {
  font-weight: var(--extra-bold);
}

.pxd_page .whychoose_sec.product_experience_design h4 {
  color: var(--black);
  margin-bottom: 0.5em;
}
.pxd_page .whychoose_sec.product_experience_design ul {
  padding-left: 1em;
}
.pxd_page .whychoose_sec.product_experience_design ul li {
  color: var(--gray-01);
  list-style: disc;
}
.pxd_page .pxd_problem_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0D1117;
}
.pxd_page .pxd_problem_sec .eyebrow {
  color: #00F296;
}
.pxd_page .pxd_problem_sec h2 {
  color: var(--white);
}
.pxd_page .pxd_problem_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.pxd_page .pxd_problem_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.pxd_page .pxd_problem_sec .problem_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .pxd_page .pxd_problem_sec .problem_layout {
    grid-template-columns: 0.85fr 1.15fr;
    gap: 4em;
    align-items: start;
  }
}
@media screen and (min-width: 992px) {
  .pxd_page .pxd_problem_sec .problem_intro {
    position: sticky;
    top: 7em;
  }
}
.pxd_page .pxd_problem_sec .problem_intro h2 {
  margin: 0.3em 0 0.6em;
}
.pxd_page .pxd_problem_sec .problem_list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .pxd_page .pxd_problem_sec .problem_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.pxd_page .pxd_problem_sec .problem_list li {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.pxd_page .pxd_problem_sec .problem_list .problem_num {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
}
.pxd_page .core_services_sec.product_experience_design {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  background-color: var(--green);
}
.pxd_page .core_services_sec.product_experience_design h2 {
  margin-bottom: 2em;
}
.pxd_page .core_services_sec.product_experience_design .box_list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 5em;
}
.pxd_page .core_services_sec.product_experience_design .box_list .slide-item {
  flex: 1 1 25%;
  display: flex;
  min-width: min(312px, 100%);
}
.pxd_page .core_services_sec.product_experience_design .box_list .slide-item .box {
  background-color: var(--white);
  border-radius: 1em;
  overflow: hidden;
}
.pxd_page .core_services_sec.product_experience_design .box_list .slide-item .box::before, .pxd_page .core_services_sec.product_experience_design .box_list .slide-item .box::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20%;
  transform: rotate(-45deg);
  transition: all 0.5s ease-in-out;
  opacity: 0.8;
}
.pxd_page .core_services_sec.product_experience_design .box_list .slide-item .box:hover::after {
  bottom: 0;
  right: -27%;
}
.pxd_page .core_services_sec.product_experience_design .box_list .slide-item .box:hover::before {
  bottom: 0;
  right: -43%;
}
.pxd_page .core_services_sec.product_experience_design .box_list .slide-item .box::after {
  background-color: var(--green);
  bottom: 0;
  right: -80%;
  opacity: 0.2;
}
.pxd_page .core_services_sec.product_experience_design .box_list .slide-item .box::before {
  background-color: var(--green);
  bottom: 0;
  right: -80%;
  opacity: 0.7;
}
.pxd_page .core_services_sec.product_experience_design .box_list .slide-item .box .boxin {
  padding: 2em;
}
.pxd_page .core_services_sec.product_experience_design .box_list .slide-item .box .boxin .icon {
  width: 4em;
  height: 4em;
  border-radius: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  fill: var(--green);
  margin-bottom: 2em;
}
.pxd_page .core_services_sec.product_experience_design .box_list .slide-item .box .boxin .icon::before {
  content: "";
  position: absolute;
  width: 130%;
  height: 130%;
  border-radius: 50%;
  background-color: var(--green-light);
}
.pxd_page .core_services_sec.product_experience_design .box_list .slide-item .box .boxin .icon svg {
  z-index: 1;
}
.pxd_page .core_services_sec.product_experience_design .box_list .slide-item .box .boxin .title {
  margin-bottom: 1em;
  font-weight: bold;
  font-size: var(--font-size-28);
  letter-spacing: normal;
  color: var(--black);
}
.pxd_page .core_services_sec.product_experience_design .box_list .slide-item .box .boxin .short_des {
  color: var(--gray-01);
  margin-bottom: 1em;
}
.pxd_page .core_services_sec.product_experience_design .box_list .slide-item .box .boxin .btn {
  color: var(--white);
  background-color: var(--black);
}
.pxd_page .core_services_sec.product_experience_design .box_list .slide-item .box .boxin .btn:hover {
  background-color: var(--green);
}
.pxd_page .core_services_sec.product_experience_design .box_list .slide-item .box .boxin .btn svg {
  width: 24px;
  margin-left: 0.6em;
}
.pxd_page .pxd_ux_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.pxd_page .pxd_ux_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.pxd_page .pxd_ux_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.pxd_page .pxd_ux_sec .sub_title a {
  color: var(--green-dark);
  text-decoration: underline;
}
.pxd_page .pxd_ux_sec .ux_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
  margin-bottom: 2.5em;
}
.pxd_page .pxd_ux_sec .ux_chips span {
  display: flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.8em 1.3em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 2em;
  background-color: var(--white);
  color: var(--gray);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.pxd_page .pxd_ux_sec .ux_chips span i {
  color: var(--green-dark);
}
.pxd_page .pxd_proto_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0D1117;
}
.pxd_page .pxd_proto_sec .eyebrow {
  color: #00F296;
}
.pxd_page .pxd_proto_sec h2 {
  color: var(--white);
}
.pxd_page .pxd_proto_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.pxd_page .pxd_proto_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.pxd_page .pxd_proto_sec .proto_rail {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 480px) {
  .pxd_page .pxd_proto_sec .proto_rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .pxd_page .pxd_proto_sec .proto_rail {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.pxd_page .pxd_proto_sec .proto_item {
  min-width: 0;
  padding: 1.8em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.03);
}
.pxd_page .pxd_proto_sec .proto_item i {
  display: block;
  margin-bottom: 0.8em;
  color: #00F296;
  font-size: var(--font-size-28);
}
.pxd_page .pxd_proto_sec .proto_item h3 {
  margin-bottom: 0.5em;
  color: var(--white);
  font-size: var(--font-size-20);
  letter-spacing: normal;
  line-height: 1.3em;
}
.pxd_page .pxd_proto_sec .proto_item p {
  margin: 0;
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.pxd_page .pxd_system_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.pxd_page .pxd_system_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.pxd_page .pxd_system_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.pxd_page .pxd_system_sec .sub_title a {
  color: var(--green-dark);
  text-decoration: underline;
}
.pxd_page .pxd_system_sec .system_grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.pxd_page .pxd_system_sec .system_grid span {
  display: flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.8em 1.3em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 2em;
  background-color: var(--white);
  color: var(--gray);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.pxd_page .pxd_system_sec .system_grid span i {
  color: var(--green-dark);
}
.pxd_page .pxd_handoff_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.pxd_page .pxd_handoff_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.pxd_page .pxd_handoff_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.pxd_page .pxd_handoff_sec .sub_title a {
  color: var(--green-dark);
  text-decoration: underline;
}
.pxd_page .pxd_handoff_sec .handoff_cols {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 992px) {
  .pxd_page .pxd_handoff_sec .handoff_cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.pxd_page .pxd_handoff_sec .handoff_col {
  min-width: 0;
  padding: 2em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  background-color: var(--white);
}
.pxd_page .pxd_handoff_sec .handoff_col ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pxd_page .pxd_handoff_sec .handoff_col ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  padding: 0.7em 0;
  color: var(--gray);
  font-size: var(--font-size-16);
  line-height: 1.45em;
}
.pxd_page .pxd_handoff_sec .handoff_col ul li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.pxd_page .pxd_handoff_sec .handoff_col ul li i {
  flex-shrink: 0;
  margin-top: 0.2em;
  color: var(--green-dark);
}
.pxd_page .pxd_handoff_sec .col_tag {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 2px solid var(--green);
  color: var(--green-dark);
  font-size: var(--font-size-16);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.pxd_page .pxd_redesign_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--green-light-01);
}
.pxd_page .pxd_redesign_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.pxd_page .pxd_redesign_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.pxd_page .pxd_redesign_sec .sub_title a {
  color: var(--green-dark);
  text-decoration: underline;
}
.pxd_page .pxd_redesign_sec .redesign_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.pxd_page .pxd_redesign_sec .redesign_chips span {
  padding: 0.8em 1.4em;
  border: 1px dashed var(--green-dark);
  border-radius: 2em;
  background-color: var(--white);
  color: var(--gray);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.pxd_page .pxd_why_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #101720;
}
.pxd_page .pxd_why_sec .eyebrow {
  color: #00F296;
}
.pxd_page .pxd_why_sec h2 {
  color: var(--white);
}
.pxd_page .pxd_why_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.pxd_page .pxd_why_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.pxd_page .pxd_why_sec .why_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .pxd_page .pxd_why_sec .why_layout {
    grid-template-columns: 1fr 1fr;
    gap: 4em;
    align-items: center;
  }
}
.pxd_page .pxd_why_sec .why_intro {
  min-width: 0;
}
.pxd_page .pxd_why_sec .why_intro h2 {
  margin: 0.3em 0 0.6em;
}
.pxd_page .pxd_why_sec .why_intro p {
  margin-bottom: 1.8em;
}
.pxd_page .pxd_why_sec .why_cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.pxd_page .pxd_why_sec .why_cloud span {
  padding: 0.7em 1.2em;
  border-radius: 2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.88);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.pxd_page .pxd_why_sec .why_cloud span:nth-child(3n) {
  border-color: rgba(0, 242, 150, 0.35);
  background-color: rgba(0, 242, 150, 0.08);
  color: var(--white);
}
.pxd_page .pxd_next_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.pxd_page .pxd_next_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.pxd_page .pxd_next_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.pxd_page .pxd_next_sec .sub_title a {
  color: var(--green-dark);
  text-decoration: underline;
}
.pxd_page .pxd_next_sec .next_links {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .pxd_page .pxd_next_sec .next_links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .pxd_page .pxd_next_sec .next_links {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.pxd_page .pxd_next_sec .next_link {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1.8em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  background-color: var(--white);
  transition: all 0.3s ease-in-out;
}
.pxd_page .pxd_next_sec .next_link:hover {
  border-color: var(--green);
  background-color: var(--green-light-01);
  transform: translateY(-4px);
}
.pxd_page .pxd_next_sec .next_link i {
  margin-bottom: 0.8em;
  color: var(--green-dark);
  font-size: var(--font-size-28);
}
.pxd_page .pxd_next_sec .next_title {
  margin-bottom: 0.4em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--extra-bold);
  line-height: 1.3em;
}
.pxd_page .pxd_next_sec .next_desc {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.pxd_page main .btn {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  text-wrap: wrap;
  white-space: normal;
}
@media screen and (min-width: 992px) {
  .pxd_page main .btn {
    text-wrap: nowrap;
    white-space: nowrap;
  }
}

.whychoose_sec.product_design_business_analysis h4 {
  color: var(--black);
  margin-bottom: 0.5em;
}
.whychoose_sec.product_design_business_analysis ul {
  padding-left: 1em;
}
.whychoose_sec.product_design_business_analysis ul li {
  color: var(--gray-01);
  list-style: disc;
}

.core_services_sec.product_design_business_analysis {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  background-color: var(--green);
}
.core_services_sec.product_design_business_analysis h2 {
  margin-bottom: 2em;
}
.core_services_sec.product_design_business_analysis .box_list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 5em;
}
.core_services_sec.product_design_business_analysis .box_list .slide-item {
  flex: 1 1 25%;
  display: flex;
  min-width: min(312px, 100%);
}
.core_services_sec.product_design_business_analysis .box_list .slide-item .box {
  background-color: var(--white);
  border-radius: 1em;
  overflow: hidden;
}
.core_services_sec.product_design_business_analysis .box_list .slide-item .box::before, .core_services_sec.product_design_business_analysis .box_list .slide-item .box::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20%;
  transform: rotate(-45deg);
  transition: all 0.5s ease-in-out;
  opacity: 0.8;
}
.core_services_sec.product_design_business_analysis .box_list .slide-item .box:hover::after {
  bottom: 0;
  right: -27%;
}
.core_services_sec.product_design_business_analysis .box_list .slide-item .box:hover::before {
  bottom: 0;
  right: -43%;
}
.core_services_sec.product_design_business_analysis .box_list .slide-item .box::after {
  background-color: var(--green);
  bottom: 0;
  right: -80%;
  opacity: 0.2;
}
.core_services_sec.product_design_business_analysis .box_list .slide-item .box::before {
  background-color: var(--green);
  bottom: 0;
  right: -80%;
  opacity: 0.7;
}
.core_services_sec.product_design_business_analysis .box_list .slide-item .box .boxin {
  padding: 2em;
}
.core_services_sec.product_design_business_analysis .box_list .slide-item .box .boxin .icon {
  width: 4em;
  height: 4em;
  border-radius: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  fill: var(--green);
  margin-bottom: 2em;
}
.core_services_sec.product_design_business_analysis .box_list .slide-item .box .boxin .icon::before {
  content: "";
  position: absolute;
  width: 130%;
  height: 130%;
  border-radius: 50%;
  background-color: var(--green-light);
}
.core_services_sec.product_design_business_analysis .box_list .slide-item .box .boxin .icon svg {
  z-index: 1;
}
.core_services_sec.product_design_business_analysis .box_list .slide-item .box .boxin .title {
  margin-bottom: 1em;
  font-weight: bold;
  font-size: var(--font-size-28);
  color: var(--black);
}
.core_services_sec.product_design_business_analysis .box_list .slide-item .box .boxin .short_des {
  color: var(--gray-01);
  margin-bottom: 1em;
}
.core_services_sec.product_design_business_analysis .box_list .slide-item .box .boxin .btn {
  color: var(--white);
  background-color: var(--black);
}
.core_services_sec.product_design_business_analysis .box_list .slide-item .box .boxin .btn:hover {
  background-color: var(--green);
}
.core_services_sec.product_design_business_analysis .box_list .slide-item .box .boxin .btn svg {
  width: 24px;
  margin-left: 0.6em;
}

.banner_f_sec.maintenance_support .box .eyebrow_hero {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-12);
  font-weight: var(--extra-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2em;
}
.banner_f_sec.maintenance_support .box h1 {
  font-weight: var(--extra-bold);
}

.maint_page .whychoose_sec.maintenance_support h4 {
  color: var(--black);
  margin-bottom: 0.5em;
}
.maint_page .whychoose_sec.maintenance_support ul {
  padding-left: 1em;
}
.maint_page .whychoose_sec.maintenance_support ul li {
  color: var(--gray-01);
  list-style: disc;
}
.maint_page .maint_pain_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0C1116;
}
.maint_page .maint_pain_sec .eyebrow {
  color: #00F296;
}
.maint_page .maint_pain_sec h2 {
  color: var(--white);
}
.maint_page .maint_pain_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.maint_page .maint_pain_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.maint_page .maint_pain_sec .problem_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .maint_page .maint_pain_sec .problem_layout {
    grid-template-columns: 0.85fr 1.15fr;
    gap: 4em;
    align-items: start;
  }
}
@media screen and (min-width: 992px) {
  .maint_page .maint_pain_sec .problem_intro {
    position: sticky;
    top: 7em;
  }
}
.maint_page .maint_pain_sec .problem_intro h2 {
  margin: 0.3em 0 0.6em;
}
.maint_page .maint_pain_sec .problem_list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .maint_page .maint_pain_sec .problem_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.maint_page .maint_pain_sec .problem_list li {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 1em 1.2em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.maint_page .maint_pain_sec .problem_list .problem_num {
  flex-shrink: 0;
  color: #00F296;
  font-size: var(--font-size-14);
  font-weight: var(--extra-bold);
  letter-spacing: 0.04em;
}
.maint_page .core_services_sec.maintenance_support {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  background-color: var(--green);
}
.maint_page .core_services_sec.maintenance_support h2 {
  margin-bottom: 2em;
}
.maint_page .core_services_sec.maintenance_support .box_list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 5em;
}
.maint_page .core_services_sec.maintenance_support .box_list .slide-item {
  flex: 1 1 25%;
  display: flex;
  min-width: min(312px, 100%);
}
.maint_page .core_services_sec.maintenance_support .box_list .slide-item .box {
  background-color: var(--white);
  border-radius: 1em;
  overflow: hidden;
}
.maint_page .core_services_sec.maintenance_support .box_list .slide-item .box::before, .maint_page .core_services_sec.maintenance_support .box_list .slide-item .box::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20%;
  transform: rotate(-45deg);
  transition: all 0.5s ease-in-out;
  opacity: 0.8;
}
.maint_page .core_services_sec.maintenance_support .box_list .slide-item .box:hover::after {
  bottom: 0;
  right: -27%;
}
.maint_page .core_services_sec.maintenance_support .box_list .slide-item .box:hover::before {
  bottom: 0;
  right: -43%;
}
.maint_page .core_services_sec.maintenance_support .box_list .slide-item .box::after {
  background-color: var(--green);
  bottom: 0;
  right: -80%;
  opacity: 0.2;
}
.maint_page .core_services_sec.maintenance_support .box_list .slide-item .box::before {
  background-color: var(--green);
  bottom: 0;
  right: -80%;
  opacity: 0.7;
}
.maint_page .core_services_sec.maintenance_support .box_list .slide-item .box .boxin {
  padding: 2em;
}
.maint_page .core_services_sec.maintenance_support .box_list .slide-item .box .boxin .icon {
  width: 4em;
  height: 4em;
  border-radius: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  fill: var(--green);
  margin-bottom: 2em;
}
.maint_page .core_services_sec.maintenance_support .box_list .slide-item .box .boxin .icon::before {
  content: "";
  position: absolute;
  width: 130%;
  height: 130%;
  border-radius: 50%;
  background-color: var(--green-light);
}
.maint_page .core_services_sec.maintenance_support .box_list .slide-item .box .boxin .icon svg {
  z-index: 1;
}
.maint_page .core_services_sec.maintenance_support .box_list .slide-item .box .boxin .title {
  margin-bottom: 1em;
  font-weight: bold;
  font-size: var(--font-size-28);
  letter-spacing: normal;
  color: var(--black);
}
.maint_page .core_services_sec.maintenance_support .box_list .slide-item .box .boxin .short_des {
  color: var(--gray-01);
  margin-bottom: 1em;
}
.maint_page .core_services_sec.maintenance_support .box_list .slide-item .box .boxin .btn {
  color: var(--white);
  background-color: var(--black);
}
.maint_page .core_services_sec.maintenance_support .box_list .slide-item .box .boxin .btn:hover {
  background-color: var(--green);
}
.maint_page .core_services_sec.maintenance_support .box_list .slide-item .box .boxin .btn svg {
  width: 24px;
  margin-left: 0.6em;
}
.maint_page .maint_models_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.maint_page .maint_models_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.maint_page .maint_models_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.maint_page .maint_models_sec .sub_title a {
  color: var(--green-dark);
  text-decoration: underline;
}
.maint_page .maint_models_sec .model_list {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.maint_page .maint_models_sec .model {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 1.2em;
  padding: 1.8em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  background-color: var(--white);
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 992px) {
  .maint_page .maint_models_sec .model {
    grid-template-columns: auto 1fr auto;
  }
}
.maint_page .maint_models_sec .model:hover {
  border-color: var(--green);
}
.maint_page .maint_models_sec .model_num {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.6em;
  height: 2.6em;
  border-radius: 50%;
  background-color: var(--green-light);
  color: var(--green-link);
  font-size: var(--font-size-18);
  font-weight: var(--extra-bold);
}
.maint_page .maint_models_sec .model_body {
  min-width: 0;
  grid-column: 2;
}
.maint_page .maint_models_sec .model_body h3 {
  margin-bottom: 0.3em;
  color: var(--black);
  font-size: var(--font-size-20);
  letter-spacing: normal;
}
.maint_page .maint_models_sec .model_body p {
  margin: 0;
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.55em;
}
.maint_page .maint_models_sec .btn {
  grid-column: 2;
  justify-self: start;
}
@media screen and (min-width: 992px) {
  .maint_page .maint_models_sec .btn {
    grid-column: 3;
  }
}
.maint_page .maint_monitor_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #0C1116;
}
.maint_page .maint_monitor_sec .eyebrow {
  color: #00F296;
}
.maint_page .maint_monitor_sec h2 {
  color: var(--white);
}
.maint_page .maint_monitor_sec p {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.maint_page .maint_monitor_sec .sub_title {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.maint_page .maint_monitor_sec .monitor_tiles {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1em;
}
@media screen and (min-width: 480px) {
  .maint_page .maint_monitor_sec .monitor_tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .maint_page .maint_monitor_sec .monitor_tiles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .maint_page .maint_monitor_sec .monitor_tiles {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.maint_page .maint_monitor_sec .tile {
  display: flex;
  flex-direction: column;
  gap: 0.8em;
  min-width: 0;
  padding: 1.5em;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 0.03);
}
.maint_page .maint_monitor_sec .tile i {
  color: #00F296;
  font-size: var(--font-size-24);
}
.maint_page .maint_monitor_sec .tile span {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font-size-16);
  line-height: 1.35em;
}
.maint_page .checklist_sec .maint_note {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  margin-top: 2.5em;
  padding: 1.4em 1.6em;
  border-left: 4px solid var(--green-dark);
  border-radius: 0 12px 12px 0;
  background-color: var(--green-light-01);
  color: var(--gray);
  font-size: var(--font-size-16);
  line-height: 1.6em;
}
.maint_page .checklist_sec .maint_note i {
  flex-shrink: 0;
  margin-top: 0.25em;
  color: var(--green-dark);
}
.maint_page .checklist_sec .maint_note strong {
  color: var(--black);
}
.maint_page .maint_why_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: #EAF7F0;
}
.maint_page .maint_why_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.maint_page .maint_why_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.maint_page .maint_why_sec .sub_title a {
  color: var(--green-dark);
  text-decoration: underline;
}
.maint_page .maint_why_sec .why_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5em;
}
@media screen and (min-width: 992px) {
  .maint_page .maint_why_sec .why_layout {
    grid-template-columns: 1fr 1fr;
    gap: 4em;
    align-items: center;
  }
}
.maint_page .maint_why_sec .why_intro {
  min-width: 0;
}
.maint_page .maint_why_sec .why_intro h2 {
  margin: 0.3em 0 0.6em;
}
.maint_page .maint_why_sec .why_intro p {
  margin-bottom: 1.8em;
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
}
.maint_page .maint_why_sec .why_cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.maint_page .maint_why_sec .why_cloud span {
  padding: 0.7em 1.2em;
  border-radius: 2em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: var(--white);
  color: var(--gray);
  font-size: var(--font-size-16);
  line-height: 1.2em;
}
.maint_page .maint_why_sec .why_cloud span:nth-child(3n) {
  border-color: var(--green);
  background-color: var(--green-light);
  color: var(--green-link);
}
.maint_page .maint_next_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background-color: var(--white);
}
.maint_page .maint_next_sec h2 {
  color: var(--black);
  margin-bottom: 0.4em;
}
.maint_page .maint_next_sec .sub_title {
  color: var(--gray-01);
  font-size: var(--font-size-18);
  line-height: 1.6em;
  max-width: 60em;
  margin-bottom: 3em;
}
.maint_page .maint_next_sec .sub_title a {
  color: var(--green-dark);
  text-decoration: underline;
}
.maint_page .maint_next_sec .next_links {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2em;
}
@media screen and (min-width: 768px) {
  .maint_page .maint_next_sec .next_links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .maint_page .maint_next_sec .next_links {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.maint_page .maint_next_sec .next_link {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1.8em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  background-color: var(--white);
  transition: all 0.3s ease-in-out;
}
.maint_page .maint_next_sec .next_link:hover {
  border-color: var(--green);
  background-color: var(--green-light-01);
  transform: translateY(-4px);
}
.maint_page .maint_next_sec .next_link i {
  margin-bottom: 0.8em;
  color: var(--green-dark);
  font-size: var(--font-size-28);
}
.maint_page .maint_next_sec .next_title {
  margin-bottom: 0.4em;
  color: var(--black);
  font-size: var(--font-size-20);
  font-weight: var(--extra-bold);
  line-height: 1.3em;
}
.maint_page .maint_next_sec .next_desc {
  color: var(--gray-01);
  font-size: var(--font-size-16);
  line-height: 1.5em;
}
.maint_page main .btn {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  text-wrap: wrap;
  white-space: normal;
}
@media screen and (min-width: 992px) {
  .maint_page main .btn {
    text-wrap: nowrap;
    white-space: nowrap;
  }
}

.banner_f_sec.error_404 box h1 {
  font-weight: 800;
  line-height: 0.5em;
}

.page_404 {
  padding: var(--section-y-xs) 0;
}
.page_404 .page_404_in {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  flex-direction: column;
}
.page_404 .page_404_in .img_box {
  width: 50%;
}
.page_404 .page_404_in h2 {
  color: var(--black);
  margin-bottom: 20px;
}
.page_404 .page_404_in h2 .bright {
  color: var(--green);
}
.page_404 .page_404_in p {
  color: var(--gray-01);
  margin-bottom: 2em;
}
.page_404 .page_404_in .btn {
  color: var(--white);
  background-color: var(--green);
}
.page_404 .page_404_in .btn:hover {
  background-color: var(--black);
}
.page_404 .page_404_in .btn svg {
  width: 24px;
  margin-left: 0.6em;
}

.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* This is important */
  background: rgba(0, 0, 0, 0.4);
  justify-content: center;
  align-items: center; /* This centers it vertically */
  z-index: 1000;
  padding: 20px; /* Optional: helps on small screens */
  box-sizing: border-box;
}

.popup-card {
  background: #fff;
  border-radius: 10px;
  width: 100%;
  max-width: 420px;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .popup-card {
    max-width: 60%;
  }
}

.popup-header {
  background: #f5f5f5;
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
  flex: 0 0 auto;
}

.popup-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.close-popup {
  font-size: 22px;
  cursor: pointer;
  color: #777;
}

.popup-body {
  padding: 20px;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.popup-footer {
  padding: 15px 20px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  background: #f9f9f9;
  border-top: 1px solid #eee;
}

.action-button {
  padding: 8px 16px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
}

.action-button.cancel {
  background: #e0e0e0;
}

.action-button.primary {
  background: #007bff;
  color: white;
}

.product_page {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: var(--section-y-sm) 0;
  background: radial-gradient(120% 40% at 0% 0%, var(--green-light-01) 0%, rgba(255, 255, 255, 0) 70%), linear-gradient(125deg, var(--white) 0%, var(--white) 55%, var(--green-light-01) 100%);
  color: var(--black);
}
@media screen and (min-width: 768px) {
  .product_page {
    padding: var(--section-y-xl) 0;
  }
}
@media screen and (min-width: 992px) {
  .product_page {
    background: linear-gradient(125deg, var(--white) 0%, var(--white) 55%, var(--green-light-01) 100%);
  }
}
.product_page > .container {
  order: 2;
}
.product_page .visual {
  order: 1;
  width: 100%;
  margin-bottom: 2.5em;
}
.product_page .visual img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 992px) {
  .product_page .visual {
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    height: 100%;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .product_page .visual picture {
    display: block;
    width: 100%;
    height: 100%;
  }
  .product_page .visual img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right center;
  }
}
.product_page .box {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .product_page .box {
    flex-direction: row;
    align-items: center;
  }
}
.product_page .box .col {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.product_page .box .col:nth-child(1) {
  order: 1;
  justify-content: center;
}
.product_page .box .col:nth-child(2) {
  order: 2;
  margin-top: 2.5em;
}
@media screen and (min-width: 992px) {
  .product_page .box .col {
    width: 50%;
  }
  .product_page .box .col:nth-child(2) {
    margin-top: 0;
  }
}
.product_page .box .col h1 {
  color: var(--black);
  font-size: var(--font-size-50);
  line-height: 1.15em;
  margin-bottom: 0.6em;
}
.product_page .box .col h1 span {
  color: var(--green);
}
.product_page .box .col h1 br {
  display: none;
}
@media screen and (min-width: 768px) {
  .product_page .box .col h1 br {
    display: block;
  }
}
.product_page .box .col h1::after {
  content: "";
  display: block;
  border-bottom: 8px solid var(--green);
  width: 60px;
  margin-top: 0.45em;
}
.product_page .box .col h2 {
  color: var(--black);
  margin-bottom: 20px;
}
.product_page .box .col .sub_title {
  font-size: var(--font-size-30);
  line-height: 1.4em;
  color: var(--gray-01);
  margin-bottom: 3em;
}
.product_page .box .col .sub_title br {
  display: none;
}
@media screen and (min-width: 768px) {
  .product_page .box .col .sub_title {
    line-height: 1em;
  }
  .product_page .box .col .sub_title br {
    display: block;
  }
}
.product_page .box .col > .img {
  max-width: 260px;
  margin-bottom: 1.5em;
}
.product_page .box .col > .img img {
  width: 100%;
  height: auto;
}
.product_page .box .col > p {
  line-height: 1.6em;
  color: var(--gray-01);
  font-size: var(--font-size-18);
  max-width: 34em;
  margin-bottom: 1em;
}
.product_page .box .col ul:not(.highlights) {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-top: 1px solid var(--gray-03);
  padding: 2em 0;
}
@media screen and (min-width: 1600px) {
  .product_page .box .col ul:not(.highlights) {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .product_page .box .col ul:not(.highlights) {
    flex-wrap: wrap;
  }
}
.product_page .box .col ul:not(.highlights) li {
  flex: 1 1 45%;
  list-style: none;
  color: var(--green);
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .product_page .box .col ul:not(.highlights) li {
    flex: inherit;
  }
}
.product_page .box .col ul:not(.highlights) li::before {
  padding-right: 1em;
  content: "\f00c";
  color: var(--gray-01);
  font-family: var(--icon-font);
  font-weight: 900;
  font-size: var(--font-size-20);
}
.product_page .box .col .highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6em 2.5em;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 1200px) {
  .product_page .box .col .highlights {
    gap: 1.4em 1.2em;
  }
}
.product_page .box .col .highlights li {
  display: flex;
  align-items: center;
  gap: 0.9em;
  list-style: none;
  flex: 1 1 100%;
}
@media screen and (min-width: 500px) and (max-width: 767px) {
  .product_page .box .col .highlights li {
    flex: 1 1 40%;
  }
}
@media screen and (min-width: 992px) {
  .product_page .box .col .highlights li {
    flex: 0 1 auto;
  }
}
.product_page .box .col .highlights li .icon {
  width: 2.9em;
  height: 2.9em;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background-color: var(--green-light);
  color: var(--green-dark);
  font-size: var(--font-size-16);
}
.product_page .box .col .highlights li .title {
  color: var(--black);
  font-weight: var(--bold);
  font-size: var(--font-size-16);
  line-height: 1.3em;
}
.product_page .box .col .highlights li p {
  margin: 0;
  color: var(--gray-01);
  font-size: var(--font-size-14);
  line-height: 1.4em;
}
.product_page .box .col .in {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.product_page .box .col .in .img {
  width: 100%;
}
.product_page .box .col .in .img img {
  display: block;
  width: 100%;
  height: auto;
}
.product_page .box .col .btn_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1em;
  margin-bottom: 2.2em;
}
.product_page .box .col .btn_row .btn {
  margin-bottom: 0;
}
.product_page .box .col .btn {
  align-self: flex-start;
  align-items: center;
  gap: 0.9em;
  padding: 0.6em 0.6em 0.6em 1.8em;
  margin-bottom: 2.2em;
  color: var(--white);
  font-weight: var(--semi-bold);
  border: 1px solid var(--green-dark);
}
.product_page .box .col .btn:hover {
  border: 1px solid var(--black);
}
.product_page .box .col .btn:hover .arrow {
  transform: translate3d(4px, 0, 0);
}
.product_page .box .col .btn .arrow {
  width: 2.3em;
  height: 2.3em;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--green-dark);
  transition: transform 0.4s ease-in-out;
}
.product_page .box .col .btn .arrow svg {
  width: 1.1em;
  margin-left: 0;
}

.banner_f_sec.medix .box {
  padding: 9% 0;
}
.banner_f_sec.medix .box h1, .banner_f_sec.medix .box p {
  text-shadow: 0 0 5px var(--black);
}
.banner_f_sec.medix .box .img img {
  filter: blur(0.2em);
}
.banner_f_sec.medix .box .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5); /* Adjust opacity */
}
.banner_f_sec.medix .box .video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -2;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.medix_page {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  color: var(--black);
}
.medix_page .key_features {
  width: 100%;
  display: flex;
  justify-content: center;
}
.medix_page .key_features h2 {
  color: var(--black);
  margin-bottom: 20px;
}
.medix_page .key_features h3 {
  color: var(--black);
  padding: 2em 0;
}
.medix_page .key_features h3::after {
  content: "";
  display: block;
  border-bottom: 8px solid var(--green);
  width: 40px;
}
.medix_page .key_features h4 {
  color: var(--gray-01);
  margin-bottom: 0.5em;
}
.medix_page .key_features .feature_list {
  position: relative;
}
.medix_page .key_features .feature_list ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  list-style: none;
  gap: 2em;
}
.medix_page .key_features .feature_list ul li {
  list-style: none;
  margin-bottom: 1em;
  padding: 2em;
  background-color: var(--green-light-01);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  transition: all ease-in-out 0.5s;
}
@media screen and (min-width: 1200px) {
  .medix_page .key_features .feature_list ul li {
    padding: 4em;
    min-width: min(320px, 100%);
    max-width: 525px;
    flex: inherit;
  }
}
.medix_page .key_features .feature_list ul li:hover {
  box-shadow: 0 0 10px var(--green);
}
.medix_page .key_features .feature_list ul li .icon {
  padding: 1em;
}
.medix_page .key_features .feature_list ul li .text {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.medix_page .key_features .feature_list ul li .text .title {
  color: var(--black);
  font-size: var(--font-size-30);
  font-weight: bold;
  padding-bottom: 1em;
  text-wrap: nowrap;
}
.medix_page .key_features .feature_list ul li .text p {
  color: var(--gray-01);
  text-align: center;
  font-size: var(--font-size-28);
}

.dash_sec {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  color: var(--black);
  background-color: var(--green);
}
.dash_sec .container .inner {
  text-align: center;
}
.dash_sec .container .inner h3 {
  color: var(--white);
  margin-bottom: 20px;
}
.dash_sec .container .inner p {
  color: var(--white);
  margin-bottom: 20px;
  padding: 0 25%;
}
.dash_sec .container .inner .img_area {
  border: 10px solid var(--green-dark);
  border-radius: 10px;
  margin: 0 10%;
}

.modules_sec {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  color: var(--white);
  border-top: 1px solid var(--gray-03);
  background-color: var(--black-01);
}
.modules_sec .sub_title {
  font-size: var(--font-size-30);
  line-height: 1.4em;
  color: var(--white);
}
.modules_sec .sub_title br {
  display: none;
}
@media screen and (min-width: 768px) {
  .modules_sec .sub_title {
    line-height: 1em;
  }
  .modules_sec .sub_title br {
    display: block;
  }
}
.modules_sec .title_btn {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .modules_sec .title_btn {
    align-items: center;
    flex-direction: row;
  }
}
.modules_sec .title_btn h2 {
  font-size: var(--font-size-95);
  color: var(--black);
  margin-bottom: 20px;
}
.modules_sec .title_btn .btn {
  color: var(--white);
}
.modules_sec .title_btn .btn svg {
  width: 24px;
  height: 24px;
  fill: var(--white);
}
.modules_sec .module_list {
  position: relative;
  margin-top: 4em;
}
.modules_sec .module_list ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  list-style: none;
  gap: 2em;
}
@media screen and (min-width: 768px) {
  .modules_sec .module_list ul {
    flex-direction: row;
  }
}
.modules_sec .module_list ul li {
  list-style: none;
  margin-bottom: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all ease-in-out 0.5s;
  flex: 1;
}
.modules_sec .module_list ul li .icon {
  padding: 1em;
}
.modules_sec .module_list ul li .text {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.modules_sec .module_list ul li .text .title {
  color: var(--green);
  font-size: var(--font-size-30);
  font-weight: bold;
  padding-bottom: 1em;
}
.modules_sec .module_list ul li .text p {
  color: var(--white);
  text-align: center;
  font-size: var(--font-size-28);
}

.admin_feat {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--section-y-xl) 0;
  color: var(--black);
  border-top: 1px solid var(--gray-03);
  text-align: center;
}
.admin_feat .col {
  text-align: center;
}
.admin_feat h2 {
  color: var(--black);
  margin-bottom: 0.5em;
}
.admin_feat .feat_box {
  display: flex;
  flex-direction: column;
  gap: 2em;
  flex: 1;
}
@media screen and (min-width: 768px) {
  .admin_feat .feat_box {
    flex-direction: row;
  }
}
.admin_feat .feat_box .box {
  background-color: var(--green-light-01);
  padding: 4em;
  border-radius: 1em;
  flex: 1;
  transition: all ease-in-out 0.5s;
}
.admin_feat .feat_box .box:hover {
  box-shadow: 0 0 10px var(--green);
}
.admin_feat .feat_box .box .feat_list {
  position: relative;
}
.admin_feat .feat_box .box .feat_list h3 {
  text-align: left;
  color: var(--black);
  margin-bottom: 1em;
  border-left: 0.5em solid var(--green);
  padding-left: 0.3em;
  line-height: 1em;
}
.admin_feat .feat_box .box .feat_list ul {
  width: 100%;
  list-style: none;
  gap: 2em;
}
.admin_feat .feat_box .box .feat_list ul li {
  list-style: none;
  margin-bottom: 1em;
  transition: all ease-in-out 0.5s;
  padding-left: 2em;
}
.admin_feat .feat_box .box .feat_list ul li::before {
  content: "\f111";
  color: var(--green);
  font-weight: bold;
  display: inline-block;
  font-size: var(--font-size-28);
  font-family: var(--icon-font);
  position: absolute;
  left: 0;
}
.admin_feat .feat_box .box .feat_list ul li p {
  color: var(--black);
  text-align: left;
  font-size: var(--font-size-28);
}
.admin_feat .feat_box .admin_feat {
  position: relative;
  margin-top: 4em;
}
.admin_feat .feat_box .admin_feat .feat_list h3 {
  border-left: 0.5em solid var(--black);
  color: var(--green);
}
.admin_feat .feat_box .patient_feat {
  position: relative;
  margin-top: 4em;
}

.pricing_sec {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 8em 0 14em 0;
  text-align: center;
}
.pricing_sec h2 {
  color: var(--black);
  padding: 0 2em;
}
.pricing_sec .yrly_mthly {
  margin-top: 10em;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.compare_plan_sec {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: var(--section-y-xl) 0;
  text-align: center;
  background-color: var(--black-01);
}
.compare_plan_sec h2 {
  margin-top: 2em;
  color: var(--white);
  padding: 0 2em;
}
.compare_plan_sec .price_pack_area {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 2em;
  margin-top: -21em;
}
@media screen and (min-width: 768px) {
  .compare_plan_sec .price_pack_area {
    flex-direction: row;
  }
}
.compare_plan_sec .price_pack_area .price_pack {
  background-color: var(--green-light);
  padding: 4em;
  border-radius: 1em;
  flex: 1;
  transition: all ease-in-out 0.5s;
}
.compare_plan_sec .price_pack_area .price_pack:hover {
  box-shadow: 0 0 10px var(--green);
}
.compare_plan_sec .price_pack_area .price_pack h3 {
  color: var(--black);
  margin-bottom: 1em;
  text-transform: uppercase;
}
.compare_plan_sec .price_pack_area .price_pack .price {
  color: var(--green);
  font-size: var(--font-size-28);
  font-weight: bold;
  margin-bottom: 1em;
}
.compare_plan_sec .price_pack_area .price_pack .price .amount {
  font-size: var(--font-size-48);
  display: block;
}
.compare_plan_sec .price_pack_area .price_pack .price .amount .rupee_symbol {
  font-size: var(--font-size-12);
  position: absolute;
  left: 5em;
  top: -0.1em;
}
.compare_plan_sec .price_pack_area .price_pack .price .detail {
  font-size: var(--font-size-28);
  color: var(--black);
}
.compare_plan_sec .price_pack_area .price_pack p {
  color: var(--black);
  font-size: var(--font-size-28);
  margin-bottom: 1em;
}
.compare_plan_sec .price_pack_area .price_pack .btn {
  margin-top: 2em;
  background-color: var(--red-01);
  color: var(--white);
  font-weight: bold;
}
.compare_plan_sec .price_pack_area .premium {
  background-color: var(--green);
}
.compare_plan_sec .price_pack_area .premium::after {
  content: "Most Popular";
  position: absolute;
  top: 0;
  left: 35%;
  width: 30%;
  height: 30px;
  display: block;
  background-color: var(--yellow);
  font-weight: bold;
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
}
.compare_plan_sec .price_pack_area .premium h3 {
  color: var(--green-light);
}
.compare_plan_sec .price_pack_area .premium .price .amount {
  color: var(--white);
}
.compare_plan_sec .price_pack_area .premium .price .detail {
  color: var(--green-light-01);
}
.compare_plan_sec .price_pack_area .enterprise {
  background-color: var(--green-light);
  /*h3{
      color: var(--white);
  }
  .price{
      .amount{
          color: var(--white);
      }
  }*/
}

.legal_banner {
  background: #060B11;
  position: relative;
  overflow: hidden;
}
.legal_banner .box {
  position: relative;
  padding: var(--section-y-xs) 0;
  width: 100%;
}
.legal_banner .box .container {
  position: relative;
  z-index: 3;
}
.legal_banner .box .img {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.legal_banner .box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.35;
  filter: blur(1px);
}
.legal_banner .box .img::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(to right, #060B11 0%, rgba(6, 11, 17, 0.85) 45%, rgba(6, 11, 17, 0.4) 100%);
}
.legal_banner .updated_badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  background: rgba(0, 168, 89, 0.2);
  border: 1px solid rgba(0, 168, 89, 0.4);
  color: #00A859;
  font-size: 13px;
  font-weight: 700;
  padding: 0.4em 1.1em;
  border-radius: 20px;
  margin-bottom: 1.2em;
  backdrop-filter: blur(4px);
}
.legal_banner .updated_badge i, .legal_banner .updated_badge svg {
  font-size: 12px;
}
.legal_banner h1 {
  font-size: 38px;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 0.3em;
  line-height: 1.2em;
}
@media (max-width: 768px) {
  .legal_banner h1 {
    font-size: 28px;
  }
}
.legal_banner p {
  color: #94A3B8;
  font-size: 16px;
  margin: 0;
}

.legal_content_sec.policy {
  padding: var(--section-y-xs) 0;
  background-color: #F8FAFC;
  width: 100%;
}
.legal_content_sec.policy .policy_layout_grid {
  display: flex;
  gap: 3em;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .legal_content_sec.policy .policy_layout_grid {
    flex-direction: column;
    gap: 2em;
  }
}
.legal_content_sec.policy .policy_sidebar {
  flex: 0 0 300px;
  position: sticky;
  top: 100px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  padding: 1.8em 1.4em;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}
@media (max-width: 991px) {
  .legal_content_sec.policy .policy_sidebar {
    position: relative;
    top: 0;
    width: 100%;
    flex: 1 1 100%;
  }
}
.legal_content_sec.policy .policy_sidebar .sidebar_title {
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #00A859;
  margin-bottom: 1.2em;
  display: flex;
  align-items: center;
  gap: 0.6em;
}
.legal_content_sec.policy .policy_sidebar .sidebar_title i, .legal_content_sec.policy .policy_sidebar .sidebar_title svg {
  font-size: 14px;
}
.legal_content_sec.policy .policy_sidebar .toc_nav ul, .legal_content_sec.policy .policy_sidebar .toc_nav ol {
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
  counter-reset: toc-item;
}
.legal_content_sec.policy .policy_sidebar .toc_nav ul li, .legal_content_sec.policy .policy_sidebar .toc_nav ol li {
  list-style: none;
  list-style-type: none;
  margin-bottom: 0.35em;
  counter-increment: toc-item;
}
.legal_content_sec.policy .policy_sidebar .toc_nav ul li::marker, .legal_content_sec.policy .policy_sidebar .toc_nav ol li::marker {
  content: "";
}
.legal_content_sec.policy .policy_sidebar .toc_nav ul li:last-child, .legal_content_sec.policy .policy_sidebar .toc_nav ol li:last-child {
  margin-bottom: 0;
}
.legal_content_sec.policy .policy_sidebar .toc_nav ul li a, .legal_content_sec.policy .policy_sidebar .toc_nav ol li a {
  font-size: 13.5px;
  font-weight: 600;
  color: #475569;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.45em 0.7em;
  border-radius: 8px;
  transition: all 0.2s ease;
  line-height: 1.35em;
}
.legal_content_sec.policy .policy_sidebar .toc_nav ul li a::before, .legal_content_sec.policy .policy_sidebar .toc_nav ol li a::before {
  content: counter(toc-item) ".";
  font-weight: 700;
  color: #00A859;
  min-width: 1.2em;
  font-size: 13px;
  flex-shrink: 0;
  transition: color 0.2s ease;
}
.legal_content_sec.policy .policy_sidebar .toc_nav ul li a:hover, .legal_content_sec.policy .policy_sidebar .toc_nav ul li a.active, .legal_content_sec.policy .policy_sidebar .toc_nav ol li a:hover, .legal_content_sec.policy .policy_sidebar .toc_nav ol li a.active {
  color: #00A859;
  background: rgba(0, 168, 89, 0.08);
}
.legal_content_sec.policy .policy_sidebar .toc_nav ul li a:hover::before, .legal_content_sec.policy .policy_sidebar .toc_nav ul li a.active::before, .legal_content_sec.policy .policy_sidebar .toc_nav ol li a:hover::before, .legal_content_sec.policy .policy_sidebar .toc_nav ol li a.active::before {
  color: #00A859;
}
.legal_content_sec.policy .policy_main_content {
  flex: 1;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 20px;
  padding: 3em 3.5em;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.03);
  max-width: 960px;
  width: 100%;
}
@media (max-width: 768px) {
  .legal_content_sec.policy .policy_main_content {
    padding: 1.8em 1.5em;
    border-radius: 12px;
  }
}
.legal_content_sec.policy .policy_main_content .policy_block {
  margin-bottom: 2.8em;
  padding-bottom: 2.2em;
  border-bottom: 1px solid #F1F5F9;
  scroll-margin-top: 110px;
}
.legal_content_sec.policy .policy_main_content .policy_block:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.legal_content_sec.policy .policy_main_content .policy_block h2 {
  color: #0F172A;
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 0.8em;
  line-height: 1.35em;
  display: flex;
  align-items: center;
  gap: 0.6em;
}
.legal_content_sec.policy .policy_main_content .policy_block h2::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 20px;
  background: #00A859;
  border-radius: 4px;
  flex-shrink: 0;
}
.legal_content_sec.policy .policy_main_content .policy_block p {
  color: #475569;
  font-size: 15.5px;
  line-height: 1.75em;
  margin-bottom: 1.2em;
}
.legal_content_sec.policy .policy_main_content .policy_block p:last-child {
  margin-bottom: 0;
}
.legal_content_sec.policy .policy_main_content .policy_block ul, .legal_content_sec.policy .policy_main_content .policy_block ol {
  padding-left: 1.5em;
  margin-top: 0.8em;
  margin-bottom: 1.2em;
}
.legal_content_sec.policy .policy_main_content .policy_block ul li, .legal_content_sec.policy .policy_main_content .policy_block ol li {
  color: #475569;
  font-size: 15px;
  line-height: 1.7em;
  margin-bottom: 0.6em;
}
.legal_content_sec.policy .policy_main_content .policy_block ul li strong, .legal_content_sec.policy .policy_main_content .policy_block ol li strong {
  color: #0F172A;
}
.legal_content_sec.policy .policy_main_content .policy_block ul {
  list-style-type: disc;
}
.legal_content_sec.policy .policy_main_content .policy_block ul li::marker {
  color: #00A859;
}
.legal_content_sec.policy .policy_main_content .policy_block ol {
  list-style-type: decimal;
}
.legal_content_sec.policy .policy_main_content .policy_block ol li::marker {
  color: #00A859;
  font-weight: 700;
}
.legal_content_sec.policy .policy_main_content .policy_block a {
  color: #00A859;
  text-decoration: underline;
  font-weight: 600;
  transition: color 0.2s ease;
}
.legal_content_sec.policy .policy_main_content .policy_block a:hover {
  color: #007A40;
}

.quick-quote-wrap {
  width: 100%;
  text-align: left;
}
.quick-quote-wrap .frm_quick_quote {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.quick-quote-wrap .frm_quick_quote .row {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .quick-quote-wrap .frm_quick_quote .row {
    flex-direction: row;
  }
}
.quick-quote-wrap .frm_quick_quote .row .col {
  flex: 1;
}
@media screen and (min-width: 768px) {
  .quick-quote-wrap .frm_quick_quote .row .col {
    margin: 5px 1em 5px 0;
  }
}
.quick-quote-wrap .frm_quick_quote .row .col:last-child {
  margin-right: 0;
}
.quick-quote-wrap .frm_quick_quote input,
.quick-quote-wrap .frm_quick_quote textarea {
  width: 100%;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--gray);
  line-height: 1.2em;
  padding: 20px 0 15px 0;
  outline: none;
  color: var(--white);
  font-size: var(--font-size-14);
}
@media screen and (min-width: 768px) {
  .quick-quote-wrap .frm_quick_quote input,
  .quick-quote-wrap .frm_quick_quote textarea {
    font-size: var(--font-size-16);
  }
}
.quick-quote-wrap .frm_quick_quote input::placeholder,
.quick-quote-wrap .frm_quick_quote textarea::placeholder {
  color: var(--white);
  font-size: var(--font-size-14);
}
.quick-quote-wrap .frm_quick_quote label {
  display: flex;
  justify-content: flex-start;
  color: var(--white);
  user-select: none;
  align-items: baseline;
  padding: 1em 0 0 0;
}
@media screen and (min-width: 768px) {
  .quick-quote-wrap .frm_quick_quote label {
    align-items: center;
    padding: 0;
  }
}
.quick-quote-wrap .frm_quick_quote label input[type=checkbox] {
  width: inherit;
  margin-right: 0.5em;
}
.quick-quote-wrap .frm_quick_quote label span {
  user-select: none;
  font-size: var(--font-size-14);
}
.quick-quote-wrap .frm_quick_quote label span .agree-link {
  display: inline;
  color: var(--green);
  text-decoration: underline;
}
.quick-quote-wrap .frm_quick_quote label span .agree-link:hover {
  color: var(--white);
}
.quick-quote-wrap .frm_quick_quote button {
  margin-top: 1.2em;
  margin-bottom: 0.5em;
  white-space: nowrap;
}
.quick-quote-wrap .frm_quick_quote button:hover {
  color: var(--white);
}
.quick-quote-wrap .frm_quick_quote button:hover svg {
  fill: var(--white);
}
.quick-quote-wrap .frm_quick_quote button svg {
  width: 1em;
  margin-left: 1em;
}
.quick-quote-wrap .ajax_result_qq {
  margin-top: 1em;
}
.quick-quote-wrap .ajax_result_qq.text-success {
  color: var(--white);
}
.quick-quote-wrap.light-theme .frm_quick_quote input,
.quick-quote-wrap.light-theme .frm_quick_quote textarea {
  color: var(--black-01);
  border-bottom: 1px solid var(--gray-02);
}
.quick-quote-wrap.light-theme .frm_quick_quote input::placeholder,
.quick-quote-wrap.light-theme .frm_quick_quote textarea::placeholder {
  color: var(--gray-01);
  font-size: var(--font-size-14);
  opacity: 1;
}
.quick-quote-wrap.light-theme .frm_quick_quote label {
  color: var(--gray);
}
.quick-quote-wrap.light-theme .frm_quick_quote label span {
  color: var(--gray-01);
  font-size: var(--font-size-14);
  line-height: 1.4;
}
.quick-quote-wrap.light-theme .frm_quick_quote label span .agree-link {
  color: var(--green);
}
.quick-quote-wrap.light-theme .frm_quick_quote label input[type=checkbox] {
  accent-color: var(--green);
}
.quick-quote-wrap.light-theme .ajax_result_qq.text-success {
  color: var(--green);
}

.frm_enq .enq_qual {
  width: 100%;
  margin: 1.5em 0 0.5em;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.frm_enq .enq_qual summary {
  list-style: none;
}
.frm_enq .enq_qual summary::-webkit-details-marker {
  display: none;
}
.frm_enq .enq_qual[open] .enq_qual_summary i {
  transform: rotate(180deg);
}
.frm_enq .enq_qual_summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  width: 100%;
  padding: 1em 0;
  cursor: pointer;
  color: var(--white);
  font-size: var(--font-size-14);
  font-weight: var(--semi-bold);
  line-height: 1.3em;
}
@media screen and (min-width: 768px) {
  .frm_enq .enq_qual_summary {
    font-size: var(--font-size-16);
  }
}
.frm_enq .enq_qual_summary i {
  flex: 0 0 auto;
  color: var(--green);
  font-size: var(--font-size-12);
  transition: transform 0.3s ease-in-out;
}
.frm_enq .enq_qual_summary:hover {
  color: var(--green);
}
.frm_enq .enq_qual_body {
  width: 100%;
  padding: 0 0 1.25em;
}
.frm_enq .enq_qual_intro {
  color: var(--gray-02);
  font-size: var(--font-size-12);
  line-height: 1.5em;
  margin: 0 0 0.5em;
}
@media screen and (min-width: 768px) {
  .frm_enq .enq_qual_intro {
    font-size: var(--font-size-14);
  }
}
.frm_enq .enq_qual_grid {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 1.5em;
}
@media screen and (min-width: 768px) {
  .frm_enq .enq_qual_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.frm_enq .enq_qual_field {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
.frm_enq .enq_qual_field .enq_qual_label {
  color: var(--gray-02);
  font-size: var(--font-size-12);
  line-height: 1.3em;
  padding-top: 0.75em;
}
.frm_enq .enq_qual_field select,
.frm_enq .enq_qual_field input {
  padding: 8px 0 10px 0;
  cursor: pointer;
}
.frm_enq .enq_qual_field input {
  cursor: text;
}
.frm_enq .enq_qual_field select option {
  background-color: var(--black-01);
  color: var(--white);
}

.pricing_page {
  /* Main Section */
  /* 2-Column Layout */
  /* Sidebar Consultation Box */
  /* Tier Cards */
  /* FAQ Section */
}
.pricing_page .pricing_hero_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background: #060B11;
  color: #FFFFFF;
  position: relative;
  overflow: hidden;
  background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1.2px, transparent 1.2px);
  background-size: 24px 24px;
  background-position: center;
}
.pricing_page .pricing_hero_sec .pricing_hero_grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
@media (max-width: 991px) {
  .pricing_page .pricing_hero_sec .pricing_hero_grid {
    flex-direction: column;
    text-align: center;
    gap: 30px;
  }
}
.pricing_page .pricing_hero_sec .pricing_hero_content {
  flex: 1;
  max-width: 580px;
}
@media (max-width: 991px) {
  .pricing_page .pricing_hero_sec .pricing_hero_content {
    max-width: 100%;
  }
}
.pricing_page .pricing_hero_sec .pricing_hero_content .eyebrow_wrapper {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
.pricing_page .pricing_hero_sec .pricing_hero_content .eyebrow_wrapper .eyebrow {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #00A859;
  margin: 0;
}
.pricing_page .pricing_hero_sec .pricing_hero_content .eyebrow_wrapper::after {
  content: "";
  display: inline-block;
  width: 45px;
  height: 2px;
  background: linear-gradient(to right, #00A859, transparent);
  border-radius: 2px;
}
@media (max-width: 991px) {
  .pricing_page .pricing_hero_sec .pricing_hero_content .eyebrow_wrapper {
    justify-content: center;
  }
}
.pricing_page .pricing_hero_sec .pricing_hero_content h1 {
  font-size: 52px;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.15;
  margin: 0 0 20px;
  letter-spacing: -0.5px;
}
.pricing_page .pricing_hero_sec .pricing_hero_content h1 .green_text {
  color: #00A859;
  display: block;
}
@media (max-width: 768px) {
  .pricing_page .pricing_hero_sec .pricing_hero_content h1 {
    font-size: 34px;
  }
}
.pricing_page .pricing_hero_sec .pricing_hero_content p {
  font-size: 16px;
  line-height: 1.65;
  color: #94A3B8;
  margin: 0 0 32px;
}
@media (max-width: 991px) {
  .pricing_page .pricing_hero_sec .pricing_hero_content p {
    margin-left: auto;
    margin-right: auto;
  }
}
.pricing_page .pricing_hero_sec .pricing_hero_content .btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--green);
  color: var(--white);
  padding: 14px 32px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.25s ease;
}
.pricing_page .pricing_hero_sec .pricing_hero_content .btn-primary:hover {
  background: #008746;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 168, 89, 0.3);
}
.pricing_page .pricing_hero_sec .pricing_hero_content .btn-primary i {
  font-size: 13px;
}
.pricing_page .pricing_hero_sec .pricing_hero_graphic {
  flex: 0 0 540px;
  max-width: 540px;
}
@media (max-width: 991px) {
  .pricing_page .pricing_hero_sec .pricing_hero_graphic {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.pricing_page .pricing_hero_sec .pricing_hero_graphic img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 12px 30px rgba(0, 0, 0, 0.5));
}
.pricing_page .pricing_main_sec {
  width: 100%;
  padding: var(--section-y-sm) 0;
  background: #fdfdfd;
}
.pricing_page .pricing_header {
  margin-bottom: 50px;
}
.pricing_page .pricing_header h2 {
  font-size: var(--font-size-36);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 8px;
}
.pricing_page .pricing_header p {
  font-size: var(--font-size-16);
  color: var(--gray-01);
  margin: 0;
}
.pricing_page .pricing_layout {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.pricing_page .pricing_sidebar {
  flex: 0 0 340px;
  max-width: 340px;
  position: sticky;
  top: 100px;
}
.pricing_page .pricing_content {
  flex: 1;
  min-width: min(320px, 100%);
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.pricing_page .consult_box {
  background: var(--white);
  border: 1px solid var(--gray-03);
  border-radius: 20px;
  padding: 28px 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}
.pricing_page .consult_box h3 {
  font-size: var(--font-size-20);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 8px;
  letter-spacing: normal;
}
.pricing_page .consult_box p {
  font-size: var(--font-size-14);
  color: var(--gray-01);
  line-height: 1.5;
  margin-bottom: 20px;
}
.pricing_page .tier_card {
  background: var(--white);
  border: 1px solid var(--gray-03);
  border-radius: 20px;
  padding: 32px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.pricing_page .tier_card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.pricing_page .tier_head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.pricing_page .tier_num {
  font-size: var(--font-size-30);
  font-weight: 800;
  color: var(--green);
}
.pricing_page .tier_price_badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--font-size-16);
  font-weight: 800;
  color: var(--green);
  background: #f0fdf4;
  border: 1px solid var(--green-light);
  padding: 6px 16px;
  border-radius: 999px;
}
.pricing_page .tier_title {
  font-size: var(--font-size-30);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 10px;
}
.pricing_page .tier_desc {
  font-size: var(--font-size-14);
  color: var(--gray);
  line-height: 1.6;
  margin: 0 0 20px;
}
.pricing_page .tier_features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 20px;
  padding: 20px 0;
  border-top: 1px dashed #f3f4f6;
  border-bottom: 1px dashed #f3f4f6;
  margin-bottom: 24px;
}
.pricing_page .feature_item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--font-size-14);
  font-weight: 600;
  color: #374151;
}
.pricing_page .feature_item i {
  color: var(--green);
  font-size: var(--font-size-14);
}
.pricing_page .tier_foot {
  display: flex;
  justify-content: flex-end;
}
.pricing_page .tier_foot .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--font-size-14);
  font-weight: 700;
  color: var(--white);
  background: var(--black-01);
  padding: 10px 22px;
  border-radius: 999px;
  text-decoration: none;
  transition: background 0.2s ease;
}
.pricing_page .tier_foot .btn:hover {
  background: var(--green);
  color: var(--white);
}
.pricing_page .pricing_faq_sec {
  width: 100%;
  padding: var(--section-y-sm) 0;
  background: var(--white);
  border-top: 1px solid #f3f4f6;
}
.pricing_page .faq_layout {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.pricing_page .faq_intro {
  flex: 0 0 320px;
}
.pricing_page .faq_intro h2 {
  font-size: var(--font-size-36);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 12px;
}
.pricing_page .faq_intro p {
  font-size: var(--font-size-14);
  color: var(--gray-01);
  line-height: 1.6;
}
.pricing_page .faq_list {
  flex: 1;
  min-width: min(320px, 100%);
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.pricing_page .faq_card {
  border: 1px solid var(--gray-03);
  border-radius: 14px;
  background: #fdfdfd;
  overflow: hidden;
  transition: border-color 0.2s ease;
}
.pricing_page .faq_card.active {
  border-color: var(--green);
  background: var(--white);
}
.pricing_page .faq_question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 24px;
  font-size: var(--font-size-16);
  font-weight: 700;
  color: var(--black-01);
  cursor: pointer;
  user-select: none;
}
.pricing_page .faq_icon {
  font-size: var(--font-size-14);
  color: var(--green);
  transition: transform 0.2s ease;
}
.pricing_page .faq_card.active .faq_icon {
  transform: rotate(45deg);
}
.pricing_page .faq_answer {
  display: none;
  padding: 0 24px 20px;
  font-size: var(--font-size-14);
  color: var(--gray);
  line-height: 1.6;
  border-top: 1px dashed #f3f4f6;
  margin-top: 4px;
  padding-top: 14px;
}
.pricing_page .faq_card.active .faq_answer {
  display: block;
}
@media (max-width: 992px) {
  .pricing_page .pricing_sidebar {
    flex: 1 1 100%;
    max-width: 100%;
    position: static;
  }
  .pricing_page .tier_features {
    grid-template-columns: minmax(0, 1fr);
  }
  .pricing_page .faq_intro {
    flex: 1 1 100%;
  }
}

.faq_page {
  /* Navigation Jump Bar */
  /* Single-row, horizontally-scrollable pill bar instead of wrapping —
     same pattern as .service_tabs_sec in _web-development.scss, which
     solves the identical problem (too many nav items to fit one row
     on narrow screens). Wrapping made this bar 2-3+ rows tall on
     mobile (11 categories), eating half the viewport; this keeps it a
     constant, small single-row height at every breakpoint. */
  /* Main FAQ Section */
  /* 2-Column Layout */
  /* Same stacked-bars problem as .faq_nav_sec/.faq_category_group above:
     80px isn't enough clearance once the fixed header + pill nav (up
     to ~226px combined) are pinned to the top of the viewport, so the
     sidebar's own top content ends up stuck underneath them. */
  /* Sidebar Info Box */
  /* Category Group */
  /* Offset for the two stacked sticky bars (fixed header + this page's
     own pill nav) so a jump-to-category lands with the heading visible
     below both, not hidden behind them — kept in sync with their real,
     breakpoint-dependent heights by setFaqOffsets() below. */
  /* Accordion Cards */
}
.faq_page .faq_hero_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background: #060B11;
  color: #FFFFFF;
  position: relative;
  overflow: hidden;
  background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1.2px, transparent 1.2px);
  background-size: 24px 24px;
  background-position: center;
}
.faq_page .faq_hero_sec .faq_hero_grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
@media (max-width: 991px) {
  .faq_page .faq_hero_sec .faq_hero_grid {
    flex-direction: column;
    text-align: center;
    gap: 30px;
  }
}
.faq_page .faq_hero_sec .faq_hero_content {
  flex: 1;
  max-width: 580px;
}
@media (max-width: 991px) {
  .faq_page .faq_hero_sec .faq_hero_content {
    max-width: 100%;
  }
}
.faq_page .faq_hero_sec .faq_hero_content .eyebrow {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #00A859;
  margin-bottom: 16px;
}
.faq_page .faq_hero_sec .faq_hero_content h1 {
  font-size: 52px;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.15;
  margin: 0 0 20px;
  letter-spacing: -0.5px;
}
.faq_page .faq_hero_sec .faq_hero_content h1 .green_text {
  color: #00A859;
  display: block;
}
@media (max-width: 768px) {
  .faq_page .faq_hero_sec .faq_hero_content h1 {
    font-size: 34px;
  }
}
.faq_page .faq_hero_sec .faq_hero_content p {
  font-size: 16px;
  line-height: 1.65;
  color: #94A3B8;
  margin: 0 0 32px;
}
@media (max-width: 991px) {
  .faq_page .faq_hero_sec .faq_hero_content p {
    margin-left: auto;
    margin-right: auto;
  }
}
.faq_page .faq_hero_sec .faq_hero_content .btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--green);
  color: var(--white);
  padding: 14px 32px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.25s ease;
}
.faq_page .faq_hero_sec .faq_hero_content .btn-primary:hover {
  background: #008746;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 168, 89, 0.3);
}
.faq_page .faq_hero_sec .faq_hero_content .btn-primary i {
  font-size: 13px;
}
.faq_page .faq_hero_sec .faq_hero_graphic {
  flex: 0 0 520px;
  max-width: 520px;
}
@media (max-width: 991px) {
  .faq_page .faq_hero_sec .faq_hero_graphic {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.faq_page .faq_hero_sec .faq_hero_graphic img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 12px 30px rgba(0, 0, 0, 0.5));
}
.faq_page .faq_nav_sec {
  width: 100%;
  background: var(--white);
  border-bottom: 1px solid #f3f4f6;
  padding: 18px 0;
  /* .page-content (layouts/master.blade.php) is a column flex
     container and this section is one of its flex items — flex
     items default to min-width:auto, so the pill row's unwrapped
     content (below) was forcing this section, and with it the
     whole mobile layout viewport, wider than the screen instead
     of scrolling internally. */
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  position: sticky;
  /* --header-h is 0 until the site header goes position:fixed on
     scroll (assets/js/main.js's .sticky-wrapper toggle) — see the
     setFaqOffsets() script below. Without this, this bar sticks to
     the very top of the viewport and ends up hidden underneath the
     fixed header (which sits at a higher z-index). */
  top: var(--header-h, 0px);
  z-index: 90;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
}
.faq_page .faq_jump_nav {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
  margin: 0;
  padding: 0 4px;
  list-style: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 15px, #000 calc(100% - 15px), transparent);
  mask-image: linear-gradient(to right, transparent, #000 15px, #000 calc(100% - 15px), transparent);
}
.faq_page .faq_jump_nav::-webkit-scrollbar {
  display: none;
}
.faq_page .faq_pill_btn {
  display: inline-block;
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 8px 18px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  color: #374151;
  font-size: var(--font-size-14);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  background: var(--white);
}
.faq_page .faq_pill_btn:hover, .faq_page .faq_pill_btn.active {
  border-color: var(--green);
  color: var(--green);
  background: #f0fdf4;
}
.faq_page .faq_main_sec {
  width: 100%;
  padding: var(--section-y-sm) 0;
  background: #fdfdfd;
}
.faq_page .faq_layout {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.faq_page .faq_sidebar {
  flex: 0 0 320px;
  max-width: 320px;
  position: sticky;
  top: var(--faq-anchor-offset, 240px);
}
.faq_page .faq_content {
  flex: 1;
  min-width: min(320px, 100%);
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.faq_page .faq_info_box {
  background: var(--white);
  border: 1px solid var(--gray-03);
  border-radius: 20px;
  padding: 28px 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
}
.faq_page .faq_info_box h2 {
  font-size: var(--font-size-20);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 10px;
  letter-spacing: normal;
}
.faq_page .faq_info_box p {
  font-size: var(--font-size-14);
  color: var(--gray-01);
  line-height: 1.6;
  margin: 0 0 20px;
}
.faq_page .faq_info_box .btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--font-size-14);
  font-weight: 700;
  color: var(--green);
  border: 1px solid var(--green);
  padding: 10px 20px;
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.faq_page .faq_info_box .btn-outline:hover {
  background: var(--green);
  color: var(--white);
}
.faq_page .faq_category_group {
  scroll-margin-top: var(--faq-anchor-offset, 240px);
}
.faq_page .faq_category_group h2 {
  font-size: var(--font-size-36);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--green);
  display: inline-block;
}
.faq_page .faq_accordion {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.faq_page .faq_card {
  border: 1px solid var(--gray-03);
  border-radius: 16px;
  background: var(--white);
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.faq_page .faq_card:hover {
  border-color: var(--green-light);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}
.faq_page .faq_card.active {
  border-color: var(--green);
  box-shadow: 0 6px 20px rgba(22, 163, 74, 0.08);
}
.faq_page .faq_card_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  font-size: var(--font-size-16);
  font-weight: 700;
  color: var(--black-01);
  cursor: pointer;
  user-select: none;
  gap: 16px;
}
.faq_page .faq_toggle_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f0fdf4;
  color: var(--green);
  font-size: var(--font-size-14);
  transition: transform 0.25 ease, background 0.2s ease;
  flex-shrink: 0;
}
.faq_page .faq_card.active .faq_toggle_icon {
  transform: rotate(45deg);
  background: var(--green);
  color: var(--white);
}
.faq_page .faq_card_body {
  display: none;
  padding: 0 24px 22px;
  font-size: var(--font-size-14);
  color: var(--gray);
  line-height: 1.7;
  border-top: 1px dashed #f3f4f6;
  margin-top: 4px;
  padding-top: 16px;
}
.faq_page .faq_card.active .faq_card_body {
  display: block;
}
.faq_page .category_foot {
  margin-top: 16px;
  text-align: right;
}
.faq_page .btn-category {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--font-size-14);
  font-weight: 700;
  color: var(--green);
  text-decoration: none;
  transition: color 0.2s ease;
}
.faq_page .btn-category:hover {
  color: var(--green-dark);
  text-decoration: underline;
}
@media (max-width: 992px) {
  .faq_page .faq_sidebar {
    flex: 1 1 100%;
    max-width: 100%;
    position: static;
  }
  .faq_page .faq_card_header {
    font-size: var(--font-size-16);
    padding: 16px 20px;
  }
}

.case_studies_page {
  /* Main Section */
  /* 3-Column Grid */
  /* Trust Stats Section */
}
.case_studies_page .cs_hero_sec {
  width: 100%;
  padding: var(--section-y) 0;
  background: #060B11;
  color: #FFFFFF;
  position: relative;
  overflow: hidden;
  background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1.2px, transparent 1.2px);
  background-size: 24px 24px;
  background-position: center;
}
.case_studies_page .cs_hero_sec .cs_hero_grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
@media (max-width: 991px) {
  .case_studies_page .cs_hero_sec .cs_hero_grid {
    flex-direction: column;
    text-align: center;
    gap: 30px;
  }
}
.case_studies_page .cs_hero_sec .cs_hero_content {
  flex: 1;
  max-width: 580px;
}
@media (max-width: 991px) {
  .case_studies_page .cs_hero_sec .cs_hero_content {
    max-width: 100%;
  }
}
.case_studies_page .cs_hero_sec .cs_hero_content .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #00A859;
  background: rgba(0, 168, 89, 0.1);
  border: 1px solid rgba(0, 168, 89, 0.3);
  padding: 6px 16px;
  border-radius: 20px;
  margin-bottom: 20px;
}
.case_studies_page .cs_hero_sec .cs_hero_content .eyebrow .dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #00A859;
  border-radius: 50%;
  box-shadow: 0 0 8px #00A859;
}
.case_studies_page .cs_hero_sec .cs_hero_content h1 {
  font-size: 52px;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.15;
  margin: 0 0 20px;
  letter-spacing: -0.5px;
}
.case_studies_page .cs_hero_sec .cs_hero_content h1 .green_text {
  color: #00A859;
  display: block;
}
@media (max-width: 768px) {
  .case_studies_page .cs_hero_sec .cs_hero_content h1 {
    font-size: 34px;
  }
}
.case_studies_page .cs_hero_sec .cs_hero_content p {
  font-size: 16px;
  line-height: 1.65;
  color: #94A3B8;
  margin: 0 0 32px;
}
@media (max-width: 991px) {
  .case_studies_page .cs_hero_sec .cs_hero_content p {
    margin-left: auto;
    margin-right: auto;
  }
}
.case_studies_page .cs_hero_sec .cs_hero_content .btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--green);
  color: var(--white);
  padding: 14px 32px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.25s ease;
}
.case_studies_page .cs_hero_sec .cs_hero_content .btn-primary:hover {
  background: #008746;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 168, 89, 0.3);
}
.case_studies_page .cs_hero_sec .cs_hero_content .btn-primary i {
  font-size: 13px;
}
.case_studies_page .cs_hero_sec .cs_hero_graphic {
  flex: 0 0 550px;
  max-width: 550px;
}
@media (max-width: 991px) {
  .case_studies_page .cs_hero_sec .cs_hero_graphic {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.case_studies_page .cs_hero_sec .cs_hero_graphic img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 12px 30px rgba(0, 0, 0, 0.5));
}
.case_studies_page .cs_main_sec {
  width: 100%;
  padding: var(--section-y-sm) 0;
  background: #fdfdfd;
}
.case_studies_page .cs_header {
  margin-bottom: 50px;
}
.case_studies_page .cs_header h2 {
  font-size: var(--font-size-36);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 8px;
}
.case_studies_page .cs_header p {
  font-size: var(--font-size-16);
  color: var(--gray-01);
  margin: 0;
}
.case_studies_page .cs_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}
.case_studies_page .cs_card {
  background: var(--white);
  border: 1px solid var(--gray-03);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  display: flex;
  flex-direction: column;
}
.case_studies_page .cs_card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  border-color: var(--green-light);
}
.case_studies_page .cs_card_img {
  height: 220px;
  overflow: hidden;
  position: relative;
  background: #f9fafb;
}
.case_studies_page .cs_card_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  /* GAP-19: pan the crop window down on hover to reveal the rest of the
     image, instead of the previous zoom (which only cropped in further). */
  transition: object-position 2.5s ease;
}
.case_studies_page .cs_card:hover .cs_card_img img {
  object-position: center bottom;
}
.case_studies_page .cs_badge_pill {
  position: absolute;
  bottom: 12px;
  left: 14px;
  font-size: var(--font-size-12);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--white);
  background: rgba(18, 18, 18, 0.82);
  backdrop-filter: blur(4px);
  padding: 4px 10px;
  border-radius: 999px;
  z-index: 2;
}
.case_studies_page .cs_card_body {
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.case_studies_page .cs_cat_tag {
  display: inline-block;
  font-size: var(--font-size-12);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--green);
  margin-bottom: 8px;
}
.case_studies_page .cs_card_body h3 {
  font-size: var(--font-size-30);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 10px;
}
.case_studies_page .cs_card_body h3 a {
  color: var(--black-01);
  text-decoration: none;
  transition: color 0.2s ease;
}
.case_studies_page .cs_card_body h3 a:hover {
  color: var(--green);
}
.case_studies_page .cs_card_body p {
  font-size: var(--font-size-14);
  color: var(--gray);
  line-height: 1.6;
  margin: 0 0 20px;
  flex: 1;
}
.case_studies_page .cs_card_foot {
  display: flex;
  justify-content: flex-end;
}
.case_studies_page .cs_link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--font-size-14);
  font-weight: 700;
  color: var(--green);
  text-decoration: none;
  transition: color 0.2s ease;
}
.case_studies_page .cs_link:hover {
  color: var(--green-dark);
}
.case_studies_page .cs_link i {
  font-size: var(--font-size-12);
  transition: transform 0.2s ease;
}
.case_studies_page .cs_link:hover i {
  transform: translateX(4px);
}
.case_studies_page .cs_trust_sec {
  width: 100%;
  padding: var(--section-y-sm) 0;
  background: var(--white);
  border-top: 1px solid #f3f4f6;
}
.case_studies_page .cs_trust_layout {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}
.case_studies_page .cs_trust_info {
  flex: 1;
  min-width: 300px;
}
.case_studies_page .cs_trust_info h3 {
  font-size: var(--font-size-36);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 10px;
}
.case_studies_page .cs_trust_info p {
  font-size: var(--font-size-16);
  color: var(--gray-01);
  margin: 0;
  line-height: 1.6;
}
.case_studies_page .cs_trust_stats {
  display: flex;
  gap: 40px;
}
.case_studies_page .cs_stat_box {
  text-align: left;
}
.case_studies_page .cs_stat_num {
  font-size: var(--font-size-36);
  font-weight: 800;
  color: var(--green);
  line-height: 1;
  margin-bottom: 6px;
}
.case_studies_page .cs_stat_label {
  font-size: var(--font-size-14);
  font-weight: 600;
  color: var(--gray);
  max-width: 140px;
  line-height: 1.4;
}
@media (max-width: 992px) {
  .case_studies_page .cs_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .case_studies_page .cs_trust_stats {
    width: 100%;
    justify-content: space-between;
  }
}
@media (max-width: 640px) {
  .case_studies_page .cs_grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.case_study_detail_page {
  /* Overview & Showcase Section */
  /* Showcase Frame */
  /* Related Grid */
  /* GAP-19: pan the crop window down on hover to reveal the rest of the image,
     instead of the previous zoom (which only cropped in further). */
}
.case_study_detail_page .cs_detail_hero {
  width: 100%;
  padding: var(--section-y-sm) 0;
  background: var(--black-01);
  color: var(--white);
  position: relative;
  background-image: radial-gradient(#262626 1.5px, transparent 1.5px);
  background-size: 20px 20px;
  background-position: top left;
}
.case_study_detail_page .cs_detail_hero .container {
  text-align: center;
}
.case_study_detail_page .cs_detail_hero h1,
.case_study_detail_page .cs_detail_hero h2 {
  max-width: 18em;
  margin-left: auto;
  margin-right: auto;
}
.case_study_detail_page .cs_detail_hero > .container > p {
  max-width: 46em;
  margin-left: auto;
  margin-right: auto;
}
.case_study_detail_page .cs_detail_hero .eyebrow {
  display: inline-block;
  font-size: var(--font-size-12);
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--green);
  margin-bottom: 12px;
}
.case_study_detail_page .cs_detail_hero .eyebrow a {
  color: var(--green);
  text-decoration: none;
}
.case_study_detail_page .cs_detail_hero .eyebrow a:hover {
  text-decoration: underline;
}
.case_study_detail_page .cs_detail_hero h1 {
  font-size: var(--font-size-50);
  font-weight: 800;
  color: var(--white);
  margin: 0 0 16px;
  letter-spacing: -0.5px;
}
.case_study_detail_page .cs_detail_hero p {
  font-size: var(--font-size-16);
  line-height: 1.6;
  color: #a1a1aa;
  max-width: 720px;
  margin: 0 auto 28px;
}
.case_study_detail_page .cs_detail_hero .btn_group {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}
.case_study_detail_page .cs_detail_hero .btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--green);
  color: var(--white);
  padding: 14px 32px;
  border-radius: 999px;
  font-weight: 700;
  font-size: var(--font-size-14);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.2s ease;
}
.case_study_detail_page .cs_detail_hero .btn-primary:hover {
  background: var(--green-dark);
  transform: translateY(-2px);
}
.case_study_detail_page .cs_detail_hero .btn-primary svg {
  width: 18px;
  height: 18px;
}
.case_study_detail_page .cs_detail_hero .btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--white);
  border: 1px solid #374151;
  padding: 14px 28px;
  border-radius: 999px;
  font-weight: 700;
  font-size: var(--font-size-14);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.2s ease;
}
.case_study_detail_page .cs_detail_hero .btn-outline:hover {
  border-color: var(--green);
  color: var(--green);
  background: rgba(22, 163, 74, 0.08);
}
.case_study_detail_page .cs_detail_main {
  width: 100%;
  padding: var(--section-y-sm) 0;
  background: #fdfdfd;
}
.case_study_detail_page .overview_layout {
  display: flex;
  gap: 45px;
  align-items: flex-start;
  margin-bottom: 60px;
  flex-wrap: wrap;
}
.case_study_detail_page .overview_text {
  flex: 1;
  min-width: min(320px, 100%);
}
.case_study_detail_page .overview_text h2 {
  font-size: var(--font-size-36);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 16px;
}
.case_study_detail_page .overview_text p {
  font-size: var(--font-size-16);
  color: var(--gray);
  line-height: 1.7;
  margin: 0;
}
.case_study_detail_page .cs_meta_box {
  flex: 0 0 340px;
  max-width: 340px;
  background: var(--white);
  border: 1px solid var(--gray-03);
  border-radius: 20px;
  padding: 28px 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}
.case_study_detail_page .cs_meta_box h4 {
  font-size: var(--font-size-16);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 18px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.case_study_detail_page .meta_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px dashed #f3f4f6;
}
.case_study_detail_page .meta_row:last-child {
  border-bottom: none;
}
.case_study_detail_page .meta_label {
  font-size: var(--font-size-14);
  color: var(--gray-01);
  font-weight: 600;
}
.case_study_detail_page .meta_val {
  font-size: var(--font-size-14);
  color: var(--black-01);
  font-weight: 700;
}
.case_study_detail_page .meta_val.green {
  color: var(--green);
}
.case_study_detail_page .cs_showcase_frame {
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
  background: var(--white);
  border: 1px solid var(--gray-03);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);
}
.case_study_detail_page .cs_showcase_frame img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 24px;
}
.case_study_detail_page .related_cs_sec {
  width: 100%;
  padding: var(--section-y-sm) 0;
  background: var(--white);
  border-top: 1px solid #f3f4f6;
}
.case_study_detail_page .related_header {
  margin-bottom: 45px;
}
.case_study_detail_page .related_header h2 {
  font-size: var(--font-size-36);
  font-weight: 800;
  color: var(--black-01);
  margin: 0;
}
.case_study_detail_page .cs_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}
.case_study_detail_page .cs_card {
  background: var(--white);
  border: 1px solid var(--gray-03);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  display: flex;
  flex-direction: column;
}
.case_study_detail_page .cs_card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  border-color: var(--green-light);
}
.case_study_detail_page .cs_card_img {
  height: 200px;
  overflow: hidden;
  position: relative;
  background: #f9fafb;
}
.case_study_detail_page .cs_card_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: object-position 2.5s ease;
}
.case_study_detail_page .cs_card:hover .cs_card_img img {
  object-position: center bottom;
}
.case_study_detail_page .cs_card_body {
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.case_study_detail_page .cs_cat_tag {
  display: inline-block;
  font-size: var(--font-size-12);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--green);
  margin-bottom: 8px;
}
.case_study_detail_page .cs_card_body h3 {
  font-size: var(--font-size-30);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 10px;
}
.case_study_detail_page .cs_card_body h3 a {
  color: var(--black-01);
  text-decoration: none;
  transition: color 0.2s ease;
}
.case_study_detail_page .cs_card_body h3 a:hover {
  color: var(--green);
}
.case_study_detail_page .cs_card_body p {
  font-size: var(--font-size-14);
  color: var(--gray);
  line-height: 1.6;
  margin: 0 0 20px;
  flex: 1;
}
.case_study_detail_page .cs_card_foot {
  display: flex;
  justify-content: flex-end;
}
.case_study_detail_page .cs_link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--font-size-14);
  font-weight: 700;
  color: var(--green);
  text-decoration: none;
  transition: color 0.2s ease;
}
.case_study_detail_page .cs_link:hover {
  color: var(--green-dark);
}
.case_study_detail_page .cs_link i {
  font-size: var(--font-size-12);
  transition: transform 0.2s ease;
}
.case_study_detail_page .cs_link:hover i {
  transform: translateX(4px);
}
@media (max-width: 992px) {
  .case_study_detail_page .cs_meta_box {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .case_study_detail_page .cs_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .case_study_detail_page .cs_grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.industries_page {
  /* Main Section */
  /* 2-Column Layout */
  /* Sidebar Consultation Box */
  /* Industry Showcase Cards */
  /* Image Thumbnail Container */
}
.industries_page .ind_main_sec {
  width: 100%;
  padding: var(--section-y-sm) 0;
  background: #fdfdfd;
}
.industries_page .ind_header {
  margin-bottom: 50px;
}
.industries_page .ind_header h2 {
  font-size: var(--font-size-36);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 8px;
}
.industries_page .ind_header p {
  font-size: var(--font-size-16);
  color: var(--gray-01);
  margin: 0;
}
.industries_page .ind_layout {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.industries_page .ind_sidebar {
  flex: 0 0 340px;
  max-width: 340px;
  position: sticky;
  top: 100px;
}
.industries_page .ind_content {
  flex: 1;
  min-width: min(320px, 100%);
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.industries_page .consult_box {
  background: var(--white);
  border: 1px solid var(--gray-03);
  border-radius: 20px;
  padding: 28px 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}
.industries_page .consult_box h3 {
  font-size: var(--font-size-20);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 8px;
  letter-spacing: normal;
}
.industries_page .consult_box p {
  font-size: var(--font-size-14);
  color: var(--gray-01);
  line-height: 1.5;
  margin-bottom: 20px;
}
.industries_page .ind_card {
  background: var(--white);
  border: 1px solid var(--gray-03);
  border-radius: 20px;
  padding: 32px;
  display: flex;
  gap: 32px;
  align-items: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.industries_page .ind_card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  border-color: var(--green-light);
}
.industries_page .ind_card_info {
  flex: 1;
  min-width: 260px;
}
.industries_page .ind_card_num {
  font-size: var(--font-size-30);
  font-weight: 800;
  color: var(--green);
  margin-bottom: 8px;
}
.industries_page .ind_card_info h3 {
  font-size: var(--font-size-36);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 12px;
}
.industries_page .ind_card_info h3 a {
  color: var(--black-01);
  text-decoration: none;
  transition: color 0.2s ease;
}
.industries_page .ind_card_info h3 a:hover {
  color: var(--green);
}
.industries_page .ind_card_info p {
  font-size: var(--font-size-14);
  color: var(--gray);
  line-height: 1.6;
  margin: 0 0 18px;
}
.industries_page .ind_tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}
.industries_page .tag_pill {
  display: inline-block;
  font-size: var(--font-size-12);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--green);
  background: #f0fdf4;
  border: 1px solid var(--green-light);
  padding: 4px 12px;
  border-radius: 999px;
}
.industries_page .ind_explore_btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--font-size-14);
  font-weight: 700;
  color: var(--black-01);
  text-decoration: none;
  transition: color 0.2s ease;
}
.industries_page .ind_explore_btn:hover {
  color: var(--green);
}
.industries_page .ind_explore_btn i {
  font-size: var(--font-size-12);
  transition: transform 0.2s ease;
}
.industries_page .ind_explore_btn:hover i {
  transform: translateX(4px);
}
.industries_page .ind_card_img {
  flex: 0 0 240px;
  max-width: 240px;
  height: 180px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.industries_page .ind_card_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  transition: transform 0.4s ease;
}
.industries_page .ind_card:hover .ind_card_img img {
  transform: scale(1.06);
}
@media (max-width: 992px) {
  .industries_page .ind_sidebar {
    flex: 1 1 100%;
    max-width: 100%;
    position: static;
  }
  .industries_page .ind_card {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 20px;
    padding: 24px;
  }
  .industries_page .ind_card_img {
    flex: 1 1 100%;
    max-width: 100%;
    height: 200px;
  }
}

.industry_detail_page {
  /* Capabilities Section */
  /* Case Studies Section */
}
.industry_detail_page .ind_detail_hero {
  width: 100%;
  padding: var(--section-y-sm) 0;
  background: var(--black-01);
  color: var(--white);
  position: relative;
  background-image: radial-gradient(#262626 1.5px, transparent 1.5px);
  background-size: 20px 20px;
  background-position: top left;
}
.industry_detail_page .ind_detail_hero .container {
  text-align: center;
}
.industry_detail_page .ind_detail_hero h1,
.industry_detail_page .ind_detail_hero h2 {
  max-width: 18em;
  margin-left: auto;
  margin-right: auto;
}
.industry_detail_page .ind_detail_hero > .container > p {
  max-width: 46em;
  margin-left: auto;
  margin-right: auto;
}
.industry_detail_page .ind_detail_hero .eyebrow {
  display: inline-block;
  font-size: var(--font-size-12);
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--green);
  margin-bottom: 12px;
}
.industry_detail_page .ind_detail_hero .eyebrow a {
  color: var(--green);
  text-decoration: none;
}
.industry_detail_page .ind_detail_hero .eyebrow a:hover {
  text-decoration: underline;
}
.industry_detail_page .ind_detail_hero h1 {
  font-size: var(--font-size-50);
  font-weight: 800;
  color: var(--white);
  margin: 0 auto 16px;
  letter-spacing: -0.5px;
}
.industry_detail_page .ind_detail_hero p {
  font-size: var(--font-size-16);
  line-height: 1.6;
  color: #a1a1aa;
  max-width: 720px;
  margin: 0 auto 28px;
}
.industry_detail_page .ind_detail_hero .btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--green);
  color: var(--white);
  padding: 14px 32px;
  border-radius: 999px;
  font-weight: 700;
  font-size: var(--font-size-14);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.2s ease;
}
.industry_detail_page .ind_detail_hero .btn-primary:hover {
  background: var(--green-dark);
  transform: translateY(-2px);
}
.industry_detail_page .ind_detail_hero .btn-primary svg {
  width: 18px;
  height: 18px;
}
.industry_detail_page .ind_detail_main {
  width: 100%;
  padding: var(--section-y-sm) 0;
  background: #fdfdfd;
}
.industry_detail_page .section_header {
  margin-bottom: 45px;
}
.industry_detail_page .section_header h2 {
  font-size: var(--font-size-36);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 8px;
}
.industry_detail_page .section_header p {
  font-size: var(--font-size-16);
  color: var(--gray-01);
  margin: 0;
}
.industry_detail_page .capability_layout {
  display: flex;
  gap: 45px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.industry_detail_page .capability_media {
  flex: 0 0 420px;
  max-width: 420px;
  position: sticky;
  top: 100px;
}
.industry_detail_page .capability_media .img_box {
  width: 100%;
  height: 380px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}
.industry_detail_page .capability_media .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.industry_detail_page .capability_list {
  flex: 1;
  min-width: min(320px, 100%);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.industry_detail_page .capability_item {
  background: var(--white);
  border: 1px solid var(--gray-03);
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.industry_detail_page .capability_item:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  border-color: var(--green-light);
}
.industry_detail_page .cap_num {
  font-size: var(--font-size-30);
  font-weight: 800;
  color: var(--green);
  margin-bottom: 8px;
}
.industry_detail_page .capability_item h3 {
  font-size: var(--font-size-30);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 10px;
}
.industry_detail_page .capability_item h3 a {
  color: var(--black-01);
  text-decoration: none;
  transition: color 0.2s ease;
}
.industry_detail_page .capability_item h3 a:hover {
  color: var(--green);
}
.industry_detail_page .capability_item p {
  font-size: var(--font-size-14);
  color: var(--gray);
  line-height: 1.6;
  margin: 0 0 16px;
}
.industry_detail_page .capability_link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--font-size-14);
  font-weight: 700;
  color: var(--green);
  text-decoration: none;
  transition: color 0.2s ease;
}
.industry_detail_page .capability_link:hover {
  color: var(--green-dark);
}
.industry_detail_page .capability_link i {
  font-size: var(--font-size-12);
  transition: transform 0.2s ease;
}
.industry_detail_page .capability_link:hover i {
  transform: translateX(4px);
}
.industry_detail_page .case_studies_sec {
  width: 100%;
  padding: var(--section-y-sm) 0;
  background: var(--white);
  border-top: 1px solid #f3f4f6;
}
.industry_detail_page .case_title_bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  flex-wrap: wrap;
  gap: 16px;
}
.industry_detail_page .case_title_bar h2 {
  font-size: var(--font-size-36);
  font-weight: 800;
  color: var(--black-01);
  margin: 0;
}
.industry_detail_page .case_title_bar .btn-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--font-size-14);
  font-weight: 700;
  color: var(--white);
  background: var(--black-01);
  padding: 10px 22px;
  border-radius: 999px;
  text-decoration: none;
  transition: background 0.2s ease;
}
.industry_detail_page .case_title_bar .btn-all:hover {
  background: var(--green);
  color: var(--white);
}
.industry_detail_page .case_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}
.industry_detail_page .case_card {
  background: var(--white);
  border: 1px solid var(--gray-03);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
}
.industry_detail_page .case_card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}
.industry_detail_page .case_card_img {
  height: 220px;
  overflow: hidden;
  position: relative;
}
.industry_detail_page .case_card_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.industry_detail_page .case_card:hover .case_card_img img {
  transform: scale(1.06);
}
.industry_detail_page .case_card_body {
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.industry_detail_page .case_cat_tag {
  display: inline-block;
  font-size: var(--font-size-12);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--green);
  margin-bottom: 8px;
}
.industry_detail_page .case_card_body h3 {
  font-size: var(--font-size-30);
  font-weight: 800;
  color: var(--black-01);
  margin: 0 0 10px;
}
.industry_detail_page .case_card_body p {
  font-size: var(--font-size-14);
  color: var(--gray);
  line-height: 1.6;
  margin: 0 0 20px;
  flex: 1;
}
.industry_detail_page .case_card_foot {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 992px) {
  .industry_detail_page .capability_media {
    flex: 1 1 100%;
    max-width: 100%;
    position: static;
  }
  .industry_detail_page .capability_media .img_box {
    height: 260px;
  }
  .industry_detail_page .case_grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

footer {
  width: 100%;
  background-color: var(--black);
  color: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--footer-y) 0 0;
  overflow: hidden;
}
footer::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 550px;
  background: linear-gradient(to top, rgba(169, 169, 169, 0), rgba(31, 31, 31, 0.5));
  border-radius: 50%;
  top: 20%;
  left: -5%;
}
footer .logo_links_area {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: var(--section-y-sm);
}
footer .logo_links_area .logo_links {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  footer .logo_links_area .logo_links {
    flex-direction: row;
  }
}
footer .logo_links_area .logo_links .logo_social {
  flex: 1;
}
footer .logo_links_area .logo_links .logo_social img {
  width: 70%;
}
footer .logo_links_area .logo_links .logo_social p {
  padding: 2em 0;
  color: var(--gray-02);
}
footer .logo_links_area .logo_links .logo_social ul {
  display: flex;
  flex-direction: row;
  gap: 0.5em;
}
footer .logo_links_area .logo_links .logo_social ul li {
  list-style: none;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}
footer .logo_links_area .logo_links .logo_social ul li:hover {
  transform: translateY(-5px);
  background-color: var(--green);
}
footer .logo_links_area .logo_links .logo_social ul li:hover a {
  color: var(--white);
}
footer .logo_links_area .logo_links .logo_social ul li:hover a:hover {
  color: var(--white);
}
footer .logo_links_area .logo_links .logo_social ul li a {
  transition: all 0.5s ease-in-out;
  text-align: center;
  color: var(--black);
}
footer .logo_links_area .logo_links .logo_social ul li a:hover {
  color: var(--black);
}
footer .logo_links_area .logo_links .links_area {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
  padding-top: 1em;
}
@media screen and (min-width: 768px) {
  footer .logo_links_area .logo_links .links_area {
    padding: 0;
    flex-direction: row;
  }
}
footer .logo_links_area .logo_links .links_area .lnk_box h3 {
  font-size: var(--font-size-30);
  letter-spacing: normal;
}
footer .logo_links_area .logo_links .links_area .lnk_box ul {
  margin: 0;
  padding: 0;
  position: relative;
  margin-bottom: 1.2em;
}
footer .logo_links_area .logo_links .links_area .lnk_box ul li {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}
footer .logo_links_area .logo_links .links_area .lnk_box ul li a {
  color: var(--gray-02);
  padding: 0.3em 0;
  transition: all 0.5s ease-in-out;
}
footer .logo_links_area .logo_links .links_area .lnk_box ul li a span {
  margin-left: 0.5em;
}
footer .logo_links_area .logo_links .links_area .lnk_box ul li a:hover {
  color: var(--gray-03);
  transform: translateX(5px);
}
footer .copy {
  width: 100%;
  padding: 1em 0;
  border-top: 1px solid var(--gray);
}
footer .copy .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.8em;
}
@media screen and (min-width: 768px) {
  footer .copy .container {
    flex-direction: row;
    justify-content: space-between;
  }
}
footer .copy .txt {
  order: 2;
  text-align: center;
  color: var(--gray-01);
}
@media screen and (min-width: 768px) {
  footer .copy .txt {
    order: 0;
  }
}
footer .copy .policy_links {
  order: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.3em 1.5em;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  footer .copy .policy_links {
    order: 0;
    justify-content: flex-end;
  }
}
footer .copy .policy_links li {
  list-style: none;
}
footer .copy .policy_links li a {
  color: var(--gray-01);
  transition: all 0.5s ease-in-out;
}
footer .copy .policy_links li a:hover {
  color: var(--gray-03);
}

.wow {
  visibility: visible !important;
}

@keyframes moveup {
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-webkit-keyframes slideinleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideinleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes characters {
  0%, 75%, 100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@keyframes characters {
  0%, 75%, 100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
.slideinleft {
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-name: var(--animation-name);
  animation-name: var(--animation-name);
}

.swiper-slide-active .slideinleft {
  --animation-name: slideinleft ;
}

@-webkit-keyframes stickyMenu {
  0% {
    -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
    transform: translate3d(0, -40px, 0) scaleY(0.8);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1);
    transform: translate3d(0, 0, 0) scaleY(1);
    opacity: 1;
  }
}
@keyframes stickyMenu {
  0% {
    -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
    transform: translate3d(0, -40px, 0) scaleY(0.8);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1);
    transform: translate3d(0, 0, 0) scaleY(1);
    opacity: 1;
  }
}
.no-m-b {
  margin-bottom: 0 !important;
}

.no-m-t {
  margin-top: 0 !important;
}

.no-m-r {
  margin-right: 0 !important;
}

.no-m-l {
  margin-left: 0 !important;
}

.no-p-b {
  padding-bottom: 0 !important;
}

.no-p-t {
  padding-top: 0 !important;
}

.no-p-r {
  padding-right: 0 !important;
}

.no-p-l {
  padding-left: 0 !important;
}

.map_iframe_embed {
  border: 0;
}

.hp_offscreen {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

.gtm_noscript_iframe {
  display: none;
  visibility: hidden;
}

.scroll_progress_path {
  transition: stroke-dashoffset 10ms linear 0s;
  stroke-dasharray: 307.919, 307.919;
  stroke-dashoffset: 307.919;
}

.grad_stop_red {
  stop-color: red;
  stop-opacity: 1;
}

.grad_stop_blue {
  stop-color: blue;
  stop-opacity: 1;
}

.grad_stop_green {
  stop-color: var(--green);
  stop-opacity: 1;
}

.grad_stop_black {
  stop-color: var(--black);
  stop-opacity: 1;
}

.blog_preview_banner {
  background: #fff3cd;
  color: #664d03;
  text-align: center;
  padding: 8px 16px;
  font-size: 14px;
  position: relative;
  z-index: 10;
}

/*# sourceMappingURL=main.css.map */