/* cyrillic-ext */
@font-face {
  font-family: "Philosopher";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFX2_5QCwIS4_Dhez5jcWBrf0I81_idV7b-rQ.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Philosopher";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFX2_5QCwIS4_Dhez5jcWBrf0s81_idV7b-rQ.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Philosopher";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFX2_5QCwIS4_Dhez5jcWBrf0A81_idV7b-rQ.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Philosopher";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFX2_5QCwIS4_Dhez5jcWBrf0E81_idV7b-rQ.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Philosopher";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFX2_5QCwIS4_Dhez5jcWBrf0881_idV7Y.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Philosopher";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFK2_5QCwIS4_Dhez5jcWBrd_QZwti_WpzEpMvsfA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Philosopher";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFK2_5QCwIS4_Dhez5jcWBrd_QZwtG_WpzEpMvsfA.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Philosopher";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFK2_5QCwIS4_Dhez5jcWBrd_QZwtq_WpzEpMvsfA.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Philosopher";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFK2_5QCwIS4_Dhez5jcWBrd_QZwtu_WpzEpMvsfA.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Philosopher";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFK2_5QCwIS4_Dhez5jcWBrd_QZwtW_WpzEpMs.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFV2_5QCwIS4_Dhez5jcWBjT0020NqfZ7c.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFV2_5QCwIS4_Dhez5jcWBqT0020NqfZ7c.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFV2_5QCwIS4_Dhez5jcWBhT0020NqfZ7c.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFV2_5QCwIS4_Dhez5jcWBgT0020NqfZ7c.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFV2_5QCwIS4_Dhez5jcWBuT0020Nqf.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFI2_5QCwIS4_Dhez5jcWjValgW8te1Xb7GlMo.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFI2_5QCwIS4_Dhez5jcWjValgf8te1Xb7GlMo.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFI2_5QCwIS4_Dhez5jcWjValgU8te1Xb7GlMo.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFI2_5QCwIS4_Dhez5jcWjValgV8te1Xb7GlMo.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/philosopher/v20/vEFI2_5QCwIS4_Dhez5jcWjValgb8te1Xb7G.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Figtree";
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url("../../fonts/figtree/_Xmu-HUzqDCFdgfMm4GNAa5o7Cqcs8-2.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Figtree";
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url("../../fonts/figtree/_Xmu-HUzqDCFdgfMm4GND65o7Cqcsw.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("../../fonts/figtree/_Xms-HUzqDCFdgfMm4q9DaRvziissg.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("../../fonts/figtree/_Xms-HUzqDCFdgfMm4S9DaRvzig.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --clr-white: #ffffff;
  --clr-off-white: #FFFEFC;
  --clr-off-white-dark: #E5DED2;
  --clr-black: #000000;
  --clr-gray-darker: #4E4E4E;
  --clr-gray: #6B6B6B;
  --clr-gray-light: #979797;
  --clr-gray-lightest: #EEEEEE;
  --clr-green: #76C92B;
  --clr-green-deep: #269900;
  --clr-green-deeper: #155400;
  --clr-red: #cc0000;
  --clr-yellow: #FFEA74;
  --clr-orange: #F05C00;
  --clr-orange-light: #FF9300;
  --clr-orange-lighter: #FFD49A;
  --clr-orange-lightest: #FFEBD0;
  --clr-brown:#7C5F48;
  --clr-brown-light:#96897E;
  --clr-note:#FFE783;
  --clr-offwhite-transparent: linear-gradient(0deg, rgba(248,246,242,0) 0%, rgba(248,246,242,0) 20%, rgba(248,246,242,1) 80%);
  --clr-transparent-offwhite: linear-gradient(180deg, rgba(248,246,242,0) 0%, rgba(248,246,242,0) 20%, rgba(248,246,242,1) 80%);
  --clr-brown-light-to-dark: linear-gradient(0deg, rgba(124,95,72,1) 26%, rgba(150,137,126,1) 100%);
}

svg.logo-csenses-icon {
  display: block;
  width: 80px;
  height: 80px;
  aspect-ratio: 1/1;
}
svg.logo-csenses-icon .shape-big {
  fill: var(--clr-black);
}
svg.logo-csenses-icon .shape-sml {
  fill: var(--clr-green);
}

svg.logo-csenses-type {
  display: block;
  width: 203px;
  height: 31px;
}
svg.logo-csenses-type path {
  fill: var(--clr-black);
}

svg.hamburger-menu {
  display: block;
  width: 20px;
  height: 20px;
  overflow: hidden;
}
svg.hamburger-menu path.black {
  fill: var(--clr-black);
}
svg.hamburger-menu path.green {
  fill: var(--clr-green);
}

svg.cs-logo-white {
  display: block;
  width: 214px;
  height: 40px;
  overflow: hidden;
}
svg.cs-logo-white .path-fill-green {
  fill: var(--clr-green);
}
svg.cs-logo-white .path-fill-white {
  fill: var(--clr-white);
}

* {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
* ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: var(--clr-gray);
}
* :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: var(--clr-gray);
  opacity: 1;
}
* ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: var(--clr-gray);
  opacity: 1;
}
* :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--clr-gray);
}
* ::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--clr-gray);
}
* ::placeholder { /* Most modern browsers support this now. */
  color: var(--clr-gray);
}

html {
  margin: 0px;
  padding: 0px;
  scroll-behavior: smooth;
}
html body {
  margin: 0px;
  padding: 0px;
  background-color: var(--clr-off-white);
  font-family: "Figtree";
  font-weight: 400;
  font-size: 18px;
  font-optical-sizing: auto;
}
html body .bg-dark-overlay {
  display: none;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 199;
  backdrop-filter: blur(20px);
}
html body .bg-dark-overlay.show {
  display: unset;
}
html body .all-sections {
  position: relative;
  display: block;
  margin: 0px;
  padding: 0px;
  min-height: 45vh;
}
html body .pg-width {
  display: block;
  margin: 0px auto;
  padding: 0px 40px;
  max-width: 1600px;
  transition: all 0.3s ease;
}
html body ::selection {
  background: var(--clr-yellow);
}
html body h1, html body h2, html body h3, html body h4 {
  font-family: "Philosopher";
  font-weight: 700;
}
html body p {
  font-size: 18px;
  line-height: 24px;
}
html body h1 {
  font-size: 60px;
  line-height: 66px;
}
html body h2 {
  font-size: 50px;
  line-height: 56px;
}
html body h3 {
  font-size: 28px;
  line-height: 34px;
}
html body h4 {
  font-size: 24px;
  line-height: 30px;
}
@media screen and (max-width: 1600px) {
  html body .pg-width {
    padding: 0px 30px;
  }
  html body h1 {
    font-size: 50px;
    line-height: 56px;
  }
  html body h2 {
    font-size: 40px;
    line-height: 46px;
  }
  html body h3 {
    font-size: 26px;
    line-height: 32px;
  }
  html body h4 {
    font-size: 22px;
    line-height: 28px;
  }
}
@media screen and (max-width: 1400px) {
  html body h1 {
    font-size: 42px;
    line-height: 48px;
  }
  html body h2 {
    font-size: 32px;
    line-height: 36px;
  }
  html body h3 {
    font-size: 28px;
    line-height: 32px;
  }
  html body h4 {
    font-size: 22px;
    line-height: 26px;
  }
}
@media screen and (max-width: 1200px) {
  html body .pg-width {
    padding: 0px 25px;
  }
  html body p {
    font-size: 16px;
    line-height: 22px;
  }
  html body h1 {
    font-size: 38px;
    line-height: 44px;
  }
  html body h2 {
    font-size: 32px;
    line-height: 36px;
  }
  html body h3 {
    font-size: 28px;
    line-height: 32px;
  }
  html body h4 {
    font-size: 22px;
    line-height: 26px;
  }
}
@media screen and (max-width: 991px) {
  html body .pg-width {
    padding: 0px 20px;
  }
  html body h1 {
    font-size: 36px;
    line-height: 40px;
  }
  html body h2 {
    font-size: 30px;
    line-height: 36px;
  }
  html body h3 {
    font-size: 26px;
    line-height: 30px;
  }
  html body h4 {
    font-size: 20px;
    line-height: 24px;
  }
}
html body .mouse-glow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 220px;
  border-radius: 100%;
  background-color: #FFEBA2;
  filter: blur(150px);
  transition: all 450ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  transform: translate(calc(-50% + 15px), -50%);
  z-index: -1;
}
@media screen and (max-width: 991px) {
  html body .mouse-glow {
    display: none;
  }
}

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

body header {
  position: sticky;
  display: block;
  top: 0px;
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow: visible;
  z-index: 100;
}
body header .progressive-blur {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 250px;
  pointer-events: none;
  background: linear-gradient(180deg, rgb(255, 254, 252) 0%, rgb(255, 254, 252) 25%, rgba(255, 254, 252, 0) 50%);
  overflow: visible;
}
body header .progressive-blur::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -50px;
  backdrop-filter: blur(40px);
  mask: linear-gradient(180deg, rgb(255, 254, 252) 140px, rgba(255, 254, 252, 0) 270px);
}
body header .pg-width {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
  padding-top: 60px;
  padding-bottom: 60px;
  z-index: 1;
}
body header .pg-width .csenses-logo {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0px;
  padding: 0px;
}
body header .pg-width .csenses-logo svg.logo-csenses-icon {
  transition: all 0.3s ease;
}
body header .pg-width .csenses-logo .logo-csenses-text {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
body header .pg-width .csenses-logo .logo-csenses-text svg.logo-csenses-type {
  transition: all 0.3s ease;
}
body header .pg-width .csenses-logo .logo-csenses-text .tagline {
  white-space: nowrap;
  border-right: 2px solid transparent;
  padding-right: 4px;
  padding-left: 2px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--clr-gray);
  animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end 15;
  overflow: hidden;
  transition: all 0.3s ease;
}
@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes blink-caret {
  from, to {
    border-color: transparent;
  }
  50% {
    border-color: var(--clr-green);
  }
}
body header .pg-width .csenses-logo:hover svg.logo-csenses-icon {
  transform: scale(1.2);
}
body header .pg-width .navigation {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0px;
  padding: 0px;
}
body header .pg-width .navigation ul.main-nav {
  display: flex;
  align-items: center;
  gap: 40px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
body header .pg-width .navigation ul.main-nav li {
  margin: 0px;
  padding: 0px;
}
body header .pg-width .navigation ul.main-nav li a {
  display: block;
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  font-weight: 400;
  color: var(--clr-black);
}
body header .pg-width .navigation ul.main-nav li a:hover {
  color: var(--clr-green-deep);
}
body header .pg-width .navigation ul.main-nav li a.button {
  background-color: var(--clr-green);
  padding: 10px 20px;
  font-weight: 500;
  color: var(--clr-white);
  border-radius: 6px;
  overflow: hidden;
}
body header .pg-width .navigation ul.main-nav li a.button:hover {
  background-color: var(--clr-green-deep);
}
body header .pg-width .navigation ul.main-nav li.button a {
  background-color: var(--clr-green);
  padding: 10px 20px;
  font-weight: 600;
  color: var(--clr-white);
  border-radius: 6px;
  overflow: hidden;
}
body header .pg-width .navigation ul.main-nav li.button a:hover {
  background-color: var(--clr-green-deep);
}
body header .pg-width .navigation a.mob-menu {
  display: none;
  margin: 0px;
  background-color: var(--clr-white);
  padding: 10px;
  border-radius: 100px;
  overflow: hidden;
}
body header.small .progressive-blur {
  height: 140px;
  background: linear-gradient(180deg, rgb(255, 254, 252) 0%, rgb(255, 254, 252) 30%, rgba(255, 254, 252, 0) 60%);
}
body header.small .progressive-blur::before {
  bottom: -50px;
  backdrop-filter: blur(40px);
  mask: linear-gradient(180deg, rgb(255, 254, 252) 120px, rgba(255, 254, 252, 0) 189px);
}
body header.small .pg-width {
  padding-top: 30px;
  padding-bottom: 30px;
}
body header.small .pg-width .csenses-logo {
  gap: 10px;
}
body header.small .pg-width .csenses-logo svg.logo-csenses-icon {
  width: 60px;
  height: 60px;
}
body header.small .pg-width .csenses-logo .logo-csenses-text {
  gap: 2px;
}
body header.small .pg-width .csenses-logo .logo-csenses-text svg.logo-csenses-type {
  width: 169px;
  height: 25px;
}
body header.small .pg-width .csenses-logo .logo-csenses-text svg.logo-csenses-type path {
  fill: var(--clr-black);
}
body header.small .pg-width .csenses-logo .logo-csenses-text .tagline {
  display: none;
}
@media screen and (max-width: 1600px) {
  body header .progressive-blur {
    height: 140px;
    background: linear-gradient(180deg, rgb(255, 254, 252) 0%, rgb(255, 254, 252) 30%, rgba(255, 254, 252, 0) 60%);
  }
  body header .progressive-blur::before {
    bottom: -50px;
    backdrop-filter: blur(40px);
    mask: linear-gradient(180deg, rgb(255, 254, 252) 120px, rgba(255, 254, 252, 0) 189px);
  }
  body header .pg-width {
    gap: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  body header .pg-width .csenses-logo {
    gap: 10px;
  }
  body header .pg-width .csenses-logo svg.logo-csenses-icon {
    width: 60px;
    height: 60px;
  }
  body header .pg-width .csenses-logo .logo-csenses-text {
    gap: 2px;
  }
  body header .pg-width .csenses-logo .logo-csenses-text svg.logo-csenses-type {
    width: 169px;
    height: 25px;
  }
  body header .pg-width .csenses-logo .logo-csenses-text svg.logo-csenses-type path {
    fill: var(--clr-black);
  }
  body header.small .progressive-blur {
    height: 140px;
    background: linear-gradient(180deg, rgb(255, 254, 252) 0%, rgb(255, 254, 252) 30%, rgba(255, 254, 252, 0) 60%);
  }
  body header.small .progressive-blur::before {
    bottom: -50px;
    backdrop-filter: blur(40px);
    mask: linear-gradient(180deg, rgb(255, 254, 252) 120px, rgba(255, 254, 252, 0) 189px);
  }
  body header.small .pg-width {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  body header.small .pg-width .csenses-logo {
    gap: 10px;
  }
  body header.small .pg-width .csenses-logo svg.logo-csenses-icon {
    width: 50px;
    height: 50px;
  }
  body header.small .pg-width .csenses-logo .logo-csenses-text {
    gap: 2px;
  }
  body header.small .pg-width .csenses-logo .logo-csenses-text svg.logo-csenses-type {
    width: 135px;
    height: 20px;
  }
  body header.small .pg-width .csenses-logo .logo-csenses-text svg.logo-csenses-type path {
    fill: var(--clr-black);
  }
}
@media screen and (max-width: 1365px) {
  body header .progressive-blur {
    height: 140px;
    background: linear-gradient(180deg, rgb(255, 254, 252) 0%, rgb(255, 254, 252) 30%, rgba(255, 254, 252, 0) 60%);
  }
  body header .progressive-blur::before {
    bottom: -50px;
    backdrop-filter: blur(40px);
    mask: linear-gradient(180deg, rgb(255, 254, 252) 100px, rgba(255, 254, 252, 0) 139px);
  }
  body header .pg-width {
    gap: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  body header .pg-width .csenses-logo {
    gap: 10px;
  }
  body header .pg-width .csenses-logo svg.logo-csenses-icon {
    width: 60px;
    height: 60px;
  }
  body header .pg-width .csenses-logo .logo-csenses-text {
    gap: 2px;
  }
  body header .pg-width .csenses-logo .logo-csenses-text svg.logo-csenses-type {
    width: 169px;
    height: 25px;
  }
  body header .pg-width .csenses-logo .logo-csenses-text svg.logo-csenses-type path {
    fill: var(--clr-black);
  }
  body header .pg-width .csenses-logo .logo-csenses-text .tagline {
    padding-left: 4px;
    font-size: 14px;
    line-height: 18px;
  }
  body header .pg-width .navigation ul.main-nav {
    display: none;
  }
  body header .pg-width .navigation a.mob-menu {
    display: unset;
  }
  body header.small .progressive-blur {
    height: 120px;
  }
  body header.small .progressive-blur::before {
    mask: linear-gradient(180deg, rgb(255, 254, 252) 120px, rgba(255, 254, 252, 0) 155px);
  }
  body header.small .pg-width .csenses-logo svg.logo-csenses-icon {
    width: 45px;
    height: 45px;
  }
}
@media screen and (max-width: 767px) {
  body header .progressive-blur {
    height: 140px;
    background: linear-gradient(180deg, rgb(255, 254, 252) 0%, rgb(255, 254, 252) 50%, rgba(255, 254, 252, 0) 80%);
  }
  body header .progressive-blur::before {
    bottom: -50px;
    backdrop-filter: blur(10px);
    mask: linear-gradient(180deg, rgb(255, 254, 252) 100px, rgba(255, 254, 252, 0) 130px);
  }
  body header .pg-width {
    gap: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  body header .pg-width .csenses-logo {
    gap: 10px;
  }
  body header .pg-width .csenses-logo svg.logo-csenses-icon {
    width: 40px;
    height: 40px;
  }
  body header .pg-width .csenses-logo .logo-csenses-text {
    gap: 2px;
  }
  body header .pg-width .csenses-logo .logo-csenses-text svg.logo-csenses-type {
    width: 135px;
    height: 20px;
  }
  body header .pg-width .csenses-logo .logo-csenses-text svg.logo-csenses-type path {
    fill: var(--clr-black);
  }
  body header .pg-width .csenses-logo .logo-csenses-text .tagline {
    display: none;
  }
  body header.small .progressive-blur {
    height: 140px;
    background: linear-gradient(180deg, rgb(255, 254, 252) 0%, rgb(255, 254, 252) 50%, rgba(255, 254, 252, 0) 80%);
  }
  body header.small .progressive-blur::before {
    bottom: -50px;
    backdrop-filter: blur(10px);
    mask: linear-gradient(180deg, rgb(255, 254, 252) 100px, rgba(255, 254, 252, 0) 130px);
  }
  body header.small .pg-width {
    gap: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  body header.small .pg-width .csenses-logo svg.logo-csenses-icon {
    width: 40px;
    height: 40px;
  }
}

footer {
  position: relative;
  display: block;
  margin: 0px;
  padding: 100px 0px;
  overflow: hidden;
  background-color: var(--clr-black);
}
footer .pg-width .rw-one {
  display: flex;
  gap: 50px;
  padding: 0px;
  margin: 0px;
}
footer .pg-width .rw-one .ech-cl {
  flex: 1;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  color: var(--clr-white);
}
footer .pg-width .rw-one .ech-cl:last-child {
  max-width: 280px;
}
footer .pg-width .rw-one .ech-cl p {
  display: block;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
footer .pg-width .rw-one .ech-cl p.tagline {
  margin: 6px 0px;
  padding: 0px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
footer .pg-width .rw-one .ech-cl p.title {
  display: block;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}
footer .pg-width .rw-one .ech-cl ul {
  display: block;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  list-style: none;
}
footer .pg-width .rw-one .ech-cl ul li {
  display: block;
  margin: 10px 0px;
  padding: 0px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
footer .pg-width .rw-one .ech-cl ul li a {
  color: var(--clr-white);
}
footer .pg-width .rw-one .ech-cl ul li a:hover {
  color: var(--clr-green);
}
footer .pg-width .rw-one .ech-cl ul li:first-child {
  margin-top: 0px;
}
footer .pg-width .rw-one .ech-cl ul li:last-child {
  margin-bottom: 0px;
}
footer .pg-width .rw-two {
  display: flex;
  gap: 50px;
  align-items: center;
  border-top: 1px solid var(--clr-gray-darker);
  padding: 30px 0px 0px 0px;
  margin: 30px 0px 0px 0px;
}
footer .pg-width .rw-two .cl-lt {
  flex: 1;
  margin: 0px;
  padding: 0px;
  color: var(--clr-white);
  overflow: hidden;
}
footer .pg-width .rw-two .cl-rt {
  margin: 0px;
  padding: 0px;
  color: var(--clr-white);
  overflow: hidden;
}
footer .pg-width .rw-two p {
  display: block;
  font-size: 14px;
  line-height: 18px;
  margin: 4px 0px;
  padding: 0px;
  color: var(--clr-gray-light);
}
footer .pg-width .rw-two p:first-child {
  margin-top: 0px;
}
footer .pg-width .rw-two p:last-child {
  margin-bottom: 0px;
}
footer .pg-width .rw-two p a {
  color: var(--clr-white);
  text-decoration: underline;
}
footer .pg-width .rw-two p a:hover {
  text-decoration: none;
}
footer .pg-width .rw-two p span {
  display: inline-block;
  padding: 0px 6px;
  color: var(--clr-gray);
}

@media screen and (max-width: 1600px) {
  footer {
    padding: 80px 0px;
  }
}
@media screen and (max-width: 1400px) {
  footer {
    padding: 60px 0px;
  }
  footer .pg-width .rw-one {
    gap: 40px;
  }
  footer .pg-width .rw-one .ech-cl:first-child {
    min-width: 320px;
  }
  footer .pg-width .rw-two {
    gap: 40px;
  }
}
@media screen and (max-width: 1365px) {
  footer {
    padding: 60px 0px;
  }
  footer .pg-width .rw-one {
    gap: 30px;
    flex-wrap: wrap;
  }
  footer .pg-width .rw-one .ech-cl:first-child {
    min-width: 100%;
  }
  footer .pg-width .rw-two {
    flex-direction: column;
    gap: 5px;
  }
  footer .pg-width .rw-two .cl-lt, footer .pg-width .rw-two .cl-rt {
    width: 100%;
  }
  footer .pg-width .rw-two .cl-lt p:last-child {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  footer {
    padding: 50px 0px;
  }
  footer .pg-width .rw-one .ech-cl {
    display: none;
  }
  footer .pg-width .rw-one .ech-cl:first-child {
    display: unset;
    min-width: 100%;
  }
  footer .pg-width .rw-two {
    flex-direction: column;
    gap: 5px;
  }
  footer .pg-width .rw-two .cl-lt, footer .pg-width .rw-two .cl-rt {
    width: 100%;
  }
}
nav.mob-menu-pnl {
  position: fixed;
  display: flex;
  flex-direction: column;
  gap: 0px;
  right: -360px;
  top: 0px;
  bottom: 0px;
  width: 340px;
  overflow: hidden;
  background-color: var(--clr-black);
  z-index: 200;
  transition: all 0.3s ease;
  opacity: 0;
}
nav.mob-menu-pnl .pnl-header {
  position: relative;
  overflow: hidden;
  margin: 0px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
nav.mob-menu-pnl .pnl-header a {
  margin: 0px;
  padding: 8px;
  overflow: hidden;
  background-color: var(--clr-black);
  border: 1px solid var(--clr-gray-darker);
  border-radius: 50px;
  overflow: hidden;
}
nav.mob-menu-pnl .pnl-header a svg {
  display: block;
  width: 12px;
  height: 12px;
  overflow: hidden;
}
nav.mob-menu-pnl .pnl-header a svg path {
  fill: var(--clr-green);
}
nav.mob-menu-pnl .pnl-content {
  position: relative;
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
  margin: 0px;
  padding: 0px;
}
nav.mob-menu-pnl .pnl-content ul {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none;
  overflow: hidden;
}
nav.mob-menu-pnl .pnl-content ul li {
  margin: 8px 0px;
  padding: 0px;
  overflow: hidden;
}
nav.mob-menu-pnl .pnl-content ul li a {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  padding: 18px 30px;
  color: var(--clr-white);
}
nav.mob-menu-pnl .pnl-content ul li a:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: solid 1px var(--clr-green-deep);
  border-right: solid 1px var(--clr-green-deep);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
nav.mob-menu-pnl .pnl-content ul li.sml {
  border-top: 1px solid var(--clr-gray-darker);
  margin-top: 30px;
  margin-bottom: 0px;
}
nav.mob-menu-pnl .pnl-content ul li.sml a {
  padding: 12px 30px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
nav.mob-menu-pnl .pnl-content ul li.sml + li.sml {
  border-top: 0px solid transparent;
  margin-top: 0px;
}

nav.mob-menu-pnl.open {
  right: 0px;
  opacity: 1;
}

section.sec-hero-banner {
  display: block;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
section.sec-hero-banner .pg-width {
  display: flex;
  justify-content: space-between;
  padding-top: 100px;
  padding-bottom: 200px;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 45%;
  transition: all 0.3s ease;
}
section.sec-hero-banner .pg-width .col-text {
  max-width: 47%;
  margin: 0px;
  padding: 0px;
}
section.sec-hero-banner .pg-width .col-text h1 {
  display: block;
  color: var(--clr-black);
  padding: 0px;
  margin: 0px;
  text-shadow: 0px 0px 20px #fff, 0px 0px 30px #fff;
  transition: all 0.3s ease;
}
section.sec-hero-banner .pg-width .col-text h1 span {
  color: var(--clr-green);
  transition: all 0.3s ease;
}
section.sec-hero-banner .pg-width .col-text h2 {
  display: block;
  font-size: 32px;
  line-height: 36px;
  margin: 10px 0px;
  padding: 0px;
}
section.sec-hero-banner .pg-width .col-text p {
  display: block;
  font-weight: 350;
  color: var(--clr-black);
  padding: 0px;
  margin: 15px 0px;
  transition: all 0.3s ease;
}
section.sec-hero-banner .pg-width .col-text p b {
  font-weight: 400;
}
section.sec-hero-banner .pg-width .col-text p.title {
  font-size: 22px;
  line-height: 28px;
  font-weight: 450;
}
section.sec-hero-banner .pg-width .col-text p.title b, section.sec-hero-banner .pg-width .col-text p.title strong {
  font-weight: 550;
}

@media screen and (max-width: 1600px) {
  section.sec-hero-banner .pg-width {
    padding-top: 80px;
    padding-bottom: 180px;
  }
  section.sec-hero-banner .pg-width .col-text {
    max-width: 50%;
  }
  section.sec-hero-banner .pg-width .col-text h2 {
    font-size: 28px;
    line-height: 32px;
    margin: 8px 0px;
  }
  section.sec-hero-banner .pg-width .col-text p.title {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 1366px) {
  section.sec-hero-banner .pg-width {
    padding-top: 80px;
    padding-bottom: 140px;
  }
  section.sec-hero-banner .pg-width .col-text {
    max-width: 52%;
  }
  section.sec-hero-banner .pg-width .col-text h2 {
    font-size: 24px;
    line-height: 28px;
  }
  section.sec-hero-banner .pg-width .col-text p.title {
    font-size: 18px;
    line-height: 22px;
  }
}
@media screen and (max-width: 1165px) {
  section.sec-hero-banner .pg-width {
    padding-top: 60px;
    padding-bottom: 100px;
  }
  section.sec-hero-banner .pg-width .col-text {
    max-width: 50%;
  }
  section.sec-hero-banner .pg-width .col-text h2 {
    font-size: 22px;
    line-height: 26px;
  }
  section.sec-hero-banner .pg-width .col-text p.title {
    font-size: 18px;
    line-height: 22px;
  }
}
@media screen and (max-width: 991px) {
  section.sec-hero-banner .pg-width {
    padding-top: 50px;
    padding-bottom: 80px;
    background-size: 50%;
  }
  section.sec-hero-banner .pg-width .col-text {
    max-width: 50%;
  }
  section.sec-hero-banner .pg-width .col-text p {
    margin: 10px 0px;
  }
}
@media screen and (max-width: 867px) {
  section.sec-hero-banner .pg-width {
    padding-top: 40px;
    padding-bottom: 180px;
    background-size: 55%;
  }
  section.sec-hero-banner .pg-width .col-text {
    max-width: 55%;
  }
}
@media screen and (max-width: 767px) {
  section.sec-hero-banner .pg-width {
    padding-top: 40px;
    padding-bottom: 260px;
    background-size: 450px 311px;
  }
  section.sec-hero-banner .pg-width .col-text {
    max-width: 550px;
  }
}
@media screen and (max-width: 567px) {
  section.sec-hero-banner .pg-width {
    padding-top: 25px;
    padding-bottom: 260px;
    background-size: 400px 294px;
  }
}
@media screen and (max-width: 450px) {
  section.sec-hero-banner .pg-width {
    background-size: 350px 257px;
  }
  section.sec-hero-banner .pg-width .col-text {
    max-width: unset;
  }
  section.sec-hero-banner .pg-width .col-text h1 br {
    display: none;
  }
}
@media screen and (max-width: 380px) {
  section.sec-hero-banner .pg-width {
    padding-top: 40px;
    padding-bottom: 220px;
    background-size: 280px 206px;
  }
}
section.sec-showcase-scroll-hz {
  display: block;
  margin: 0px;
  margin-top: -100px;
  padding: 0px 0px 80px 0px;
  overflow: hidden;
}
section.sec-showcase-scroll-hz .pg-width {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: end;
  padding-bottom: 20px;
}
section.sec-showcase-scroll-hz .pg-width .col-txt h2 {
  display: block;
  color: var(--clr-black);
  padding: 0px;
  margin: 0px;
  transition: all 0.3s ease;
}
section.sec-showcase-scroll-hz .pg-width .col-txt p {
  display: block;
  font-weight: 350;
  color: var(--clr-black);
  padding: 0px;
  margin: 0px;
  transition: all 0.3s ease;
}
section.sec-showcase-scroll-hz .pg-width .col-nav {
  display: flex;
  gap: 30px;
  background-color: var(--clr-off-white);
  border-radius: 15px;
  overflow: hidden;
  margin-right: -20px;
  margin-bottom: -30px;
}
section.sec-showcase-scroll-hz .pg-width .col-nav .slick-prev, section.sec-showcase-scroll-hz .pg-width .col-nav .slick-next {
  padding: 20px 30px;
  cursor: pointer;
}
section.sec-showcase-scroll-hz .pg-width .col-nav .slick-prev svg, section.sec-showcase-scroll-hz .pg-width .col-nav .slick-next svg {
  position: relative;
  display: block;
  width: 32px;
  height: 18px;
}
section.sec-showcase-scroll-hz .pg-width .col-nav .slick-prev svg path, section.sec-showcase-scroll-hz .pg-width .col-nav .slick-next svg path {
  fill: var(--clr-green-deep);
}
section.sec-showcase-scroll-hz .pg-width .col-nav .slick-prev {
  padding-right: 0px;
}
section.sec-showcase-scroll-hz .pg-width .col-nav .slick-prev svg {
  transform: scaleX(-1);
}
section.sec-showcase-scroll-hz .pg-width .col-nav .slick-next {
  padding-left: 0px;
}
section.sec-showcase-scroll-hz .showcase-cards {
  position: relative;
  display: flex;
  max-width: 1600px;
  margin: 0px auto;
  padding: 0px 40px;
  z-index: 3;
}
section.sec-showcase-scroll-hz .showcase-cards .slick-list {
  overflow: visible;
}
section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 590px;
  padding: 0px;
  margin: 0px;
}
section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-slide {
  position: relative;
  float: unset;
  width: 400px;
  height: 550px;
  border-radius: 12px;
  background-color: var(--clr-black);
  overflow: hidden;
  transform-style: preserve-3d;
  transform: translateZ(-20px);
  margin: 0px;
}
section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-slide video {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
  object-fit: cover;
  opacity: 0.5;
  pointer-events: none;
  z-index: 0;
  filter: grayscale(60%);
  transition: all 0.3s ease;
}
section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-slide .content {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  padding: 100px 100px 30px 30px;
  transition: all 0.3s ease;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 90%);
}
section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-slide .content .title {
  display: block;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--clr-white);
  text-transform: uppercase;
  text-shadow: 0px 0px 20px #000, 0px 0px 30px #000;
  transition: all 0.3s ease;
  transform: translateZ(20px);
}
section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-slide .content .normal {
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--clr-white);
  text-shadow: 0px 0px 20px #000, 0px 0px 30px #000;
  transition: all 0.3s ease;
}
section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-current {
  width: 400px;
  height: 590px;
  transition: all 0.3s ease;
  box-shadow: 5px 5px 20px -8px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 5px 5px 20px -8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 5px 5px 20px -8px rgba(0, 0, 0, 0.75);
}
section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-current video {
  opacity: 1;
  filter: grayscale(0);
}
section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-current .content {
  padding: 100px 100px 60px 60px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 90%);
  z-index: 2;
}
section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-current .content .title {
  font-size: 26px;
  line-height: 30px;
  font-weight: 800;
}
section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-current .content .normal {
  font-size: 18px;
  line-height: 22px;
}
section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-current:hover {
  transform: unset;
  transition: unset;
  margin: 0px;
}

@media screen and (max-width: 1600px) {
  section.sec-showcase-scroll-hz {
    margin-top: -75px;
    padding: 0px 0px 70px 0px;
  }
  section.sec-showcase-scroll-hz .pg-width .col-nav {
    gap: 20px;
    border-radius: 12px 0px 0px 0px;
    margin-right: -8px;
  }
  section.sec-showcase-scroll-hz .showcase-cards {
    padding: 0px 30px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track {
    min-height: 510px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-slide {
    min-width: 350px;
    width: 350px;
    height: 480px;
    border-radius: 12px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-slide .content {
    padding: 80px 80px 30px 30px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-slide .content .title {
    font-size: 24px;
    line-height: 28px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-slide .content .normal {
    font-size: 16px;
    line-height: 22px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-current {
    width: 350px;
    height: 510px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-current .content {
    padding: 80px 80px 50px 50px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-current .content .title {
    font-size: 24px;
    line-height: 28px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-current .content .normal {
    font-size: 18px;
    line-height: 22px;
  }
}
@media screen and (max-width: 1400px) {
  section.sec-showcase-scroll-hz {
    padding: 0px 0px 60px 0px;
    margin-top: -70px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track {
    min-height: 455px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-slide {
    min-width: 310px;
    width: 310px;
    height: 425px;
    border-radius: 12px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-slide .content {
    padding: 50px 50px 25px 25px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-slide .content .title {
    font-size: 22px;
    line-height: 26px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-slide .content .normal {
    font-size: 16px;
    line-height: 22px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-current {
    width: 310px;
    height: 455px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-current .content {
    padding: 60px 60px 30px 30px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-current .content .title {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (max-width: 991px) {
  section.sec-showcase-scroll-hz {
    margin-top: 0px;
    padding: 0px 0px 50px 0px;
    border-top: 1px solid #E9E9E9;
  }
  section.sec-showcase-scroll-hz .pg-width {
    flex-direction: column;
  }
  section.sec-showcase-scroll-hz .pg-width .col-txt {
    width: 100%;
    padding-top: 25px;
  }
  section.sec-showcase-scroll-hz .pg-width .col-nav {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 15px;
    border-radius: 0px 0px 0px 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  section.sec-showcase-scroll-hz .pg-width .col-nav .slick-prev, section.sec-showcase-scroll-hz .pg-width .col-nav .slick-next {
    padding: 0px 0px;
  }
  section.sec-showcase-scroll-hz .showcase-cards {
    padding: 0px 25px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track {
    min-height: 410px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-slide {
    min-width: 280px;
    width: 280px;
    height: 385px;
    border-radius: 10px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-current {
    width: 280px;
    height: 410px;
  }
}
@media screen and (max-width: 380px) {
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track {
    min-height: 345px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-slide {
    min-width: 235px;
    width: 235px;
    height: 325px;
    border-radius: 10px;
  }
  section.sec-showcase-scroll-hz .showcase-cards .slick-list .slick-track .slick-current {
    width: 235px;
    height: 345px;
  }
}
section.sec-services {
  position: relative;
  display: block;
  padding: 80px 0px;
  margin: 0px;
  overflow: hidden;
}
section.sec-services .pg-width .rw-heading {
  display: block;
  margin: 0px;
  padding: 0px 0px 30px 0px;
}
section.sec-services .pg-width .rw-heading h2 {
  display: block;
  color: var(--clr-black);
  padding: 0px;
  margin: 0px;
  transition: all 0.3s ease;
}
section.sec-services .pg-width .rw-heading p {
  display: block;
  font-weight: 350;
  color: var(--clr-black);
  padding: 0px;
  margin: 0px;
  transition: all 0.3s ease;
}
section.sec-services .pg-width .rw-cols {
  display: flex;
  gap: 100px;
  margin: 0px;
  padding: 0px;
}
section.sec-services .pg-width .rw-cols .column {
  flex: 1;
  margin: 0px;
  padding: 0px;
}
section.sec-services .pg-width .rw-cols .column h3 {
  display: block;
  color: var(--clr-black);
  padding: 0px;
  margin: 0px;
  transition: all 0.3s ease;
}
section.sec-services .pg-width .rw-cols .column h3 span {
  display: block;
  font-family: "Figtree";
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  color: var(--clr-gray);
}
section.sec-services .pg-width .rw-cols .column p {
  display: block;
  font-weight: 350;
  color: var(--clr-black);
  padding: 0px;
  margin: 12px 0px;
  transition: all 0.3s ease;
}
section.sec-services .pg-width .rw-cols .column ul {
  display: block;
  margin: 15px 0px 0px 0px;
  padding: 0px;
  list-style: none;
}
section.sec-services .pg-width .rw-cols .column ul li {
  display: block;
  margin: 12px 0px;
  padding: 0px;
}
section.sec-services .pg-width .rw-cols .column ul li a {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0px;
  padding: 0px;
}
section.sec-services .pg-width .rw-cols .column ul li a span {
  color: var(--clr-green-deeper);
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
section.sec-services .pg-width .rw-cols .column ul li a svg {
  width: 26px;
  height: 13px;
}
section.sec-services .pg-width .rw-cols .column ul li a svg path {
  fill: var(--clr-green-deeper);
}
section.sec-services .pg-width .rw-cols .column ul li a:hover {
  gap: 14px;
}

@media screen and (max-width: 1600px) {
  section.sec-services {
    padding: 60px 0px;
  }
}
@media screen and (max-width: 1400px) {
  section.sec-services {
    padding: 40px 0px;
  }
  section.sec-services .pg-width .rw-cols {
    gap: 50px;
  }
}
@media screen and (max-width: 1200px) {
  section.sec-services {
    padding: 30px 0px;
  }
  section.sec-services .pg-width .rw-heading {
    padding-bottom: 20px;
  }
  section.sec-services .pg-width .rw-cols {
    gap: 30px;
  }
}
@media screen and (max-width: 991px) {
  section.sec-services .pg-width .rw-cols {
    flex-direction: column;
    gap: 20px;
  }
}
section.sec-three-article {
  position: relative;
  display: block;
  margin: 0px;
  padding: 60px 0px;
  overflow: hidden;
}
section.sec-three-article .pg-width .rw-heading {
  display: block;
  margin: 0px;
  padding: 0px 0px 30px 0px;
}
section.sec-three-article .pg-width .rw-heading h2 {
  display: block;
  color: var(--clr-black);
  padding: 0px;
  margin: 0px;
  transition: all 0.3s ease;
}
section.sec-three-article .pg-width .rw-heading p {
  display: block;
  font-weight: 350;
  color: var(--clr-black);
  padding: 0px;
  margin: 0px;
  transition: all 0.3s ease;
}
section.sec-three-article .pg-width .rw-articles {
  display: flex;
  gap: 50px;
  margin: 0px;
  padding: 0px;
}
section.sec-three-article .pg-width .rw-articles article {
  flex: 1;
  margin: 0px;
  padding: 0px;
}
section.sec-three-article .pg-width .rw-articles article .thumb-holder {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
  padding: 0px;
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--clr-gray);
  background-size: cover;
  aspect-ratio: 16/10;
  min-height: 200px;
  transform-style: preserve-3d;
}
section.sec-three-article .pg-width .rw-articles article .thumb-holder img {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
  object-fit: cover;
  transition: all 0.5s ease;
}
section.sec-three-article .pg-width .rw-articles article .thumb-holder img.below {
  z-index: 0;
  filter: blur(4px) grayscale(1);
}
section.sec-three-article .pg-width .rw-articles article .thumb-holder img.above {
  z-index: 1;
  filter: blur(0px);
}
section.sec-three-article .pg-width .rw-articles article h3 {
  font-family: "Figtree";
  font-weight: 700;
  color: var(--clr-black);
  padding: 0px;
  margin: 20px 0px 8px 0px;
  transition: all 0.3s ease;
  font-size: 20px;
  line-height: 24px;
}
section.sec-three-article .pg-width .rw-articles article p {
  display: block;
  font-weight: 350;
  color: var(--clr-black);
  padding: 0px;
  margin: 8px 0px;
  transition: all 0.3s ease;
}
section.sec-three-article .pg-width .rw-articles article .btn-rw {
  margin-top: 15px;
}
section.sec-three-article .pg-width .rw-articles article .btn-rw span {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
section.sec-three-article .pg-width .rw-articles article:hover .thumb-holder {
  background-size: 120%;
}
section.sec-three-article .pg-width .rw-articles article:hover .thumb-holder img.below {
  filter: blur(0px);
  transform: scale(1.2);
}
section.sec-three-article .pg-width .rw-articles article:hover .thumb-holder img.above {
  filter: blur(2px);
}

@media screen and (max-width: 1600px) {
  section.sec-three-article {
    padding: 50px 0px;
  }
  section.sec-three-article .pg-width .rw-articles {
    gap: 30px;
  }
}
@media screen and (max-width: 1400px) {
  section.sec-three-article {
    padding: 40px 0px;
  }
  section.sec-three-article .pg-width .rw-articles {
    gap: 30px;
  }
}
@media screen and (max-width: 1365px) {
  section.sec-three-article .pg-width .rw-articles {
    gap: 30px;
  }
  section.sec-three-article .pg-width .rw-articles article h3 {
    margin-bottom: 0px;
    margin-top: 15px;
  }
  section.sec-three-article .pg-width .rw-articles article p {
    margin-top: 5px;
  }
}
@media screen and (max-width: 1200px) {
  section.sec-three-article {
    padding: 30px 0px;
  }
  section.sec-three-article .pg-width .rw-heading {
    padding-bottom: 15px;
  }
  section.sec-three-article .pg-width .rw-articles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  section.sec-three-article .pg-width .rw-articles article .thumb-holder {
    min-height: unset;
  }
  section.sec-three-article .pg-width .rw-articles article .btn-rw {
    margin-top: 10px;
  }
}
@media screen and (max-width: 680px) {
  section.sec-three-article .pg-width .rw-articles {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
section.sec-call-to-action {
  position: relative;
  display: block;
  margin: 0px;
  padding: 60px 0px;
  overflow: hidden;
  transition: all 0.3s ease;
}
section.sec-call-to-action .pg-width .box {
  display: flex;
  align-items: center;
  gap: 100px;
  padding: 40px 50px;
  margin: 0px;
  background-color: var(--clr-black);
  overflow: hidden;
  border-radius: 12px;
  transition: all 0.3s ease;
}
section.sec-call-to-action .pg-width .box .column {
  flex: 1;
  color: var(--clr-white);
  margin: 0px;
  padding: 0px;
  transition: all 0.3s ease;
}
section.sec-call-to-action .pg-width .box .column ::selection {
  color: var(--clr-black);
}
section.sec-call-to-action .pg-width .box .column h2 {
  display: block;
  margin: 0px;
  padding: 0px;
}
section.sec-call-to-action .pg-width .box .column h3 {
  display: block;
  margin: 0px;
  padding: 0px;
}
section.sec-call-to-action .pg-width .box .column p {
  display: block;
  font-size: 16px;
  line-height: 20px;
  margin: 10px 0px;
}
section.sec-call-to-action .pg-width .box .column p:first-of-type {
  margin-top: 0px;
}
section.sec-call-to-action .pg-width .box .column p:last-of-type {
  margin-bottom: 0px;
}
section.sec-call-to-action .pg-width .box .column p.sml {
  font-size: 14px;
  line-height: 18px;
  font-style: italic;
}
section.sec-call-to-action .pg-width .box .column .btn-rw {
  margin-top: 10px;
}
section.sec-call-to-action .pg-width .box .column .btn-rw .btn-aro span {
  color: var(--clr-green);
}
section.sec-call-to-action .pg-width .box .column:first-child {
  flex: unset;
}
section.sec-call-to-action .pg-width .box .column:first-child h2 {
  white-space: unset;
}

@media screen and (max-width: 1600px) {
  section.sec-call-to-action {
    padding: 50px 0px;
  }
}
@media screen and (max-width: 1365px) {
  section.sec-call-to-action {
    padding: 40px 0px;
  }
  section.sec-call-to-action .pg-width .box {
    padding: 30px 40px;
    gap: 50px;
  }
}
@media screen and (max-width: 1200px) {
  section.sec-call-to-action {
    padding: 30px 0px;
  }
}
@media screen and (max-width: 1024px) {
  section.sec-call-to-action .pg-width .box {
    flex-direction: column;
    padding: 30px 30px;
    gap: 15px;
  }
  section.sec-call-to-action .pg-width .box .column {
    width: 100%;
  }
  section.sec-call-to-action .pg-width .box .column:first-child h2 {
    white-space: unset;
  }
}
section.sec-four-stats {
  position: relative;
  display: block;
  margin: 80px 0px;
  padding: 0px;
  overflow: hidden;
  transition: all 0.3s ease;
}
section.sec-four-stats .pg-width .rw-heading {
  display: block;
  margin: 0px;
  padding: 0px 0px 30px 0px;
}
section.sec-four-stats .pg-width .rw-heading h2 {
  display: block;
  color: var(--clr-black);
  padding: 0px;
  margin: 0px;
  transition: all 0.3s ease;
}
section.sec-four-stats .pg-width .rw-heading p {
  display: block;
  font-weight: 350;
  color: var(--clr-black);
  padding: 0px;
  margin: 0px;
  transition: all 0.3s ease;
}
section.sec-four-stats .pg-width .rw-stats {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 60px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  transition: all 0.3s ease;
}
section.sec-four-stats .pg-width .rw-stats .col-stat {
  flex: 1;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  transition: all 0.3s ease;
}
section.sec-four-stats .pg-width .rw-stats .col-stat p {
  display: block;
  margin: 6px 0px;
  padding: 0px;
  font-size: 16px;
  line-height: 20px;
  transition: all 0.3s ease;
}
section.sec-four-stats .pg-width .rw-stats .col-stat p.number {
  color: var(--clr-green-deep);
  font-size: 52px;
  line-height: 54px;
  font-weight: 700;
  margin: 0px;
}
section.sec-four-stats .pg-width .rw-stats .col-stat p.sml {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: var(--clr-gray);
}

@media screen and (max-width: 1600px) {
  section.sec-four-stats {
    margin: 60px 0px;
  }
  section.sec-four-stats .pg-width .rw-heading {
    padding: 0px 0px 25px 0px;
  }
  section.sec-four-stats .pg-width .rw-stats {
    gap: 50px;
  }
  section.sec-four-stats .pg-width .rw-stats .col-stat p.number {
    font-size: 42px;
    line-height: 44px;
  }
}
@media screen and (max-width: 1400px) {
  section.sec-four-stats {
    margin: 50px 0px;
  }
  section.sec-four-stats .pg-width .rw-stats {
    gap: 40px;
  }
  section.sec-four-stats .pg-width .rw-stats .col-stat p.number {
    font-size: 38px;
    line-height: 38px;
  }
}
@media screen and (max-width: 1200px) {
  section.sec-four-stats {
    margin: 40px 0px;
  }
  section.sec-four-stats .pg-width .rw-stats {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
  section.sec-four-stats .pg-width .rw-stats .col-stat p.number {
    font-size: 38px;
    line-height: 38px;
  }
}
@media screen and (max-width: 667px) {
  section.sec-four-stats {
    margin: 30px 0px;
  }
  section.sec-four-stats .pg-width .rw-stats {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  section.sec-four-stats .pg-width .rw-stats .col-stat p.number {
    font-size: 32px;
    line-height: 32px;
  }
}
section.sec-featured-post {
  position: relative;
  display: block;
  margin: 100px 0px;
  padding: 0px;
  overflow: hidden;
  transition: all 0.3s ease;
}
section.sec-featured-post .bg-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
  margin: 0px auto;
  padding: 0px 0px;
  overflow: hidden;
  max-width: 1920px;
  min-height: 640px;
  border-radius: 16px;
  transition: all 0.3s ease;
}
section.sec-featured-post .bg-image img {
  position: absolute;
  top: 0px;
  width: 100% !important;
  height: 100% !important;
  margin: 0px;
  padding: 0px;
  object-fit: cover;
  overflow: hidden;
  z-index: -1;
}
section.sec-featured-post .bg-image .pg-width {
  margin: 0px auto;
  width: 1600px;
  transition: all 0.3s ease;
}
section.sec-featured-post .bg-image .pg-width .content {
  max-width: 600px;
  transition: all 0.3s ease;
}
section.sec-featured-post .bg-image .pg-width .content h2 {
  display: block;
  margin: 0px;
  padding: 0px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1920px) {
  section.sec-featured-post .bg-image {
    border-radius: 0px;
  }
}

@media screen and (max-width: 1500px) {
  section.sec-featured-post {
    margin: 80px 0px;
  }
  section.sec-featured-post .bg-image {
    min-height: 600px;
  }
  section.sec-featured-post .bg-image .pg-width .content {
    max-width: 550px;
  }
}
@media screen and (max-width: 1400px) {
  section.sec-featured-post .bg-image {
    min-height: 550px;
  }
  section.sec-featured-post .bg-image .pg-width .content {
    max-width: 500px;
  }
}
@media screen and (max-width: 1200px) {
  section.sec-featured-post .bg-image {
    min-height: 500px;
  }
  section.sec-featured-post .bg-image .pg-width .content {
    max-width: 450px;
  }
}
@media screen and (max-width: 991px) {
  section.sec-featured-post .bg-image {
    min-height: 450px;
  }
  section.sec-featured-post .bg-image .pg-width .content {
    max-width: 340px;
  }
}
@media screen and (max-width: 867px) {
  section.sec-featured-post {
    margin: 60px 0px;
  }
  section.sec-featured-post .bg-image {
    flex-direction: column;
    margin: 0px 20px;
    min-height: unset;
    gap: 20px;
  }
  section.sec-featured-post .bg-image img {
    position: relative;
    display: block;
    min-height: 250px;
    max-height: 350px;
    border-radius: 10px;
    object-position: right center;
  }
  section.sec-featured-post .bg-image .pg-width {
    padding: 0px;
    width: 100%;
  }
  section.sec-featured-post .bg-image .pg-width .content {
    max-width: unset;
  }
  section.sec-featured-post .bg-image .pg-width .content h2 + p {
    margin: 8px 0px;
  }
  section.sec-featured-post .bg-image .pg-width .content .btn-rw {
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  section.sec-featured-post {
    margin: 40px 0px;
  }
}
section.sec-thumb-grid {
  position: relative;
  display: block;
  padding: 80px 0px;
  margin: 0px;
  overflow: hidden;
}
section.sec-thumb-grid .pg-width .rw-heading {
  display: block;
  margin: 0px;
  padding: 0px 0px 30px 0px;
}
section.sec-thumb-grid .pg-width .rw-heading h2 {
  display: block;
  color: var(--clr-black);
  padding: 0px;
  margin: 0px;
  transition: all 0.3s ease;
}
section.sec-thumb-grid .pg-width .rw-heading h3 {
  display: block;
  font-family: "Figtree";
  font-size: 26px;
  font-weight: 600;
  color: var(--clr-black);
  padding: 0px;
  margin: 8px 0px;
  transition: all 0.3s ease;
}
section.sec-thumb-grid .pg-width .rw-heading p {
  display: block;
  font-weight: 350;
  color: var(--clr-black);
  padding: 0px;
  margin: 0px;
  transition: all 0.3s ease;
}
section.sec-thumb-grid .pg-width .all-thumbs {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  border-radius: 12px;
}
section.sec-thumb-grid .pg-width .all-thumbs .ech-thumb {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: end;
  background-color: var(--clr-gray-darker);
  margin: 0px;
  padding: 0px;
  aspect-ratio: 16/10;
  overflow: hidden;
}
section.sec-thumb-grid .pg-width .all-thumbs .ech-thumb img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  transition: all 0.5s ease;
  filter: blur(0);
}
section.sec-thumb-grid .pg-width .all-thumbs .ech-thumb .data {
  display: block;
  z-index: 1;
  padding: 30px;
  overflow: hidden;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0) 100%);
}
section.sec-thumb-grid .pg-width .all-thumbs .ech-thumb .data a {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0px;
  padding: 0px;
}
section.sec-thumb-grid .pg-width .all-thumbs .ech-thumb .data a span {
  color: var(--clr-white);
  font-size: 26px;
  line-height: 30px;
  font-weight: 600;
}
section.sec-thumb-grid .pg-width .all-thumbs .ech-thumb .data a svg {
  margin-top: 5px;
  width: 26px;
  height: 13px;
}
section.sec-thumb-grid .pg-width .all-thumbs .ech-thumb .data a svg path {
  fill: var(--clr-white);
}
section.sec-thumb-grid .pg-width .all-thumbs .ech-thumb .data p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: var(--clr-white);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0px 4px 0px 0px;
  overflow: hidden;
}
section.sec-thumb-grid .pg-width .all-thumbs .ech-thumb:hover img {
  transform: scale(1.5);
  filter: blur(6px);
}

@media screen and (max-width: 1600px) {
  section.sec-thumb-grid {
    padding: 60px 0px;
  }
  section.sec-thumb-grid .pg-width .rw-heading h3 {
    font-size: 24px;
  }
  section.sec-thumb-grid .pg-width .all-thumbs {
    grid-template-columns: 1fr 1fr 1fr;
  }
  section.sec-thumb-grid .pg-width .all-thumbs .ech-thumb .data a span {
    font-size: 22px;
    line-height: 26px;
  }
}
@media screen and (max-width: 1400px) {
  section.sec-thumb-grid {
    padding: 50px 0px;
  }
  section.sec-thumb-grid .pg-width .rw-heading h3 {
    font-size: 20px;
  }
  section.sec-thumb-grid .pg-width .all-thumbs {
    grid-template-columns: 1fr 1fr;
  }
  section.sec-thumb-grid .pg-width .all-thumbs .ech-thumb .data a span {
    font-size: 20px;
    line-height: 24px;
  }
}
@media screen and (max-width: 1200px) {
  section.sec-thumb-grid {
    padding: 40px 0px;
  }
  section.sec-thumb-grid .pg-width .rw-heading h3 {
    font-size: 18px;
  }
  section.sec-thumb-grid .pg-width .all-thumbs {
    grid-template-columns: 1fr 1fr;
  }
  section.sec-thumb-grid .pg-width .all-thumbs .ech-thumb .data {
    padding: 20px;
  }
  section.sec-thumb-grid .pg-width .all-thumbs .ech-thumb .data a span {
    font-size: 18px;
    line-height: 22px;
  }
}
@media screen and (max-width: 767px) {
  section.sec-thumb-grid {
    padding: 30px 0px;
  }
  section.sec-thumb-grid .pg-width .all-thumbs {
    grid-template-columns: 1fr;
  }
  section.sec-thumb-grid .pg-width .all-thumbs .ech-thumb {
    aspect-ratio: unset;
    padding-top: 80px;
  }
}
section.sec-testimonial-slider {
  position: relative;
  display: block;
  padding: 80px 0px;
  margin: 0px;
  overflow: hidden;
}
section.sec-testimonial-slider .pg-width .rw-heading {
  display: block;
  margin: 0px;
  padding: 0px 0px 30px 0px;
}
section.sec-testimonial-slider .pg-width .rw-heading h2 {
  display: block;
  color: var(--clr-black);
  padding: 0px;
  margin: 0px;
  transition: all 0.3s ease;
}
section.sec-testimonial-slider .pg-width .rw-heading p {
  display: block;
  font-weight: 350;
  color: var(--clr-black);
  padding: 0px;
  margin: 0px;
  transition: all 0.3s ease;
}
section.sec-testimonial-slider .pg-width .all-testimonials .slick-list {
  overflow: visible;
}
section.sec-testimonial-slider .pg-width .all-testimonials .slick-list .slick-track .ech-slide {
  max-width: 700px;
  margin-left: 50px;
  padding-left: 50px;
  border-left: 1px solid var(--clr-gray-lightest);
}
section.sec-testimonial-slider .pg-width .all-testimonials .slick-list .slick-track .ech-slide p.quote {
  display: block;
  margin: 0px;
  padding: 0px;
  color: var(--clr-brown);
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
section.sec-testimonial-slider .pg-width .all-testimonials .slick-list .slick-track .ech-slide p.name {
  display: block;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 15px;
  color: var(--clr-black);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  border-left: 4px solid var(--clr-gray-light);
}
section.sec-testimonial-slider .pg-width .all-testimonials .slick-list .slick-track .ech-slide p.name strong, section.sec-testimonial-slider .pg-width .all-testimonials .slick-list .slick-track .ech-slide p.name b {
  font-size: 14px;
}

@media screen and (max-width: 1600px) {
  section.sec-testimonial-slider {
    padding: 60px 0px;
  }
  section.sec-testimonial-slider .pg-width .all-testimonials .slick-list .slick-track .ech-slide {
    max-width: 600px;
    margin-left: 40px;
    padding-left: 40px;
  }
  section.sec-testimonial-slider .pg-width .all-testimonials .slick-list .slick-track .ech-slide p.quote {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 1400px) {
  section.sec-testimonial-slider {
    padding: 50px 0px;
  }
}
@media screen and (max-width: 1200px) {
  section.sec-testimonial-slider {
    padding: 40px 0px;
  }
  section.sec-testimonial-slider .pg-width .all-testimonials .slick-list .slick-track .ech-slide {
    max-width: 800px;
    margin-left: 30px;
    padding-left: 30px;
  }
  section.sec-testimonial-slider .pg-width .all-testimonials .slick-list .slick-track .ech-slide p.quote {
    font-size: 16px;
    line-height: 22px;
  }
}
@media screen and (max-width: 991px) {
  section.sec-testimonial-slider .pg-width .all-testimonials .slick-list .slick-track .ech-slide {
    max-width: 700px;
  }
}
@media screen and (max-width: 767px) {
  section.sec-testimonial-slider {
    padding: 30px 0px;
  }
  section.sec-testimonial-slider .pg-width .all-testimonials .slick-list .slick-track .ech-slide {
    margin-left: 25px;
    padding-left: 25px;
    max-width: 70vw;
  }
}
@media screen and (max-width: 567px) {
  section.sec-testimonial-slider .pg-width .all-testimonials .slick-list .slick-track .ech-slide {
    margin-left: 20px;
    padding-left: 20px;
    max-width: 80vw;
  }
}
section.sec-testimonial-slider:has(+ section.logo-scroller) {
  padding-bottom: 0px !important;
}

section.sec-logo-scroller {
  position: relative;
  display: block;
  margin: 0px 0px 80px 0px;
  padding: 0px;
  overflow: hidden;
  transition: all 0.3s ease;
}
section.sec-logo-scroller .all-logos {
  position: relative;
  display: flex;
  gap: 0px;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
section.sec-logo-scroller .all-logos .js-marquee-wrapper {
  display: flex;
  gap: 0px;
}
section.sec-logo-scroller .all-logos .js-marquee {
  display: flex;
  gap: 0px;
  margin-left: -100vw;
}
section.sec-logo-scroller .all-logos .ech-logo {
  width: 200px;
  height: 60px;
  min-width: 200px;
  min-height: 60px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}
section.sec-logo-scroller .all-logos .ech-logo img {
  display: block;
  margin: 0px;
  padding: 0px;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
  object-fit: cover;
}

@media screen and (max-width: 1600px) {
  section.sec-logo-scroller {
    margin: 0px 0px 60px 0px;
  }
}
@media screen and (max-width: 1400px) {
  section.sec-logo-scroller {
    margin: 0px 0px 50px 0px;
  }
}
@media screen and (max-width: 1200px) {
  section.sec-logo-scroller {
    margin: 0px 0px 40px 0px;
  }
}
@media screen and (max-width: 767px) {
  section.sec-logo-scroller {
    margin: 0px 0px 30px 0px;
  }
}
section.sec-text-cols-stats-row {
  position: relative;
  display: block;
  margin: 80px 0px;
  padding: 0px;
  overflow: hidden;
  transition: all 0.3s ease;
}
section.sec-text-cols-stats-row .pg-width .rw-heading {
  display: block;
  margin: 0px;
  padding: 0px 0px 15px 0px;
}
section.sec-text-cols-stats-row .pg-width .rw-heading h2 {
  display: block;
  color: var(--clr-black);
  padding: 0px;
  margin: 0px;
  transition: all 0.3s ease;
}
section.sec-text-cols-stats-row .pg-width .rw-heading p {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: var(--clr-black);
  padding: 0px;
  margin: 0px;
  transition: all 0.3s ease;
}
section.sec-text-cols-stats-row .pg-width .rw-cols {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  margin: 0px;
  padding: 0px 0px 30px 0px;
}
section.sec-text-cols-stats-row .pg-width .rw-cols .ech-cl {
  flex: 1;
  margin: 0px;
  padding: 0px;
}
section.sec-text-cols-stats-row .pg-width .rw-cols .ech-cl p {
  margin: 8px 0px;
}
section.sec-text-cols-stats-row .pg-width .rw-cols .ech-cl p:first-child {
  margin-top: 0px;
}
section.sec-text-cols-stats-row .pg-width .rw-cols .ech-cl p:last-child {
  margin-bottom: 0px;
}
section.sec-text-cols-stats-row .pg-width .rw-stats {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  border-top: 1px solid var(--clr-gray-lightest);
  gap: 60px;
  margin: 0px;
  padding: 30px 0px 0px 0px;
  overflow: hidden;
  transition: all 0.3s ease;
}
section.sec-text-cols-stats-row .pg-width .rw-stats .col-stat {
  flex: 1;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  transition: all 0.3s ease;
}
section.sec-text-cols-stats-row .pg-width .rw-stats .col-stat p {
  display: block;
  color: var(--clr-gray);
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  transition: all 0.3s ease;
}
section.sec-text-cols-stats-row .pg-width .rw-stats .col-stat p.data {
  color: var(--clr-black);
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  margin: 0px;
}

@media screen and (max-width: 1600px) {
  section.sec-text-cols-stats-row {
    margin: 60px 0px;
  }
  section.sec-text-cols-stats-row .pg-width .rw-heading {
    padding: 0px 0px 20px 0px;
  }
  section.sec-text-cols-stats-row .pg-width .rw-cols {
    gap: 40px;
  }
  section.sec-text-cols-stats-row .pg-width .rw-stats {
    gap: 40px;
  }
  section.sec-text-cols-stats-row .pg-width .rw-stats .col-stat p.data {
    font-size: 28px;
    line-height: 32px;
  }
}
@media screen and (max-width: 1400px) {
  section.sec-text-cols-stats-row {
    margin: 50px 0px;
  }
  section.sec-text-cols-stats-row .pg-width .rw-heading {
    padding: 0px 0px 20px 0px;
  }
  section.sec-text-cols-stats-row .pg-width .rw-stats .col-stat p.data {
    font-size: 26px;
    line-height: 30px;
  }
}
@media screen and (max-width: 1200px) {
  section.sec-text-cols-stats-row {
    margin: 40px 0px;
  }
  section.sec-text-cols-stats-row .pg-width .rw-heading {
    padding: 0px 0px 20px 0px;
  }
  section.sec-text-cols-stats-row .pg-width .rw-cols {
    gap: 30px;
  }
  section.sec-text-cols-stats-row .pg-width .rw-stats {
    gap: 30px;
  }
  section.sec-text-cols-stats-row .pg-width .rw-stats .col-stat p.data {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (max-width: 1100px) {
  section.sec-text-cols-stats-row {
    margin: 40px 0px;
  }
  section.sec-text-cols-stats-row .pg-width .rw-heading {
    padding: 0px 0px 15px 0px;
  }
  section.sec-text-cols-stats-row .pg-width .rw-cols {
    flex-direction: column;
    gap: 10px;
    padding-bottom: 15px;
  }
  section.sec-text-cols-stats-row .pg-width .rw-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding-top: 15px;
  }
  section.sec-text-cols-stats-row .pg-width .rw-stats .col-stat p.data {
    font-size: 22px;
    line-height: 26px;
  }
}
@media screen and (max-width: 767px) {
  section.sec-text-cols-stats-row .pg-width .rw-stats .col-stat p.data {
    font-size: 20px;
    line-height: 24px;
  }
}
@media screen and (max-width: 567px) {
  section.sec-text-cols-stats-row .pg-width .rw-stats .col-stat p {
    font-size: 14px;
    line-height: 16px;
  }
  section.sec-text-cols-stats-row .pg-width .rw-stats .col-stat p.data {
    font-size: 18px;
    line-height: 22px;
  }
}
.btn-rw {
  display: flex;
  margin-top: 20px;
  gap: 20px;
}
.btn-rw .btn-aro {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0px;
  padding: 0px;
}
.btn-rw .btn-aro span {
  color: var(--clr-green-deeper);
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.btn-rw .btn-aro svg {
  width: 26px;
  height: 13px;
}
.btn-rw .btn-aro svg path {
  fill: var(--clr-green-deep);
}
.btn-rw .btn-aro:hover {
  gap: 14px;
}

.popup-contact {
  position: fixed;
  bottom: 50px;
  right: 50px;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 50;
  border-radius: 42px;
  overflow: hidden;
  background-color: var(--clr-green);
  border: 1px solid var(--clr-white);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  transition: all 0.5s ease;
}
.popup-contact .popup-header {
  position: relative;
  display: flex;
  width: 100%;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  margin: 0px;
  padding: 12px;
  overflow: hidden;
}
.popup-contact .popup-header svg.icon-chat {
  width: 35px;
  height: 35px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  cursor: pointer;
}
.popup-contact .popup-header svg.icon-chat path {
  fill: var(--clr-black);
  stroke: var(--clr-black);
  stroke-width: 0.4;
}
.popup-contact .popup-header svg.icon-close {
  display: none;
  width: 28px;
  height: 28px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
.popup-contact .popup-header svg.icon-close path {
  fill: var(--clr-green);
}
.popup-contact .popup-content {
  display: none;
  padding: 0px 15px 15px 15px;
}

.popup-contact.open {
  width: 332px;
  border-radius: 10px;
  background-color: var(--clr-off-white);
}
.popup-contact.open .popup-header svg.icon-chat {
  cursor: unset;
}
.popup-contact.open .popup-header svg.icon-close {
  cursor: pointer;
  display: unset;
}
.popup-contact.open .popup-content {
  display: unset;
}

@media screen and (max-width: 991px) {
  .popup-contact {
    bottom: 20px;
    right: 20px;
  }
}
.wpcf7 form {
  display: block;
  margin: 0px;
  padding: 0px;
}
.wpcf7 form .rw {
  display: flex;
  gap: 30px;
  margin: 0px;
  padding: 8px 0px;
}
.wpcf7 form .rw .cl {
  flex: 1;
  padding: 0px;
  margin: 0px;
}
.wpcf7 form .rw .cl input:focus,
.wpcf7 form .rw .cl textarea:focus {
  outline: none;
  border-color: var(--clr-green) !important;
  background: var(--clr-white) !important;
}
.wpcf7 form .rw .cl select:focus {
  outline: none;
  border-color: var(--clr-green) !important;
  background: var(--clr-white) url("../../svgs/select-arrow.svg") no-repeat center right !important;
}
.wpcf7 form .rw .cl .fldGrp {
  display: block;
  margin: 0px;
  padding: 0px;
}
.wpcf7 form .rw .cl .fldGrp .label {
  display: block;
  margin: 0px;
  padding: 0px 0px 2px 0px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: var(--clr-gray-darker);
}
.wpcf7 form .rw .cl .fldGrp .sltFld {
  display: block;
  margin: 0px;
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--clr-gray-light);
  font-family: "Figtree";
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 10px 15px;
  appearance: none;
  background: var(--clr-white) url("../../svgs/select-arrow.svg") no-repeat center right;
  color: var(--clr-black);
}
.wpcf7 form .rw .cl .fldGrp .txtFld {
  display: block;
  margin: 0px;
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--clr-gray-light);
  font-family: "Figtree";
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 10px 15px;
  color: var(--clr-black);
  background: var(--clr-white);
}
.wpcf7 form .rw .cl .fldGrp .emlFld {
  display: block;
  margin: 0px;
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--clr-gray-light);
  font-family: "Figtree";
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 10px 15px;
  color: var(--clr-black);
  background: var(--clr-white);
}
.wpcf7 form .rw .cl .fldGrp .telFld {
  display: block;
  margin: 0px;
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--clr-gray-light);
  font-family: "Figtree";
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 10px 15px;
  color: var(--clr-black);
  background: var(--clr-white);
}
.wpcf7 form .rw .cl .fldGrp .msgFld {
  display: block;
  margin: 0px;
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--clr-gray-light);
  font-family: "Figtree";
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 10px 15px;
  color: var(--clr-black);
  background: var(--clr-white);
  resize: none;
}
.wpcf7 form .rw .cl .fldGrp .wpcf7-form-control-wrap label {
  display: flex;
  margin: 0px;
  padding: 0px;
}
.wpcf7 form .rw .cl .fldGrp .wpcf7-form-control-wrap label .wpcf7-quiz-label {
  flex: 0;
  margin: 0px;
  width: 100%;
  border-radius: 6px 0px 0px 6px;
  border: 1px solid var(--clr-gray-light);
  border-right: 0;
  font-family: "Figtree";
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 10px 15px;
  color: var(--clr-black);
  background: var(--clr-white);
}
.wpcf7 form .rw .cl .fldGrp .wpcf7-form-control-wrap label .wpcf7-form-control.wpcf7-quiz {
  margin: 0px;
  width: 100%;
  border-radius: 0px 6px 6px 0px;
  border: 1px solid var(--clr-gray-light);
  font-family: "Figtree";
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 10px 15px;
  color: var(--clr-black);
  background: var(--clr-white);
}
.wpcf7 form .rw .cl .fldGrp .wpcf7-form-control-wrap label:focus-within .wpcf7-quiz-label {
  border-color: var(--clr-green) !important;
  background: var(--clr-white) !important;
}
.wpcf7 form .rw .cl .fldGrp input[data-status=invalid],
.wpcf7 form .rw .cl .fldGrp input[aria-invalid=true] {
  border-color: var(--clr-red);
}
.wpcf7 form .rw .cl .fldGrp .sltFld[data-status=invalid],
.wpcf7 form .rw .cl .fldGrp .sltFld[aria-invalid=true] {
  border-color: var(--clr-red);
}
.wpcf7 form .rw .cl .fldGrp .wpcf7-not-valid-tip {
  color: var(--clr-red);
  font-size: 14px;
  line-height: 18px;
  padding: 2px 0px 0px 0px;
}
.wpcf7 form .rw .cl .fldGrp:has(.wpcf7-not-valid-tip) .label {
  color: var(--clr-red);
}
.wpcf7 form .rw:first-child {
  padding-top: 0px;
}
.wpcf7 form .btnRw {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  margin: 0px;
  padding: 10px 0px 10px 0px !important;
}
.wpcf7 form .btnRw .btn {
  background-color: var(--clr-green);
  color: var(--clr-black);
  border: 2px solid var(--clr-black);
  text-align: left;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 6px;
  overflow: hidden;
}
.wpcf7 form .btnRw span.wpcf7-spinner {
  margin: 0 15px;
}
@media screen and (max-width: 767px) {
  .wpcf7 form .rw {
    flex-direction: column;
  }
}

.wpcf7 form .wpcf7-response-output {
  border-radius: 6px;
  overflow: hidden;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  padding: 8px 15px;
  margin: 0px;
  border: 1px solid #00a0d2; /* Blue */
  color: var(--clr-black);
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  background-color: #d5ffd9;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: #dc3232;
  background-color: #fcb0b0;
  color: #dc3232;
}

.wpcf7 form.spam .wpcf7-response-output {
  border-color: #f56e28;
  background-color: #ffcfb7;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border: 1px solid var(--clr-note);
  background-color: var(--clr-note);
}/*# sourceMappingURL=csenses.css.map */