/** fonts are loaded from the theme.json */

:root {
  --branding--color: #FFF;
  /** header **/
  --header-bg-color: var(--branding--color);
}

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

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

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

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

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

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

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

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

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

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

.-bottom-5 {
  bottom: -1.25rem;
}

.-bottom-\[20\%\] {
  bottom: -20%;
}

.-left-\[6\%\] {
  left: -6%;
}

.-right-6 {
  right: -1.5rem;
}

.-right-\[6\%\] {
  right: -6%;
}

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

.-top-\[20\%\] {
  top: -20%;
}

.-top-\[35px\] {
  top: -35px;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-6 {
  bottom: 1.5rem;
}

.left-0 {
  left: 0px;
}

.left-1\/2 {
  left: 50%;
}

.left-auto {
  left: auto;
}

.right-0 {
  right: 0px;
}

.right-6 {
  right: 1.5rem;
}

.right-7 {
  right: 1.75rem;
}

.top-0 {
  top: 0px;
}

.top-1\/2 {
  top: 50%;
}

.top-20 {
  top: 5rem;
}

.top-4 {
  top: 1rem;
}

.top-7 {
  top: 1.75rem;
}

.top-\[calc\(100\%\+1px\)\] {
  top: calc(100% + 1px);
}

.top-full {
  top: 100%;
}

.isolate {
  isolation: isolate;
}

.z-1 {
  z-index: 1;
}

.z-10 {
  z-index: 10;
}

.z-2 {
  z-index: 2;
}

.z-20 {
  z-index: 20;
}

.z-5 {
  z-index: 5;
}

.z-\[100\] {
  z-index: 100;
}

.z-\[999\] {
  z-index: 999;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.float-left {
  float: left;
}

.clear-both {
  clear: both;
}

.\!m-0 {
  margin: 0px !important;
}

.m-0 {
  margin: 0px;
}

.m-1 {
  margin: 0.25rem;
}

.m-14 {
  margin: 3.5rem;
}

.m-16 {
  margin: 4rem;
}

.m-2 {
  margin: 0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

.m-4 {
  margin: 1rem;
}

.m-5 {
  margin: 1.25rem;
}

.m-8 {
  margin: 2rem;
}

.m-auto {
  margin: auto;
}

.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.-mx-px {
  margin-left: -1px;
  margin-right: -1px;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

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

.mx-px {
  margin-left: 1px;
  margin-right: 1px;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-2\.5 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

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

.-mb-4 {
  margin-bottom: -1rem;
}

.-mb-5 {
  margin-bottom: -1.25rem;
}

.-mb-8 {
  margin-bottom: -2rem;
}

.-ml-7 {
  margin-left: -1.75rem;
}

.-ml-\[80px\] {
  margin-left: -80px;
}

.-mr-1 {
  margin-right: -0.25rem;
}

.-mt-10 {
  margin-top: -2.5rem;
}

.-mt-16 {
  margin-top: -4rem;
}

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

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

.-mt-7 {
  margin-top: -1.75rem;
}

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

.-mt-\[1px\] {
  margin-top: -1px;
}

.-mt-\[6px\] {
  margin-top: -6px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

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

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-2\.5 {
  margin-bottom: 0.625rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-3\.5 {
  margin-bottom: 0.875rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.mb-\[-1px\] {
  margin-bottom: -1px;
}

.mb-\[15px\] {
  margin-bottom: 15px;
}

.mb-\[18px\] {
  margin-bottom: 18px;
}

.mb-\[34px\] {
  margin-bottom: 34px;
}

.mb-\[38px\] {
  margin-bottom: 38px;
}

.mb-\[45px\] {
  margin-bottom: 45px;
}

.mb-\[46px\] {
  margin-bottom: 46px;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-0 {
  margin-left: 0px;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.ml-\[-1px\] {
  margin-left: -1px;
}

.ml-\[10px\] {
  margin-left: 10px;
}

.ml-auto {
  margin-left: auto;
}

.mr-0 {
  margin-right: 0px;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mr-\[-1px\] {
  margin-right: -1px;
}

.mr-\[10px\] {
  margin-right: 10px;
}

.mr-auto {
  margin-right: auto;
}

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

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

.mt-10 {
  margin-top: 2.5rem;
}

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

.mt-16 {
  margin-top: 4rem;
}

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

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

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

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

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

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

.mt-7 {
  margin-top: 1.75rem;
}

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

.mt-\[61px\] {
  margin-top: 61px;
}

.mt-auto {
  margin-top: auto;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.line-clamp-6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.\!flex {
  display: flex !important;
}

.flex {
  display: flex;
}

.\!inline-flex {
  display: inline-flex !important;
}

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

.table {
  display: table;
}

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

.table-caption {
  display: table-caption;
}

.table-cell {
  display: table-cell;
}

.table-column {
  display: table-column;
}

.table-column-group {
  display: table-column-group;
}

.table-footer-group {
  display: table-footer-group;
}

.table-header-group {
  display: table-header-group;
}

.table-row-group {
  display: table-row-group;
}

.table-row {
  display: table-row;
}

.flow-root {
  display: flow-root;
}

.grid {
  display: grid;
}

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

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

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

.\!h-auto {
  height: auto !important;
}

.\!h-full {
  height: 100% !important;
}

.h-0 {
  height: 0px;
}

.h-1\.5 {
  height: 0.375rem;
}

.h-10 {
  height: 2.5rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-3 {
  height: 0.75rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-\[-webkit-fill-available\] {
  height: -webkit-fill-available;
}

.h-\[10\%\] {
  height: 10%;
}

.h-\[100px\] {
  height: 100px;
}

.h-\[200px\] {
  height: 200px;
}

.h-\[300px\] {
  height: 300px;
}

.h-\[34px\] {
  height: 34px;
}

.h-\[40px\] {
  height: 40px;
}

.h-\[45px\] {
  height: 45px;
}

.h-\[50px\] {
  height: 50px;
}

.h-\[55px\] {
  height: 55px;
}

.h-\[60px\] {
  height: 60px;
}

.h-\[6px\] {
  height: 6px;
}

.h-\[70px\] {
  height: 70px;
}

.h-\[75px\] {
  height: 75px;
}

.h-\[80px\] {
  height: 80px;
}

.h-\[calc\(100vh-60px\)\] {
  height: calc(100vh - 60px);
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.max-h-\[200px\] {
  max-height: 200px;
}

.max-h-\[35px\] {
  max-height: 35px;
}

.max-h-\[36px\] {
  max-height: 36px;
}

.max-h-\[400px\] {
  max-height: 400px;
}

.max-h-\[50px\] {
  max-height: 50px;
}

.max-h-\[60px\] {
  max-height: 60px;
}

.max-h-full {
  max-height: 100%;
}

.min-h-14 {
  min-height: 3.5rem;
}

.min-h-8 {
  min-height: 2rem;
}

.min-h-\[20px\] {
  min-height: 20px;
}

.min-h-\[230px\] {
  min-height: 230px;
}

.min-h-\[24px\] {
  min-height: 24px;
}

.\!w-\[34px\] {
  width: 34px !important;
}

.w-0 {
  width: 0px;
}

.w-1\.5 {
  width: 0.375rem;
}

.w-10 {
  width: 2.5rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-20 {
  width: 5rem;
}

.w-3 {
  width: 0.75rem;
}

.w-44 {
  width: 11rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-60 {
  width: 15rem;
}

.w-7 {
  width: 1.75rem;
}

.w-8 {
  width: 2rem;
}

.w-9 {
  width: 2.25rem;
}

.w-\[150px\] {
  width: 150px;
}

.w-\[20\%\] {
  width: 20%;
}

.w-\[200\%\] {
  width: 200%;
}

.w-\[220px\] {
  width: 220px;
}

.w-\[22px\] {
  width: 22px;
}

.w-\[25px\] {
  width: 25px;
}

.w-\[28px\] {
  width: 28px;
}

.w-\[300px\] {
  width: 300px;
}

.w-\[34px\] {
  width: 34px;
}

.w-\[400\%\] {
  width: 400%;
}

.w-\[400px\] {
  width: 400px;
}

.w-\[40px\] {
  width: 40px;
}

.w-\[50px\] {
  width: 50px;
}

.w-\[60px\] {
  width: 60px;
}

.w-\[70px\] {
  width: 70px;
}

.w-\[75px\] {
  width: 75px;
}

.w-auto {
  width: auto;
}

.w-fit {
  width: fit-content;
}

.w-full {
  width: 100%;
}

.min-w-10 {
  min-width: 2.5rem;
}

.min-w-14 {
  min-width: 3.5rem;
}

.min-w-8 {
  min-width: 2rem;
}

.\!max-w-none {
  max-width: none !important;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-\[1000px\] {
  max-width: 1000px;
}

.max-w-\[100px\] {
  max-width: 100px;
}

.max-w-\[1012px\] {
  max-width: 1012px;
}

.max-w-\[1030px\] {
  max-width: 1030px;
}

.max-w-\[1060px\] {
  max-width: 1060px;
}

.max-w-\[1070px\] {
  max-width: 1070px;
}

.max-w-\[1119px\] {
  max-width: 1119px;
}

.max-w-\[1140px\] {
  max-width: 1140px;
}

.max-w-\[1186px\] {
  max-width: 1186px;
}

.max-w-\[1200px\] {
  max-width: 1200px;
}

.max-w-\[120px\] {
  max-width: 120px;
}

.max-w-\[1278px\] {
  max-width: 1278px;
}

.max-w-\[130px\] {
  max-width: 130px;
}

.max-w-\[1320px\] {
  max-width: 1320px;
}

.max-w-\[1420px\] {
  max-width: 1420px;
}

.max-w-\[160px\] {
  max-width: 160px;
}

.max-w-\[185px\] {
  max-width: 185px;
}

.max-w-\[190px\] {
  max-width: 190px;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.max-w-\[250px\] {
  max-width: 250px;
}

.max-w-\[270px\] {
  max-width: 270px;
}

.max-w-\[280px\] {
  max-width: 280px;
}

.max-w-\[325px\] {
  max-width: 325px;
}

.max-w-\[380px\] {
  max-width: 380px;
}

.max-w-\[38px\] {
  max-width: 38px;
}

.max-w-\[40px\] {
  max-width: 40px;
}

.max-w-\[450px\] {
  max-width: 450px;
}

.max-w-\[480px\] {
  max-width: 480px;
}

.max-w-\[535px\] {
  max-width: 535px;
}

.max-w-\[550px\] {
  max-width: 550px;
}

.max-w-\[55px\] {
  max-width: 55px;
}

.max-w-\[615px\] {
  max-width: 615px;
}

.max-w-\[656px\] {
  max-width: 656px;
}

.max-w-\[680px\] {
  max-width: 680px;
}

.max-w-\[70px\] {
  max-width: 70px;
}

.max-w-\[737px\] {
  max-width: 737px;
}

.max-w-\[740px\] {
  max-width: 740px;
}

.max-w-\[75\%\] {
  max-width: 75%;
}

.max-w-\[800px\] {
  max-width: 800px;
}

.max-w-\[80px\] {
  max-width: 80px;
}

.max-w-\[830px\] {
  max-width: 830px;
}

.max-w-\[850px\] {
  max-width: 850px;
}

.max-w-\[865px\] {
  max-width: 865px;
}

.max-w-\[895px\] {
  max-width: 895px;
}

.max-w-\[90px\] {
  max-width: 90px;
}

.max-w-\[916px\] {
  max-width: 916px;
}

.max-w-\[950px\] {
  max-width: 950px;
}

.max-w-\[970px\] {
  max-width: 970px;
}

.max-w-\[975px\] {
  max-width: 975px;
}

.max-w-\[calc\(100\%-0px\)\] {
  max-width: calc(100% - 0px);
}

.max-w-fit {
  max-width: fit-content;
}

.max-w-full {
  max-width: 100%;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-xl {
  max-width: 36rem;
}

.flex-1 {
  flex: 1 1 0%;
}

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

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

.shrink {
  flex-shrink: 1;
}

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

.flex-grow {
  flex-grow: 1;
}

.grow {
  flex-grow: 1;
}

.border-collapse {
  border-collapse: collapse;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

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

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

@keyframes loop-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.animate-loop-scroll {
  animation: loop-scroll 50s linear infinite;
}

@keyframes loop-scroll-right {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

.animate-loop-scroll-right {
  animation: loop-scroll-right 50s linear infinite;
}

.cursor-pointer {
  cursor: pointer;
}

.select-all {
  -webkit-user-select: all;
          user-select: all;
}

.resize {
  resize: both;
}

.list-decimal {
  list-style-type: decimal;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

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

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

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

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

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

.content-between {
  align-content: space-between;
}

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

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

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

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

.justify-end {
  justify-content: flex-end;
}

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

.justify-between {
  justify-content: space-between;
}

.gap-0 {
  gap: 0px;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-2\.5 {
  gap: 0.625rem;
}

.gap-20 {
  gap: 5rem;
}

.gap-28 {
  gap: 7rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[11px\] {
  gap: 11px;
}

.gap-\[22px\] {
  gap: 22px;
}

.gap-\[33px\] {
  gap: 33px;
}

.\!gap-y-8 {
  row-gap: 2rem !important;
}

.gap-x-1 {
  column-gap: 0.25rem;
}

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

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

.gap-x-7 {
  column-gap: 1.75rem;
}

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

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

.gap-y-9 {
  row-gap: 2.25rem;
}

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

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

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

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}

.space-y-20 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-dark-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(210 210 210 / var(--tw-divide-opacity, 1));
}

.divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-divide-opacity, 1));
}

.divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-divide-opacity, 1));
}

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

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

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

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.scroll-smooth {
  scroll-behavior: smooth;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.text-wrap {
  text-wrap: wrap;
}

.break-all {
  word-break: break-all;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-1xl {
  border-radius: 12px;
}

.rounded-2xl {
  border-radius: 15px;
}

.rounded-\[10px\] {
  border-radius: 10px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

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

.rounded-xl {
  border-radius: 10px;
}

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-b-\[2px\] {
  border-bottom-width: 2px;
}

.border-l {
  border-left-width: 1px;
}

.border-l-0 {
  border-left-width: 0px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-l-\[3px\] {
  border-left-width: 3px;
}

.border-r {
  border-right-width: 1px;
}

.border-r-0 {
  border-right-width: 0px;
}

.border-t {
  border-top-width: 1px;
}

.border-t-0 {
  border-top-width: 0px;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-none {
  border-style: none;
}

.\!border-theme-900 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(26 42 29 / var(--tw-border-opacity, 1)) !important;
}

.border-\[\#243c5a\] {
  --tw-border-opacity: 1;
  border-color: rgb(36 60 90 / var(--tw-border-opacity, 1));
}

.border-\[\#83764F\] {
  --tw-border-opacity: 1;
  border-color: rgb(131 118 79 / var(--tw-border-opacity, 1));
}

.border-\[\#D2D2D2\] {
  --tw-border-opacity: 1;
  border-color: rgb(210 210 210 / var(--tw-border-opacity, 1));
}

.border-\[\#D9D9D9\] {
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}

.border-\[\#DDDDDD\] {
  --tw-border-opacity: 1;
  border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));
}

.border-\[\#E2E2E2\] {
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
}

.border-\[\#E4EDE9\] {
  --tw-border-opacity: 1;
  border-color: rgb(228 237 233 / var(--tw-border-opacity, 1));
}

.border-\[\#EEEBE4\] {
  --tw-border-opacity: 1;
  border-color: rgb(238 235 228 / var(--tw-border-opacity, 1));
}

.border-dark-100 {
  --tw-border-opacity: 1;
  border-color: rgb(210 210 210 / var(--tw-border-opacity, 1));
}

.border-dark-500 {
  --tw-border-opacity: 1;
  border-color: rgb(26 42 29 / var(--tw-border-opacity, 1));
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(234 234 234 / var(--tw-border-opacity, 1));
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(244 241 235 / var(--tw-border-opacity, 1));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
}

.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
}

.border-gray-400\/50 {
  border-color: rgb(226 226 226 / 0.5);
}

.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(243 245 244 / var(--tw-border-opacity, 1));
}

.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}

.border-theme-900 {
  --tw-border-opacity: 1;
  border-color: rgb(26 42 29 / var(--tw-border-opacity, 1));
}

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

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

.border-white\/15 {
  border-color: rgb(255 255 255 / 0.15);
}

.border-white\/50 {
  border-color: rgb(255 255 255 / 0.5);
}

.border-white\/\[\.15\] {
  border-color: rgb(255 255 255 / .15);
}

.\!border-r-gray-400 {
  --tw-border-opacity: 1 !important;
  border-right-color: rgb(226 226 226 / var(--tw-border-opacity, 1)) !important;
}

.border-l-white\/50 {
  border-left-color: rgb(255 255 255 / 0.5);
}

.\!bg-\[\#0000000D\] {
  background-color: #0000000D !important;
}

.\!bg-theme-900 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1)) !important;
}

.bg-\[\#ABC9A1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(171 201 161 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EBE3D4B2\] {
  background-color: #EBE3D4B2;
}

.bg-\[\#EEEBE4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 235 228 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FAE7F3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 231 243 / var(--tw-bg-opacity, 1));
}

.bg-\[\#e6ebe8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(230 235 232 / var(--tw-bg-opacity, 1));
}

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

.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}

.bg-black\/70 {
  background-color: rgb(0 0 0 / 0.7);
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 234 234 / var(--tw-bg-opacity, 1));
}

.bg-gray-100\/40 {
  background-color: rgb(234 234 234 / 0.4);
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1));
}

.bg-gray-200\/50 {
  background-color: rgb(244 241 235 / 0.5);
}

.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
}

.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
}

.bg-theme-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
}

.bg-theme-900\/60 {
  background-color: rgb(26 42 29 / 0.6);
}

.bg-transparent {
  background-color: transparent;
}

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

.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}

.bg-white\/50 {
  background-color: rgb(255 255 255 / 0.5);
}

.bg-white\/70 {
  background-color: rgb(255 255 255 / 0.7);
}

.bg-yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(249 184 86 / var(--tw-bg-opacity, 1));
}

.bg-contain {
  background-size: contain;
}

.bg-cover {
  background-size: cover;
}

.bg-\[350px\] {
  background-position: 350px;
}

.bg-bottom {
  background-position: bottom;
}

.bg-center {
  background-position: center;
}

.bg-right-top {
  background-position: right top;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

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

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

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

.object-top {
  object-position: top;
}

.\!p-0 {
  padding: 0px !important;
}

.p-0 {
  padding: 0px;
}

.p-1 {
  padding: 0.25rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-2\.5 {
  padding: 0.625rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-9 {
  padding: 2.25rem;
}

.p-\[12px\] {
  padding: 12px;
}

.p-\[15px\] {
  padding: 15px;
}

.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.\!px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

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

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

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

.px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}

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

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

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

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

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

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

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

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

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

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}

.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}

.\!pt-\[6px\] {
  padding-top: 6px !important;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-14 {
  padding-bottom: 3.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

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

.pb-3\.5 {
  padding-bottom: 0.875rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-0 {
  padding-left: 0px;
}

.pl-0\.5 {
  padding-left: 0.125rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-\[30px\] {
  padding-left: 30px;
}

.pl-\[35px\] {
  padding-left: 35px;
}

.pl-\[52px\] {
  padding-left: 52px;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pr-\[18px\] {
  padding-right: 18px;
}

.pt-0 {
  padding-top: 0px;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-1\.5 {
  padding-top: 0.375rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

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

.pt-16 {
  padding-top: 4rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

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

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

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

.pt-7 {
  padding-top: 1.75rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-\[71px\] {
  padding-top: 71px;
}

.pt-\[7px\] {
  padding-top: 7px;
}

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

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

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

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

.align-baseline {
  vertical-align: baseline;
}

.align-middle {
  vertical-align: middle;
}

.\!font-pp_fragment_serif {
  font-family: PP Fragment Serif !important;
}

.font-body {
  font-family: Poppins;
}

.font-display {
  font-family: PPFragment;
}

.text-1xl {
  font-size: 24px;
}

.text-2xl {
  font-size: 26px;
}

.text-3xl {
  font-size: 30px;
}

.text-4xl {
  font-size: 45px;
}

.text-\[100px\] {
  font-size: 100px;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-\[22px\] {
  font-size: 22px;
}

.text-\[24px\] {
  font-size: 24px;
}

.text-\[25px\] {
  font-size: 25px;
}

.text-\[90px\] {
  font-size: 90px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 18px;
}

.text-md {
  font-size: 16px;
}

.text-sm {
  font-size: 14px;
}

.text-xl {
  font-size: 20px;
}

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

.font-light {
  font-weight: 300;
}

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

.font-normal {
  font-weight: 400;
}

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

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.slashed-zero {
  --tw-slashed-zero: slashed-zero;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.lining-nums {
  --tw-numeric-figure: lining-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.oldstyle-nums {
  --tw-numeric-figure: oldstyle-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.proportional-nums {
  --tw-numeric-spacing: proportional-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.diagonal-fractions {
  --tw-numeric-fraction: diagonal-fractions;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.stacked-fractions {
  --tw-numeric-fraction: stacked-fractions;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.\!leading-\[26px\] {
  line-height: 26px !important;
}

.\!leading-tight {
  line-height: 1.25 !important;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-\[1\.3\] {
  line-height: 1.3;
}

.leading-\[20px\] {
  line-height: 20px;
}

.leading-\[24px\] {
  line-height: 24px;
}

.leading-\[28px\] {
  line-height: 28px;
}

.leading-\[30px\] {
  line-height: 30px;
}

.leading-\[42px\] {
  line-height: 42px;
}

.leading-none {
  line-height: 1;
}

.leading-normal {
  line-height: 1.5;
}

.leading-snug {
  line-height: 1.375;
}

.leading-tight {
  line-height: 1.25;
}

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

.text-\[\#2B2B2B\] {
  --tw-text-opacity: 1;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
}

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

.text-black\/10 {
  color: rgb(0 0 0 / 0.1);
}

.text-black\/5 {
  color: rgb(0 0 0 / 0.05);
}

.text-dark-400 {
  --tw-text-opacity: 1;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
}

.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(230 230 230 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(243 245 244 / var(--tw-text-opacity, 1));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity, 1));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(141 141 141 / var(--tw-text-opacity, 1));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(155 155 155 / var(--tw-text-opacity, 1));
}

.text-theme-900 {
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

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

.text-white\/40 {
  color: rgb(255 255 255 / 0.4);
}

.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}

.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}

.text-yellow {
  --tw-text-opacity: 1;
  color: rgb(249 184 86 / var(--tw-text-opacity, 1));
}

.underline {
  text-decoration-line: underline;
}

.overline {
  text-decoration-line: overline;
}

.line-through {
  text-decoration-line: line-through;
}

.\!no-underline {
  text-decoration-line: none !important;
}

.no-underline {
  text-decoration-line: none;
}

.underline-offset-1 {
  text-underline-offset: 1px;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.opacity-80 {
  opacity: 0.8;
}

.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
  --tw-shadow: 0 2px 4px rgba(0,0,0,0.2);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_2px_3px_0px_\#00000005\] {
  --tw-shadow: 0px 2px 3px 0px #00000005;
  --tw-shadow-colored: 0px 2px 3px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-box {
  --tw-shadow: 0px 4px 4px rgba(25, 13, 31, 0.1);
  --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline {
  outline-style: solid;
}

.outline-\[3px\] {
  outline-width: 3px;
}

.outline-offset-0 {
  outline-offset: 0px;
}

.outline-offset-\[3px\] {
  outline-offset: 3px;
}

.outline-\[\#ABC9A1\] {
  outline-color: #ABC9A1;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

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

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

.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

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

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

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

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

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

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

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

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

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

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

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.\[hostname\:port\] {
  hostname: port;
}

.\[xml\:lang\] {
  xml: lang;
}

body {
  margin: 0px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 1660px) {
  body {
    font-size: 18px;
    line-height: 32px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  font-family: PPFragment;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

a {
  text-decoration-line: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

a:hover {
  --tw-text-opacity: 1;
  color: rgb(131 118 79 / var(--tw-text-opacity, 1));
}

.has-tertiary-color {
  color: currentColor !important;
}

.highlight-link a {
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(131 118 79 / var(--tw-border-opacity, 1));
  text-decoration-line: none;
}

.highlight-link a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(131 118 79 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

strong {
  font-weight: 600;
}

/*body .site {
        @apply overflow-x-hidden
    }*/

/*button style*/

.btn,
.wp-block-button .wp-block-button__link {
  display: inline-block;
  border-radius: 9999px;
  border-width: 1px;
  border-color: transparent;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration-line: none !important;
}

@media (min-width: 640px) {
  .wc-integrations-section .btn,.wc-integrations-section 
.wp-block-button .wp-block-button__link {
    height: 72px;
    width: 72px;
  }
}

.single-post #faqs .btn,.single-post #faqs 
.wp-block-button .wp-block-button__link {
  text-align: left;
}

@media (min-width: 640px) {
  .btn,
.wp-block-button .wp-block-button__link {
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .btn,
.wp-block-button .wp-block-button__link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

@media (min-width: 1171px) {
  .btn,
.wp-block-button .wp-block-button__link {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1660px) {
  .btn,
.wp-block-button .wp-block-button__link {
    font-size: 18px;
    line-height: 28px;
  }
}

.btn-primary,
.wp-block-button .wp-block-button__link {
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.no-banner-image .btn-primary,
.no-banner-image 
.wp-block-button .wp-block-button__link {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.btn-primary:hover,
.wp-block-button .wp-block-button__link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(26 42 29 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

.btn-outline-primary {
  --tw-border-opacity: 1;
  border-color: rgb(26 42 29 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

.btn-outline-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-outline-light {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.no-banner-image .btn-outline-light {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.btn-outline-light:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

.wp-block-button .wp-block-button__link:after {
  content: "";
  margin-left: 0.625rem;
  display: inline-block;
  height: 0.75rem;
  width: 0.75rem;
  background-image: url('/assets/media/btn-arrow.svg');
  background-position: 100%;
}

.wp-block-button .wp-block-button__link:hover:after {
  background-image: url('/assets/media/btn-arrow-dark.svg');
  background-position: 100%;
}

/** header **/

/*.wc-transparent{
    @apply pt-[71px] xl:pt-[113px]
}*/

.wp-single-blog-img img.wp-post-image {
  height: auto;
}

.wc-transparent.site-header {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: transparent;
}

body.open-search .wc-transparent.site-header {
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1));
}

.home .site-header .header-wrap {
  --tw-border-opacity: 1;
  border-color: rgb(234 234 234 / var(--tw-border-opacity, 1));
}

.site-branding > p {
  margin: 0px;
}

.wc-normal.site-header {
  position: relative;
}

.site-title {
  margin: 0px;
  font-family: PPFragment;
  font-size: 55px;
}

.site-title a:hover {
  text-decoration-line: none;
}

.site-description {
  --tw-text-opacity: 1;
  color: rgb(243 245 244 / var(--tw-text-opacity, 1));
}

.custom-logo {
  display: block;
  max-width: 100%;
}

/** navigation **/

.main-navigation {
}

.menu-main-menu-container {
  width: 100%;
}

.wc-images-left .staff-augmentation-help .menu-main-menu-container.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.main-navigation > ul,
.main-navigation ul > li {
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}

.main-navigation ul {
  margin: 0px;
  gap: 0px;
  padding: 0px;
}

@media (min-width: 1171px) {
  .main-navigation ul {
    display: flex;
    gap: 0.5rem;
  }
}

@media (min-width: 1660px) {
  .main-navigation ul {
    gap: 1rem;
  }
}

.main-navigation ul > li a {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 1171px) {
  .main-navigation ul > li a:hover {
    --tw-text-opacity: 1;
    color: rgb(26 42 29 / var(--tw-text-opacity, 1));
  }
}

@media (min-width: 1660px) {
  .main-navigation ul > li a {
    font-size: 18px;
  }
}

.menu-main-menu-container .menu .menu-item > a {
  transition-property: all;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1171px) {
  .menu-main-menu-container .menu .menu-item > a {
    margin-bottom: -1px;
    border-bottom-width: 3px;
    border-color: transparent;
  }
}

.menu-main-menu-container .menu .menu-item > a:hover,
.menu-main-menu-container .menu .menu-item.active > a {
  --tw-border-opacity: 1;
  border-color: rgb(26 42 29 / var(--tw-border-opacity, 1));
}

.main-navigation ul > li > a {
  display: block;
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.wc-custom-squarespace .mb-8 .main-navigation ul > li > a {
  align-items: center;
}

.main-navigation ul > li > a::before {
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 1171px) {
  .main-navigation ul > li > a {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 1660px) {
  .main-navigation ul > li > a {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.main-navigation ul > li.current-menu-parent > a:before,
.main-navigation ul > li.current-menu-item > a:before,
.main-navigation ul > li:hover > a:before {
  width: 100%;
}

.wc-images-left .staff-augmentation-help .main-navigation ul > li.current-menu-parent > a.md\:w-1\/2.md\:order-2 img:before,.wc-images-left .staff-augmentation-help 
.main-navigation ul > li.current-menu-item > a.md\:w-1\/2.md\:order-2 img:before,.wc-images-left .staff-augmentation-help 
.main-navigation ul > li:hover > a.md\:w-1\/2.md\:order-2 img:before {
  margin-left: 0px;
}

.main-navigation ul > li:hover > ul li a:before {
  display: none;
}

.our-clients-logo a span .main-navigation ul > li:hover > ul li a:before {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.main-navigation ul > li:hover > ul li a:before {
    left: 100%;
  }
}

.main-navigation ul > li {
  position: relative;
  padding: 0px;
}

.main-navigation ul > li > ul {
  margin-left: 0.75rem;
  padding-left: 0.75rem;
}

.main-navigation ul > li > ul > li {
  margin-left: 0px;
  margin-right: 0px;
  list-style-type: disc;
  padding: 0px;
}

/** main **/

.site-main {
  margin-left: 0px;
  margin-right: 0px;
  max-width: 100%;
}

.site-main .main-content {
  grid-column-start: 2;
  grid-column-end: 3;
}

.site-main .main-content .alignwide {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

@media (min-width: 1171px) {
  .site-main .main-content .alignwide {
    margin-left: -8rem;
    margin-right: -8rem;
  }
}

.site-main {
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity, 1));
}

/** footer */

.site-footer {
  margin-top: 5rem;
  text-align: center;
}

.single-post #faqs .site-footer {
  text-align: left;
}

.site-footer > p > a {
  display: inline-flex;
}

.site-footer > p > a::after {
  margin-left: 0.5rem;
  margin-top: 0.25rem;
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  background-image: url('/assets/media/wp-performance.png');
  background-size: contain;
  background-repeat: no-repeat;
  --tw-content: '';
  content: var(--tw-content);
}

/** pattern example */

.pattern-example {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.wc-custom-squarespace .feature-grid-2 .pattern-example {
  padding: 0px;
}

@media (min-width: 992px) {
  .pattern-example {
    padding: 2.5rem;
  }
}

.pattern-example > p {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  max-width: 42rem;
}

@media (min-width: 992px) {
  .pattern-example > p {
    margin-left: auto;
    margin-right: auto;
  }
}

/** prism */

.wp-block-wp-performance-prism-my-code {
  max-width: calc(100vw - 2rem);
}

p {
  margin-top: 0px;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {
  p {
    line-height: 30px;
  }
}

@media (min-width: 1660px) {
  p {
    font-size: 18px;
    line-height: 32px;
  }
}

/*hero slider*/

.wp-block-post-title,
h1 {
  font-size: 30px;
  line-height: 42px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  .wp-block-post-title,
h1 {
    font-size: 35px;
    line-height: 1.25;
  }
}

@media (min-width: 1171px) {
  .wp-block-post-title,
h1 {
    font-size: 45px;
  }
}

@media (min-width: 1660px) {
  .wp-block-post-title,
h1 {
    font-size: 65px;
    line-height: 75px;
  }
}

.font-h2 h1 {
  font-size: 25px;
  font-weight: 400;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  .font-h2 h1 {
    font-size: 26px;
  }
}

@media (min-width: 992px) {
  .font-h2 h1 {
    font-size: 30px;
  }
}

@media (min-width: 1360px) {
  .font-h2 h1 {
    font-size: 38px;
  }
}

@media (min-width: 1660px) {
  .font-h2 h1 {
    font-size: 45px;
    line-height: 55px;
  }
}

h2 {
  margin-top: 0px;
  margin-bottom: 2rem;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.wc-custom-squarespace h2 .flex {
  align-items: center;
}

@media (min-width: 768px) {
  h2 {
    font-size: 26px;
  }
}

@media (min-width: 992px) {
  h2 {
    font-size: 30px;
  }
}

@media (min-width: 1360px) {
  h2 {
    font-size: 38px;
  }
}

@media (min-width: 1660px) {
  h2 {
    font-size: 45px;
    line-height: 55px;
  }
}

h3 {
  margin-top: 0px;
  margin-bottom: 2rem;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.wc-custom-squarespace h3 .flex {
  align-items: center;
}

@media (min-width: 768px) {
  h3 {
    font-size: 24px;
  }
}

@media (min-width: 992px) {
  h3 {
    font-size: 24px;
  }
}

@media (min-width: 1360px) {
  h3 {
    font-size: 28px;
  }
}

@media (min-width: 1660px) {
  h3 {
    font-size: 36px;
  }
}

h4 {
  font-size: 20px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  h4 {
    font-size: 24px;
  }
}

@media (min-width: 992px) {
  h4 {
    font-size: 26px;
  }
}

@media (min-width: 1360px) {
  h4 {
    font-size: 30px;
  }
}

@media (min-width: 1660px) {
  h4 {
    font-size: 32px;
  }
}

h5 {
  font-size: 20px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  h5 {
    font-size: 24px;
  }
}

@media (min-width: 1360px) {
  h5 {
    font-size: 26px;
  }
}

@media (min-width: 1660px) {
  h5 {
    font-size: 30px;
  }
}

h6 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 1360px) {
  h6 {
    font-size: 24px;
  }
}

@media (min-width: 1660px) {
  h6 {
    font-size: 25px;
    line-height: 35px;
  }
}

ul.dashed-style {
  padding: 0px;
}

ul.dashed-style li {
  position: relative;
  list-style-type: none;
  padding-left: 1.25rem;
}

ul.dashed-style li:before {
  position: absolute;
  left: 0px;
  font-size: 20px;
  font-weight: 500;
  --tw-content: '-';
  content: var(--tw-content);
}

.hero-section-overlay {
  border-radius: 1000px;
  opacity: 0.14;
  background: radial-gradient(
    60.88% 60.88% at 35.03% 45.57%,
    #ffcd03 0%,
    rgba(255, 205, 3, 0) 100%
  );
}

.slider-custome-arrow .slider-arrow {
  position: static;
  margin: 0px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.slider-arrow {
  display: flex !important;
  height: 40px !important;
  width: 40px !important;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px !important;
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(244 241 235 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.slider-arrow:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

@media (min-width: 1360px) {
  .slider-arrow {
    height: 50px !important;
    width: 50px !important;
  }
}

@media (min-width: 1660px) {
  .slider-arrow {
    height: 55px !important;
    width: 55px !important;
  }
}

.slider-arrow:after {
  display: none;
}

.our-clients-logo a span .slider-arrow:after {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.slider-arrow:after {
    left: 100%;
  }
}

.slider-arrow svg {
  height: auto !important;
  width: auto !important;
}

a {
  --tw-text-opacity: 1;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
}

.tabs-list {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  white-space: nowrap;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 1px;
}

@media (min-width: 992px) {
  .tabs-list {
    display: flex;
    overflow-x: visible;
    white-space: normal;
  }
}

.tabs-list li {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: -1px;
  display: inline-block;
  cursor: pointer;
  list-style-type: none;
  white-space: nowrap;
  border-bottom-width: 1px;
  border-color: transparent;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.single-post #faqs .tabs-list li {
  text-align: left;
}

@media (min-width: 992px) {
  .tabs-list li {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    font-size: 18px;
  }
}

@media (min-width: 1171px) {
  .tabs-list li {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.tabs-list li.active {
  --tw-border-opacity: 1;
  border-color: rgb(26 42 29 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
}

.technologies-boxes a.technology:hover {
  --tw-text-opacity: 1;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
}

.technologies-boxes a.technology .box-title {
  text-decoration-line: underline;
}

.technologies-boxes a.technology .box-title:after {
  margin-left: 0.25rem;
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  background-image: url('/app/uploads/2024/02/btn-arrow-dark.svg');
  background-size: contain;
  background-position: center;
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 640px) {
  .technologies-boxes a.technology .box-title:after {
    height: 0.625rem;
    width: 0.625rem;
  }
}

.footer-menu .menu {
  margin: 0px;
  display: none;
}

.footer-menu .menu > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.footer-menu .menu {
  padding: 0px;
}

.our-clients-logo a span .footer-menu .menu {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.footer-menu .menu {
    left: 100%;
  }
}

@media (min-width: 768px) {
  .footer-menu .menu {
    display: block;
  }
}

.footer-menu li {
  list-style-type: none;
}

.footer-menu li a {
  display: block;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}


.no-banner-image .footer-menu li a {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.footer-menu li a:hover {
  text-decoration-line: underline;
}

@media (min-width: 1660px) {
  .footer-menu li a {
    font-size: 18px;
  }
}

.footer-menu li.current-menu-item a {
  text-decoration-line: underline;
  opacity: 0.5;
}

.footer-section p {
  display: block;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}


.no-banner-image .footer-section p {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 1660px) {
  .footer-section p {
    font-size: 18px;
  }
}

.footer-section p a {
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  opacity: 0.8;
}


.no-banner-image .footer-section p a {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.footer-section p a:hover {
  text-decoration-line: underline;
  opacity: 1;
}

@media (min-width: 768px) {
  .footer-section p a {
    font-size: 16px;
  }
}

@media (min-width: 1660px) {
  .footer-section p a {
    font-size: 18px;
  }
}

.footer-section h6 {
  margin-bottom: 0.75rem;
  cursor: pointer;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  color: rgb(255 255 255 / 0.4);
}

.wc-custom-squarespace .feature-grid-2 .footer-section h6 {
  margin: 0px;
}

@media (min-width: 768px) {
  .footer-section h6 {
    cursor: auto;
    font-size: 18px;
  }
}

@media (min-width: 1171px) {
  .footer-section h6 {
    margin-bottom: 1rem;
  }
}

@media (min-width: 1360px) {
  .footer-section h6 {
    font-size: 20px;
  }
}

.footer-section .footer-bottom-text p,
.footer-section .footer-bottom-text p a {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

@media (min-width: 1660px) {
  .footer-section .footer-bottom-text p,
.footer-section .footer-bottom-text p a {
    font-size: 18px;
  }
}

.social-link {
  display: flex;
  gap: 0.5rem;
  padding-left: 0px;
  padding-right: 0px;
}

.wc-custom-squarespace .mb-8 .social-link {
  align-items: center;
}

@media (min-width: 640px) {
  .social-link {
    gap: 0.5rem;
  }
}

@media (min-width: 768px) {
  .social-link {
    gap: 0.75rem;
  }
}

.social-link li {
  list-style-type: none;
}

.social-link li a {
  display: block;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.3);
  font-size: 18px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}


.no-banner-image .social-link li a {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {
  .wc-integrations-section .social-link li a {
    height: 72px;
    width: 72px;
  }
}

.wc-custom-squarespace .mb-8 .social-link li a {
  align-items: center;
}

.social-link li a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  .social-link li a {
    font-size: 20px;
  }
}

@media (min-width: 1360px) {
  .social-link li a {
    height: 40px;
    width: 40px;
  }
}

@media (min-width: 1660px) {
  .social-link li a {
    height: 60px;
    width: 60px;
    font-size: 24px;
  }
}

.blog-social.social-link li a {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.no-banner-image .blog-social.social-link li a {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.blog-social.social-link li a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.blog-social {
  flex-wrap: wrap;
}

.main-title-top,
.page-id-45 .main-title-top,
.page-id-207 .main-title-top,
.page-id-18 .main-title-top,
.page-id-39 .main-title-top {
  display: none;
}

.our-clients-logo a span .main-title-top,.our-clients-logo a span 
.page-id-45 .main-title-top,.our-clients-logo a span 
.page-id-207 .main-title-top,.our-clients-logo a span 
.page-id-18 .main-title-top,.our-clients-logo a span 
.page-id-39 .main-title-top {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.main-title-top,.main-menu
.page-id-45 .main-title-top,.main-menu
.page-id-207 .main-title-top,.main-menu
.page-id-18 .main-title-top,.main-menu
.page-id-39 .main-title-top {
    left: 100%;
  }
}

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

.pagination-nav .page-numbers {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  text-decoration-line: none;
}

.wc-custom-squarespace .mb-8 .pagination-nav .page-numbers {
  align-items: center;
}

.pagination-nav .page-numbers:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1360px) {
  .pagination-nav .page-numbers {
    border-radius: 14px;
  }
}

@media (min-width: 1660px) {
  .pagination-nav .page-numbers {
    height: 52px;
    width: 52px;
  }
}

.pagination-nav .page-numbers.current {
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}


.no-banner-image .pagination-nav .page-numbers.current {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  .recruitment-process .recruitment-process-list .recruitment-process-img {
    padding-right: 6rem;
  }
}

@media (min-width: 1360px) {
  .recruitment-process .recruitment-process-list .recruitment-process-img {
    padding-right: 8rem;
  }
}

@media (min-width: 1660px) {
  .recruitment-process .recruitment-process-list .recruitment-process-img {
    padding-right: 10rem;
  }
}

@media (min-width: 768px) {
  .recruitment-process .recruitment-process-list .recruitment-process-info {
    padding-left: 6rem;
  }
}

@media (min-width: 1360px) {
  .recruitment-process .recruitment-process-list .recruitment-process-info {
    padding-left: 8rem;
  }
}

@media (min-width: 1660px) {
  .recruitment-process .recruitment-process-list .recruitment-process-info {
    padding-left: 10rem;
  }
}

.recruitment-process
.recruitment-process-list:nth-child(odd)
.recruitment-process-img {
  padding-right: 0px;
}

.wc-images-left .staff-augmentation-help .w-full.md\:w-1\/2.recruitment-process
.recruitment-process-list:nth-child(odd)
.recruitment-process-img img {
  margin-left: 0px;
}

@media (min-width: 768px) {
  .recruitment-process
.recruitment-process-list:nth-child(odd)
.recruitment-process-img {
    order: 2;
    padding-left: 6rem;
  }
}

@media (min-width: 1360px) {
  .recruitment-process
.recruitment-process-list:nth-child(odd)
.recruitment-process-img {
    padding-left: 8rem;
  }
}

@media (min-width: 1660px) {
  .recruitment-process
.recruitment-process-list:nth-child(odd)
.recruitment-process-img {
    padding-left: 10rem;
  }
}

.recruitment-process
.recruitment-process-list:nth-child(odd)
.recruitment-process-info {
  padding-left: 0px;
}

@media (min-width: 768px) {
  .recruitment-process
.recruitment-process-list:nth-child(odd)
.recruitment-process-info {
    order: 1;
    padding-right: 6rem;
  }
}

@media (min-width: 1360px) {
  .recruitment-process
.recruitment-process-list:nth-child(odd)
.recruitment-process-info {
    padding-right: 8rem;
  }
}

@media (min-width: 1660px) {
  .recruitment-process
.recruitment-process-list:nth-child(odd)
.recruitment-process-info {
    padding-right: 10rem;
  }
}

.recruitment-process
.recruitment-process-list
.recruitment-process-info
.process-number {
  left: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.no-banner-image span.recruitment-process
.recruitment-process-list
.recruitment-process-info
.process-number {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

@media (min-width: 768px) {
  .recruitment-process
.recruitment-process-list
.recruitment-process-info
.process-number {
    margin-left: -30px;
  }
}

@media (min-width: 1171px) {
  .recruitment-process
.recruitment-process-list
.recruitment-process-info
.process-number {
    margin-left: -50px;
  }
}

.recruitment-process
.recruitment-process-list:nth-child(odd)
.recruitment-process-info
.process-number {
  right: 0px;
  left: auto;
}

@media (min-width: 768px) {
  .recruitment-process
.recruitment-process-list:nth-child(odd)
.recruitment-process-info
.process-number {
    margin-right: -30px;
  }
}

@media (min-width: 1171px) {
  .recruitment-process
.recruitment-process-list:nth-child(odd)
.recruitment-process-info
.process-number {
    margin-right: -50px;
  }
}

.step-scroll-line {
  position: absolute;
  top: 14%;
  left: 50%;
  margin-left: -0.25rem;
  display: none;
  height: calc(100% - 24%);
  width: 0.5rem;
  border-radius: 9999px;
  background-color: rgb(226 226 226 / 0.5);
}

@media (min-width: 640px) {
  .wc-integrations-section .step-scroll-line {
    height: 72px;
    width: 72px;
  }
}

.our-clients-logo a span .step-scroll-line {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.step-scroll-line {
    left: 100%;
  }
}

@media (min-width: 768px) {
  .step-scroll-line {
    display: block;
  }
}

.career-hiring-step .step-scroll-line {
  top: 13%;
}

.recruitment-process .recruitment-process-list.active .process-number {
  --tw-border-opacity: 1;
  border-color: rgb(26 42 29 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.no-banner-image .recruitment-process .recruitment-process-list.active .process-number {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.page-saas-development .hiring-step.recruitment-process .step-scroll-line {
  top: 5%;
}

.wc-webflow-h-steps .hiring-step.recruitment-process .step-scroll-line {
  top: 1% !important;
  height: calc(100% - 20%);
}

@media (min-width: 1171px) {
  .wc-webflow-h-steps .hiring-step.recruitment-process .step-scroll-line {
    height: calc(100% - 12%);
  }
}

.hiring-step.recruitment-process .step-scroll-line {
  left: 1.75rem;
  top: 6%;
  height: calc(100% - 12%);
}

@media (min-width: 768px) {
  .hiring-step.recruitment-process .step-scroll-line {
    left: 31px;
  }
}

@media (min-width: 1171px) {
  .hiring-step.recruitment-process .step-scroll-line {
    left: 3rem;
    top: 5%;
    height: calc(100% - 9%);
  }
}

.page-mobile-application-development
.hiring-step.recruitment-process
.step-scroll-line {
  top: 5%;
  height: calc(100% - 13%);
}

@media (min-width: 1171px) {
  .page-mobile-application-development
.hiring-step.recruitment-process
.step-scroll-line {
    height: calc(100% - 9%);
  }
}

.hiring-step.recruitment-process .process-number {
  left: 0px;
}

.input-field label {
  margin: 0px;
  display: block;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  .input-field label {
    font-size: 20px;
  }
}

.form-input {
  border-width: 0px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0px;
  padding-right: 0px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.contact-info:before {
  position: absolute;
  top: 0px;
  left: -500%;
  z-index: -10;
  display: block;
  height: 100%;
  width: 500%;
  background-color: rgb(244 241 235 / 0.5);
}

.blog-post-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.wc-images-left .staff-augmentation-help .blog-post-img img.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.single-blog-img:before {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(0 0 0 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
}

.wc-images-left .staff-augmentation-help .single-blog-img.md\:w-1\/2.md\:order-2 img:before {
  margin-left: 0px;
}

.single-blog-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.wc-images-left .staff-augmentation-help .single-blog-img img.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.post-filter .topic-post:after,
.post-filter .topic-post.active:before {
  content: "";
}

.post-filter .topic-post.active:before {
  position: absolute;
  bottom: -30px;
  left: 0px;
  height: 3px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
}

.wc-images-left .staff-augmentation-help .post-filter .topic-post.active.md\:w-1\/2.md\:order-2 img:before {
  margin-left: 0px;
}

.post-filter .topic-post {
  display: flex;
  align-items: center;
}

.wc-custom-squarespace .mb-8 .post-filter .topic-post {
  align-items: center;
}

.post-filter .topic-post:after {
  margin-left: 0.625rem;
  height: 18px;
  width: 18px;
  background-image: url('/assets/media/dark-arrow.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.post-filter .topic-post.active:after {
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.post-category-menu.active {
  display: block;
}

.related-posts-list .related-post:first-child {
  border-width: 0px;
}

.single-post-content h2 {
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  .single-post-content h2 {
    margin-top: 3rem;
    margin-bottom: 0.875rem;
    line-height: 28px;
  }
}

@media (min-width: 992px) {
  .single-post-content h2 {
    font-size: 26px;
    line-height: 30px;
  }
}

@media (min-width: 1360px) {
  .single-post-content h2 {
    font-size: 30px;
    line-height: 35px;
  }
}

@media (min-width: 1660px) {
  .single-post-content h2 {
    font-size: 32px;
    line-height: 42px;
  }
}

.single-post-content h3 {
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  .single-post-content h3 {
    margin-top: 2rem;
    margin-bottom: 0.875rem;
  }
}

@media (min-width: 1360px) {
  .single-post-content h3 {
    font-size: 24px;
  }
}

@media (min-width: 1660px) {
  .single-post-content h3 {
    font-size: 26px;
  }
}

.single-post-content p {
  margin-bottom: 1.25rem;
}

.single-post-content ul,
.single-post-content ol {
  padding-left: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .single-post-content ul,
.single-post-content ol {
    padding-left: 0.625rem;
  }
}

@media (min-width: 1171px) {
  .single-post-content ul,
.single-post-content ol {
    padding-left: 1.25rem;
  }
}

.single-post-content ul li,
.single-post-content ol li {
  margin-bottom: 0.5rem;
  font-size: 16px;
  line-height: 28px;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {
  .single-post-content ul li,
.single-post-content ol li {
    line-height: 30px;
  }
}

@media (min-width: 1660px) {
  .single-post-content ul li,
.single-post-content ol li {
    font-size: 18px;
    line-height: 32px;
  }
}

.single-post-content ul li ul {
  margin-top: 0.5rem;
}

.single-post-content ul.additional-service li:before {
  top: 5px;
  height: 16px;
  width: 16px;
}

@media (min-width: 768px) {
  .single-post-content ul.additional-service li:before {
    top: 7px;
  }
}

@media (min-width: 1660px) {
  .single-post-content ul.additional-service li:before {
    height: 18px;
    width: 18px;
  }
}

.single-post-content ul li {
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

@media (min-width: 1660px) {
  .single-post-content ul li {
    font-size: 18px;
  }
}

.single-post-content ul strong,
.single-post-content p strong {
  font-weight: 600;
}

.single-post-content ul li ul li {
  padding-left: 1.5rem !important;
}

.single-post-content ul li ul li:before {
  top: 11px !important;
  height: 0.375rem !important;
  width: 0.375rem !important;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
}

@media (min-width: 640px) {
  .wc-integrations-section .single-post-content ul li ul li:before {
    height: 72px;
    width: 72px;
  }
}

.main-navigation .menu li .sub-menu {
  z-index: 100;
  margin: 0px;
  display: none;
  padding: 0px;
}

.our-clients-logo a span .main-navigation .menu li .sub-menu {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.main-navigation .menu li .sub-menu {
    left: 100%;
  }
}

@media (min-width: 1171px) {
  .main-navigation .menu li .sub-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 370px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}

@media (min-width: 1660px) {
  .main-navigation .menu li .sub-menu {
    width: 450px;
  }
}

.main-navigation .menu li .sub-menu li {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px !important;
  list-style-type: none;
  border-width: 0px !important;
}

.main-navigation .menu li .sub-menu li a {
  display: block;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.no-banner-image .main-navigation .menu li .sub-menu li a {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  .main-navigation .menu li .sub-menu li a {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}

@media (min-width: 1171px) {
  .main-navigation .menu li .sub-menu li a {
    --tw-text-opacity: 1;
    color: rgb(26 42 29 / var(--tw-text-opacity, 1));
  }

  .main-navigation .menu li .sub-menu li a:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

@media (min-width: 1660px) {
  .main-navigation .menu li .sub-menu li a {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 18px;
  }
}

@media (min-width: 1171px) {
  .main-navigation .menu li .sub-menu li.current-menu-item > a {
    --tw-bg-opacity: 1;
    background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.archive-category-info p {
  margin-bottom: 0px;
}

.no-banner-image {
  min-height: 0px;
}

.no-banner-image .single-blog-img {
  display: none;
}

.our-clients-logo a span .no-banner-image .single-blog-img {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.no-banner-image .single-blog-img {
    left: 100%;
  }
}

.no-banner-image h1,
.no-banner-image .text-white {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.no-banner-image span.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.container-wrap {
  margin-left: auto !important;
  margin-right: auto !important;
}

.right-img-full {
  height: 100%;
}

@media (min-width: 768px) {
  .right-img-full {
    width: calc(50% - 40px) !important;
  }
}

.right-img-full .wp-block-image {
  height: 100%;
}

.right-img-full .wp-block-image img {
  width: 100% !important;
}

.about-theme-logo {
  display: flex;
  height: 55px;
  max-width: 180px;
  align-items: center;
  justify-content: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
}

.single-post #faqs .about-theme-logo {
  text-align: left;
}

.wc-custom-squarespace .mb-8 .about-theme-logo {
  align-items: center;
}

@media (min-width: 768px) {
  .about-theme-logo {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media (min-width: 992px) {
  .about-theme-logo {
    height: 85px;
    max-width: 240px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

@media (min-width: 1660px) {
  .about-theme-logo {
    height: 110px;
    max-width: 300px;
  }
}

.about-theme-section {
  margin: 0px !important;
}

.request-more-information {
  max-width: 950px;
}

.post-top-section {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1270px !important;
}

@media (min-width: 1660px) {
  .post-top-section {
    max-width: 1420px !important;
  }
}

.offer-our-clients:first-child {
  border-width: 0px;
  padding-top: 0px;
}

.wc-integrations-section {
  padding: 0px;
}

.wc-integrations-section p:last-child {
  margin: 0px;
}

.wp-our-stories img {
  width: 100%;
  max-width: 120px;
}

.wc-images-left .staff-augmentation-help .wp-our-stories img.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.wc-integrations-section h2 {
  margin: 0px;
}

.wc-integrations-section .container {
  padding: 0px;
}

@media (min-width: 640px) {
  .wc-integrations-section .rounded-full {
    height: 72px;
    width: 72px;
  }
}

@media (min-width: 1360px) {
  .wc-integrations-section h3 {
    font-size: 25px;
  }
}

.wc-moduels-section .wc-moduels-wrapper {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.wc-moduels-section .wc-moduels-wrapper h6 {
  margin-bottom: 0.75rem;
  font-size: 22px;
}

.wc-custom-squarespace .feature-grid-2 .wc-moduels-section .wc-moduels-wrapper h6 {
  margin: 0px;
}

@media (min-width: 1171px) {
  .wp-new-layouts-grid .border_icon_box_wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.pricing-list {
  margin: 0px;
  padding-left: 0px;
}

.pricing-list li {
  position: relative;
  list-style-type: none;
  padding-left: 2.5rem;
}

.pricing-list li:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 28px;
  width: 28px;
  background-image: url('/assets/media/ci_check-all.svg');
  background-position: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.category-tags a {
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(244 241 235 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.category-tags a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1));
  text-decoration-line: none;
}

@media (min-width: 768px) {
  .category-tags a {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.filter-marker,
.additional-service {
  padding-left: 0px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .filter-marker,
.additional-service {
    padding-left: 0.625rem;
  }
}

@media (min-width: 1171px) {
  .filter-marker,
.additional-service {
    padding-left: 1.25rem;
  }
}

.filter-marker li,
.additional-service li {
  position: relative;
  margin-bottom: 0.5rem;
  list-style-type: none;
  padding-left: 1.5rem;
}

@media (min-width: 768px) {
  .filter-marker li,
.additional-service li {
    padding-left: 2rem;
  }
}

@media (min-width: 1360px) {
  .filter-marker li,
.additional-service li {
    margin-bottom: 18px;
  }
}

@media (min-width: 1660px) {
  .filter-marker li,
.additional-service li {
    margin-bottom: 0.625rem;
  }
}

.filter-marker li:before,
.additional-service li:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0px;
  height: 0.875rem;
  width: 0.875rem;
  background-image: url('/assets/media/li_arrow-right-double-fill.svg');
  background-size: contain;
  background-position: 100%;
}

@media (min-width: 768px) {
  .filter-marker li:before,
.additional-service li:before {
    height: 1rem;
    width: 1rem;
  }
}

@media (min-width: 1171px) {
  .filter-marker li:before,
.additional-service li:before {
    height: 1.25rem;
    width: 1.25rem;
  }
}

.casestudy-implement li {
  margin-bottom: 0.5rem;
}

.filter-marker li:before {
  background-image: url(https://www.webbycrown.com/app/uploads/2025/03/round.svg);
}

.faq-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.faq-title span:before {
  content: "+";
}

.faq-title.active span:before {
  content: "-";
}

.faq-content ul,
.faq-content ol {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.popup-video {
  overflow-x: hidden;
  overflow-y: auto;
}

.popup-video .popup-wrapper {
  min-height: calc(100% - (1.75rem * 2));
  margin: 1.75rem auto;
  display: flex;
  align-items: center;
  position: relative;
  width: auto;
}

.popup-video .popup-wrapper .popup-body {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
}

.case-studies-grid .case-studies-grid-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.wc-images-left .staff-augmentation-help .case-studies-grid .case-studies-grid-img img.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.case-study-gallery-popup-active {
  overflow: hidden;
}

.masonry-grid {
  display: flex;
  flex-wrap: wrap;
}

.wc-custom-squarespace .mb-8 .masonry-grid {
  align-items: center;
}

.masonry-grid .masonry-item,
.masonry-grid1 .masonry-item {
  margin-bottom: 0.75rem;
  width: 33.333333%;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.wc-custom-squarespace .feature-grid-2 .masonry-grid .masonry-item,.wc-custom-squarespace .feature-grid-2 
.masonry-grid1 .masonry-item {
  margin: 0px;
}

@media (min-width: 640px) {
  .masonry-grid .masonry-item,
.masonry-grid1 .masonry-item {
    width: 25%;
  }
}

@media (min-width: 768px) {
  .masonry-grid .masonry-item,
.masonry-grid1 .masonry-item {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 992px) {
  .masonry-grid .masonry-item,
.masonry-grid1 .masonry-item {
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.masonry-grid1 .masonry-item img,
.masonry-grid .masonry-item img {
  display: block;
  width: 100%;
  border-radius: 0.5rem;
}

.wc-images-left .staff-augmentation-help .masonry-grid1 .masonry-item img.md\:w-1\/2.md\:order-2 img,.wc-images-left .staff-augmentation-help 
.masonry-grid .masonry-item img.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.masonry-grid1 .gallery-box,
.masonry-grid .gallery-box {
  width: 100%;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
}

.no-banner-image span.masonry-grid1 .gallery-box,.no-banner-image span
.masonry-grid .gallery-box {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.wc-images-left .staff-augmentation-help .masonry-grid1 .gallery-box.md\:w-1\/2.md\:order-2 img,.wc-images-left .staff-augmentation-help 
.masonry-grid .gallery-box.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media (min-width: 768px) {
  .masonry-grid1 .gallery-box,
.masonry-grid .gallery-box {
    border-radius: 0.5rem;
    padding: 0.5rem;
  }
}

.gallery-popup {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.no-banner-image span.gallery-popup {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.wc-images-left .staff-augmentation-help .gallery-popup.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.gallery-popup-wrapper {
  display: flex;
  flex-direction: column;
  align-content: stretch;
}

.progressbar-part .swiper-pagination .swiper-pagination-progressbar-fill {
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
}

.social-link li.copytoClipboard {
  position: relative;
}

.social-link li.copytoClipboard .tooltiptext {
  position: absolute;
  bottom: 112%;
  left: 50%;
  margin-left: -65px;
  display: none;
  width: 130px;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.no-banner-image .social-link li.copytoClipboard .tooltiptext {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.our-clients-logo a span .social-link li.copytoClipboard .tooltiptext {
  display: inline-block;
  vertical-align: middle;
}

.single-post #faqs .social-link li.copytoClipboard .tooltiptext {
  text-align: left;
}

@media screen and (max-width: 1170px) {
  .main-menu.social-link li.copytoClipboard .tooltiptext {
    left: 100%;
  }
}

.social-link li.copytoClipboard .tooltiptext::before {
  --tw-content: '';
  content: var(--tw-content);
}

.social-link li.copytoClipboard .tooltiptext.active {
  display: block;
}

.social-link li.copytoClipboard .tooltiptext:before {
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  margin-left: -0.5rem;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #1a2a1d;
}

.gform-body .gform_fields .gfield .gfield_label {
  margin: 0px;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

@media (min-width: 1660px) {
  .gform-body .gform_fields .gfield .gfield_label {
    font-size: 18px;
  }
}

.contact-form-part .gform-theme--foundation .gform_fields {
  align-items: flex-end;
}

.gform-theme--foundation .gform_fields {
  row-gap: 0px !important;
}

@media (min-width: 768px) {
  .gform-theme--foundation .gform_fields {
    column-gap: 1rem !important;
  }
}

@media (min-width: 1360px) {
  .gform-theme--foundation .gform_fields {
    column-gap: 2.5rem !important;
  }
}

@media (min-width: 1660px) {
  .gform-theme--foundation .gform_fields {
    column-gap: 50px !important;
  }
}

.gform-body .gform_fields .gfield {
  margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
  .gform-body .gform_fields .gfield {
    margin-bottom: 2rem;
  }
}

@media (min-width: 1660px) {
  .gform-body .gform_fields .gfield {
    margin-bottom: 2.5rem;
  }
}

.gform-body
.gform_fields
.gfield
.select2-container--default
.select2-selection--single,
.gform-body .gform_fields .gfield .ginput_container .large,
.gform-body .gform_fields .gfield .ginput_container input,
.searchform input[type="text"] {
  min-height: 40px;
}

@media (min-width: 768px) {
  .gform-body
.gform_fields
.gfield
.select2-container--default
.select2-selection--single,
.gform-body .gform_fields .gfield .ginput_container .large,
.gform-body .gform_fields .gfield .ginput_container input,
.searchform input[type="text"] {
    min-height: 55px;
  }
}

.gform-body
.gform_fields
.gfield
.select2-container--default
.select2-selection--single {
  position: relative;
}

.gform_confirmation_wrapper {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(131 118 79 / var(--tw-border-opacity, 1));
  background-color: rgb(131 118 79 / 0.1);
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 16px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

.gform-theme--framework .gform-loader {
  margin-left: 10px;
  border-block-end-color: #1a2a1d !important;
  border-inline-start-color: #1a2a1d !important;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow {
  height: 100% !important;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
  border: 4px solid transparent;
  border-top-color: #888 !important;
  border-bottom-width: 0;
}

.select2-container--default.select2-container--open
.select2-selection--single
.select2-selection__arrow
b {
  border-width: 0 4px 5px;
  border-color: transparent transparent #1a2a1d !important;
}

.gform-body
.gform_fields
.gfield
.select2-container--default
.select2-selection--single,
.gform-body .gform_fields .gfield .ginput_container .large,
.gform-body .gform_fields .gfield .ginput_container input,
.gform-body .gform_fields .gfield .ginput_container .textarea,
.searchform input[type="text"] {
  margin: 0px;
  display: block;
  height: auto;
  border-radius: 0px;
  border-width: 0px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity, 1));
  background-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.gform-body
.gform_fields
.gfield
.select2-container--default
.select2-selection--single::placeholder,
.gform-body .gform_fields .gfield .ginput_container .large::placeholder,
.gform-body .gform_fields .gfield .ginput_container input::placeholder,
.gform-body .gform_fields .gfield .ginput_container .textarea::placeholder,
.searchform input[type="text"]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(141 141 141 / var(--tw-text-opacity, 1));
}

@media (min-width: 1660px) {
  .gform-body
.gform_fields
.gfield
.select2-container--default
.select2-selection--single,
.gform-body .gform_fields .gfield .ginput_container .large,
.gform-body .gform_fields .gfield .ginput_container input,
.gform-body .gform_fields .gfield .ginput_container .textarea,
.searchform input[type="text"] {
    font-size: 18px;
  }
}

.gform-body .gform_fields .gfield .ginput_container .textarea {
  height: 100px;
  resize: none;
}

@media (min-width: 768px) {
  .gform-body .gform_fields .gfield .ginput_container .textarea {
    height: 120px;
  }
}

.gform-body
.gform_fields
.gfield
.ginput_container
.gfield_checkbox
.gfield-choice-input {
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 0.375rem;
  border-width: 1px !important;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0px;
}

.no-banner-image span.gform-body
.gform_fields
.gfield
.ginput_container
.gfield_checkbox
.gfield-choice-input {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.gform-body
.gform_fields
.gfield
.ginput_container
.gfield_checkbox
.gfield-choice-input:before {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

.wc-custom-squarespace .mb-8 .gform-body
.gform_fields
.gfield
.ginput_container
.gfield_checkbox
.gfield-choice-input:before {
  align-items: center;
}

.gform-body
.gform_fields
.gfield
.ginput_container
.gfield_checkbox
.gfield-choice-input {
  min-height: 0px;
}

.gform-body
.gform_fields
.gfield
.ginput_container
.gfield_checkbox
.gform-field-label {
  margin-top: -0.25rem;
  font-size: 16px;
}

@media (min-width: 1360px) {
  .gform-body
.gform_fields
.gfield
.ginput_container
.gfield_checkbox
.gform-field-label {
    font-size: 18px;
  }
}

@media (min-width: 1660px) {
  .gform-body
.gform_fields
.gfield
.ginput_container
.gfield_checkbox
.gform-field-label {
    font-size: 18px;
  }
}

.gform-body .gform_fields .gfield.gfield--type-checkbox {
  margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
  .gform-body .gform_fields .gfield.gfield--type-checkbox {
    margin-bottom: 0px;
    width: calc(100% - 250px);
  }
}

.career-form-section .gform_wrapper .gform_footer {
  margin-left: auto;
  margin-right: 0px;
}

@media (min-width: 768px) {
  .career-form-section .gform_wrapper .gform_footer {
    margin-top: -3.5rem !important;
  }
}

.gform_wrapper
.gform-body
.gfield--type-fileupload.wc-file-upload
.ginput_container_fileupload
.custom-span,
.gform_wrapper
.gform-body
.gfield--type-fileupload.wc-file-upload
.ginput_container_fileupload {
  position: relative;
}

.gform_wrapper
.gform-body
.gfield--type-fileupload.wc-file-upload
.ginput_container_fileupload
input::file-selector-button {
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 236 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(141 141 141 / var(--tw-text-opacity, 1));
}

.gform_wrapper
.gform-body
.gfield--type-fileupload.wc-file-upload
.ginput_container_fileupload
.custom-span {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  height: 55px;
  width: 100%;
  align-items: center;
  border-width: 0px;
  border-bottom-width: 1px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(141 141 141 / var(--tw-border-opacity, 1)) !important;
  padding-left: 128px;
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(141 141 141 / var(--tw-text-opacity, 1));
}

.wc-images-left .staff-augmentation-help .gform_wrapper
.gform-body
.gfield--type-fileupload.wc-file-upload
.ginput_container_fileupload
.custom-span.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.wc-custom-squarespace .mb-8 .gform_wrapper
.gform-body
.gfield--type-fileupload.wc-file-upload
.ginput_container_fileupload
.custom-span {
  align-items: center;
}

@media (min-width: 768px) {
  .gform_wrapper
.gform-body
.gfield--type-fileupload.wc-file-upload
.ginput_container_fileupload
.custom-span {
    font-size: 16px;
  }
}

.gform_wrapper
.gform-body
.gfield--type-fileupload.wc-file-upload
.ginput_container_fileupload
.large {
  position: relative;
  z-index: 5;
  cursor: pointer;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(141 141 141 / var(--tw-text-opacity, 1));
}

.gform-body .gform_fields .gfield .ginput_container .large.gfield_select {
  display: flex;
  align-items: center;
  background-image: url('/assets/media/select-option-arrow.svg');
}

.wc-custom-squarespace .mb-8 .gform-body .gform_fields .gfield .ginput_container .large.gfield_select {
  align-items: center;
}

.select2-dropdown {
  border-radius: 0px;
  border-width: 0px;
  background-color: transparent !important;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.select2-dropdown .select2-results__options {
  display: block;
}

.select2-dropdown .select2-results__options > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-color: rgb(226 226 226 / 0.5);
}

.select2-dropdown .select2-results__options {
  border-radius: 0px !important;
  border-width: 0px !important;
}

.select2-dropdown .select2-results__options .select2-results__option {
  display: block;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 16px;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  .select2-dropdown .select2-results__options .select2-results__option {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1360px) {
  .select2-dropdown .select2-results__options .select2-results__option {
    font-size: 18px;
  }
}

.select2-container--default
.select2-results__option--highlighted.select2-results__option--selectable,
.select2-dropdown .select2-results__options .select2-results__option--selected,
.select2-dropdown .select2-results__options .select2-results__option:hover,
.select2-dropdown
.select2-container--default
.select2-results__option--highlighted.select2-results__option--selectable {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.gform-body
.gform_fields
.gfield
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 38px;
}

.gform-body
.gform_fields
.gfield
.select2-container--default
.select2-selection--single {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.select2-container--open .select2-dropdown {
  border-radius: 0px !important;
  border-width: 0px !important;
}

.select2-container--open .select2-dropdown .select2-results {
  margin-top: 31px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0px 4px 9px rgba(0, 0, 0, 0.12);
  --tw-shadow-colored: 0px 4px 9px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.no-banner-image span.select2-container--open .select2-dropdown .select2-results {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.gform-body .iti--separate-dial-code .iti__selected-flag {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.contact-form-part .gform-body .gform_fields .ginput_container_fileupload {
  position: relative;
  margin-bottom: 0px !important;
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload:before {
  content: "";
}

.gform-body .gform_fields .gfield.wc-recaptcha {
  margin-top: 0px;
  margin-bottom: 0.75rem;
}

.wc-custom-squarespace .feature-grid-2 .gform-body .gform_fields .gfield.wc-recaptcha {
  margin: 0px;
}

@media (min-width: 640px) {
  .gform-body .gform_fields .gfield.wc-recaptcha {
    margin-bottom: 1.5rem;
  }
}

.gform-body .gform_fields .gfield.wc-recaptcha iframe {
  transform-origin: top left;
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 640px) {
  .gform-body .gform_fields .gfield.wc-recaptcha iframe {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.gform-body .gform_fields .gfield.wc-recaptcha div,
.gform-body .gform_fields .gfield.wc-recaptcha iframe {
  height: 100% !important;
  max-height: 78px;
}

.gform-body .gform_fields .gfield_checkbox {
  cursor: pointer;
}

.gform-body .gform_fields .gfield .gfield_label .gfield_required,
.contact-form-part
.gform-body
.gform_fields
.gfield--input-type-fileupload
.gform-field-label {
  display: none !important;
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.gform_fileupload_multifile
.gform_drop_area::before {
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

.gform-theme--framework
.gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload)
.ginput_preview
.gfield_fileupload_progressbar_progress {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1)) !important;
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.gform_fileupload_multifile
.gform_button_select_files {
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(26 42 29 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 640px) {
  .wc-integrations-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.gform_fileupload_multifile
.gform_button_select_files {
    height: 72px;
    width: 72px;
  }
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.gform_fileupload_multifile
.gform_button_select_files:hover {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {
  .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.gform_fileupload_multifile
.gform_button_select_files {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload:before {
  margin-bottom: 1.25rem;
  display: flex;
  display: none;
  height: 120px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity, 1));
  padding: 0.75rem;
  padding-top: 2.5rem;
  text-align: center;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

.our-clients-logo a span .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload:before {
  display: inline-block;
  vertical-align: middle;
}

.single-post #faqs .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload:before {
  text-align: left;
}

.wc-custom-squarespace .mb-8 .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload:before {
  align-items: center;
}

@media screen and (max-width: 1170px) {
  .main-menu.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload:before {
    left: 100%;
  }
}

@media (min-width: 768px) {
  .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload:before {
    height: 170px;
    font-size: 18px;
  }
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span {
  position: absolute;
  top: 0px;
  left: 0px;
  display: grid;
  height: 120px;
  width: 100%;
  align-content: center;
  justify-content: center;
  padding: 0.5rem;
  text-align: center;
  font-size: 16px;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

.single-post #faqs .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span {
  text-align: left;
  display: block;
}

.feature-grid-2.wc-features-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .feature-grid-2.wc-features-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .feature-grid-2.wc-features-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wc-images-left .staff-augmentation-help .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.wc-odoo-integration-services-feature-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .wc-odoo-integration-services-feature-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span {
    padding-bottom: 3.5rem;
  }
}

@media (min-width: 1660px) {
  .wc-odoo-integration-services-feature-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span {
    padding-bottom: 6rem;
  }
}

.wc-custom-faq-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wc-custom-faq-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span .faq-title h4 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .wc-custom-faq-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span .faq-title h4 {
    font-size: 18px;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span .faq-title h4 {
    font-size: 20px;
    line-height: 2.25rem;
  }
}

.wc-custom-faq-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span .faq-main {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .wc-custom-faq-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span .faq-main {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span .faq-main {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.wc-custom-faq-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span .faq-main .faq-content p {
  margin: 0px;
}

.wc-custom-faq-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span .faq-title span {
  margin-right: 0.875rem;
}

@media (min-width: 992px) {
  .wc-custom-faq-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span .faq-title span {
    margin-right: 22px;
  }
}

@media (min-width: 1660px) {
  .wc_our_technology_stack_section .odoo-integration-content .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.wc_our_technology_stack_section .odoo-integration-content .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span>div {
  padding: 0.75rem;
}

@media (min-width: 1171px) {
  .wc_our_technology_stack_section .odoo-integration-content .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span>div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.wc-faq-single-section .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

@media (min-width: 768px) {
  .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span {
    height: 170px;
  }
}

@media (min-width: 1660px) {
  .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span {
    font-size: 18px;
  }
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span:before {
  content: "";
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span:before,
.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.large:before {
  pointer-events: none;
  margin-bottom: 0.75rem;
  height: 2.25rem;
  width: 100%;
  background-image: url('/assets/media/feather_upload-cloud.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.wc-images-left .staff-augmentation-help .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span.md\:w-1\/2.md\:order-2 img:before,.wc-images-left .staff-augmentation-help 
.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.large.md\:w-1\/2.md\:order-2 img:before {
  margin-left: 0px;
}

.wc-custom-squarespace .feature-grid-2 .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span:before,.wc-custom-squarespace .feature-grid-2 
.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.large:before {
  margin: 0px;
}

@media (min-width: 768px) {
  .contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span:before,
.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.large:before {
    margin-bottom: 1.25rem;
    height: 3rem;
  }
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.large {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  height: 82% !important;
  cursor: pointer;
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.large::file-selector-button {
  display: none;
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.gfield_description {
  width: 74%;
}

.gform-body .gform_fields .gfield .iti__country-list {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.gform_wrapper .gform_footer .gform_button,
.searchform input#searchsubmit {
  display: inline-block;
  height: auto !important;
  min-height: 0px !important;
  cursor: pointer;
  border-radius: 9999px !important;
  border-width: 1px;
  border-color: transparent;
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
  padding-left: 1.5rem !important;
  padding-right: 3rem !important;
  text-align: center;
  font-size: 15px !important;
  font-weight: 500;
  line-height: 1.5 !important;
  text-decoration-line: none !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.single-post #faqs .gform_wrapper .gform_footer .gform_button,.single-post #faqs 
.searchform input#searchsubmit {
  text-align: left;
}

@media (min-width: 640px) {
  .gform_wrapper .gform_footer .gform_button,
.searchform input#searchsubmit {
    font-size: 16px !important;
  }
}

@media (min-width: 768px) {
  .gform_wrapper .gform_footer .gform_button,
.searchform input#searchsubmit {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}

@media (min-width: 1171px) {
  .gform_wrapper .gform_footer .gform_button,
.searchform input#searchsubmit {
    padding-left: 2rem !important;
    padding-right: 3.5rem !important;
  }
}

@media (min-width: 1660px) {
  .gform_wrapper .gform_footer .gform_button,
.searchform input#searchsubmit {
    font-size: 18px !important;
    line-height: 28px !important;
  }
}

.gform_wrapper .gform_footer .gform_button,
.searchform input#searchsubmit {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1)) !important;
  background-image: url('/assets/media/btn-arrow.svg') !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.gform_wrapper .gform_footer .gform_button:hover,
.searchform input#searchsubmit:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(26 42 29 / var(--tw-border-opacity, 1)) !important;
  background-color: transparent !important;
  --tw-text-opacity: 1 !important;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1)) !important;
}

.gform_wrapper .gform_footer .gform_button,
.searchform input#searchsubmit {
  background-position: center right 33px;
  background-repeat: no-repeat;
  background-size: 12px;
}

.gform_wrapper .gform_footer .gform_button:hover,
.searchform input#searchsubmit:hover {
  background-image: url('/assets/media/btn-arrow-dark.svg') !important;
  --tw-text-opacity: 1 !important;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1)) !important;
}

.gform_wrapper .gform_footer {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-left: 0px;
  margin-top: 0px !important;
  max-width: fit-content;
  align-items: center;
  gap: 0px !important;
}

.contact-form-part .gform_wrapper .gform_footer {
  margin-left: auto;
  margin-right: auto;
  margin-right: 0px;
}

.contact-form-part
.gform-body
.gform_fields
.wc-contact-file-upload
.gform_drop_area {
  border-radius: 0.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.gform-theme--framework .gform_validation_errors .gform_submission_error {
  flex-direction: row !important;
  align-items: center;
}

.career-form-section .gform-theme--foundation .gfield--width-third {
  grid-column: span 12 / span 12;
}

@media (min-width: 640px) {
  .career-form-section .gform-theme--foundation .gfield--width-third {
    grid-column: span 6 / span 6;
  }
}

@media (min-width: 992px) {
  .career-form-section .gform-theme--foundation .gfield--width-third {
    grid-column: span 4 / span 4;
  }
}

.wp-block-column.full-4-column {
  width: 100% !important;
  flex-grow: 0 !important;
  flex-basis: 100%;
}

@media (min-width: 992px) {
  .wp-block-column.full-4-column {
    width: 40% !important;
    flex-basis: 40% !important;
  }
}

.wp-block-column.full-6-column {
  width: 100% !important;
  flex-grow: 0 !important;
  flex-basis: 100%;
}

@media (min-width: 992px) {
  .wp-block-column.full-6-column {
    width: 60% !important;
    flex-basis: 60% !important;
  }
}

.tabs-header {
  margin: 0px !important;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  white-space: nowrap;
  padding: 0px !important;
}

.tabs-header li {
  position: relative;
  display: inline-block;
  list-style-type: none;
  vertical-align: middle;
}

.tabs-header li:first-child {
  padding-left: 0px;
}

.tabs-header li:first-child a:before {
  display: none !important;
}

.tabs-header li a:before {
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -1.25rem;
  display: block;
  height: 2.5rem;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(226 226 226 / var(--tw-bg-opacity, 1));
  transition-property: none;
  --tw-content: '';
  content: var(--tw-content);
}

.tabs-header li a {
  display: block;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 16px;
  transition-property: none;
}

.tabs-header li a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

@media (min-width: 992px) {
  .tabs-header li a {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1660px) {
  .tabs-header li a {
    font-size: 18px;
  }
}

.tabs-header li a:hover::before,
.tabs-header li a.active::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
}

.tabs-header li a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.no-banner-image .tabs-header li a.active {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.technologies-development-service {
  position: relative;
}

@media (min-width: 768px) {
  .technologies-development-service .swiper {
    height: 100%;
  }
}

.technologies-development-service .swiper .swiper-slide.swiper-slide-active {
  z-index: 0;
}

.technologies-development-service .swiper .swiper-slide.swiper-slide-next {
  z-index: 1;
}

.technologies-development-service .swiper .swiper-slide {
  position: relative;
  z-index: 2;
  height: auto;
}

.technologies-development-service .swiper .swiper-slide::before {
  --tw-content: '' !important;
  content: var(--tw-content) !important;
}

.technologies-development-service .swiper .swiper-slide:before {
  position: absolute;
  top: 0px;
  left: 26px;
  z-index: 0;
  display: none;
  height: 100%;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(155 155 155 / var(--tw-bg-opacity, 1));
}

.our-clients-logo a span .technologies-development-service .swiper .swiper-slide:before {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.technologies-development-service .swiper .swiper-slide:before {
    left: 100%;
  }
}

@media (min-width: 768px) {
  .technologies-development-service .swiper .swiper-slide:before {
    display: block !important;
  }
}

@media (min-width: 1360px) {
  .technologies-development-service .swiper .swiper-slide:before {
    left: 37px;
  }
}

.technologies-development-service
.swiper
.swiper-slide.swiper-slide-next
~ .swiper-slide:before,
.technologies-development-service .swiper-slide:last-child:before {
  display: none !important;
}

.service-box .overview-icon {
  position: relative;
}

.service-box .overview-icon::before {
  --tw-content: '';
  content: var(--tw-content);
}

.service-box .overview-icon::after {
  --tw-content: '';
  content: var(--tw-content);
}

.service-box .overview-icon:before {
  position: absolute;
  top: -20%;
  left: -20%;
  z-index: 1;
  height: 140%;
  width: 140%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.no-banner-image span.service-box .overview-icon:before {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

@media (min-width: 640px) {
  .wc-integrations-section .service-box .overview-icon:before {
    height: 72px;
    width: 72px;
  }
}

.service-box .overview-icon:after {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  height: 100%;
  width: 100%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
}

@media (min-width: 640px) {
  .wc-integrations-section .service-box .overview-icon:after {
    height: 72px;
    width: 72px;
  }
}

.wc-images-left .staff-augmentation-help .service-box .overview-icon.md\:w-1\/2.md\:order-2 img:after {
  margin-left: 0px;
}

@media (min-width: 992px) {
  .service-box p {
    min-height: 102px;
  }
}

.technologies-hire-developer {
  position: relative;
  text-align: center;
}

.single-post #faqs .technologies-hire-developer {
  text-align: left;
}

.technologies-hire-developer:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -35%;
  display: none;
  background-image: url('/assets/media/Arrows.webp');
  background-size: contain;
  background-repeat: no-repeat;
}

.our-clients-logo a span .technologies-hire-developer:before {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.technologies-hire-developer:before {
    left: 100%;
  }
}

@media (min-width: 992px) {
  .technologies-hire-developer:before {
    display: block;
  }
}

@media (min-width: 1171px) {
  .technologies-hire-developer:before {
    height: 50px;
    width: 170px;
  }
}

@media (min-width: 1360px) {
  .technologies-hire-developer:before {
    height: 50px;
    width: 185px;
  }
}

@media (min-width: 1660px) {
  .technologies-hire-developer:before {
    height: 50px;
    width: 225px;
  }
}

.technologies-hire-developer:nth-of-type(3):before {
  background-image: url('/assets/media/Arrows-down.webp');
  background-size: contain;
  background-repeat: no-repeat;
}

.technologies-hire-developer:after {
  content: "";
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 50px;
  width: 10px;
  background-image: url('/assets/media/Arrow-mobile.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 1171px) {
  .technologies-hire-developer:after {
    display: none;
  }
}

.technologies-hire-developer:nth-of-type(3):after {
  display: block;
}

@media (min-width: 768px) {
  .technologies-hire-developer:nth-of-type(3):after {
    display: none;
  }
}

.technologies-hire-developer:nth-of-type(4):after {
  display: none;
}

.our-clients-logo a span .technologies-hire-developer:nth-of-type(4):after {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.technologies-hire-developer:nth-of-type(4):after {
    left: 100%;
  }
}

.technologies-hire-developer:nth-of-type(3):before {
  position: absolute;
  top: 60px;
}

.technologies-hire-developer:first-child:before {
  display: none !important;
}

.our-clients-logo:before {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
}

.wc-our-process-section .our-clients-logo:before {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.wc-custom-squarespace .our-clients-logo .py-8:before {
  padding-bottom: 0px;
}

.our-clients-logo:after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
}

.wc-images-left .staff-augmentation-help .our-clients-logo.md\:w-1\/2.md\:order-2 img:after {
  margin-left: 0px;
}

.wc-our-process-section .our-clients-logo:after {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.wc-custom-squarespace .our-clients-logo .py-8:after {
  padding-bottom: 0px;
}

.our-clients-logo.bedrock-tech:before,
.our-clients-logo.bedrock-tech:after {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.no-banner-image span.our-clients-logo.bedrock-tech:before,.no-banner-image span
.our-clients-logo.bedrock-tech:after {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.our-clients-logo.bedrock-tech .our-clients:last-child {
  border-right-width: 0px;
}

.our-clients-logo.bedrock-tech .our-clients {
  height: 100%;
}

.our-clients-bg-color {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.our-clients-logo a span .hidden {
  display: inline-block;
  vertical-align: middle;
}

.proposal-form .gform_wrapper .gform-body .gfield input {
  width: 100%;
}

.wc-images-left .staff-augmentation-help .proposal-form .gform_wrapper .gform-body .gfield input.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.proposal-form .gform-theme--foundation .gform_fields {
  align-items: end;
}

/* 
.proposal-form .gform_wrapper .gform-body .gfield {
    @apply !mb-3 lg:!mb-5
}

.proposal-form .gform_wrapper .gform-body .gfield input {
    @apply w-full placeholder:text-dark-900
}

 .proposal-form .gform_wrapper .gform-body .gfield input{
    @apply bg-white/60 border border-gray-700 w-full rounded-full py-2 lg:py-3 px-5 lg:px-8 text-theme-900 placeholder:text-gray-700 text-md 1xl:text-lg 2xl:text-lg
} 
.proposal-form .gform_wrapper .gform_footer {
    @apply !mt-5 md:!mt-10
} */

.our-clients-logo .our-clients-right {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
}

.wc-our-process-section .our-clients-logo .our-clients-right {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.wc-custom-squarespace .our-clients-logo .our-clients-right .py-8 {
  padding-bottom: 0px;
}

.our-clients-logo .our-clients:last-child {
  border-right-width: 1px;
}

.simple-step-list .hiring-step.recruitment-process .step-scroll-line {
  top: 10%;
  height: 80%;
}

@media (min-width: 1171px) {
  .simple-step-list .hiring-step.recruitment-process .step-scroll-line {
    top: 8%;
    height: 82%;
  }
}

.margin-top-5 {
  margin-top: 1.75rem !important;
}

@media (min-width: 992px) {
  .margin-top-5 {
    margin-top: 0px !important;
  }
}

a.read-more-testimonial:after {
  position: absolute;
  left: 0px;
  bottom: 1.5rem;
  z-index: -1;
  display: block;
  height: 150px;
  width: 100%;
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-content: '';
  content: var(--tw-content);
}

.wc-images-left .staff-augmentation-help a.read-more-testimonial.md\:w-1\/2.md\:order-2 img:after {
  margin-left: 0px;
}

.site-branding img {
  height: auto;
}

.nav-btns .btn.btn-icon {
  display: none;
}

.our-clients-logo a span .nav-btns .btn.btn-icon {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.nav-btns .btn.btn-icon {
    left: 100%;
  }
}

@media (min-width: 1360px) {
  .nav-btns .btn.btn-icon {
    display: block;
  }
}

.sportlight_content .read-more {
  display: block;
  --tw-text-opacity: 1;
  color: rgb(131 118 79 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.sportlight_content .read-more:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.privacy-contact .wp-block-column {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 218 208 / var(--tw-border-opacity, 1));
  background-color: #f4f1eb5e;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .privacy-contact .wp-block-column {
    flex-basis: 40% !important;
  }
}

@media (min-width: 992px) {
  .privacy-contact .wp-block-column {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}

.privacy-contact .wp-block-column h4 {
  margin-bottom: 0.625rem;
  font-size: 20px;
}

@media (min-width: 992px) {
  .privacy-contact .wp-block-column h4 {
    font-size: 22px;
  }
}

.privacy-policy .main-content,
.main-content .term-condition {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.wc-custom-squarespace .feature-grid-2 .privacy-policy .main-content,.wc-custom-squarespace .feature-grid-2 
.main-content .term-condition {
  padding: 0px;
}

@media (min-width: 1171px) {
  .privacy-policy .main-content,
.main-content .term-condition {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}

.privacy-policy h1.page-title,
.term-condition h1.page-title {
  margin-top: 0px;
  margin-bottom: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
  padding-bottom: 1rem;
  font-size: 25px;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.wc-custom-squarespace .privacy-policy h1.page-title .flex,.wc-custom-squarespace 
.term-condition h1.page-title .flex {
  align-items: center;
}

@media (min-width: 768px) {
  .privacy-policy h1.page-title,
.term-condition h1.page-title {
    font-size: 26px;
  }
}

@media (min-width: 992px) {
  .privacy-policy h1.page-title,
.term-condition h1.page-title {
    margin-bottom: 1.75rem;
    padding-bottom: 1.5rem;
    font-size: 30px;
  }
}

@media (min-width: 1360px) {
  .privacy-policy h1.page-title,
.term-condition h1.page-title {
    font-size: 38px;
  }
}

@media (min-width: 1660px) {
  .privacy-policy h1.page-title,
.term-condition h1.page-title {
    font-size: 45px;
    line-height: 55px;
  }
}

.wp-block-columns.privacy-contact {
  flex-wrap: wrap !important;
}

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

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

.faq-py-0 .faq-padding {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.menu-footer-privacy-menu-container .menu {
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
  text-align: end;
}

.wc-custom-squarespace .mb-8 .menu-footer-privacy-menu-container .menu {
  align-items: center;
}

@media (min-width: 768px) {
  .menu-footer-privacy-menu-container .menu {
    justify-content: flex-end;
  }
}

@media (min-width: 1171px) {
  .menu-footer-privacy-menu-container .menu {
    flex-direction: column;
  }
}

@media (min-width: 1240px) {
  .menu-footer-privacy-menu-container .menu {
    flex-direction: row;
  }
}

.menu-footer-privacy-menu-container .menu li {
  list-style-type: none;
  font-weight: 300;
}

.menu-footer-privacy-menu-container .menu li a {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.no-banner-image .menu-footer-privacy-menu-container .menu li a {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 1660px) {
  .menu-footer-privacy-menu-container .menu li a {
    font-size: 18px;
  }
}

.menu-footer-privacy-menu-container .menu li:not(:last-child):after {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  --tw-content: '|';
  content: var(--tw-content);
}

@media (min-width: 1171px) {
  .menu-footer-privacy-menu-container .menu li:not(:last-child):after {
    display: none;
  }
}

@media (min-width: 1240px) {
  .menu-footer-privacy-menu-container .menu li:not(:last-child):after {
    display: inline-block;
  }
}

.menu-footer-privacy-menu-container .menu li a:hover,
.menu-footer-privacy-menu-container .menu li.current-menu-item a {
  text-decoration-line: underline;
  opacity: 1;
}

.tech-pb-0 .technologies-portfolio-slider {
  padding-bottom: 0px;
}

.page-contact-us .header-wrap,
.blog .header-wrap,
.single-post .header-wrap,
.privacy-policy .header-wrap,
.page-terms-and-conditions .header-wrap,
.error404 .header-wrap,
.search-results .header-wrap,
.author .header-wrap,
.category .header-wrap {
  border-width: 0px;
}

.page-contact-us .site-header,
.blog .site-header,
.single-post .site-header,
.privacy-policy .site-header,
.page-terms-and-conditions .site-header,
.error404 .site-header,
.search-results .site-header,
.author .site-header,
.category .site-header {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(210 210 210 / var(--tw-border-opacity, 1));
}

.casestudy-heroproduct {
  display: block;
}

.casestudy-heroproduct:hover p a {
  --tw-text-opacity: 1;
  color: rgb(131 118 79 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.casestudy-heroproduct p {
  margin-bottom: 0px !important;
  font-size: 20px;
  font-weight: 600;
}

@media (min-width: 992px) {
  .casestudy-heroproduct p {
    font-size: 22px;
  }
}

@media (min-width: 1660px) {
  .casestudy-heroproduct p {
    font-size: 26px;
  }
}

.casestudy-heroproduct .wp-block-media-text__content {
  padding: 0px;
}

.casestudy-heroproduct a {
  padding-bottom: 0.875rem;
}

@media (min-width: 992px) {
  .casestudy-heroproduct a {
    padding-bottom: 1.25rem;
  }
}

.casestudy-heroproduct .wp-block-media-text__media a {
  display: block;
  padding: 0.875rem;
}

@media (min-width: 992px) {
  .casestudy-heroproduct .wp-block-media-text__media a {
    padding: 1.25rem;
  }
}

.casestudy-heroproduct p svg {
  height: 0.75rem;
  width: 0.75rem;
}

@media (min-width: 1660px) {
  .casestudy-heroproduct p svg {
    height: 1rem;
    width: 1rem;
  }
}

#overview.o-pb-0 .overview-wrap {
  padding-bottom: 0px !important;
}

.search-form {
  margin-top: 1.5rem;
}

@media (min-width: 1360px) {
  .search-form {
    margin-top: 2.5rem;
  }
}

.search-form .gform_heading {
  display: none;
}

.our-clients-logo a span .search-form .gform_heading {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.search-form .gform_heading {
    left: 100%;
  }
}

.search-form .gform-body,
.searchform input[type="text"] {
  text-align: left;
}

.search-form .gform-body:focus-visible,
.searchform input[type="text"]:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .search-form .gform-body,
.searchform input[type="text"] {
    max-width: calc(100% - 170px);
  }
}

@media (min-width: 1360px) {
  .search-form .gform-body,
.searchform input[type="text"] {
    max-width: calc(100% - 200px);
  }
}

.search-form .gform_wrapper .gform_footer input[type="submit"] {
  margin-top: 1.25rem !important;
  display: block;
}

@media (min-width: 640px) {
  .search-form .gform_wrapper .gform_footer input[type="submit"] {
    margin-top: -3rem !important;
  }
}

.search-form .gform_footer {
  margin-left: auto;
  margin-right: 0px;
}

form#searchform > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.wc-custom-squarespace .mb-8 form#searchform > div {
  align-items: center;
}

@media (min-width: 768px) {
  form#searchform > div {
    flex-wrap: nowrap;
  }
}

@media (min-width: 992px) {
  form#searchform > div {
    gap: 2rem;
  }
}

.searchform input[type="text"] {
  width: 100%;
  flex-grow: 1;
}

.wc-images-left .staff-augmentation-help .searchform input[type="text"].md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media (min-width: 768px) {
  .searchform input[type="text"] {
    width: auto;
  }
}

.searchform input#searchsubmit {
  margin-left: auto;
  margin-right: 0px;
  display: inline-block;
}

.search-form .gform-body .gform_fields .gfield {
  margin: 0px;
}

.single-post .faq-padding,
.single-post #faqs .container {
  padding: 0px;
}

.single-post #faqs .faq-margin,
.single-post #faqs p {
  margin: 0px !important;
}

.single-post #faqs .faq-main:last-child {
  border-bottom-width: 1px;
}

.single-post #faqs .text-center {
  text-align: left;
}

.single-post #faqs .grid {
  display: block;
}

/*header css*/

body.search-active {
  position: relative;
}

body.search-active:before {
  position: absolute;
  z-index: 90;
  display: block;
  height: 100%;
  width: 100%;
  background-color: #00000063;
  --tw-content: '';
  content: var(--tw-content);
}

.wc-images-left .staff-augmentation-help body.search-active.md\:w-1\/2.md\:order-2 img:before {
  margin-left: 0px;
}

.header-search-form {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  z-index: 90;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.no-banner-image span.header-search-form {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.wc-images-left .staff-augmentation-help .header-search-form.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media (min-width: 1660px) {
  .header-search-form {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }
}

.header-search-form .header-content {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
}

.header-search-form form#searchform {
  max-width: 1200px;
}

.header-search-form form#searchform input[type="text"] {
  padding: 0px;
}

.header-search-form .search-close-icon {
  position: absolute;
  right: 0px;
  top: 16px;
}

.steps-btn a.wp-block-button__link::after {
  display: none;
}

.our-clients-logo a span .steps-btn a.wp-block-button__link::after {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.steps-btn a.wp-block-button__link::after {
    left: 100%;
  }
}

.steps-btn a.wp-block-button__link {
  cursor: auto;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 241 233 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
}

.steps-btn a.wp-block-button__link:hover {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 245 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
}

.wc-our-process-section .steps-btn a.wp-block-button__link:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.wc-custom-squarespace .steps-btn a.wp-block-button__link:hover .py-8 {
  padding-bottom: 0px;
}

.wc-rapnet-box {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  text-align: center;
}

.no-banner-image span.wc-rapnet-box {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.single-post #faqs .wc-rapnet-box {
  text-align: left;
}

.wc-rapnet-box a.wp-block-button__link {
  background-color: transparent;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
}

.wc-rapnet-box .wp-block-button .wp-block-button__link:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%201L1%2011M11%201H2.66667M11%201V9.33333'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
}

.wc-rapnet-box .wp-block-button .wp-block-button__link:hover:after {
  filter: invert(45%) sepia(4%) saturate(5322%) hue-rotate(7deg) brightness(96%)
  contrast(61%);
}

.wc-rapnet-box a.wp-block-button__link:hover,
.wc-rapnet-box a.wp-block-button__link:focus-visible {
  border-width: 0px !important;
  --tw-text-opacity: 1;
  color: rgb(131 118 79 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.wc-rapnet-box figure.wp-block-image {
  margin: 0px;
}

.wc-rapnet-box .wp-block-buttons {
  margin-top: 0.75rem;
}

.wc-portfolio-section .wc-portfolio-box {
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
}

.wc-our-process-section .wc-portfolio-section .wc-portfolio-box {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.wc-custom-squarespace .wc-portfolio-section .wc-portfolio-box .py-8 {
  padding-bottom: 0px;
}

.wc-portfolio-section .wc-portfolio-box .wp-block-image {
  margin: 0px;
  display: flex;
}

.wc-custom-squarespace .mb-8 .wc-portfolio-section .wc-portfolio-box .wp-block-image {
  align-items: center;
}

.wc-portfolio-section .wc-portfolio-box .wp-block-image {
  padding: 0.625rem;
  text-decoration-line: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.wc-portfolio-section .wc-portfolio-box p a {
  display: inline-block;
  width: 100%;
  padding-bottom: 0.625rem;
}

.wc-images-left .staff-augmentation-help .wc-portfolio-section .wc-portfolio-box p a.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.wc-portfolio-box:hover .wp-block-image {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.wc-link-platforms .wc-platforms-arrow {
  margin-top: -1rem;
  margin-left: 1.75rem;
}

.wc-link-platforms .wc-hand-icon,
.wc-link-btn .wc-hand-icon img {
  margin-top: -20px;
  animation: rock-on 1.25s ease-out backwards;
  animation-iteration-count: infinite;
}

@keyframes rock-on {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.1);
  }

  50% {
    transform: scale(1);
  }

  75% {
    transform: scale(1.1);
  }
}

.wc-link-btn .wc-hand-icon {
  position: absolute;
}

.wc-link-btn .wc-hand-icon img {
  margin-left: 140px;
}

.wc-comman-lightbox {
  gap: 1.25rem !important;
}

.wc-comman-lightbox figure.wp-block-image {
  border-width: 1px;
  border-color: #E2E2E2B2;
}

.framework-section .framework-technology {
  position: relative;
  height: 7rem;
  width: 7rem;
  border-radius: 50%;
  border-width: 8px;
  --tw-border-opacity: 1;
  border-color: rgb(249 248 245 / var(--tw-border-opacity, 1));
}

.framework-section .framework-technology.link:after {
  position: absolute;
  margin-left: 0.25rem;
  display: flex;
  height: 0.75rem;
  width: 0.75rem;
  background-image: url('/app/uploads/2024/02/btn-arrow-dark.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  --tw-content: '';
  content: var(--tw-content);
}

.wc-custom-squarespace .mb-8 .framework-section .framework-technology.link:after {
  align-items: center;
}

.framework-section .framework-technology.link:before {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 9999px;
  background-color: #f9f8f5b8;
  opacity: 0;
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 640px) {
  .wc-integrations-section .framework-section .framework-technology.link:before {
    height: 72px;
    width: 72px;
  }
}

.wc-images-left .staff-augmentation-help .framework-section .framework-technology.link.md\:w-1\/2.md\:order-2 img:before {
  margin-left: 0px;
}

.framework-section .framework-technology.link:hover:after,
.framework-section .framework-technology.link:hover:before {
  opacity: 1;
}

.wc-tailwind-devlopment {
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
}

.wc-our-process-section .wc-tailwind-devlopment {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.wc-custom-squarespace .wc-tailwind-devlopment .py-8 {
  padding-bottom: 0px;
}

p.wc-addavance-title {
  margin-bottom: 0.375rem;
}

.wc-wix-bg {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

@media (min-width: 640px) {
  .wc-wix-bg {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}

.wc-wix-bg .wp-block-columns {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.WC_Get-Touch_section section {
  padding: 0px;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
  background-image: url('/app/uploads/2024/06/Pettern.png');
  background-position: bottom;
  background-repeat: no-repeat;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}

.wc-our-process-section .WC_Get-Touch_section section {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.wc-custom-squarespace .WC_Get-Touch_section section .py-8 {
  padding-bottom: 0px;
}

@media (min-width: 992px) {
  .WC_Get-Touch_section section {
    padding-bottom: 0px;
  }
}

@media (min-width: 1171px) {
  .WC_Get-Touch_section section {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media (min-width: 1660px) {
  .WC_Get-Touch_section section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .WC_Get-Touch_section section .get-in-touch-img img {
    margin-bottom: -1.5rem;
  }
}

@media (min-width: 1660px) {
  .WC_Get-Touch_section section .get-in-touch-img img {
    margin-bottom: -2rem;
  }
}

.WC_Get-Touch_section.Wc_Get-Touch_new_section .wp-block-column {
  background: linear-gradient(360deg, #f3f5f4 0%, #ffffff 100%);
  border-radius: 10px;
  background-image: url('/app/uploads/2024/06/Pettern.png');
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}

.WC_Get-Touch_section.Wc_Get-Touch_new_section section {
  background-color: transparent;
  background-image: none;
}

.shopify-migration-section .wc-features-layout hr {
  display: none;
}

.our-clients-logo a span .shopify-migration-section .wc-features-layout hr {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.shopify-migration-section .wc-features-layout hr {
    left: 100%;
  }
}

.shopify-migration-section .wc-features-layout h3 {
  margin-bottom: 1rem;
}

.wc-platform-section .service-box .overview-icon:before {
  display: none;
}

.our-clients-logo a span .wc-platform-section .service-box .overview-icon:before {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.wc-platform-section .service-box .overview-icon:before {
    left: 100%;
  }
}

.wc-platform-section .service-box p {
  min-height: 0px;
}

@media (min-width: 640px) {
  .grid-col-span-2,
.wc-features-section .wc-features-layout.grid-col-span-2 {
    grid-column: span 2 / span 2;
  }
}

.wc-features-section .wc-features-layout:nth-child(odd) {
  background-color: #F3F5F480;
}

.wc-features-section .wc-features-layout:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
}

.wc-our-process-section .wc-features-section .wc-features-layout:nth-child(even) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.wc-custom-squarespace .wc-features-section .wc-features-layout:nth-child(even) .py-8 {
  padding-bottom: 0px;
}

.our-clients-logo.our-clients-line::before,
.our-clients-logo.our-clients-line::after {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.no-banner-image span.our-clients-logo.our-clients-line::before,.no-banner-image span
.our-clients-logo.our-clients-line::after {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.our-clients-logo.wc-benefit-section::before,
.our-clients-logo.wc-benefit-section::after {
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1));
}

.our-layout-clients p {
  margin-bottom: 0px;
}

section.hero-with-img img.webflow-img {
  margin-top: 1.25rem;
  width: 13rem;
}

@media (min-width: 992px) {
  section.hero-with-img img.webflow-img {
    margin-top: 2rem;
    width: 18rem;
  }
}

.wc-download-btns .btn.buynow-btn {
  --tw-border-opacity: 1;
  border-color: rgb(255 193 7 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 193 7 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.wc-download-btns .btn.buynow-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.no-banner-image span.wc-download-btns .btn.buynow-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.wc-download-btns .btn {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 768px) {
  .wc-download-btns .btn {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

@media (min-width: 1171px) {
  .wc-download-btns .btn {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.feature-grid-2.wc-features-section .grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .feature-grid-2.wc-features-section .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .feature-grid-2.wc-features-section .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/*.feature-grid-2.wc-features-section .wc-features-layout:nth-child(3n + 1) {
  @apply bg-[#F3F5F480];
}

.feature-grid-2.wc-features-section .wc-features-layout:nth-child(3n + 2),
.feature-grid-2.wc-features-section .wc-features-layout:nth-child(3n + 3) {
  @apply bg-gray-500;
}*/

@media (min-width: 640px) {
  .feature-grid-2.wc-features-section .wc-features-layout:nth-child(4n+1),
.feature-grid-2.wc-features-section .wc-features-layout:nth-child(4n) {
    background-color: #F3F5F480;
  }

  .feature-grid-2.wc-features-section .wc-features-layout:nth-child(4n+2),
.feature-grid-2.wc-features-section .wc-features-layout:nth-child(4n+3) {
    --tw-bg-opacity: 1;
    background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
  }
}

.wc-ghost-img-content .staff-augmentation-help img {
  margin-left: auto;
  margin-right: auto;
  width: auto;
}

.wc-ghost-img-content .staff-augmentation-help .max-w-\[656px\] {
  max-width: 100%;
}

.wc-ghost-img-content.reverse-columns .md\:flex {
  flex-direction: row-reverse;
}

.wc-images-left .staff-augmentation-help .w-full.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.wc-nuxtjs-lists {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: block;
  align-items: center;
}

@media (min-width: 640px) {
  .wc-nuxtjs-lists {
    display: flex;
  }
}

.wc-nuxtjs-lists .wp-block-media-text__media {
  width: 280px;
}

@media (min-width: 992px) {
  .wc-nuxtjs-lists .wp-block-media-text__media {
    width: 350px;
  }
}

.wc-nuxtjs-lists .wp-block-media-text__content {
  width: auto;
}

@media (min-width: 768px) {
  .wc-nuxtjs-lists .wp-block-media-text__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 992px) {
  .wc-nuxtjs-lists .wp-block-media-text__content {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.wc-nuxtjs-lists .wp-block-media-text__content p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.wc-bordered-color.wc-platform-section .our-clients-logo.bedrock-tech::before,
.wc-bordered-color.wc-platform-section .our-clients-logo.bedrock-tech::after {
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1));
}

section.feature-grid-2.remove-hr .wc-features-layout hr {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  opacity: 0;
}

@media (min-width: 768px) {
  section.feature-grid-2.remove-hr .wc-features-layout hr {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}

.wc-custom-wix-transparent section {
  background-color: transparent;
}

.jiwa-intergation-section {
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.wc-custom-squarespace .mb-8 .jiwa-intergation-section {
  align-items: center;
}

@media (min-width: 640px) {
  .jiwa-intergation-section {
    flex-direction: row;
  }
}

.jiwa-intergation-section .jiva-int-box {
  display: flex;
  min-width: 36%;
  flex-direction: column;
  border-radius: 0.5rem;
  border-width: 10px;
  --tw-border-opacity: 1;
  border-color: rgb(249 248 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 236 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  text-align: center;
}

.single-post #faqs .jiwa-intergation-section .jiva-int-box {
  text-align: left;
}

.wc-custom-squarespace .mb-8 .jiwa-intergation-section .jiva-int-box {
  align-items: center;
}

.jiwa-intergation-section span.plus-icon {
  width: 6%;
  align-self: center;
  text-align: center;
  font-family: Poppins;
  font-size: 42px;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.single-post #faqs .jiwa-intergation-section span.plus-icon {
  text-align: left;
}

.jiwa-intergation-section .jiva-int-box img.icon {
  margin: auto;
  max-height: 100px;
  width: auto;
}

.jiwa-intergation-section .jiva-int-box p {
  margin-bottom: 0px;
  margin-top: 1.75rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px rgba(0,0,0,0.2);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.no-banner-image span.jiwa-intergation-section .jiva-int-box p {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.wc-payload-cms-content-sec .tech-overview-sec > div {
  margin: 0px;
}

.wc-payload-cms-content-sec .tech-overview-sec > div p span {
  position: relative;
  padding-left: 1.5rem;
}

.wc-payload-cms-content-sec .tech-overview-sec > div p span img {
  position: absolute;
  left: 0px;
  top: 2px;
}

.gform_wrapper .iti {
  width: 100% !important;
}

.gform_wrapper .iti__flag {
  margin-left: 5px;
}

.ginput_container_phone .iti.iti--allow-dropdown input {
  padding-left: 55px !important;
}

.iti__flag-container ul.iti__country-list {
  position: relative;
  z-index: 50;
  max-height: 15rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.no-banner-image span.iti__flag-container ul.iti__country-list {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.technologies-links {
  position: relative;
}

.technologies-links:after {
  position: absolute;
  left: 50%;
  display: flex;
  height: 0.75rem;
  width: 0.75rem;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-image: url('/app/uploads/2024/02/btn-arrow-dark.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  --tw-content: '';
  content: var(--tw-content);
}

.wc-custom-squarespace .mb-8 .technologies-links:after {
  align-items: center;
}

.technologies-links:before {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 9999px;
  background-color: #f3f5f480;
  opacity: 0;
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 640px) {
  .wc-integrations-section .technologies-links:before {
    height: 72px;
    width: 72px;
  }
}

.wc-images-left .staff-augmentation-help .technologies-links.md\:w-1\/2.md\:order-2 img:before {
  margin-left: 0px;
}

.technologies-links:hover:after,
.technologies-links:hover:before {
  opacity: 1;
}

.odoo-integration-item.active:before,
.odoo-integration-item:hover:before {
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
}

.odoo-integration-item.active {
  border-right-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.no-banner-image span.odoo-integration-item.active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.show-arrow svg {
  display: inline-block;
  vertical-align: middle;
}

.img-text-middle .get-in-touch-img {
  align-items: center;
}

.custom-html-box {
  left: 0px;
  display: none;
  width: 100%;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.no-banner-image span.custom-html-box {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.our-clients-logo a span .custom-html-box {
  display: inline-block;
  vertical-align: middle;
}

.wc-images-left .staff-augmentation-help .custom-html-box.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media screen and (max-width: 1170px) {
  .main-menu.custom-html-box {
    left: 100%;
  }
}

@media (min-width: 1171px) {
  .custom-html-box {
    position: absolute;
  }
}

.main-navigation ul > li.custom-megamenu {
  position: static;
}

.custom-megamenu ul.sub-menu {
  display: none !important;
}

li.custom-megamenu.menu-item > a:after {
  display: none;
  height: 13px;
  width: 12.5px;
  flex-shrink: 0;
  background-image: url('/app/uploads/2024/09/chevron-down-solid.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: '';
  content: var(--tw-content);
}

.our-clients-logo a span li.custom-megamenu.menu-item > a:after {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  li.main-menu.custom-megamenu.menu-item > a:after {
    left: 100%;
  }
}

@media (min-width: 1171px) {
  li.custom-megamenu.menu-item > a:after {
    display: block;
  }
}

li.custom-megamenu.menu-item.active > a:after {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.custom-html-box p.wc-megamenu-title {
  margin-bottom: 0.875rem;
  flex-grow: 1;
  flex-basis: 100%;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 1171px) {
  .custom-html-box p.wc-megamenu-title {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1660px) {
  .custom-html-box p.wc-megamenu-title {
    margin-bottom: 1.5rem;
  }
}

.wc-megamenu-wrap {
  align-items: stretch;
  padding-top: 0px;
  padding-bottom: 0px;
}

@media (min-width: 1171px) {
  .wc-megamenu-wrap {
    display: flex;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.wc-megamenu-wrap .wc-left-menu-tech {
  position: relative;
  display: block;
  flex-wrap: wrap;
  align-content: flex-start;
  padding-left: 0px !important;
}

@media (min-width: 1171px) {
  .wc-megamenu-wrap .wc-left-menu-tech {
    width: 70%;
    padding: 2rem;
  }
}

@media (min-width: 1660px) {
  .wc-megamenu-wrap .wc-left-menu-tech {
    padding: 2.5rem;
  }
}

@media (min-width: 1171px) {
  .wc-megamenu-wrap .wc-left-menu-tech.list-menu {
    padding-left: 20% !important;
  }
}

.wc-megamenu-wrap .wc-right-client {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
}

.wc-our-process-section .wc-megamenu-wrap .wc-right-client {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.wc-custom-squarespace .wc-megamenu-wrap .wc-right-client .py-8 {
  padding-bottom: 0px;
}

@media (min-width: 1171px) {
  .wc-megamenu-wrap .wc-right-client {
    width: 30%;
    padding-right: 0px;
  }
}

@media (min-width: 1660px) {
  .wc-megamenu-wrap .wc-right-client {
    padding: 2rem;
  }
}

.wc-megamenu-wrap .wc-right-client:after {
  position: absolute;
  top: 0px;
  left: 100%;
  z-index: 0;
  display: none;
  height: 100%;
  width: 33.333333%;
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.our-clients-logo a span .wc-megamenu-wrap .wc-right-client:after {
  display: inline-block;
  vertical-align: middle;
}

.wc-our-process-section .wc-megamenu-wrap .wc-right-client:after {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.wc-custom-squarespace .wc-megamenu-wrap .wc-right-client .py-8:after {
  padding-bottom: 0px;
}

@media screen and (max-width: 1170px) {
  .main-menu.wc-megamenu-wrap .wc-right-client:after {
    left: 100%;
  }
}

@media (min-width: 1171px) {
  .wc-megamenu-wrap .wc-right-client:after {
    display: block;
  }
}

.wc-technologies-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 0.75rem;
  row-gap: 0px;
}

.single-post #faqs .wc-technologies-grid {
  display: block;
}

.feature-grid-2.wc-features-section .wc-technologies-grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .feature-grid-2.wc-features-section .wc-technologies-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .feature-grid-2.wc-features-section .wc-technologies-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wc-odoo-integration-services-feature-section .wc-technologies-grid {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .wc-odoo-integration-services-feature-section .wc-technologies-grid {
    padding-bottom: 3.5rem;
  }
}

@media (min-width: 1660px) {
  .wc-odoo-integration-services-feature-section .wc-technologies-grid {
    padding-bottom: 6rem;
  }
}

.wc-custom-faq-section .wc-technologies-grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wc-custom-faq-section .wc-technologies-grid .faq-title h4 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .wc-custom-faq-section .wc-technologies-grid .faq-title h4 {
    font-size: 18px;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-technologies-grid .faq-title h4 {
    font-size: 20px;
    line-height: 2.25rem;
  }
}

.wc-custom-faq-section .wc-technologies-grid .faq-main {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .wc-custom-faq-section .wc-technologies-grid .faq-main {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-technologies-grid .faq-main {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.wc-custom-faq-section .wc-technologies-grid .faq-main .faq-content p {
  margin: 0px;
}

.wc-custom-faq-section .wc-technologies-grid .faq-title span {
  margin-right: 0.875rem;
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-technologies-grid .faq-title span {
    margin-right: 22px;
  }
}

@media (min-width: 1660px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc-technologies-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.wc_our_technology_stack_section .odoo-integration-content .wc-technologies-grid>div {
  padding: 0.75rem;
}

@media (min-width: 1171px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc-technologies-grid>div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.wc-faq-single-section .wc-technologies-grid {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

@media (min-width: 992px) {
  .wc-technologies-grid {
    column-gap: 1.25rem;
    row-gap: 0px;
  }
}

@media (min-width: 1171px) {
  .wc-technologies-grid {
    margin-left: -1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 1.5rem;
    row-gap: 0.75rem;
  }
}

@media (min-width: 1660px) {
  .wc-technologies-grid {
    column-gap: 2rem;
    row-gap: 1rem;
  }
}

.wc-tech-nav {
  position: relative;
  z-index: 2;
  display: flex;
  cursor: pointer;
  gap: 1rem;
  padding: 0.5rem;
}

.wc-custom-squarespace .mb-8 .wc-tech-nav {
  align-items: center;
}

@media (min-width: 992px) {
  .wc-tech-nav {
    padding: 1rem;
  }
}

.wc-tech-nav .main-menu-link {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem;
}

.wc-images-left .staff-augmentation-help .wc-tech-nav .main-menu-link.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.wc-custom-squarespace .mb-8 .wc-tech-nav .main-menu-link {
  align-items: center;
}

@media (min-width: 992px) {
  .wc-tech-nav .main-menu-link {
    padding: 1rem;
  }
}

.wc-tech-nav a,
.wc-m-blog-box a {
  padding: 0px !important;
}

.main-menu .wc-tech-nav .wc-nav-link {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  gap: 1rem;
}

.wc-images-left .staff-augmentation-help .main-menu .wc-tech-nav .wc-nav-link.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.wc-custom-squarespace .mb-8 .main-menu .wc-tech-nav .wc-nav-link {
  align-items: center;
}

@media (min-width: 1171px) {
  .main-menu .wc-tech-nav .wc-nav-link {
    align-items: flex-start;
  }
}

.iconbox-content {
  margin-top: 0px;
  width: 100%;
}

.wc-images-left .staff-augmentation-help .iconbox-content.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media (min-width: 768px) {
  .iconbox-content {
    margin-top: 0px;
  }
}

/* .wc-tech-nav .main-menu-link > div,
.wc-tech-nav > div {
  @apply w-full;
} */

.wc-tech-nav:after {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-content: '';
  content: var(--tw-content);
}

.wc-images-left .staff-augmentation-help .wc-tech-nav.md\:w-1\/2.md\:order-2 img:after {
  margin-left: 0px;
}

.wc-tech-nav p.wc-tech-title img {
  opacity: 0;
}

.wc-tech-nav:hover p.wc-tech-title img {
  opacity: 1;
}

.wc-tech-nav:hover:after {
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
}

.wc-our-process-section .wc-tech-nav:hover:after {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.wc-custom-squarespace .wc-tech-nav:hover .py-8:after {
  padding-bottom: 0px;
}

.wc-tech-nav p {
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 1.5;
}

@media (min-width: 1171px) {
  .wc-tech-nav p {
    font-size: 15px;
  }
}

.wc-tech-nav p.wc-tech-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
}

.wc-custom-squarespace .mb-8 .wc-tech-nav p.wc-tech-title {
  align-items: center;
}

@media (min-width: 1171px) {
  .wc-tech-nav p.wc-tech-title {
    margin-bottom: 0.25rem;
  }
}

.wc-megamenu-wrap .wc-client-logo {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wc-custom-squarespace .mb-8 .wc-megamenu-wrap .wc-client-logo {
  align-items: center;
}

.wc-client-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.wc-custom-squarespace .mb-8 .wc-client-info {
  align-items: center;
}

.wc-client-info .wc-client-name {
  font-weight: 600;
  line-height: 1.5;
}

.wc-client-info .wc-client-position {
  margin-bottom: 0px;
  font-size: 14px;
}

.wc-partner-logos {
  margin-top: 1.5rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}

.wc-partner-logos .wc-logo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.single-post #faqs .wc-partner-logos .wc-logo-grid {
  display: block;
}

.feature-grid-2.wc-features-section .wc-partner-logos .wc-logo-grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .feature-grid-2.wc-features-section .wc-partner-logos .wc-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .feature-grid-2.wc-features-section .wc-partner-logos .wc-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wc-odoo-integration-services-feature-section .wc-partner-logos .wc-logo-grid {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .wc-odoo-integration-services-feature-section .wc-partner-logos .wc-logo-grid {
    padding-bottom: 3.5rem;
  }
}

@media (min-width: 1660px) {
  .wc-odoo-integration-services-feature-section .wc-partner-logos .wc-logo-grid {
    padding-bottom: 6rem;
  }
}

.wc-custom-faq-section .wc-partner-logos .wc-logo-grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wc-custom-faq-section .wc-partner-logos .wc-logo-grid .faq-title h4 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .wc-custom-faq-section .wc-partner-logos .wc-logo-grid .faq-title h4 {
    font-size: 18px;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-partner-logos .wc-logo-grid .faq-title h4 {
    font-size: 20px;
    line-height: 2.25rem;
  }
}

.wc-custom-faq-section .wc-partner-logos .wc-logo-grid .faq-main {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .wc-custom-faq-section .wc-partner-logos .wc-logo-grid .faq-main {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-partner-logos .wc-logo-grid .faq-main {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.wc-custom-faq-section .wc-partner-logos .wc-logo-grid .faq-main .faq-content p {
  margin: 0px;
}

.wc-custom-faq-section .wc-partner-logos .wc-logo-grid .faq-title span {
  margin-right: 0.875rem;
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-partner-logos .wc-logo-grid .faq-title span {
    margin-right: 22px;
  }
}

@media (min-width: 1660px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc-partner-logos .wc-logo-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.wc_our_technology_stack_section .odoo-integration-content .wc-partner-logos .wc-logo-grid>div {
  padding: 0.75rem;
}

@media (min-width: 1171px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc-partner-logos .wc-logo-grid>div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.wc-faq-single-section .wc-partner-logos .wc-logo-grid {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.wc-partner-logos .wc-logo-grid img {
  height: auto;
  width: auto;
}

.wc-partner-logos .wc-logo-grid .wc-logo-img:nth-child(even) img {
  margin-left: auto;
}

.wc-tech-megamenu {
  position: relative;
  overflow: hidden;
}

.wc-left-menu-tech.list-menu .wc-technologies-grid {
  margin-left: 0px;
  margin-right: 0px;
  height: calc(100% - 60px);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: auto;
  padding-right: 0.5rem;
}

@media (min-width: 1171px) {
  .wc-left-menu-tech.list-menu .wc-technologies-grid {
    position: absolute;
    top: 2.5rem;
    left: 0px;
    width: 25%;
    gap: 1rem;
    padding-bottom: 1.25rem;
  }
}

.wc-left-menu-tech.list-menu .list_menu_tab {
  display: block !important;
}

@media (min-width: 1171px) {
  .wc-left-menu-tech.list-menu .list_menu_tab {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.wc-tech-nav-item-box ul {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.single-post #faqs .wc-tech-nav-item-box ul {
  display: block;
}

.feature-grid-2.wc-features-section .wc-tech-nav-item-box ul {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .feature-grid-2.wc-features-section .wc-tech-nav-item-box ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .feature-grid-2.wc-features-section .wc-tech-nav-item-box ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wc-odoo-integration-services-feature-section .wc-tech-nav-item-box ul {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .wc-odoo-integration-services-feature-section .wc-tech-nav-item-box ul {
    padding-bottom: 3.5rem;
  }
}

@media (min-width: 1660px) {
  .wc-odoo-integration-services-feature-section .wc-tech-nav-item-box ul {
    padding-bottom: 6rem;
  }
}

.wc-custom-faq-section .wc-tech-nav-item-box ul {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wc-custom-faq-section .wc-tech-nav-item-box ul .faq-title h4 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .wc-custom-faq-section .wc-tech-nav-item-box ul .faq-title h4 {
    font-size: 18px;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-tech-nav-item-box ul .faq-title h4 {
    font-size: 20px;
    line-height: 2.25rem;
  }
}

.wc-custom-faq-section .wc-tech-nav-item-box ul .faq-main {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .wc-custom-faq-section .wc-tech-nav-item-box ul .faq-main {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-tech-nav-item-box ul .faq-main {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.wc-custom-faq-section .wc-tech-nav-item-box ul .faq-main .faq-content p {
  margin: 0px;
}

.wc-custom-faq-section .wc-tech-nav-item-box ul .faq-title span {
  margin-right: 0.875rem;
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-tech-nav-item-box ul .faq-title span {
    margin-right: 22px;
  }
}

@media (min-width: 1660px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc-tech-nav-item-box ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.wc_our_technology_stack_section .odoo-integration-content .wc-tech-nav-item-box ul>div {
  padding: 0.75rem;
}

@media (min-width: 1171px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc-tech-nav-item-box ul>div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.wc-faq-single-section .wc-tech-nav-item-box ul {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.wc-tech-nav-item-box ul li a {
  padding: 0px;
  font-size: 16px;
}

.list-menu .wc-tech-nav {
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (min-width: 1171px) {
  .list-menu .wc-tech-nav:hover,
.wc-tech-nav.active {
    --tw-border-opacity: 1;
    border-color: rgb(26 42 29 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
  }
}

.list-menu .wc-tech-nav:hover::after,
.list-menu .wc-tech-nav p.wc-tech-des,
.wc-left-menu-tech.list-menu p.wc-megamenu-title {
  display: none;
}

.our-clients-logo a span .list-menu .wc-tech-nav:hover::after,.our-clients-logo a span 
.list-menu .wc-tech-nav p.wc-tech-des,.our-clients-logo a span 
.wc-left-menu-tech.list-menu p.wc-megamenu-title {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.list-menu .wc-tech-nav:hover::after,.main-menu
.list-menu .wc-tech-nav p.wc-tech-des,.main-menu
.wc-left-menu-tech.list-menu p.wc-megamenu-title {
    left: 100%;
  }
}

@media (min-width: 1171px) {
  .list-menu .wc-tech-nav:hover p,
.list-menu .wc-tech-nav.active p {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .list-menu .wc-tech-nav:hover img,
.list-menu .wc-tech-nav.active img {
    --tw-brightness: brightness(0);
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
}

.list-menu .wc-tech-nav p.wc-tech-title {
  margin-bottom: 0px;
}

.wc-tech-nav-item-box ul li a::after {
  display: none;
}

.our-clients-logo a span .wc-tech-nav-item-box ul li a::after {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.wc-tech-nav-item-box ul li a::after {
    left: 100%;
  }
}

.wc-tech-nav-item-box ul li a::before {
  position: static;
  margin-right: 0px;
  display: inline-block;
  height: 0px;
  width: 0px;
  flex-shrink: 0;
  background-color: transparent;
  background-image: url('/app/uploads/2024/10/arrow-right.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-content: '';
  content: var(--tw-content);
}

.wc-tech-nav-item-box ul li .wc-tech-nav-item-box ul li a::before {
  background-color: transparent;
}

.wc-tech-nav-item-box ul li a:hover::before {
  margin-right: 0.75rem;
  height: 14px;
  width: 1rem;
}

.list-menu .wc-tech-nav p.wc-tech-title img {
  opacity: 1;
}

.megamenu-spacing {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media (min-width: 1171px) {
  .megamenu-spacing {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 1660px) {
  .megamenu-spacing {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.megamenu-bottom-btn {
  margin-top: 1rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
}

@media (min-width: 1171px) {
  .megamenu-bottom-btn {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
  }
}

.main-menu .megamenu-bottom-btn .btn {
  display: inline-flex;
  align-items: center;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.megamenu-bottom-btn .btn img {
  width: 0.625rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.megamenu-bottom-btn .btn:hover img {
  --tw-translate-x: 0.375rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.custom-html-box .custom-bg-layer {
  position: fixed;
  left: 0px;
  top: 9rem;
  z-index: -1;
  display: none;
  height: 100%;
  width: 100%;
  background-color: rgb(0 0 0 / 0.6);
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  --tw-content: '';
  content: var(--tw-content);
}

.our-clients-logo a span .custom-html-box .custom-bg-layer {
  display: inline-block;
  vertical-align: middle;
}

.wc-images-left .staff-augmentation-help .custom-html-box .custom-bg-layer.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media screen and (max-width: 1170px) {
  .main-menu.custom-html-box .custom-bg-layer {
    left: 100%;
  }
}

@media (min-width: 1171px) {
  .custom-html-box .custom-bg-layer {
    display: block;
  }
}

.wc-megamenu-wrap .wc-res-menus {
  padding-left: 0px !important;
}

@media (min-width: 1171px) {
  .wc-megamenu-wrap .wc-res-menus {
    width: 55%;
    padding: 2rem;
  }
}

@media (min-width: 1660px) {
  .wc-megamenu-wrap .wc-res-menus {
    padding: 2.5rem;
  }
}

.wc-megamenu-wrap .wc-menu-blogs {
  position: relative;
  margin-top: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
  padding: 0.875rem;
}

.wc-our-process-section .wc-megamenu-wrap .wc-menu-blogs {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.wc-custom-squarespace .wc-megamenu-wrap .wc-menu-blogs .py-8 {
  padding-bottom: 0px;
}

@media (min-width: 992px) {
  .wc-megamenu-wrap .wc-menu-blogs {
    padding: 1.25rem;
  }
}

@media (min-width: 1171px) {
  .wc-megamenu-wrap .wc-menu-blogs {
    margin-top: 0px;
    width: 45%;
    padding: 2rem;
    padding-right: 0px;
  }
}

@media (min-width: 1660px) {
  .wc-megamenu-wrap .wc-menu-blogs {
    padding: 2.5rem;
  }
}

.wc-megamenu-wrap .wc-menu-blogs:after {
  position: absolute;
  top: 0px;
  left: 100%;
  z-index: 0;
  display: none;
  height: 100%;
  width: 33.333333%;
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.our-clients-logo a span .wc-megamenu-wrap .wc-menu-blogs:after {
  display: inline-block;
  vertical-align: middle;
}

.wc-our-process-section .wc-megamenu-wrap .wc-menu-blogs:after {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.wc-custom-squarespace .wc-megamenu-wrap .wc-menu-blogs .py-8:after {
  padding-bottom: 0px;
}

@media screen and (max-width: 1170px) {
  .main-menu.wc-megamenu-wrap .wc-menu-blogs:after {
    left: 100%;
  }
}

@media (min-width: 1171px) {
  .wc-megamenu-wrap .wc-menu-blogs:after {
    display: block;
  }
}

.wc-res-menus .wc-technologies-grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 1171px) {
  .wc-res-menus .wc-technologies-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wc-m-blog-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

.single-post #faqs .wc-m-blog-grid {
  display: block;
}

.feature-grid-2.wc-features-section .wc-m-blog-grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .feature-grid-2.wc-features-section .wc-m-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .feature-grid-2.wc-features-section .wc-m-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wc-odoo-integration-services-feature-section .wc-m-blog-grid {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .wc-odoo-integration-services-feature-section .wc-m-blog-grid {
    padding-bottom: 3.5rem;
  }
}

@media (min-width: 1660px) {
  .wc-odoo-integration-services-feature-section .wc-m-blog-grid {
    padding-bottom: 6rem;
  }
}

.wc-custom-faq-section .wc-m-blog-grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wc-custom-faq-section .wc-m-blog-grid .faq-title h4 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .wc-custom-faq-section .wc-m-blog-grid .faq-title h4 {
    font-size: 18px;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-m-blog-grid .faq-title h4 {
    font-size: 20px;
    line-height: 2.25rem;
  }
}

.wc-custom-faq-section .wc-m-blog-grid .faq-main {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .wc-custom-faq-section .wc-m-blog-grid .faq-main {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-m-blog-grid .faq-main {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.wc-custom-faq-section .wc-m-blog-grid .faq-main .faq-content p {
  margin: 0px;
}

.wc-custom-faq-section .wc-m-blog-grid .faq-title span {
  margin-right: 0.875rem;
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-m-blog-grid .faq-title span {
    margin-right: 22px;
  }
}

@media (min-width: 1660px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc-m-blog-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.wc_our_technology_stack_section .odoo-integration-content .wc-m-blog-grid>div {
  padding: 0.75rem;
}

@media (min-width: 1171px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc-m-blog-grid>div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.wc-faq-single-section .wc-m-blog-grid {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

@media (min-width: 640px) {
  .wc-m-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1660px) {
  .wc-m-blog-grid {
    gap: 1.5rem;
  }
}

.wc-client-review .wc-client-review {
  font-size: 16px;
  line-height: 1.5;
}

.wc-m-blog-box p.wc-m-blog-title {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-family: PPFragment;
  font-size: 17px;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .wc-m-blog-box p.wc-m-blog-title {
    font-size: 18px;
  }
}

@media (min-width: 1660px) {
  .wc-m-blog-box p.wc-m-blog-title {
    font-size: 20px;
  }
}

.wc-m-blog-box p.wc-m-blog-des {
  font-size: 14px;
  line-height: 1.5rem;
}

.wc-m-blog-box img.wc-blog-img {
  height: 160px;
  width: 100%;
  object-fit: cover;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.wc-images-left .staff-augmentation-help .wc-m-blog-box img.wc-blog-img.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media (min-width: 1660px) {
  .wc-m-blog-box img.wc-blog-img {
    height: 200px;
  }
}

.wc-m-blog-box:hover p.wc-m-blog-title {
  --tw-text-opacity: 1;
  color: rgb(131 118 79 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

/*.career-form-section .gform-body .gfield--type-phone .iti__flag-container{
    display: none !important;
}*/

/*.career-form-section .gform-body .gfield--type-phone .iti__flag-container .iti__selected-flag .iti__flag{
    display: none !important;
}*/

.career-form-section
.gform-body
.gfield--type-phone
.iti__flag-container
.iti__selected-flag {
  background: transparent !important;
}

/*.career-form-section .gform-body .gfield--type-phone .iti--allow-dropdown input{
    padding-left: 70px !important;
}*/

.wc-left-menu-tech.list-menu .wc-technologies-grid::-webkit-scrollbar-track {
  background-color: #e9e4da;
  border-radius: 5px;
}

.wc-left-menu-tech.list-menu .wc-technologies-grid::-webkit-scrollbar {
  width: 6px;
  background-color: #f4f1eb;
}

.wc-left-menu-tech.list-menu .wc-technologies-grid::-webkit-scrollbar-thumb {
  background-color: #1a2a1d;
  border-radius: 5px;
}

.wc-tech-nav-item-box {
  display: none;
}

.wc-tech-nav-item-box.active {
  display: block;
}

.active-header .site-header {
  position: sticky;
  top: 0px;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.benefit-centric-react-services {
  margin: 0px !important;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.wc-custom-squarespace .bg-gray-500 .benefit-centric-react-services {
  padding-bottom: 0px;
}

@media (min-width: 768px) {
  .benefit-centric-react-services {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}

@media (min-width: 1660px) {
  .benefit-centric-react-services {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.benefit-centric-react-two-col.benefit-centric-react-services {
  padding-top: 0px;
}

.benefit-centric-react-services .container {
  margin-left: auto;
  margin-right: auto;
}

.benefit-centric-react-services h2 {
  margin-bottom: 0.75rem;
}

.wc-custom-squarespace .feature-grid-2 .benefit-centric-react-services h2 {
  margin: 0px;
}

@media (min-width: 768px) {
  .benefit-centric-react-services h2 {
    margin-bottom: 1.25rem;
  }
}

.benefit-centric-react-services ul {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem;
  padding: 0px !important;
}

.single-post #faqs .benefit-centric-react-services ul {
  display: block;
}

.feature-grid-2.wc-features-section .benefit-centric-react-services ul {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .feature-grid-2.wc-features-section .benefit-centric-react-services ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .feature-grid-2.wc-features-section .benefit-centric-react-services ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wc-odoo-integration-services-feature-section .benefit-centric-react-services ul {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .wc-odoo-integration-services-feature-section .benefit-centric-react-services ul {
    padding-bottom: 3.5rem;
  }
}

@media (min-width: 1660px) {
  .wc-odoo-integration-services-feature-section .benefit-centric-react-services ul {
    padding-bottom: 6rem;
  }
}

.wc-custom-faq-section .benefit-centric-react-services ul {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wc-custom-faq-section .benefit-centric-react-services ul .faq-title h4 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .wc-custom-faq-section .benefit-centric-react-services ul .faq-title h4 {
    font-size: 18px;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .benefit-centric-react-services ul .faq-title h4 {
    font-size: 20px;
    line-height: 2.25rem;
  }
}

.wc-custom-faq-section .benefit-centric-react-services ul .faq-main {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .wc-custom-faq-section .benefit-centric-react-services ul .faq-main {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .benefit-centric-react-services ul .faq-main {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.wc-custom-faq-section .benefit-centric-react-services ul .faq-main .faq-content p {
  margin: 0px;
}

.wc-custom-faq-section .benefit-centric-react-services ul .faq-title span {
  margin-right: 0.875rem;
}

@media (min-width: 992px) {
  .wc-custom-faq-section .benefit-centric-react-services ul .faq-title span {
    margin-right: 22px;
  }
}

@media (min-width: 1660px) {
  .wc_our_technology_stack_section .odoo-integration-content .benefit-centric-react-services ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.wc_our_technology_stack_section .odoo-integration-content .benefit-centric-react-services ul>div {
  padding: 0.75rem;
}

@media (min-width: 1171px) {
  .wc_our_technology_stack_section .odoo-integration-content .benefit-centric-react-services ul>div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.wc-faq-single-section .benefit-centric-react-services ul {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

@media (min-width: 640px) {
  .benefit-centric-react-services ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .benefit-centric-react-services ul {
    gap: 1.75rem;
    padding-top: 1.25rem !important;
  }
}

@media (min-width: 992px) {
  .benefit-centric-react-services ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 640px) {
  .benefit-centric-react-two-col.benefit-centric-react-services ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.benefit-centric-react-services ul li {
  display: flex;
  list-style-type: none;
  align-items: center;
  border-left-width: 3px;
  --tw-border-opacity: 1;
  border-color: rgb(26 42 29 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-family: PPFragment;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.wc-custom-squarespace .mb-8 .benefit-centric-react-services ul li {
  align-items: center;
}

@media (min-width: 768px) {
  .benefit-centric-react-services ul li {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 18px;
  }
}

@media (min-width: 1171px) {
  .benefit-centric-react-services ul li {
    font-size: 20px;
  }
}

@media (min-width: 1660px) {
  .benefit-centric-react-services ul li {
    font-size: 24px;
  }
}

.wc-blog-box-btn-title {
  background-image: url(https://www.webbycrown.com/app/uploads/2024/12/wc-blog-box-btn-title.png);
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
}

@media (min-width: 768px) {
  .wc-blog-box-btn-title {
    padding: 1.75rem;
  }
}

@media (min-width: 992px) {
  .wc-blog-box-btn-title {
    padding: 2rem;
  }
}

@media (min-width: 1171px) {
  .wc-blog-box-btn-title {
    padding: 2.5rem;
  }
}

.wc-blog-box-btn-title .wp-block-heading {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.no-banner-image .wc-blog-box-btn-title .wp-block-heading {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.wc-blog-box-btn-title .wp-block-heading span {
  --tw-text-opacity: 1;
  color: rgb(131 118 79 / var(--tw-text-opacity, 1));
}

.wc-blog-box-btn-title .wp-block-button__link {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.no-banner-image span.wc-blog-box-btn-title .wp-block-button__link {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.wc-blog-box-btn-title .wp-block-button__link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.wc-blog-box-btn-title .wp-block-button__link:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%201L1%2011M11%201H2.66667M11%201V9.33333'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") !important;
}

.wc-blog-box-btn-title .wp-block-button__link:hover:after {
  filter: invert(100%) sepia(0) brightness(100%);
}

.header-search-part.search-open {
  width: 100%;
}

.wc-images-left .staff-augmentation-help .header-search-part.search-open.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media (min-width: 768px) {
  .header-search-part.search-open {
    width: calc(100% - 320px);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 1360px) {
  .header-search-part.search-open {
    width: calc(100% - 350px);
  }
}

@media (min-width: 1660px) {
  .header-search-part.search-open {
    width: calc(100% - 450px);
  }
}

.header-search-part {
  transition: all 0.5s, opacity 0.5s;
}

/*.header-search-part.search-open {
    transition-delay: .7s;
}*/

.header-search-part.search-open {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow: visible;
}

/*.header-search-part.search-open .search-popular-box{
    transition-delay: 0.9s;
}*/

.header-search-part .search-popular-box {
  transform: scaleY(0);
  transform-origin: 0 0;
  transition: transform 0.3s 0.5s;
}

.header-search-part.search-open .search-popular-box {
  transform: scaleY(1);
}

body {
  overflow-x: hidden;
}

body.open-search:after {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1;
  height: 100vh;
  width: 100vw;
  background-color: rgb(0 0 0 / 0.3);
  --tw-content: '';
  content: var(--tw-content);
}

body.active-header {
  overflow: hidden !important;
}

.wc-multicolumn-grid {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 15px;
}

@media (min-width: 480px) {
  .wc-multicolumn-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .wc-multicolumn-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.wc-multicolumn-grid .wc-multicolumn-info {
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 15px;
  padding-bottom: 18px;
}

.wc-multicolumn-grid .wc-multicolumn-info .wp-block-columns {
  margin: 0px;
}

.wc-multicolumn-grid .wc-multicolumn-info p {
  margin-bottom: 15px;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 22px;
  letter-spacing: -0.3px;
}

.wc-multicolumn-grid .wc-icon-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.wc-custom-squarespace .mb-8 .wc-multicolumn-grid .wc-icon-grid {
  align-items: center;
}

.wc-multicolumn-grid .wc-icon-grid .wp-block-image {
  margin: 0px;
  display: flex;
  height: 50px;
  width: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0px 1.84px 2.45px 0px #0000000D;
  --tw-shadow-colored: 0px 1.84px 2.45px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.no-banner-image span.wc-multicolumn-grid .wc-icon-grid .wp-block-image {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.wc-custom-squarespace .mb-8 .wc-multicolumn-grid .wc-icon-grid .wp-block-image {
  align-items: center;
}

.wc-main-article .wc-article-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.wc-custom-squarespace .mb-8 .wc-main-article .wc-article-wrapper {
  align-items: center;
}

.wc-main-article {
  margin-bottom: 18px;
}

.wc-main-article .wc-article-wrapper figure.wc-article-icon {
  margin: 0px;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
  padding: 5px;
}

.wc-custom-squarespace .mb-8 .wc-main-article .wc-article-wrapper figure.wc-article-icon {
  align-items: center;
}

.wc-main-article .wc-article-wrapper p strong {
  font-weight: 500;
}

.hcb_wrap.wc-code-section {
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(45 44 44 / var(--tw-bg-opacity, 1));
}

.wc-code-section .prism.off-numbers {
  border-radius: 0.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 55px;
  padding-bottom: 25px;
}

.wc-code-section .prism.off-numbers::before {
  display: flex;
  height: 2.25rem;
  width: 100%;
  align-items: center;
  border-radius: 8px 8px 0 0;
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 58 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: left;
  font-family: "Inter";
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: lowercase;
  --tw-content: attr(data-lang);
  content: var(--tw-content);
}

.hcb_wrap,
.hcb_wrap * {
  font-family: Fira Code !important;
}

.wc-code-section .prism.off-numbers code {
  --tw-bg-opacity: 1;
  background-color: rgb(45 44 44 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(156 220 254 / var(--tw-text-opacity, 1));
  --tw-drop-shadow: drop-shadow(0 0 #0000);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.wc-code-section .prism.off-numbers code .token.punctuation {
  --tw-text-opacity: 1;
  color: rgb(255 215 11 / var(--tw-text-opacity, 1));
}

.wc-code-section .prism.off-numbers code .token.comment {
  --tw-text-opacity: 1;
  color: rgb(106 153 85 / var(--tw-text-opacity, 1));
}

.wc-code-section .prism.off-numbers code .token.operator {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.no-banner-image .wc-code-section .prism.off-numbers code .token.operator {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.wc-code-section .prism.off-numbers code .token.string {
  --tw-text-opacity: 1;
  color: rgb(206 145 120 / var(--tw-text-opacity, 1));
}

.wc-code-section button.hcb-clipboard {
  top: 7px;
  height: 1.25rem;
  width: 130px;
  cursor: pointer;
  background-color: transparent;
  background-image: url(https://www.webbycrown.com/app/uploads/2025/01/Group-1171275988.png);
  background-position: top right;
  opacity: 1;
}

.wc-code-section button.hcb-clipboard::before {
  content: var(--tw-content);
  display: none;
}

.wc-odoo-integration-services-feature-section > div {
  padding-bottom: 0px !important;
}

.wc-odoo-integration-services-feature-section .grid {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .wc-odoo-integration-services-feature-section .grid {
    padding-bottom: 3.5rem;
  }
}

@media (min-width: 1660px) {
  .wc-odoo-integration-services-feature-section .grid {
    padding-bottom: 6rem;
  }
}

.wc-features-layout p:empty {
  display: none;
}

.our-clients-logo a span .wc-features-layout p:empty {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.wc-features-layout p:empty {
    left: 100%;
  }
}

.wc-features-layout p:nth-last-child(2) {
  margin-bottom: 0px;
}

#industries-we-serve {
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1));
}

#industries-we-serve .container {
  border-width: 0px;
}

@media (min-width: 992px) {
  #industries-we-serve .container .lg\:w-\[38\%\] {
    width: 36.6667%;
  }

  #industries-we-serve .container .lg\:w-\[62\%\] {
    width: 63.3333%;
  }
}

.ul-list-design ul {
  margin: 0px;
  padding-left: 0px;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

.ul-list-design ul li {
  position: relative;
  margin-bottom: 0.5rem;
  list-style-type: none;
  padding-left: 2rem;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  .ul-list-design ul li {
    margin-bottom: 1rem;
  }
}

.ul-list-design ul li::before {
  position: absolute;
  top: 6px;
  left: 0px;
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  background-image: url('/app/uploads/2025/02/list-arrow.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: '';
  content: var(--tw-content);
}

.wc-custom-faq-section .container {
  padding-left: 0px;
  padding-right: 0px;
}

.wc-custom-faq-section .faq-content {
  padding-left: 48px !important;
}

@media (min-width: 768px) {
  .wc-custom-faq-section .faq-content {
    padding-left: 48px !important;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .faq-content {
    padding-left: 70px !important;
  }
}

.wc-custom-faq-section .faq-margin > div,
.wc-custom-faq-section .faq-margin > div h2 {
  text-align: left;
}

.wc-custom-faq-section .grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wc-custom-faq-section .faq-margin {
  margin-bottom: 0px;
}

.wc-custom-faq-section .grid .faq-title h4 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .wc-custom-faq-section .grid .faq-title h4 {
    font-size: 18px;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .grid .faq-title h4 {
    font-size: 20px;
    line-height: 2.25rem;
  }
}

.wc-custom-faq-section .grid .faq-main {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .wc-custom-faq-section .grid .faq-main {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .grid .faq-main {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.wc-custom-faq-section .grid .faq-main .faq-content p {
  margin: 0px;
}

.wc-custom-faq-section .grid .faq-title span {
  margin-right: 0.875rem;
}

@media (min-width: 992px) {
  .wc-custom-faq-section .grid .faq-title span {
    margin-right: 22px;
  }
}

.wc-involvement .involvement-title {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.wc-images-left .staff-augmentation-help .wc-involvement .involvement-title.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media (min-width: 768px) {
  .wc-involvement .involvement-title {
    min-width: 126px;
    max-width: 126px;
  }
}

.wc-involvement .involvement-title h3 {
  font-size: 1rem;
  line-height: 1.25rem;
}

@media (min-width: 768px) {
  .wc-involvement .involvement-title h3 {
    font-size: 19px;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .wc-involvement .involvement-title h3 {
    font-size: 22px;
    line-height: 2rem;
  }
}

.involvement-content {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .involvement-content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.wc-involvement .our-involvement {
  border-bottom-width: 0px;
}

.wc-involvement .our-involvement:last-child {
  border-bottom-width: 1px;
}

.webby-left-sidebar-title {
  margin-bottom: 1.25rem;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

.webby-left-sidebar-title span {
  margin-right: 0.75rem;
}

.webby-left-sidebar {
  position: sticky;
  top: 1.25rem;
  margin-left: 3rem;
  margin-bottom: 30px;
  display: none;
  width: 100%;
  max-width: 388px;
  vertical-align: top;
}

.our-clients-logo a span .webby-left-sidebar {
  display: inline-block;
  vertical-align: middle;
}

.wc-images-left .staff-augmentation-help .webby-left-sidebar.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media screen and (max-width: 1170px) {
  .main-menu.webby-left-sidebar {
    left: 100%;
  }
}

@media (min-width: 768px) {
  .active-toc-body .webby-sidebar-content-section .webby-left-sidebar {
    display: inline-block;
  }
}

.active-toc-body .max-w-\[1030px\] {
  max-width: 1320px;
}

.webby-right-sidebar {
  display: inline-block;
  width: 100%;
}

.wc-images-left .staff-augmentation-help .webby-right-sidebar.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.webby-left-sidebar .webby-blog-menu {
  margin-bottom: 0px;
  height: auto;
  max-height: calc(100vh - 80px);
  overflow-y: auto;
  padding-right: 0.625rem;
  text-align: left;
  --tw-shadow: inset 2px 0px #e6e6e6;
  --tw-shadow-colored: inset 2px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.webby-left-sidebar a {
  position: relative;
  margin: 0px;
  margin-bottom: 1rem;
  display: flex;
  padding-left: 1.25rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.wc-custom-squarespace .mb-8 .webby-left-sidebar a {
  align-items: center;
}

.webby-left-sidebar a::before {
  position: absolute;
  left: 0px;
  top: 0px;
  display: inline-block;
  height: 100%;
  width: 2px;
  background-color: transparent;
  --tw-content: '';
  content: var(--tw-content);
}

.webby-blog-menu a.toc-h3 {
  position: relative;
  padding-left: 60px;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  --tw-text-opacity: 1;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
}

.webby-blog-menu a.toc-h3::after {
  position: absolute;
  top: 3px;
  left: 35px;
  display: block;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  background-image: url('https://www.webbycrown.com/app/uploads/2025/03/lets-icons_return-light-2.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: '';
  content: var(--tw-content);
}

.webby-left-sidebar a.active {
  text-decoration-line: underline;
}

.webby-left-sidebar a.active::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
}

.webby-left-sidebar a.active {
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

.additional-service.additional-study {
  padding-left: 0px;
}

.wc-container-case-study figure.wp-block-image img {
  width: 100% !important;
}

@media (min-width: 992px) {
  .wc-container-case-study .wp-block-column.full-4-column {
    width: 54% !important;
    flex-basis: 54% !important;
  }

  .wc-container-case-study {
    gap: 0 80px !important;
  }
}

@media (min-width: 1171px) {
  .wc-container-case-study {
    gap: 0 150px !important;
  }
}

ul.additional-sub-study li::before {
  background-image: url(https://www.webbycrown.com/app/uploads/2025/03/round1.svg);
  background-repeat: no-repeat;
}

.additional-service.additional-study li:before {
  background-image: url("https://www.webbycrown.com/app/uploads/2025/03/round.svg");
}

.solution_provide-profit {
  border-width: 10px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(246 239 244 / var(--tw-border-opacity, 1));
}

.solution_provide-assest {
  border-width: 10px;
  border-style: solid;
  border-color: #005E7A17;
}

.single-blog-table {
  margin-bottom: 25px;
}

.single-blog-table table {
  border-collapse: collapse;
}

.single-blog-table thead th {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 11px;
  padding-bottom: 11px;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  font-family: "PPFragment";
}

.single-blog-table tbody td {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
  font-family: "Poppins";
}

.single-blog-table tbody tr td:first-child {
  font-weight: 500;
}

.content_p {
  margin-bottom: 0px;
}

.overview-section .wp-block-column p {
  margin-bottom: 15px !important;
}

.wc-conclusion-performance .bg-\[\#FAE7F3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(227 237 240 / var(--tw-bg-opacity, 1));
}

.case-study-top-section .container-wrap .wc-the-solution-section {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 25px !important;
}

@media (min-width: 768px) {
  .case-study-top-section .container-wrap .wc-the-solution-section {
    gap: 75px !important;
    flex-direction: unset !important;
  }
}

.overview-section {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 50px;
  padding-bottom: 0px;
}

@media (min-width: 768px) {
  .overview-section {
    padding-top: 5rem;
    padding-bottom: 0px;
  }
}

@media (min-width: 992px) {
  .overview-section {
    padding-top: 100px;
    padding-bottom: 1.5rem;
  }
}

.about-theme-section.about-theme-Performance-section {
  padding-top: 0px !important;
}

.about-theme-section.about-theme-Performance-section .wp-block-column {
  padding-top: 0px !important;
}

.case-studies-grid-img .case-bg-hover {
  opacity: 0;
}

.case-studies-grid-img .case-bg-hover:hover {
  opacity: 1;
}

main.webflow-layout .webby-right-sidebar .single-post-content > h2:first-child {
  margin-top: 0px;
}

.border_icon_box_section .border_icon_box_wrap {
  gap: 1.25rem;
}

@media (min-width: 768px) {
  .border_icon_box_section .border_icon_box_wrap {
    gap: 1.5rem;
  }
}

@media (min-width: 992px) {
  .border_icon_box_section .border_icon_box_wrap {
    gap: 1.75rem;
  }
}

@media (min-width: 1171px) {
  .border_icon_box_section .border_icon_box_wrap {
    gap: 2rem;
  }
}

.border_icon_box_section .border_icon_box_wrap .border_icon_box_col {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding: 1.5rem;
}

@media (min-width: 768px) {
  .border_icon_box_section .border_icon_box_wrap .border_icon_box_col {
    padding: 1.75rem;
  }
}

@media (min-width: 1171px) {
  .border_icon_box_section .border_icon_box_wrap .border_icon_box_col {
    padding: 2rem;
  }
}

@media (min-width: 1660px) {
  .border_icon_box_section .border_icon_box_wrap .border_icon_box_col {
    padding: 2.5rem;
  }
}

body .container-wrap .wp-block-columns.wc_about_statamic_CMS_section {
  display: flex !important;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  body .container-wrap .wp-block-columns.wc_about_statamic_CMS_section {
    flex-direction: row;
    flex-wrap: nowrap !important;
    gap: 2.5rem;
  }
}

@media (min-width: 992px) {
  body .container-wrap .wp-block-columns.wc_about_statamic_CMS_section {
    gap: 3rem;
  }
}

@media (min-width: 1171px) {
  body .container-wrap .wp-block-columns.wc_about_statamic_CMS_section {
    gap: 4rem;
  }
}

@media (min-width: 1660px) {
  body .container-wrap .wp-block-columns.wc_about_statamic_CMS_section {
    gap: 5rem;
  }
}

.wc_about_statamic_CMS_section .wc_about_statamic_CMS_left {
  width: 100%;
  max-width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding: 1.5rem;
}

.wc-images-left .staff-augmentation-help .wc_about_statamic_CMS_section .wc_about_statamic_CMS_left.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media (min-width: 768px) {
  .wc_about_statamic_CMS_section .wc_about_statamic_CMS_left {
    position: sticky;
    top: 0.25rem;
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .wc_about_statamic_CMS_section .wc_about_statamic_CMS_left {
    padding: 2rem;
  }
}

@media (min-width: 1171px) {
  .wc_about_statamic_CMS_section .wc_about_statamic_CMS_left {
    max-width: 400px;
  }
}

@media (min-width: 1660px) {
  .wc_about_statamic_CMS_section .wc_about_statamic_CMS_left {
    max-width: 500px;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 2.5rem;
    padding-bottom: 3rem;
  }
}

.case-studies-listing p.highlight-link,
.border_icon_box_col p:last-child {
  margin-bottom: 0px;
}

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

/* New mega menu css start */

.wc-new-tech-megamenu {
  overflow-y: auto;
}

p.wc-company-title {
  margin: 0px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

.wc-images-left .staff-augmentation-help p.wc-company-title.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.wc-custom-squarespace .mb-8 p.wc-company-title {
  align-items: center;
}

@media (min-width: 1171px) {
  p.wc-company-title {
    font-size: 19px;
    line-height: 28px;
  }
}

.wc-company-nav p.wc-company-title {
  font-size: 15px;
}

@media (min-width: 1171px) {
  .wc-company-nav p.wc-company-title {
    font-size: 17px;
    line-height: 26px;
  }
}

/*.wc-mega-wrap {
  @apply md:flex block items-start 2xl:py-[45px] 1xl:py-[36px] md:py-[24px] py-[16px];
}*/

.wc_lists_megamenu_section {
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.no-banner-image span.wc_lists_megamenu_section {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.wc-images-left .staff-augmentation-help .wc_lists_megamenu_section.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.wc_lists_megamenu_section .wc_lists_megamenu_wrap {
  display: block;
  align-items: flex-start;
}

@media (min-width: 1171px) {
  .wc_lists_megamenu_section .wc_lists_megamenu_wrap {
    display: flex;
  }
}

.wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_left {
  width: 100%;
  border-color: #e2e2e2bf;
}

.wc-images-left .staff-augmentation-help .wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_left.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media (min-width: 1171px) {
  .wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_left {
    max-width: 280px;
    border-right-width: 1px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 35px;
  }
}

@media (min-width: 1660px) {
  .wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_left {
    max-width: 360px;
    padding-right: 2.5rem;
    padding-top: 2.5rem;
    padding-bottom: 50px;
  }
}

.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0px;
  padding: 0px;
  padding-right: 0.25rem;
}

.single-post #faqs .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid {
  display: block;
}

.feature-grid-2.wc-features-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .feature-grid-2.wc-features-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .feature-grid-2.wc-features-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wc-odoo-integration-services-feature-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .wc-odoo-integration-services-feature-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid {
    padding-bottom: 3.5rem;
  }
}

@media (min-width: 1660px) {
  .wc-odoo-integration-services-feature-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid {
    padding-bottom: 6rem;
  }
}

.wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid .faq-title h4 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid .faq-title h4 {
    font-size: 18px;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid .faq-title h4 {
    font-size: 20px;
    line-height: 2.25rem;
  }
}

.wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid .faq-main {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid .faq-main {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid .faq-main {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid .faq-main .faq-content p {
  margin: 0px;
}

.wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid .faq-title span {
  margin-right: 0.875rem;
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid .faq-title span {
    margin-right: 22px;
  }
}

@media (min-width: 1660px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.wc_our_technology_stack_section .odoo-integration-content .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid>div {
  padding: 0.75rem;
}

@media (min-width: 1171px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid>div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.wc-faq-single-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

@media (min-width: 1171px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid {
    max-height: 500px;
    gap: 15px;
    overflow: auto;
  }
}

@media (min-width: 1660px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid {
    gap: 18px;
  }
}

.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav {
  cursor: pointer;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 18px;
  padding-bottom: 18px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.no-banner-image span.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

@media (min-width: 1171px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav {
    border-radius: 7px;
    border-width: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 17px;
    padding-right: 15px;
  }
}

@media (min-width: 1660px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 24px;
    padding-right: 0.75rem;
  }
}

@media (min-width: 1171px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav.active,
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
  }
}

.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav
.wc_lists_megamenu_left_grid_nav_title {
  margin: 0px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.wc-images-left .staff-augmentation-help .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav
.wc_lists_megamenu_left_grid_nav_title.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.wc-custom-squarespace .mb-8 .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav
.wc_lists_megamenu_left_grid_nav_title {
  align-items: center;
}

@media (min-width: 1660px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav
.wc_lists_megamenu_left_grid_nav_title {
    font-size: 17px;
  }
}

.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav.active
.wc_lists_megamenu_left_grid_nav_title,
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav:hover
.wc_lists_megamenu_left_grid_nav_title {
  --tw-text-opacity: 1;
  color: rgb(131 118 79 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1171px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav.active
.wc_lists_megamenu_left_grid_nav_title,
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav:hover
.wc_lists_megamenu_left_grid_nav_title {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav.active
.wc_lists_megamenu_left_grid_nav_title
svg,
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav:hover
.wc_lists_megamenu_left_grid_nav_title
svg {
  opacity: 1;
}

.wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_right {
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.wc-images-left .staff-augmentation-help .wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_right.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media (min-width: 1171px) {
  .wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_right {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 1.25rem;
  }
}

@media (min-width: 1660px) {
  .wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_right {
    padding-top: 45px;
    padding-bottom: 45px;
    padding-left: 50px;
  }
}

.wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_right .wc_lists_megamenu_tab,
.wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_right .wc_lists_megamenu_sbu_tab {
  height: 100%;
}

@media (min-width: 1171px) {
  .wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_right .wc_lists_megamenu_tab,
.wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_right .wc_lists_megamenu_sbu_tab {
    max-height: 500px;
    overflow: auto;
  }
}

.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box {
  display: none;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 25px;
}

.our-clients-logo a span .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box {
    left: 100%;
  }
}

@media (min-width: 768px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box {
    gap: 1.75rem;
  }
}

@media (min-width: 1171px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box {
    gap: 13px 25px;
  }
}

@media (min-width: 1360px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1660px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box {
    gap: 30px 70px;
  }
}

.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active {
  display: grid;
}

.single-post #faqs .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active {
  display: block;
}

.feature-grid-2.wc-features-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .feature-grid-2.wc-features-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .feature-grid-2.wc-features-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wc-odoo-integration-services-feature-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .wc-odoo-integration-services-feature-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active {
    padding-bottom: 3.5rem;
  }
}

@media (min-width: 1660px) {
  .wc-odoo-integration-services-feature-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active {
    padding-bottom: 6rem;
  }
}

.wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active .faq-title h4 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active .faq-title h4 {
    font-size: 18px;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active .faq-title h4 {
    font-size: 20px;
    line-height: 2.25rem;
  }
}

.wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active .faq-main {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active .faq-main {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active .faq-main {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active .faq-main .faq-content p {
  margin: 0px;
}

.wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active .faq-title span {
  margin-right: 0.875rem;
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active .faq-title span {
    margin-right: 22px;
  }
}

@media (min-width: 1660px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.wc_our_technology_stack_section .odoo-integration-content .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active>div {
  padding: 0.75rem;
}

@media (min-width: 1171px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active>div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.wc-faq-single-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme {
  display: none;
}

.our-clients-logo a span .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme {
    left: 100%;
  }
}

.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme.active {
  display: block;
}

.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_itme_box
.wc_list_megamenu_tab_nav_itme,
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_itme_box
> a {
  position: relative;
  display: flex;
  width: 100%;
  gap: 0.75rem !important;
  padding: 0px;
}

.wc-images-left .staff-augmentation-help .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_itme_box
.wc_list_megamenu_tab_nav_itme.md\:w-1\/2.md\:order-2 img,.wc-images-left .staff-augmentation-help 
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_itme_box
> a.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.wc-custom-squarespace .mb-8 .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_itme_box
.wc_list_megamenu_tab_nav_itme,.wc-custom-squarespace .mb-8 
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_itme_box
> a {
  align-items: center;
}

@media (min-width: 1171px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_itme_box
.wc_list_megamenu_tab_nav_itme,
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_itme_box
> a {
    border-radius: 8px;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_itme_box
.wc_list_megamenu_tab_nav_itme:hover,
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_itme_box
> a:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
  }
}

@media (min-width: 1660px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_itme_box
.wc_list_megamenu_tab_nav_itme,
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_itme_box
> a {
    gap: 21px !important;
    border-radius: 6px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_right .wc_list_megamenu_tab_nav_itme_box a[href="javascript:void(0)"] {
  cursor: default;
}

.wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_right .wc_list_megamenu_tab_nav_itme_box a[href="javascript:void(0)"]:hover {
  background-color: transparent !important;
}

.wc_list_megamenu_tab_nav_itme_title {
  margin: 0px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  line-height: 25px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.wc-images-left .staff-augmentation-help .wc_list_megamenu_tab_nav_itme_title.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.wc-custom-squarespace .mb-8 .wc_list_megamenu_tab_nav_itme_title {
  align-items: center;
}

@media (min-width: 1660px) {
  .wc_list_megamenu_tab_nav_itme_title {
    font-size: 19px;
    line-height: 28px;
  }
}

.wc_list_megamenu_tab_nav_itme_des {
  margin-top: 3px;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  --tw-text-opacity: 1;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
}

@media (min-width: 1171px) {
  .wc_list_megamenu_tab_nav_itme_des {
    margin-top: 2px;
  }
}

@media (min-width: 1660px) {
  .wc_list_megamenu_tab_nav_itme_des {
    margin-top: 0.375rem;
    font-size: 15px;
  }
}

.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 26px;
}

.single-post #faqs .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list {
  display: block;
}

.feature-grid-2.wc-features-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .feature-grid-2.wc-features-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .feature-grid-2.wc-features-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wc-images-left .staff-augmentation-help .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.wc-odoo-integration-services-feature-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .wc-odoo-integration-services-feature-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list {
    padding-bottom: 3.5rem;
  }
}

@media (min-width: 1660px) {
  .wc-odoo-integration-services-feature-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list {
    padding-bottom: 6rem;
  }
}

.wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list .faq-title h4 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list .faq-title h4 {
    font-size: 18px;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list .faq-title h4 {
    font-size: 20px;
    line-height: 2.25rem;
  }
}

.wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list .faq-main {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list .faq-main {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list .faq-main {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list .faq-main .faq-content p {
  margin: 0px;
}

.wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list .faq-title span {
  margin-right: 0.875rem;
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list .faq-title span {
    margin-right: 22px;
  }
}

@media (min-width: 1660px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.wc_our_technology_stack_section .odoo-integration-content .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list>div {
  padding: 0.75rem;
}

@media (min-width: 1171px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list>div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.wc-faq-single-section .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

@media (min-width: 768px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1171px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list {
    gap: 25px 60px;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(234 234 234 / var(--tw-border-opacity, 1));
    padding-top: 22px;
  }
}

@media (min-width: 1660px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list {
    gap: 20px 30px;
  }
}

.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
ul
> li
> a {
  display: block;
  padding: 0px !important;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  line-height: 25px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
ul
> li
> a:hover {
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

@media (min-width: 1660px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
ul
> li
> a {
    font-size: 18px;
    line-height: 28px;
  }
}

.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
ul
> li
> a:hover {
  text-decoration-line: underline;
  text-decoration-color: #1A2A1D;
  transition-property: all;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
ul
> li
> p {
  margin-bottom: 0px;
  padding-top: 0.5rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
}

@media (min-width: 1660px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
ul
> li
> p {
    padding-top: 10px;
    font-size: 15px;
    line-height: 24px;
  }
}

.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
ul
> li {
  border-width: 0px;
}

@media (min-width: 1660px) {
  .wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
ul
> li {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}

.wc_list_megamenu_tab_nav_sub_itme_back {
  display: none;
  width: fit-content;
  cursor: pointer;
  align-items: center;
  gap: 8px;
  background-color: transparent;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.our-clients-logo a span .wc_list_megamenu_tab_nav_sub_itme_back {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.wc_list_megamenu_tab_nav_sub_itme_back {
    left: 100%;
  }
}

@media (min-width: 1171px) {
  .wc_list_megamenu_tab_nav_sub_itme_back {
    margin-bottom: 18px;
    display: flex;
  }
}

@media (min-width: 1660px) {
  .wc_list_megamenu_tab_nav_sub_itme_back {
    margin-bottom: 2rem;
    gap: 10px;
    font-size: 16px;
    line-height: 26px;
  }
}

.wc-mega-wrap {
  display: block;
  align-items: flex-start;
}

.wc-ghost-img-content.reverse-columns .wc-mega-wrap {
  flex-direction: row-reverse;
}

@media (min-width: 768px) {
  .wc-mega-wrap {
    display: flex;
  }
}

.wc-left-menu-company.list-menu {
  width: 100%;
}

.wc-images-left .staff-augmentation-help .wc-left-menu-company.list-menu.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media (min-width: 1171px) {
  .wc-left-menu-company.list-menu {
    width: 25%;
  }
}

@media (min-width: 1660px) {
  .wc-left-menu-company.list-menu {
    width: 23%;
  }
}

.wc-list-tech {
  height: 100%;
  max-height: 500px;
  width: 100%;
  overflow: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.wc-images-left .staff-augmentation-help .wc-list-tech.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media (min-width: 1171px) {
  .wc-list-tech {
    width: 75%;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 36px;
  }
}

@media (min-width: 1660px) {
  .wc-list-tech {
    width: 77%;
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 50px;
  }
}

.list_menu_tab_com {
  margin-left: 0px;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
}

.wc-images-left .staff-augmentation-help .list_menu_tab_com.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media (min-width: 768px) {
  .list_menu_tab_com {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

@media (min-width: 1171px) {
  .list_menu_tab_com {
    margin-left: 36px;
    width: 75%;
  }
}

@media (min-width: 1360px) {
  .list_menu_tab_com {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}

@media (min-width: 1660px) {
  .list_menu_tab_com {
    margin-left: 40px;
    width: 77%;
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

.wc-company-nav {
  cursor: pointer;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.no-banner-image span.wc-company-nav {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

@media (min-width: 768px) {
  .wc-company-nav {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
}

@media (min-width: 1171px) {
  .wc-company-nav {
    border-radius: 7px;
    border-width: 1px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.wc-company-nav.active,
.wc-company-nav:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.no-banner-image .wc-company-nav.active,
.no-banner-image 
.wc-company-nav:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.wc-company-nav.active p,
.wc-company-nav:hover p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.no-banner-image .wc-company-nav.active p,
.no-banner-image 
.wc-company-nav:hover p {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.wc-company-grid {
  display: grid;
  height: 100%;
  max-height: 500px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem;
  gap: 16px;
  overflow: auto;
  border-right-width: 0px;
  border-color: #e2e2e2bf;
  padding: 0px;
  padding-left: 0px !important;
}

.single-post #faqs .wc-company-grid {
  display: block;
}

.feature-grid-2.wc-features-section .wc-company-grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .feature-grid-2.wc-features-section .wc-company-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .feature-grid-2.wc-features-section .wc-company-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wc-odoo-integration-services-feature-section .wc-company-grid {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .wc-odoo-integration-services-feature-section .wc-company-grid {
    padding-bottom: 3.5rem;
  }
}

@media (min-width: 1660px) {
  .wc-odoo-integration-services-feature-section .wc-company-grid {
    padding-bottom: 6rem;
  }
}

.wc-custom-faq-section .wc-company-grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wc-custom-faq-section .wc-company-grid .faq-title h4 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .wc-custom-faq-section .wc-company-grid .faq-title h4 {
    font-size: 18px;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-company-grid .faq-title h4 {
    font-size: 20px;
    line-height: 2.25rem;
  }
}

.wc-custom-faq-section .wc-company-grid .faq-main {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .wc-custom-faq-section .wc-company-grid .faq-main {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-company-grid .faq-main {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.wc-custom-faq-section .wc-company-grid .faq-main .faq-content p {
  margin: 0px;
}

.wc-custom-faq-section .wc-company-grid .faq-title span {
  margin-right: 0.875rem;
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-company-grid .faq-title span {
    margin-right: 22px;
  }
}

@media (min-width: 1660px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc-company-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.wc_our_technology_stack_section .odoo-integration-content .wc-company-grid>div {
  padding: 0.75rem;
}

@media (min-width: 1171px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc-company-grid>div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.wc-faq-single-section .wc-company-grid {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

@media (min-width: 640px) {
  .wc-company-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .wc-company-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .wc-company-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
  }
}

@media (min-width: 1171px) {
  .wc-company-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 18px;
    border-right-width: 1px;
    padding-top: 36px;
    padding-bottom: 36px;
    padding-right: 36px;
  }
}

@media (min-width: 1660px) {
  .wc-company-grid {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 40px;
  }
}

.wc-back-to-menu {
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 10px;
  background-color: transparent;
  padding-bottom: 16px;
}

.wc-custom-squarespace .mb-8 .wc-back-to-menu {
  align-items: center;
}

@media (min-width: 768px) {
  .wc-back-to-menu {
    padding-bottom: 40px;
  }
}

.wc-company-sub-nav-item-box .wc-tech-list {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 24px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 234 234 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
}

.single-post #faqs .wc-company-sub-nav-item-box .wc-tech-list {
  display: block;
}

.feature-grid-2.wc-features-section .wc-company-sub-nav-item-box .wc-tech-list {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .feature-grid-2.wc-features-section .wc-company-sub-nav-item-box .wc-tech-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .feature-grid-2.wc-features-section .wc-company-sub-nav-item-box .wc-tech-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wc-images-left .staff-augmentation-help .wc-company-sub-nav-item-box .wc-tech-list.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.wc-odoo-integration-services-feature-section .wc-company-sub-nav-item-box .wc-tech-list {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .wc-odoo-integration-services-feature-section .wc-company-sub-nav-item-box .wc-tech-list {
    padding-bottom: 3.5rem;
  }
}

@media (min-width: 1660px) {
  .wc-odoo-integration-services-feature-section .wc-company-sub-nav-item-box .wc-tech-list {
    padding-bottom: 6rem;
  }
}

.wc-custom-faq-section .wc-company-sub-nav-item-box .wc-tech-list {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wc-custom-faq-section .wc-company-sub-nav-item-box .wc-tech-list .faq-title h4 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .wc-custom-faq-section .wc-company-sub-nav-item-box .wc-tech-list .faq-title h4 {
    font-size: 18px;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-company-sub-nav-item-box .wc-tech-list .faq-title h4 {
    font-size: 20px;
    line-height: 2.25rem;
  }
}

.wc-custom-faq-section .wc-company-sub-nav-item-box .wc-tech-list .faq-main {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .wc-custom-faq-section .wc-company-sub-nav-item-box .wc-tech-list .faq-main {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-company-sub-nav-item-box .wc-tech-list .faq-main {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.wc-custom-faq-section .wc-company-sub-nav-item-box .wc-tech-list .faq-main .faq-content p {
  margin: 0px;
}

.wc-custom-faq-section .wc-company-sub-nav-item-box .wc-tech-list .faq-title span {
  margin-right: 0.875rem;
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-company-sub-nav-item-box .wc-tech-list .faq-title span {
    margin-right: 22px;
  }
}

@media (min-width: 1660px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc-company-sub-nav-item-box .wc-tech-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.wc_our_technology_stack_section .odoo-integration-content .wc-company-sub-nav-item-box .wc-tech-list>div {
  padding: 0.75rem;
}

@media (min-width: 1171px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc-company-sub-nav-item-box .wc-tech-list>div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.wc-faq-single-section .wc-company-sub-nav-item-box .wc-tech-list {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

@media (min-width: 640px) {
  .wc-company-sub-nav-item-box .wc-tech-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .wc-company-sub-nav-item-box .wc-tech-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1660px) {
  .wc-company-sub-nav-item-box .wc-tech-list {
    column-gap: 30px;
  }
}

.wc-company-nav-item-box > a {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem;
}

.wc-images-left .staff-augmentation-help .wc-company-nav-item-box > a.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.wc-custom-squarespace .mb-8 .wc-company-nav-item-box > a {
  align-items: center;
}

@media (min-width: 992px) {
  .wc-company-nav-item-box > a {
    padding: 1rem;
  }
}

.wc-company-sub-nav-item-box ul > li > a {
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 768px) {
  .wc-company-sub-nav-item-box ul > li > a {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

.wc-company-megamenu {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.no-banner-image span.wc-company-megamenu {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.wc-custom-faq-section h3 {
  margin: 0px;
}

.wc-webflow-title-section a {
  text-decoration-line: underline;
}

.wc-webflow-title-section a:hover {
  text-decoration-line: none;
}

.wc-webflow-title-section p a {
  text-decoration-line: none;
}

.wc-technologies-grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem;
}

@media (min-width: 640px) {
  .wc-technologies-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .wc-technologies-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .wc-technologies-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
  }
}

@media (min-width: 1360px) {
  .wc-technologies-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1660px) {
  .wc-technologies-grid {
    gap: 30px 70px;
  }
}

.wc-company-sub-nav-item-box {
  display: none;
}

.our-clients-logo a span .wc-company-sub-nav-item-box {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.wc-company-sub-nav-item-box {
    left: 100%;
  }
}

.wc-company-sub-nav-item-box.active {
  display: block;
}

.wc-company-nav-box {
  display: none;
}

.our-clients-logo a span .wc-company-nav-box {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.wc-company-nav-box {
    left: 100%;
  }
}

.wc-company-nav-box.active {
  display: grid;
}

.single-post #faqs .wc-company-nav-box.active {
  display: block;
}

.feature-grid-2.wc-features-section .wc-company-nav-box.active {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .feature-grid-2.wc-features-section .wc-company-nav-box.active {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .feature-grid-2.wc-features-section .wc-company-nav-box.active {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wc-odoo-integration-services-feature-section .wc-company-nav-box.active {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .wc-odoo-integration-services-feature-section .wc-company-nav-box.active {
    padding-bottom: 3.5rem;
  }
}

@media (min-width: 1660px) {
  .wc-odoo-integration-services-feature-section .wc-company-nav-box.active {
    padding-bottom: 6rem;
  }
}

.wc-custom-faq-section .wc-company-nav-box.active {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wc-custom-faq-section .wc-company-nav-box.active .faq-title h4 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .wc-custom-faq-section .wc-company-nav-box.active .faq-title h4 {
    font-size: 18px;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-company-nav-box.active .faq-title h4 {
    font-size: 20px;
    line-height: 2.25rem;
  }
}

.wc-custom-faq-section .wc-company-nav-box.active .faq-main {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .wc-custom-faq-section .wc-company-nav-box.active .faq-main {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-company-nav-box.active .faq-main {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.wc-custom-faq-section .wc-company-nav-box.active .faq-main .faq-content p {
  margin: 0px;
}

.wc-custom-faq-section .wc-company-nav-box.active .faq-title span {
  margin-right: 0.875rem;
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wc-company-nav-box.active .faq-title span {
    margin-right: 22px;
  }
}

@media (min-width: 1660px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc-company-nav-box.active {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.wc_our_technology_stack_section .odoo-integration-content .wc-company-nav-box.active>div {
  padding: 0.75rem;
}

@media (min-width: 1171px) {
  .wc_our_technology_stack_section .odoo-integration-content .wc-company-nav-box.active>div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.wc-faq-single-section .wc-company-nav-box.active {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

p.wc-company-des {
  margin-top: 0.375rem;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5rem;
}

/* New mega menu css end */

h1.new-layout-title {
  line-height: 25px;
}

@media (min-width: 768px) {
  h1.new-layout-title {
    line-height: 30px;
  }
}

@media (min-width: 1660px) {
  h1.new-layout-title {
    line-height: 55px;
  }
}

.Get_in_Touch_left {
  padding: 2rem;
}

@media (min-width: 640px) {
  .Get_in_Touch_left {
    padding: 3rem;
  }
}

@media (min-width: 768px) {
  .Get_in_Touch_left {
    padding: 3.5rem;
  }
}

@media (min-width: 992px) {
  .Get_in_Touch_left {
    padding: 4rem;
  }
}

@media (min-width: 1171px) {
  .Get_in_Touch_left {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media (min-width: 1660px) {
  .Get_in_Touch_left {
    padding-top: 110px;
    padding-bottom: 110px;
    padding-left: 140px;
    padding-right: 108px;
  }
}

.features_tabs_section li:hover,
.features_tabs_section li.active {
  --tw-border-opacity: 1;
  border-color: rgb(26 42 29 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(26 42 29 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .wc_images_and_text_content_section .wc_left_and_right {
    gap: 3.5rem;
  }
}

@media (min-width: 1171px) {
  .wc_images_and_text_content_section .wc_left_and_right {
    gap: 5rem;
  }
}

@media (min-width: 1660px) {
  .wc_images_and_text_content_section .wc_left_and_right {
    gap: 120px;
  }
}

@media (min-width: 768px) {
  .wc_images_and_text_content_section .wc_left {
    width: 100% !important;
    max-width: 585px;
  }

  .wc_images_and_text_content_section .wc_right {
    width: 100% !important;
  }

  .wc_images_and_text_content_section .wc_left > img {
    max-width: 100% !important;
  }

  .wc_images_and_text_content_section .wc_right .max-w-\[656px\] {
    max-width: 935px !important;
  }
}

@media (min-width: 1660px) {
  .wc_our_technology_stack_section .odoo-integration-tabs-left {
    max-width: 430px;
  }
}

.wc_our_technology_stack_section .odoo-integration-item>div {
  gap: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 1171px) {
  .wc_our_technology_stack_section .odoo-integration-item>div {
    gap: 18px;
  }
}

@media (min-width: 1660px) {
  .wc_our_technology_stack_section .odoo-integration-item>div {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

/*.wc_our_technology_stack_section .odoo-integration-content {
  @apply 2xl:px-11 2xl:py-10 xl:p-9 lg:p-8 p-6;
}*/

@media (min-width: 1660px) {
  .wc_our_technology_stack_section .odoo-integration-content .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.wc_our_technology_stack_section .odoo-integration-content .grid>div {
  padding: 0.75rem;
}

@media (min-width: 1171px) {
  .wc_our_technology_stack_section .odoo-integration-content .grid>div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.camel_color {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.highlight-link .faq-padding {
  padding-top: 0px;
}

.img-float {
  float: right;
  width: 100%;
}

.wc-images-left .staff-augmentation-help .img-float.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media (min-width: 768px) {
  .img-float {
    width: 43.5%;
  }
}

.floated-img {
  margin-bottom: 1.5rem;
  height: fit-content;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

.wc-images-left .staff-augmentation-help .floated-img.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media (min-width: 768px) {
  .floated-img {
    margin-left: auto;
    margin-right: 0px;
    max-width: 83%;
  }
}

.story-img {
  width: 100%;
  max-width: 350px;
}

.wc-images-left .staff-augmentation-help .story-img.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

@media (min-width: 1171px) {
  .story-img {
    max-width: 400px;
  }
}

@media (min-width: 1360px) {
  .story-img {
    max-width: 450px;
  }
}

@media (min-width: 1660px) {
  .story-img {
    max-width: 500px;
  }
}

.story-right {
  display: grid;
  width: 100%;
  align-content: center;
  padding: 1.5rem;
}

.single-post #faqs .story-right {
  display: block;
}

.feature-grid-2.wc-features-section .story-right {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .feature-grid-2.wc-features-section .story-right {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .feature-grid-2.wc-features-section .story-right {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wc-images-left .staff-augmentation-help .story-right.md\:w-1\/2.md\:order-2 img {
  margin-left: 0px;
}

.wc-odoo-integration-services-feature-section .story-right {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .wc-odoo-integration-services-feature-section .story-right {
    padding-bottom: 3.5rem;
  }
}

@media (min-width: 1660px) {
  .wc-odoo-integration-services-feature-section .story-right {
    padding-bottom: 6rem;
  }
}

.wc-custom-faq-section .story-right {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wc-custom-faq-section .story-right .faq-title h4 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .wc-custom-faq-section .story-right .faq-title h4 {
    font-size: 18px;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .story-right .faq-title h4 {
    font-size: 20px;
    line-height: 2.25rem;
  }
}

.wc-custom-faq-section .story-right .faq-main {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .wc-custom-faq-section .story-right .faq-main {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .story-right .faq-main {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.wc-custom-faq-section .story-right .faq-main .faq-content p {
  margin: 0px;
}

.wc-custom-faq-section .story-right .faq-title span {
  margin-right: 0.875rem;
}

@media (min-width: 992px) {
  .wc-custom-faq-section .story-right .faq-title span {
    margin-right: 22px;
  }
}

@media (min-width: 1660px) {
  .wc_our_technology_stack_section .odoo-integration-content .story-right {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.wc_our_technology_stack_section .odoo-integration-content .story-right>div {
  padding: 0.75rem;
}

@media (min-width: 1171px) {
  .wc_our_technology_stack_section .odoo-integration-content .story-right>div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.wc-faq-single-section .story-right {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

@media (min-width: 768px) {
  .story-right {
    padding: 2rem;
  }
}

@media (min-width: 1360px) {
  .story-right {
    padding: 2.5rem;
  }
}

@media (min-width: 1660px) {
  .story-right {
    padding: 3rem;
  }
}

.case-story {
  display: block;
}

.wc-ghost-img-content.reverse-columns .case-story {
  flex-direction: row-reverse;
}

@media (min-width: 768px) {
  .case-story {
    display: flex;
  }
}

.story-outer-box {
  display: flex;
  flex-direction: column;
  gap: 55px;
}

.wc-custom-squarespace .mb-8 .story-outer-box {
  align-items: center;
}

.border_remove_box .border_icon_box_wrap {
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .border_remove_box .border_icon_box_wrap {
    gap: 2rem;
  }
}

@media (min-width: 992px) {
  .border_remove_box .border_icon_box_wrap {
    gap: 2.5rem;
  }
}

@media (min-width: 1171px) {
  .border_remove_box .border_icon_box_wrap {
    gap: 3rem;
  }
}

@media (min-width: 1660px) {
  .border_remove_box .border_icon_box_wrap {
    column-gap: 70px;
    row-gap: 60px;
  }
}

.border_remove_box .border_icon_box_wrap .border_icon_box_col {
  border-width: 0px;
  padding: 0px;
}

body .padding-botton-0 {
  padding-bottom: 0px !important;
}

/* new-blog */

.padding_bottom_remove .wp-new-layout-padding {
  padding-bottom: 0px !important;
}

.wp-new-layout-2 .wp-new-layout-grid .wp-new-layout-padding {
  padding: 0px !important;
}

.wp-new-layout-2 .wp-new-layout-grid .wp-new-layout-padding .container {
  padding: 0px !important;
}

.wp-new-layout-grid .border_icon_box_wrap {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.single-post #faqs .wp-new-layout-grid .border_icon_box_wrap {
  display: block;
}

.feature-grid-2.wc-features-section .wp-new-layout-grid .border_icon_box_wrap {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .feature-grid-2.wc-features-section .wp-new-layout-grid .border_icon_box_wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .feature-grid-2.wc-features-section .wp-new-layout-grid .border_icon_box_wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wc-odoo-integration-services-feature-section .wp-new-layout-grid .border_icon_box_wrap {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .wc-odoo-integration-services-feature-section .wp-new-layout-grid .border_icon_box_wrap {
    padding-bottom: 3.5rem;
  }
}

@media (min-width: 1660px) {
  .wc-odoo-integration-services-feature-section .wp-new-layout-grid .border_icon_box_wrap {
    padding-bottom: 6rem;
  }
}

.wc-custom-faq-section .wp-new-layout-grid .border_icon_box_wrap {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wc-custom-faq-section .wp-new-layout-grid .border_icon_box_wrap .faq-title h4 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .wc-custom-faq-section .wp-new-layout-grid .border_icon_box_wrap .faq-title h4 {
    font-size: 18px;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wp-new-layout-grid .border_icon_box_wrap .faq-title h4 {
    font-size: 20px;
    line-height: 2.25rem;
  }
}

.wc-custom-faq-section .wp-new-layout-grid .border_icon_box_wrap .faq-main {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .wc-custom-faq-section .wp-new-layout-grid .border_icon_box_wrap .faq-main {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wp-new-layout-grid .border_icon_box_wrap .faq-main {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.wc-custom-faq-section .wp-new-layout-grid .border_icon_box_wrap .faq-main .faq-content p {
  margin: 0px;
}

.wc-custom-faq-section .wp-new-layout-grid .border_icon_box_wrap .faq-title span {
  margin-right: 0.875rem;
}

@media (min-width: 992px) {
  .wc-custom-faq-section .wp-new-layout-grid .border_icon_box_wrap .faq-title span {
    margin-right: 22px;
  }
}

@media (min-width: 1660px) {
  .wc_our_technology_stack_section .odoo-integration-content .wp-new-layout-grid .border_icon_box_wrap {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.wc_our_technology_stack_section .odoo-integration-content .wp-new-layout-grid .border_icon_box_wrap>div {
  padding: 0.75rem;
}

@media (min-width: 1171px) {
  .wc_our_technology_stack_section .odoo-integration-content .wp-new-layout-grid .border_icon_box_wrap>div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.wc-faq-single-section .wp-new-layout-grid .border_icon_box_wrap {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

@media (min-width: 640px) {
  .wp-new-layout-grid .border_icon_box_wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .wp-new-layout-grid .border_icon_box_wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1171px) {
  .wp-new-layout-grid .border_icon_box_wrap {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1660px) {
  .wp-new-layout-grid .border_icon_box_wrap {
    gap: 1.5rem;
  }
}

.wp-new-layout-grid .border_icon_box_wrap .border_icon_box_col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-align: center;
}

.single-post #faqs .wp-new-layout-grid .border_icon_box_wrap .border_icon_box_col {
  text-align: left;
}

.wc-custom-squarespace .mb-8 .wp-new-layout-grid .border_icon_box_wrap .border_icon_box_col {
  align-items: center;
}

.wp-new-layout-grid .border_icon_box_wrap .border_icon_box_col h3 {
  margin-bottom: 1rem;
  margin-top: 0px;
  font-size: 20px;
  font-weight: 400;
}

@media (min-width: 1171px) {
  .wp-new-layout-grid .border_icon_box_wrap .border_icon_box_col h3 {
    font-size: 24px;
  }
}

@media (min-width: 1360px) {
  .wp-new-layout-grid .border_icon_box_wrap .border_icon_box_col h3 {
    font-size: 25px;
  }
}

.wp-new-layout-2 .wp-new-layout-left {
  width: 95%;
}

.wp-new-layout-2 h1.new-layout-title {
  font-size: 22px;
  line-height: 25px;
}

@media (min-width: 640px) {
  .wp-new-layout-2 h1.new-layout-title {
    font-size: 30px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .wp-new-layout-2 h1.new-layout-title {
    font-size: 36px;
    line-height: 45px;
  }
}

@media (min-width: 1360px) {
  .wp-new-layout-2 h1.new-layout-title {
    font-size: 40px;
    line-height: 50px;
  }
}

@media (min-width: 1660px) {
  .wp-new-layout-2 h1.new-layout-title {
    font-size: 45px;
    line-height: 55px;
  }
}

/*.wp-new-layout-grid .border_icon_box_wrap .border_icon_box_col div{
  @apply !mb-0;
}*/

.wp-new-layout-features .wc-features-layout h3 {
  margin: 0px;
}

.wc_based_ai_chatbot img {
  object-fit: contain;
}

@media (min-width: 640px) {
  .wc_based_ai_chatbot img {
    height: 550px;
  }
}

@media screen and (max-width: 1024px) {
  .single-blog-table {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 15px;
  }

  .wc-images-left .staff-augmentation-help .single-blog-table.md\:w-1\/2.md\:order-2 img {
    margin-left: 0px;
  }

  .single-blog-table thead th {
    white-space: nowrap;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .single-blog-table tbody td {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.wc-width-auto {
  width: auto;
  max-width: fit-content;
}

.filter-marker.filter-sub-marker {
  padding-left: 51px;
}

.filter-marker.filter-sub-marker li::before {
  background-image: url(https://www.webbycrown.com/app/uploads/2025/03/round1.svg);
  background-repeat: no-repeat;
}

.wc-expert-section {
  border-left-width: 3px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-left-color: rgb(26 42 29 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1));
  background-image: url(https://www.webbycrown.com/app/uploads/2025/03/Group-1000002581.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 25px;
  padding-bottom: 21px;
}

.wc-expert-section h4 {
  font-size: 22px;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.wc-expert-section h4 a {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.wc-expert-section h4 a:hover {
  text-decoration-line: underline;
  text-decoration-color: rgba(131,118,79,var(--tw-text-opacity));
}

.wc-effortless-table .single-blog-table thead th {
  border-width: 0px;
}

.wc-effortless-table .single-blog-table thead th img {
  margin: auto;
  max-width: 80px;
}

.wc-effortless-table .single-blog-table thead th:nth-child(1) {
  border-right-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-right-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
}

.wc-effortless-table .single-blog-table tbody td {
  border-left-width: 0px;
  border-right-width: 0px;
}

.wc-effortless-table .single-blog-table tbody td:first-child {
  border-right-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-right-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
}

.wc-effortless-table .single-blog-table tbody td img {
  margin: auto;
  max-width: 24px;
}

.wc-main-article .wc-article-wrapper.wc-article-title-icon .wp-block-heading {
  margin: 0px;
}

.wc-main-article .wc-article-wrapper.wc-article-title-icon {
  align-items: center;
}

.wc-pl-50 {
  padding-left: 50px;
}

#technologies-we-use .offer-our-clients:last-child {
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
}

.WC-Features-Of-Bagisto-BG-Section {
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1));
}

.WC-Features-Of-Bagisto-BG-Section .wc-features-layout {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.no-banner-image span.WC-Features-Of-Bagisto-BG-Section .wc-features-layout {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.artificial-intelligence-development-services-section .wc-features-layout {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.border-remove.artificial-intelligence-development-services-section .wc-features-layout {
  border-width: 0px;
}

.artificial-intelligence-development-services-section .wc-features-layout hr {
  display: none;
}

.our-clients-logo a span .artificial-intelligence-development-services-section .wc-features-layout hr {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1170px) {
  .main-menu.artificial-intelligence-development-services-section .wc-features-layout hr {
    left: 100%;
  }
}

.artificial-intelligence-development-services-section .wc-features-layout h3 {
  margin-bottom: 1rem;
}

.wc-our-process-section .bg-gray-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.wc-custom-squarespace .feature-grid-2 .py-10 {
  padding: 0px;
}

.wc-custom-squarespace .feature-grid-2 .mb-3 {
  margin: 0px;
}

.wc-custom-squarespace .bg-gray-500 .py-8 {
  padding-bottom: 0px;
}

.wc-custom-squarespace .mb-8 .flex {
  align-items: center;
}

.wc-single-js-table .single-blog-table thead th,
.wc-single-js-table .single-blog-table tbody tr td {
  white-space: nowrap;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-weight: 400;
}

@media (min-width: 992px) {
  .wc-single-js-table .single-blog-table thead th,
.wc-single-js-table .single-blog-table tbody tr td {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 17px;
    padding-bottom: 17px;
  }

  .wc-single-js-table .single-blog-table thead th {
    width: 400px;
  }
}

.wc-single-js-table .single-blog-table {
  margin-bottom: 0px;
}

.wc-Testing-section > div {
  padding-bottom: 0 !important;
}

.start-project {
  position: absolute;
  bottom: 0.25rem;
  display: flex;
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.no-banner-image span.start-project {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

@media (min-width: 640px) {
  .wc-integrations-section .start-project {
    height: 72px;
    width: 72px;
  }
}

.wc-custom-squarespace .mb-8 .start-project {
  align-items: center;
}

@media (min-width: 640px) {
  .start-project {
    bottom: 24px;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (min-width: 768px) {
  .start-project {
    bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 992px) {
  .start-project {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.single-blog-img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wc-custom-squarespace .mb-8 .single-blog-img {
  align-items: center;
}

.wc-company-nav-item.wc-tech-nav.nav-has-sub-menu.active {
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 244 / var(--tw-bg-opacity, 1));
}

.wc-our-process-section .wc-company-nav-item.wc-tech-nav.nav-has-sub-menu.active {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1)) !important;
}

.wc-custom-squarespace .wc-company-nav-item.wc-tech-nav.nav-has-sub-menu.active .py-8 {
  padding-bottom: 0px;
}

.wc-company-nav-item.wc-tech-nav.nav-has-sub-menu.active {
  background-color: #F3F5F4 !important;
}

.wc-company-des {
  margin-bottom: 0px;
}

.wc-tech-list ul li p {
  margin-top: 0.5rem;
}

.wc-tech-list li {
  height: fit-content;
}

.wc-tech-list ul li a {
  margin-bottom: 10px;
  row-gap: 0px;
  padding: 0px;
}

/* .wc-company-sub-nav-item-box .wc-tech-list {
  @apply gap-[17px];
} */

.wc-tech-nav {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.wc-technologies-grid {
  gap: 5px 70px;
}

.site-main.new-layout
.webby-right-sidebar
.single-post-content
> h2:first-child {
  margin-top: 0px;
}

.wc-faq-single-section .grid {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

/* header menu scrollbar */

.wc_lists_megamenu_section *::-webkit-scrollbar {
  width: 4px;
  background: rgb(243 245 244);
}

.wc_lists_megamenu_section *:hover::-webkit-scrollbar {
  width: 4px;
}

.wc_lists_megamenu_section *:hover::-webkit-scrollbar-thumb {
  background: rgb(233 233 233);
  border-radius: 50px;
}

@media (min-width: 991px) {
  .technologies-development-service::-webkit-scrollbar-track {
    background-color: #e9e4da;
    border-radius: 5px;
  }

  .technologies-development-service::-webkit-scrollbar {
    width: 6px;
    background-color: #f4f1eb;
  }

  .technologies-development-service::-webkit-scrollbar-thumb {
    background-color: #1a2a1d;
    border-radius: 5px;
  }

  .staff-augmentation-help img {
    max-width: 74%;
  }

  .img-float {
    width: 43.5%;
  }
}

@media (min-width: 1169px) and (max-width: 1438px) {
  .main-navigation ul > li a {
    font-size: 16px;
  }

  .site-header .btn {
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 1.375;
  }

  .menu-main-menu-container .menu {
    column-gap: 0.5rem;
  }
}

@media (max-width: 1420px) {
  .container {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 1280px) {
  .header-search-form form#searchform {
    max-width: 1000px;
  }
}

@media (max-width: 1170px) {
  .container {
    max-width: 100%;
  }

  .wp-container-core-columns-layout-8.wp-container-core-columns-layout-8 {
    margin-top: 0px !important;
    padding-top: 0px !important;
  }

  .margin-bottom-20 {
    margin-bottom: 1.25rem !important;
  }

  @media (min-width: 768px) {
    .margin-bottom-20 {
      margin-bottom: 2rem !important;
    }
  }

  .main-navigation ul > li.custom-megamenu > a {
    display: inline-block;
    width: calc(100% - 12px);
  }

  .custom-megamenu.menu-item span.caret-arrow {
    display: inline-flex !important;
    width: 0.75rem;
    align-items: center;
    justify-content: center;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  }

  .custom-megamenu.menu-item span.caret-arrow svg {
    height: 0.75rem;
    width: 0.75rem;
  }

  .custom-megamenu.menu-item span.caret-arrow.active svg {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .custom-html-box .container {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .custom-html-box .wc-tech-nav img,
  .main-menu .wc-tech-nav .wc-nav-link img {
    height: auto;
    max-width: 35px;
  }

  .wc-tech-nav p.wc-tech-title img {
    opacity: 1;
  }

  .wc-tech-nav:after {
    border-radius: 0px;
  }
}

@media screen and (min-width: 1170px) {
  .main-navigation ul > li.menu-item-has-children .caret-arrow {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    margin-top: -6px;
    font-size: 12px;
    line-height: 1;
  }

  @media (min-width: 1360px) {
    .main-navigation ul > li.menu-item-has-children .caret-arrow {
      right: 0.875rem;
      font-size: 13px;
    }
  }

  @media (min-width: 1660px) {
    .main-navigation ul > li.menu-item-has-children .caret-arrow {
      right: 0.75rem;
    }
  }

  .main-navigation ul > li.menu-item-has-children .caret-arrow:before {
    display: block;
    font-size: 16px;
  }

  .main-navigation ul > li.menu-item-has-children:hover .caret-arrow {
    --tw-rotate: -180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .main-navigation ul li:hover .sub-menu {
    display: block !important;
  }

  .main-navigation ul > li.menu-item-has-children > a {
    padding-right: 1.75rem !important;
  }

  @media (min-width: 1360px) {
    .main-navigation ul > li.menu-item-has-children > a {
      padding-right: 2rem !important;
    }
  }

  @media (min-width: 1660px) {
    .main-navigation ul > li.menu-item-has-children > a {
      padding-right: 2rem !important;
    }
  }

  .main-navigation ul > li.last-menu {
    display: none;
  }

  .our-clients-logo a span .main-navigation ul > li.last-menu {
    display: inline-block;
    vertical-align: middle;
  }

  @media screen and (max-width: 1170px) {
    .main-menu.main-navigation ul > li.last-menu {
      left: 100%;
    }
  }

  .custom-html-box {
    max-height: calc(100vh - 112px);
    overflow: hidden;
    overflow-y: auto;
  }
}

@media only screen and (min-width: 640px) and (max-width: 1170px) {
}

@media screen and (max-width: 1170px) {
  .main-menu {
    position: fixed;
    top: 0px;
    z-index: 100;
    display: block !important;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-top: 0px;
    padding-bottom: 92px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
  }

  
.no-banner-image .main-menu {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  }

  .no-banner-image span.main-menu {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  }

  .wc-images-left .staff-augmentation-help .main-menu.md\:w-1\/2.md\:order-2 img {
    margin-left: 0px;
  }

  .main-menu.hidden {
    left: 100%;
  }

  .main-menu {
    left: 0px;
  }

  .menu-toggle {
    background-color: transparent;
  }

  .menu-toggle.active .open {
    display: block;
  }

  @media (min-width: 640px) {
    .menu-toggle.active .open {
      display: none;
    }
  }

  .menu-toggle.active .close {
    display: none;
  }

  .our-clients-logo a span .menu-toggle.active .close {
    display: inline-block;
    vertical-align: middle;
  }

  @media screen and (max-width: 1170px) {
    .main-menu.menu-toggle.active .close {
      left: 100%;
    }
  }

  @media (min-width: 640px) {
    .menu-toggle.active .close {
      display: block;
    }
  }

  .menu-toggle .close {
    display: none;
  }

  .our-clients-logo a span .menu-toggle .close {
    display: inline-block;
    vertical-align: middle;
  }

  @media screen and (max-width: 1170px) {
    .main-menu.menu-toggle .close {
      left: 100%;
    }
  }

  .main-menu .m_menu.mobile-social {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(234 234 234 / var(--tw-border-opacity, 1));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  @media (min-width: 768px) {
    .main-menu .m_menu.mobile-social {
      padding-left: 1.75rem;
      padding-right: 1.75rem;
    }
  }

  /*.main-menu.open {
        @apply left-0
    }*/

  .main-navigation ul > li.menu-item-has-children .caret-arrow {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    height: 58px;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
  }

  .wc-custom-squarespace .mb-8 .main-navigation ul > li.menu-item-has-children .caret-arrow {
    align-items: center;
  }

  .main-menu .menu li.sub-active .caret-arrow {
    height: 62px;
    --tw-rotate: -180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .main-menu .menu li .wc-left-menu-tech .list_menu_tab {
    display: block !important;
  }

  .main-menu .menu li .wc-left-menu-tech .list_menu_tab .wc-tech-nav-item-box,
    .main-menu .menu .custom-html-box {
    position: fixed;
    top: 0px;
    left: auto !important;
    right: -100%;
    z-index: 5;
    display: block !important;
    height: calc(100% - 92px);
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .no-banner-image span.main-menu .menu li .wc-left-menu-tech .list_menu_tab .wc-tech-nav-item-box,.no-banner-image span
    .main-menu .menu .custom-html-box {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  }

  .wc-images-left .staff-augmentation-help .main-menu .menu li .wc-left-menu-tech .list_menu_tab .wc-tech-nav-item-box.md\:w-1\/2.md\:order-2 img,.wc-images-left .staff-augmentation-help 
    .main-menu .menu .custom-html-box.md\:w-1\/2.md\:order-2 img {
    margin-left: 0px;
  }

  .main-menu
    .menu
    li
    .wc-left-menu-tech
    .list_menu_tab
    .wc-tech-nav-item-box.active,
    .main-menu .menu li.active .custom-html-box {
    right: 0px !important;
  }

  .custom-html-box .wc-tech-nav {
    align-items: center;
    border-radius: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(234 234 234 / var(--tw-border-opacity, 1));
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .custom-html-box .container {
    height: calc(100% - 71px);
    overflow-y: auto;
    padding-bottom: 0.75rem;
  }

  .main-menu .menu .custom-html-box .wc-tech-megamenu {
    position: static;
    height: 100%;
  }

  .wc-megamenu-wrap .wc-left-menu-tech {
    position: static;
  }

  .wc-technologies-grid {
    gap: 0px 70px;
  }

  /* .main-navigation .menu li.sub-active>a {
        @apply bg-white/10 !rounded-lg !px-3 -mx-3
    } */

  .main-navigation .menu li .sub-menu > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }

  .main-navigation .menu li .sub-menu {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
  }

  .main-navigation ul > li a:hover .main-navigation .menu li .sub-menu li {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
  }

  .main-navigation .menu li .sub-menu li a {
    display: flex;
    align-items: center;
    border-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    opacity: 0.5;
  }

  .wc-custom-squarespace .mb-8 .main-navigation .menu li .sub-menu li a {
    align-items: center;
  }

  .main-navigation .menu li .sub-menu li a::before {
    --tw-content: '-';
    content: var(--tw-content);
  }

  .main-navigation .menu li .sub-menu li a:before {
    position: static;
    margin-right: 0.375rem;
    display: block;
    height: auto;
    width: auto;
    background-color: transparent;
  }

  .main-navigation .menu li.current-menu-parent > a,
    .main-navigation .menu li .sub-menu li.current-menu-item a {
    opacity: 1;
  }

  .main-menu .menu {
    display: block;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .main-menu .menu li {
    display: flex;
    flex-wrap: wrap;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(234 234 234 / var(--tw-border-opacity, 1));
  }

  .wc-custom-squarespace .mb-8 .main-menu .menu li {
    align-items: center;
  }

  @media (min-width: 1171px) {
    .main-menu .menu li {
      align-items: center;
    }
  }

  .main-menu .menu li a {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  }

  .wc-images-left .staff-augmentation-help .main-menu .menu li a.md\:w-1\/2.md\:order-2 img {
    margin-left: 0px;
  }

  .main-menu .menu li a:hover {
    --tw-text-opacity: 1;
    color: rgb(131 118 79 / var(--tw-text-opacity, 1));
  }

  .main-menu .menu li.menu-item > a:before {
    margin-right: 0px;
    display: inline-block;
    height: 0px;
    width: 0px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    vertical-align: middle;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    --tw-content: '';
    content: var(--tw-content);
  }

  .no-banner-image span.main-menu .menu li.menu-item > a:before {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  }

  @media (min-width: 640px) {
    .wc-integrations-section .main-menu .menu li.menu-item > a:before {
      height: 72px;
      width: 72px;
    }
  }

  .main-menu .menu li.current-menu-item a:before,
    .main-menu .menu li.current-menu-parent a:before {
    margin-right: 0.625rem;
    height: 0.25rem;
    width: 0.25rem;
  }

  .main-menu .nav-wrapper {
    display: block;
    height: calc(100% - 92px);
    overflow: auto;
    padding-bottom: 0px;
  }

  .main-menu .menu .wc-tech-nav-item-box ul {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 22px;
    padding-bottom: 22px;
  }

  @media (min-width: 640px) {
    .main-menu .menu .wc-tech-nav-item-box ul {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
  }

  .main-menu .menu .wc-tech-nav-item-box ul li {
    border-width: 0px;
  }

  .main-menu .menu .wc-tech-nav-item-box ul li a {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  @media (min-width: 640px) {
    .main-menu .menu .wc-tech-nav-item-box ul li a {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
  }

  .mobile-social .social-link {
    justify-content: center;
    gap: 0.5rem;
  }

  .mobile-social .social-link li a {
    height: 2.75rem;
    width: 2.75rem;
    border-width: 1px;
    border-color: rgb(255 255 255 / 0.3);
    font-size: 17px;
  }

  .mobile-social .social-link li a:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(26 42 29 / var(--tw-text-opacity, 1));
  }

  .company-services-list .company-services-box:nth-of-type(3) {
    border-width: 0px !important;
  }

  .menu-toggle.active {
    position: relative;
    z-index: 1;
  }

  .mobilemenu-close {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -1;
    height: 100%;
    width: 100%;
    background-color: rgb(0 0 0 / 0.7);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .wc-images-left .staff-augmentation-help .mobilemenu-close.md\:w-1\/2.md\:order-2 img {
    margin-left: 0px;
  }

  .gform_wrapper .gform_footer .gform_button,
    .searchform input#searchsubmit {
    background-position: center right 25px;
  }

  button.menu-toggle {
    position: relative;
    height: 30px;
    width: 26px;
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    cursor: pointer;
    transition-property: all;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  @media (min-width: 640px) {
    button.menu-toggle {
      width: 30px;
    }
  }

  button.menu-toggle span {
    position: absolute;
    left: 2px;
    display: block;
    height: 2px;
    width: 88%;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
    opacity: 1;
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  button.menu-toggle span:nth-child(1) {
    top: 0.375rem;
    transform-origin: left;
  }

  button.menu-toggle span:nth-child(2) {
    top: 14px;
    transform-origin: left;
  }

  button.menu-toggle span:nth-child(3) {
    top: 22px;
    transform-origin: left;
  }

  /*.menu-toggle.active span {
        @apply bg-theme-900
    }

    .menu-toggle.active span:nth-child(1) {
        @apply top-[2.5px] left-[6px] rotate-45
    }

    .menu-toggle.active span:nth-child(2) {
        @apply w-0 opacity-0
    }

    .menu-toggle.active span:nth-child(3) {
        @apply top-[19px] left-[6px] -rotate-45
    }*/

  .hiring-step.recruitment-process.noimg-steps .step-scroll-line {
    top: 3%;
  }
}

@media (max-width: 1024px) {
  .filter-marker.filter-sub-marker {
    padding-left: 2.5rem;
  }

  .wc-expert-section {
    padding: 1.25rem;
  }

  .wc-expert-section h4 {
    font-size: 20px;
    line-height: 2rem;
  }
}

@media (max-width: 781px) {
  .right-img-full {
    position: static;
  }
}

@media (max-width: 991px) {
  .wc-expert-section h4 {
    font-size: 18px;
    line-height: 1.75rem;
  }

  .container-wrap .wp-block-columns {
    display: block !important;
  }

  .what-comes-column {
    padding-left: 0px !important;
  }

  .case-study-top-section {
    margin-bottom: 0px !important;
  }

  /* .container-wrap .wp-block-heading {
        @apply !mb-5
    } */

  .right-img-full {
    position: static;
    margin-top: 1.75rem !important;
    width: 100% !important;
  }

  .container-wrap .wp-container-core-columns-layout-4 p {
    margin-bottom: 2rem !important;
  }

  .get-touch-bottom-section {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .contact-info:after {
    content: "";
    position: absolute;
    top: 0px;
    right: -500%;
    display: block;
    height: 100%;
    width: 500%;
    background-color: rgb(244 241 235 / 0.5);
  }

  .reverse-mobile.wp-block-columns {
    display: flex !important;
    flex-direction: column-reverse;
    gap: 0px !important;
  }

  .highlight-link .faq-padding {
    padding-top: 0px;
  }

  /*.story-img{
     @apply w-full h-[450px] max-w-full;
   }*/

  .story-img {
    width: 100%;
    max-width: 100%;
  }

  .wc-images-left .staff-augmentation-help .story-img.md\:w-1\/2.md\:order-2 img {
    margin-left: 0px;
  }

  /*.story-right{
    @apply w-full p-6 grid content-center;
  }*/

  .case-story {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .blog-title {
    font-size: 22px;
  }

  .footer-menu-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .wc-custom-squarespace .mb-8 .footer-menu-title {
    align-items: center;
  }

  .footer-menu-title:after {
    content: "";
    margin-right: 5px;
    height: 7px;
    width: 11px;
    background-image: url('/assets/media/arrow-down.svg');
    background-position: 100%;
    opacity: 0.4;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .footer-menu-title.active:after {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .recruitment-process-list {
    position: relative;
  }

  .recruitment-process-list:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: -20%;
    height: 65%;
    width: 140%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
    --tw-gradient-from: #F4F1EB var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(244 241 235 / 0) var(--tw-gradient-to-position);
  }

  .noimg-steps .recruitment-process-list:before {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
    --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(244 241 235 / 0) var(--tw-gradient-to-position);
  }

  .recruitment-process-list:after {
    content: "";
    position: absolute;
    bottom: -3.5rem;
    left: 50%;
    margin-left: -15px;
    height: 30px;
    width: 30px;
    background-image: url('/assets/media/process-icon.svg');
    background-position: center;
    background-repeat: no-repeat;
  }

  .recruitment-process-list:last-child:after {
    display: none;
  }

  .our-clients-logo a span .recruitment-process-list:last-child:after {
    display: inline-block;
    vertical-align: middle;
  }

  @media screen and (max-width: 1170px) {
    .main-menu.recruitment-process-list:last-child:after {
      left: 100%;
    }
  }

  .recruitment-process .step-scroll-line + .recruitment-process-list {
    margin-top: 2.5rem;
  }

  .about-theme-section {
    margin-bottom: 0px;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .get-touch-bottom-section {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .about-theme-section.bottom-section {
    padding-bottom: 2.5rem !important;
  }

  .wp-container-core-columns-layout-3.wp-container-core-columns-layout-3 {
    margin-bottom: 0px !important;
  }

  .what-comes-column {
    padding-left: 0px !important;
  }

  .wp-container-core-columns-layout-9.wp-container-core-columns-layout-9 p {
    margin-bottom: 1.25rem !important;
  }

  .wp-container-core-columns-layout-8.wp-container-core-columns-layout-8 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .case-study-top-section {
    padding-top: 2rem !important;
  }

  .case-study-top-section p {
    margin-bottom: 1.25rem !important;
  }

  .about-theme-section h2.wp-block-heading {
    margin-bottom: 1rem !important;
  }

  .about-theme-content-text {
    margin-bottom: 1rem !important;
  }

  .wp-block-post-title {
    font-size: 25px;
  }

  /*.main-menu.hidden {
        @apply left-0 opacity-0 invisible
    }*/

  .wc-portfolio-section .wc-portfolio-box .wp-block-image a {
    width: 100%;
  }

  .wc-images-left .staff-augmentation-help .wc-portfolio-section .wc-portfolio-box .wp-block-image a.md\:w-1\/2.md\:order-2 img {
    margin-left: 0px;
  }

  .wc-link-platforms .wc-platforms-arrow img {
    max-width: 20px;
  }

  .wc-link-platforms .wc-platforms-link-btn .wp-block-button,
    .wc-link-platforms
    .wc-platforms-link-btn
    .wp-block-button
    a.wp-block-button__link {
    width: 100%;
  }

  .wc-images-left .staff-augmentation-help .wc-link-platforms .wc-platforms-link-btn .wp-block-button.md\:w-1\/2.md\:order-2 img,.wc-images-left .staff-augmentation-help 
    .wc-link-platforms
    .wc-platforms-link-btn
    .wp-block-button
    a.wp-block-button__link.md\:w-1\/2.md\:order-2 img {
    margin-left: 0px;
  }

  .mfp-gallery .mfp-content figure img.mfp-img {
    max-width: 640px;
  }

  .WC_Get-Touch_section section .container {
    padding: 1.25rem;
  }

  .odoo-integration-tabs {
    overflow-x: auto;
    white-space: nowrap;
  }

  .odoo-integration-item.active:before {
    bottom: 0px;
    top: auto;
    height: 0.25rem;
    width: 100%;
  }

  .wc-images-left .staff-augmentation-help .odoo-integration-item.active.md\:w-1\/2.md\:order-2 img:before {
    margin-left: 0px;
  }

  .filter-marker.filter-sub-marker {
    padding-left: 30px;
  }

  .wc-expert-section h4 {
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 26px;
  }
}

@media screen and (max-width: 640px) {
  .mobilemenu-close {
    display: none !important;
  }

  .case-study-top-section h1.wp-block-heading {
    font-size: 22px;
    line-height: 1.5;
  }

  .wc-link-platforms .wc-platforms-arrow {
    margin-top: -3rem;
    margin-left: 0px;
  }

  .mfp-gallery .mfp-content figure img.mfp-img {
    max-width: 320px;
    max-width: 80%;
  }
}

@media (min-width: 2000px) {
  .min-\[2000px\]\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

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

  .min-\[2000px\]\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

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

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

  .min-\[2000px\]\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

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

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

  @media (min-width: 992px) {
    .min-\[2000px\]\:container {
      max-width: 992px;
    }
  }

  .min-\[2000px\]\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

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

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

  @media (min-width: 992px) {
    .min-\[2000px\]\:container {
      max-width: 992px;
    }
  }

  @media (min-width: 1171px) {
    .min-\[2000px\]\:container {
      max-width: 1171px;
    }
  }

  .min-\[2000px\]\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

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

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

  @media (min-width: 992px) {
    .min-\[2000px\]\:container {
      max-width: 992px;
    }
  }

  @media (min-width: 1171px) {
    .min-\[2000px\]\:container {
      max-width: 1171px;
    }
  }

  @media (min-width: 1360px) {
    .min-\[2000px\]\:container {
      max-width: 1360px;
    }
  }

  .min-\[2000px\]\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

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

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

  @media (min-width: 992px) {
    .min-\[2000px\]\:container {
      max-width: 992px;
    }
  }

  @media (min-width: 1171px) {
    .min-\[2000px\]\:container {
      max-width: 1171px;
    }
  }

  @media (min-width: 1360px) {
    .min-\[2000px\]\:container {
      max-width: 1360px;
    }
  }

  @media (min-width: 1660px) {
    .min-\[2000px\]\:container {
      max-width: 1660px;
    }
  }
}

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

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:bottom-0::before {
  content: var(--tw-content);
  bottom: 0px;
}

.before\:left-0::before {
  content: var(--tw-content);
  left: 0px;
}

.before\:left-2\/4::before {
  content: var(--tw-content);
  left: 50%;
}

.before\:left-\[-1px\]::before {
  content: var(--tw-content);
  left: -1px;
}

.before\:right-0::before {
  content: var(--tw-content);
  right: 0px;
}

.before\:top-0::before {
  content: var(--tw-content);
  top: 0px;
}

.before\:top-2\/4::before {
  content: var(--tw-content);
  top: 50%;
}

.before\:z-0::before {
  content: var(--tw-content);
  z-index: 0;
}

.before\:z-1::before {
  content: var(--tw-content);
  z-index: 1;
}

.before\:z-10::before {
  content: var(--tw-content);
  z-index: 10;
}

.before\:block::before {
  content: var(--tw-content);
  display: block;
}

.before\:flex::before {
  content: var(--tw-content);
  display: flex;
}

.before\:hidden::before {
  content: var(--tw-content);
  display: none;
}

.before\:h-1\/2::before {
  content: var(--tw-content);
  height: 50%;
}

.before\:h-12::before {
  content: var(--tw-content);
  height: 3rem;
}

.before\:h-\[1px\]::before {
  content: var(--tw-content);
  height: 1px;
}

.before\:h-\[20\%\]::before {
  content: var(--tw-content);
  height: 20%;
}

.before\:h-\[3px\]::before {
  content: var(--tw-content);
  height: 3px;
}

.before\:h-full::before {
  content: var(--tw-content);
  height: 100%;
}

.before\:w-1::before {
  content: var(--tw-content);
  width: 0.25rem;
}

.before\:w-12::before {
  content: var(--tw-content);
  width: 3rem;
}

.before\:w-\[calc\(100\%_\+_2px\)\]::before {
  content: var(--tw-content);
  width: calc(100% + 2px);
}

.before\:w-full::before {
  content: var(--tw-content);
  width: 100%;
}

.before\:-translate-x-1\/2::before {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:-translate-y-1\/2::before {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:items-center::before {
  content: var(--tw-content);
  align-items: center;
}

.before\:justify-center::before {
  content: var(--tw-content);
  justify-content: center;
}

.before\:rounded-full::before {
  content: var(--tw-content);
  border-radius: 9999px;
}

.before\:border-\[3px\]::before {
  content: var(--tw-content);
  border-width: 3px;
}

.before\:border-b::before {
  content: var(--tw-content);
  border-bottom-width: 1px;
}

.before\:border-white::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.before\:bg-\[\#ABC9A1\]::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(171 201 161 / var(--tw-bg-opacity, 1));
}

.before\:bg-theme-900::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
}

.before\:bg-transparent::before {
  content: var(--tw-content);
  background-color: transparent;
}

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

.before\:bg-gradient-to-t::before {
  content: var(--tw-content);
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.before\:from-black\/60::before {
  content: var(--tw-content);
  --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

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

.before\:p-2::before {
  content: var(--tw-content);
  padding: 0.5rem;
}

.before\:p-3::before {
  content: var(--tw-content);
  padding: 0.75rem;
}

.before\:pt-\[100\%\]::before {
  content: var(--tw-content);
  padding-top: 100%;
}

.before\:pt-\[105\%\]::before {
  content: var(--tw-content);
  padding-top: 105%;
}

.before\:pt-\[50\%\]::before {
  content: var(--tw-content);
  padding-top: 50%;
}

.before\:pt-\[57\%\]::before {
  content: var(--tw-content);
  padding-top: 57%;
}

.before\:pt-\[60\%\]::before {
  content: var(--tw-content);
  padding-top: 60%;
}

.before\:pt-\[62\%\]::before {
  content: var(--tw-content);
  padding-top: 62%;
}

.before\:pt-\[65\%\]::before {
  content: var(--tw-content);
  padding-top: 65%;
}

.before\:pt-\[80\%\]::before {
  content: var(--tw-content);
  padding-top: 80%;
}

.before\:pt-\[81\%\]::before {
  content: var(--tw-content);
  padding-top: 81%;
}

.before\:text-xl::before {
  content: var(--tw-content);
  font-size: 20px;
}

.before\:font-bold::before {
  content: var(--tw-content);
  font-weight: 700;
}

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

.before\:shadow-\[0px_0px_0px_3px_\#ABC9A1\]::before {
  content: var(--tw-content);
  --tw-shadow: 0px 0px 0px 3px #ABC9A1;
  --tw-shadow-colored: 0px 0px 0px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}

.before\:content-\[\'VS\'\]::before {
  --tw-content: 'VS';
  content: var(--tw-content);
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:left-0::after {
  content: var(--tw-content);
  left: 0px;
}

.after\:top-0::after {
  content: var(--tw-content);
  top: 0px;
}

.after\:h-full::after {
  content: var(--tw-content);
  height: 100%;
}

.after\:w-\[1px\]::after {
  content: var(--tw-content);
  width: 1px;
}

.after\:border-l::after {
  content: var(--tw-content);
  border-left-width: 1px;
}

.after\:border-white::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}

.first\:border-t-0:first-child {
  border-top-width: 0px;
}

.last\:mb-0:last-child {
  margin-bottom: 0px;
}

.last\:mr-0:last-child {
  margin-right: 0px;
}

.last\:pb-0:last-child {
  padding-bottom: 0px;
}

.hover\:left-\[-3px\]:hover {
  left: -3px;
}

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

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

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

.hover\:border-\[\#1A2A1D\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(26 42 29 / var(--tw-border-opacity, 1));
}

.hover\:border-theme-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(26 42 29 / var(--tw-border-opacity, 1));
}

.hover\:border-r-transparent:hover {
  border-right-color: transparent;
}

.hover\:bg-\[\#1A2A1D\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
}

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

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 234 234 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-theme-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
}

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

.hover\:\!text-dark-900:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}

.hover\:\!text-white:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-\[\#83764f\]:hover {
  --tw-text-opacity: 1;
  color: rgb(131 118 79 / var(--tw-text-opacity, 1));
}

.hover\:text-dark-400:hover {
  --tw-text-opacity: 1;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
}

.hover\:text-hover_color:hover {
  --tw-text-opacity: 1;
  color: rgb(131 118 79 / var(--tw-text-opacity, 1));
}

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

.hover\:\!underline:hover {
  text-decoration-line: underline !important;
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:no-underline:hover {
  text-decoration-line: none;
}

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

.focus\:border-\[\#1A2A1D\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(26 42 29 / var(--tw-border-opacity, 1));
}

.focus\:border-black:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.focus\:border-gray-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
}

.focus\:border-gray-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(243 245 244 / var(--tw-border-opacity, 1));
}

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

.focus\:bg-\[\#1A2A1D\]:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
}

.focus\:bg-gray-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity, 1));
}

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

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

.focus\:ring:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-black:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}

.focus\:ring-gray-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 245 244 / var(--tw-ring-opacity, 1));
}

.focus\:ring-opacity-50:focus {
  --tw-ring-opacity: 0.5;
}

.focus\:ring-offset-0:focus {
  --tw-ring-offset-width: 0px;
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

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

.active\:border-\[\#1A2A1D\]:active {
  --tw-border-opacity: 1;
  border-color: rgb(26 42 29 / var(--tw-border-opacity, 1));
}

.active\:bg-\[\#1A2A1D\]:active {
  --tw-bg-opacity: 1;
  background-color: rgb(26 42 29 / var(--tw-bg-opacity, 1));
}

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

.group:last-child .group-last\:static {
  position: static;
}

.group:hover .group-hover\:left-\[-3px\] {
  left: -3px;
}

.group:hover .group-hover\:left-\[3px\] {
  left: 3px;
}

.group:hover .group-hover\:m-2\.5 {
  margin: 0.625rem;
}

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

.group:hover .group-hover\:scale-\[0\.97\] {
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:bg-hover_color {
  --tw-bg-opacity: 1;
  background-color: rgb(131 118 79 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:text-hover_color {
  --tw-text-opacity: 1;
  color: rgb(131 118 79 / var(--tw-text-opacity, 1));
}

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

.group:hover .group-hover\:underline {
  text-decoration-line: underline;
}

.group:hover .group-hover\:drop-shadow-\[0_30px_35px_rgba\(26\2c 42\2c 29\2c 12\%\)\] {
  --tw-drop-shadow: drop-shadow(0 30px 35px rgba(26,42,29,12%));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

@media (min-width: 420px) {
  .min-\[420px\]\:absolute {
    position: absolute;
  }

  .min-\[420px\]\:mb-0 {
    margin-bottom: 0px;
  }

  .min-\[420px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .min-\[420px\]\:p-6 {
    padding: 1.5rem;
  }

  .min-\[420px\]\:\!px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .min-\[420px\]\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .min-\[420px\]\:pt-0 {
    padding-top: 0px;
  }

  .min-\[420px\]\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .min-\[420px\]\:before\:block::before {
    content: var(--tw-content);
    display: block;
  }
}

@media (min-width: 430px) {
  .min-\[430px\]\:w-auto {
    width: auto;
  }

  .min-\[430px\]\:flex-nowrap {
    flex-wrap: nowrap;
  }
}

@media (min-width: 640px) {
  .sm\:absolute {
    position: absolute;
  }

  .sm\:-left-\[20\%\] {
    left: -20%;
  }

  .sm\:-right-\[20\%\] {
    right: -20%;
  }

  .sm\:order-1 {
    order: 1;
  }

  .sm\:order-2 {
    order: 2;
  }

  .sm\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .sm\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .sm\:-ml-10 {
    margin-left: -2.5rem;
  }

  .sm\:mb-0 {
    margin-bottom: 0px;
  }

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

  .sm\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .sm\:mr-2 {
    margin-right: 0.5rem;
  }

  .sm\:mr-3 {
    margin-right: 0.75rem;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:mt-\[60px\] {
    margin-top: 60px;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

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

  .sm\:grid {
    display: grid;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-10 {
    height: 2.5rem;
  }

  .sm\:h-11 {
    height: 2.75rem;
  }

  .sm\:h-14 {
    height: 3.5rem;
  }

  .sm\:h-16 {
    height: 4rem;
  }

  .sm\:h-20 {
    height: 5rem;
  }

  .sm\:h-9 {
    height: 2.25rem;
  }

  .sm\:h-\[100px\] {
    height: 100px;
  }

  .sm\:h-\[130px\] {
    height: 130px;
  }

  .sm\:h-\[335px\] {
    height: 335px;
  }

  .sm\:\!w-10 {
    width: 2.5rem !important;
  }

  .sm\:w-1\/2 {
    width: 50%;
  }

  .sm\:w-11 {
    width: 2.75rem;
  }

  .sm\:w-14 {
    width: 3.5rem;
  }

  .sm\:w-20 {
    width: 5rem;
  }

  .sm\:w-9 {
    width: 2.25rem;
  }

  .sm\:w-\[200px\] {
    width: 200px;
  }

  .sm\:w-\[25px\] {
    width: 25px;
  }

  .sm\:w-\[335px\] {
    width: 335px;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:max-w-\[100px\] {
    max-width: 100px;
  }

  .sm\:max-w-\[150px\] {
    max-width: 150px;
  }

  .sm\:max-w-\[85\%\] {
    max-width: 85%;
  }

  .sm\:max-w-none {
    max-width: none;
  }

  .sm\:grow {
    flex-grow: 1;
  }

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

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

  .sm\:flex-row {
    flex-direction: row;
  }

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

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

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:gap-0 {
    gap: 0px;
  }

  .sm\:gap-12 {
    gap: 3rem;
  }

  .sm\:gap-3 {
    gap: 0.75rem;
  }

  .sm\:gap-4 {
    gap: 1rem;
  }

  .sm\:gap-5 {
    gap: 1.25rem;
  }

  .sm\:gap-7 {
    gap: 1.75rem;
  }

  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .sm\:border {
    border-width: 1px;
  }

  .sm\:border-0 {
    border-width: 0px;
  }

  .sm\:border-l {
    border-left-width: 1px;
  }

  .sm\:border-r {
    border-right-width: 1px;
  }

  .sm\:border-r-\[0px\] {
    border-right-width: 0px;
  }

  .sm\:border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
  }

  .sm\:p-0 {
    padding: 0px;
  }

  .sm\:p-10 {
    padding: 2.5rem;
  }

  .sm\:p-3 {
    padding: 0.75rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

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

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

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

  .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .sm\:pl-5 {
    padding-left: 1.25rem;
  }

  .sm\:pr-3 {
    padding-right: 0.75rem;
  }

  .sm\:pr-5 {
    padding-right: 1.25rem;
  }

  .sm\:pt-4 {
    padding-top: 1rem;
  }

  .sm\:text-left {
    text-align: left;
  }

  .sm\:text-2xl {
    font-size: 26px;
  }

  .sm\:text-\[140px\] {
    font-size: 140px;
  }

  .sm\:text-lg {
    font-size: 18px;
  }

  .sm\:text-md {
    font-size: 16px;
  }

  .sm\:text-xl {
    font-size: 20px;
  }

  .sm\:leading-\[22px\] {
    line-height: 22px;
  }

  .sm\:leading-\[30px\] {
    line-height: 30px;
  }

  .sm\:leading-relaxed {
    line-height: 1.625;
  }

  .sm\:before\:pt-\[70\%\]::before {
    content: var(--tw-content);
    padding-top: 70%;
  }

  .sm\:before\:pt-\[80\%\]::before {
    content: var(--tw-content);
    padding-top: 80%;
  }
}

@media (min-width: 768px) {
  .md\:static {
    position: static;
  }

  .md\:absolute {
    position: absolute;
  }

  .md\:sticky {
    position: sticky;
  }

  .md\:-bottom-\[40\%\] {
    bottom: -40%;
  }

  .md\:-top-\[40\%\] {
    top: -40%;
  }

  .md\:top-0 {
    top: 0px;
  }

  .md\:order-1 {
    order: 1;
  }

  .md\:order-2 {
    order: 2;
  }

  .md\:m-0 {
    margin: 0px;
  }

  .md\:-mx-1\.5 {
    margin-left: -0.375rem;
    margin-right: -0.375rem;
  }

  .md\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .md\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  .md\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .md\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .md\:-ml-10 {
    margin-left: -2.5rem;
  }

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

  .md\:-mt-24 {
    margin-top: -6rem;
  }

  .md\:-mt-\[30px\] {
    margin-top: -30px;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

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

  .md\:mb-12 {
    margin-bottom: 3rem;
  }

  .md\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .md\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .md\:mb-4 {
    margin-bottom: 1rem;
  }

  .md\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .md\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .md\:mb-8 {
    margin-bottom: 2rem;
  }

  .md\:mb-9 {
    margin-bottom: 2.25rem;
  }

  .md\:mr-0 {
    margin-right: 0px;
  }

  .md\:mr-4 {
    margin-right: 1rem;
  }

  .md\:mr-\[10px\] {
    margin-right: 10px;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-10 {
    margin-top: 2.5rem;
  }

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

  .md\:mt-14 {
    margin-top: 3.5rem;
  }

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

  .md\:mt-4 {
    margin-top: 1rem;
  }

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

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

  .md\:mt-7 {
    margin-top: 1.75rem;
  }

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

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-11 {
    height: 2.75rem;
  }

  .md\:h-16 {
    height: 4rem;
  }

  .md\:h-8 {
    height: 2rem;
  }

  .md\:h-\[100px\] {
    height: 100px;
  }

  .md\:h-\[130px\] {
    height: 130px;
  }

  .md\:h-\[160px\] {
    height: 160px;
  }

  .md\:h-\[350px\] {
    height: 350px;
  }

  .md\:h-\[38px\] {
    height: 38px;
  }

  .md\:h-\[50px\] {
    height: 50px;
  }

  .md\:h-\[55px\] {
    height: 55px;
  }

  .md\:h-\[600px\] {
    height: 600px;
  }

  .md\:h-\[60px\] {
    height: 60px;
  }

  .md\:h-full {
    height: 100%;
  }

  .md\:max-h-\[390px\] {
    max-height: 390px;
  }

  .md\:max-h-\[52px\] {
    max-height: 52px;
  }

  .md\:min-h-11 {
    min-height: 2.75rem;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-1\/3 {
    width: 33.333333%;
  }

  .md\:w-1\/4 {
    width: 25%;
  }

  .md\:w-1\/5 {
    width: 20%;
  }

  .md\:w-10 {
    width: 2.5rem;
  }

  .md\:w-10\/12 {
    width: 83.333333%;
  }

  .md\:w-11 {
    width: 2.75rem;
  }

  .md\:w-14 {
    width: 3.5rem;
  }

  .md\:w-16 {
    width: 4rem;
  }

  .md\:w-2\/3 {
    width: 66.666667%;
  }

  .md\:w-3\/12 {
    width: 25%;
  }

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

  .md\:w-5\/12 {
    width: 41.666667%;
  }

  .md\:w-6\/12 {
    width: 50%;
  }

  .md\:w-7\/12 {
    width: 58.333333%;
  }

  .md\:w-8\/12 {
    width: 66.666667%;
  }

  .md\:w-9\/12 {
    width: 75%;
  }

  .md\:w-\[100px\] {
    width: 100px;
  }

  .md\:w-\[200\%\] {
    width: 200%;
  }

  .md\:w-\[250px\] {
    width: 250px;
  }

  .md\:w-\[260px\] {
    width: 260px;
  }

  .md\:w-\[35\%\] {
    width: 35%;
  }

  .md\:w-\[350px\] {
    width: 350px;
  }

  .md\:w-\[38px\] {
    width: 38px;
  }

  .md\:w-\[45\%\] {
    width: 45%;
  }

  .md\:w-\[47\%\] {
    width: 47%;
  }

  .md\:w-\[50px\] {
    width: 50px;
  }

  .md\:w-\[60\%\] {
    width: 60%;
  }

  .md\:w-\[600px\] {
    width: 600px;
  }

  .md\:w-\[70px\] {
    width: 70px;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:min-w-11 {
    min-width: 2.75rem;
  }

  .md\:min-w-\[32\%\] {
    min-width: 32%;
  }

  .md\:max-w-4xl {
    max-width: 56rem;
  }

  .md\:max-w-\[190px\] {
    max-width: 190px;
  }

  .md\:max-w-\[270px\] {
    max-width: 270px;
  }

  .md\:max-w-\[280px\] {
    max-width: 280px;
  }

  .md\:max-w-\[290px\] {
    max-width: 290px;
  }

  .md\:max-w-\[300px\] {
    max-width: 300px;
  }

  .md\:max-w-\[50px\] {
    max-width: 50px;
  }

  .md\:max-w-\[600px\] {
    max-width: 600px;
  }

  .md\:max-w-\[670px\] {
    max-width: 670px;
  }

  .md\:max-w-\[75\%\] {
    max-width: 75%;
  }

  .md\:max-w-\[90\%\] {
    max-width: 90%;
  }

  .md\:max-w-\[calc\(100\%-200px\)\] {
    max-width: calc(100% - 200px);
  }

  .md\:max-w-\[calc\(100\%-330px\)\] {
    max-width: calc(100% - 330px);
  }

  .md\:max-w-full {
    max-width: 100%;
  }

  .md\:max-w-none {
    max-width: none;
  }

  .md\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

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

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

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

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

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .md\:place-content-center {
    place-content: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-10 {
    gap: 2.5rem;
  }

  .md\:gap-2 {
    gap: 0.5rem;
  }

  .md\:gap-3 {
    gap: 0.75rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-5 {
    gap: 1.25rem;
  }

  .md\:gap-6 {
    gap: 1.5rem;
  }

  .md\:gap-7 {
    gap: 1.75rem;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }

  .md\:overflow-hidden {
    overflow: hidden;
  }

  .md\:whitespace-nowrap {
    white-space: nowrap;
  }

  .md\:bg-contain {
    background-size: contain;
  }

  .md\:bg-right-bottom {
    background-position: right bottom;
  }

  .md\:p-10 {
    padding: 2.5rem;
  }

  .md\:p-12 {
    padding: 3rem;
  }

  .md\:p-3 {
    padding: 0.75rem;
  }

  .md\:p-4 {
    padding: 1rem;
  }

  .md\:p-5 {
    padding: 1.25rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-7 {
    padding: 1.75rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:\!py-2\.5 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }

  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

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

  .md\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .md\:px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px;
  }

  .md\:px-\[9px\] {
    padding-left: 9px;
    padding-right: 9px;
  }

  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

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

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

  .md\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

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

  .md\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .md\:pb-14 {
    padding-bottom: 3.5rem;
  }

  .md\:pl-0 {
    padding-left: 0px;
  }

  .md\:pl-10 {
    padding-left: 2.5rem;
  }

  .md\:pl-3 {
    padding-left: 0.75rem;
  }

  .md\:pl-6 {
    padding-left: 1.5rem;
  }

  .md\:pl-\[30px\] {
    padding-left: 30px;
  }

  .md\:pl-\[60px\] {
    padding-left: 60px;
  }

  .md\:pl-\[85px\] {
    padding-left: 85px;
  }

  .md\:pr-10 {
    padding-right: 2.5rem;
  }

  .md\:pr-5 {
    padding-right: 1.25rem;
  }

  .md\:pr-6 {
    padding-right: 1.5rem;
  }

  .md\:pr-8 {
    padding-right: 2rem;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

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

  .md\:pt-14 {
    padding-top: 3.5rem;
  }

  .md\:pt-20 {
    padding-top: 5rem;
  }

  .md\:pt-5 {
    padding-top: 1.25rem;
  }

  .md\:pt-6 {
    padding-top: 1.5rem;
  }

  .md\:pt-\[28px\] {
    padding-top: 28px;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-right {
    text-align: right;
  }

  .md\:text-1xl {
    font-size: 24px;
  }

  .md\:text-2xl {
    font-size: 26px;
  }

  .md\:text-\[22px\] {
    font-size: 22px;
  }

  .md\:text-\[35px\] {
    font-size: 35px;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-lg {
    font-size: 18px;
  }

  .md\:text-md {
    font-size: 16px;
  }

  .md\:text-xl {
    font-size: 20px;
  }

  .md\:leading-\[24px\] {
    line-height: 24px;
  }

  .md\:leading-tight {
    line-height: 1.25;
  }

  .md\:text-\[\#D2D2D2\] {
    --tw-text-opacity: 1;
    color: rgb(210 210 210 / var(--tw-text-opacity, 1));
  }
}

@media (min-width: 992px) {
  .lg\:static {
    position: static;
  }

  .lg\:absolute {
    position: absolute;
  }

  .lg\:sticky {
    position: sticky;
  }

  .lg\:top-10 {
    top: 2.5rem;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .lg\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .lg\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .lg\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  .lg\:-mt-24 {
    margin-top: -6rem;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

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

  .lg\:mb-12 {
    margin-bottom: 3rem;
  }

  .lg\:mb-4 {
    margin-bottom: 1rem;
  }

  .lg\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .lg\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .lg\:mb-8 {
    margin-bottom: 2rem;
  }

  .lg\:mb-\[50px\] {
    margin-bottom: 50px;
  }

  .lg\:ml-0 {
    margin-left: 0px;
  }

  .lg\:mr-3 {
    margin-right: 0.75rem;
  }

  .lg\:mr-\[14px\] {
    margin-right: 14px;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:mt-10 {
    margin-top: 2.5rem;
  }

  .lg\:mt-16 {
    margin-top: 4rem;
  }

  .lg\:mt-4 {
    margin-top: 1rem;
  }

  .lg\:mt-7 {
    margin-top: 1.75rem;
  }

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

  .lg\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .lg\:\!block {
    display: block !important;
  }

  .lg\:block {
    display: block;
  }

  .lg\:\!inline-block {
    display: inline-block !important;
  }

  .lg\:inline-block {
    display: inline-block;
  }

  .lg\:inline {
    display: inline;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-20 {
    height: 5rem;
  }

  .lg\:h-3\.5 {
    height: 0.875rem;
  }

  .lg\:h-\[130px\] {
    height: 130px;
  }

  .lg\:h-\[160px\] {
    height: 160px;
  }

  .lg\:h-\[46px\] {
    height: 46px;
  }

  .lg\:h-\[55px\] {
    height: 55px;
  }

  .lg\:h-\[60px\] {
    height: 60px;
  }

  .lg\:h-\[calc\(100vh-130px\)\] {
    height: calc(100vh - 130px);
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:h-fit {
    height: fit-content;
  }

  .lg\:max-h-\[60px\] {
    max-height: 60px;
  }

  .lg\:min-h-\[130px\] {
    min-height: 130px;
  }

  .lg\:min-h-\[265px\] {
    min-height: 265px;
  }

  .lg\:min-h-\[630px\] {
    min-height: 630px;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:w-1\/4 {
    width: 25%;
  }

  .lg\:w-10\/12 {
    width: 83.333333%;
  }

  .lg\:w-14 {
    width: 3.5rem;
  }

  .lg\:w-2\/3 {
    width: 66.666667%;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:w-20 {
    width: 5rem;
  }

  .lg\:w-3\.5 {
    width: 0.875rem;
  }

  .lg\:w-3\/4 {
    width: 75%;
  }

  .lg\:w-3\/5 {
    width: 60%;
  }

  .lg\:w-5\/12 {
    width: 41.666667%;
  }

  .lg\:w-60 {
    width: 15rem;
  }

  .lg\:w-7\/12 {
    width: 58.333333%;
  }

  .lg\:w-\[30\%\] {
    width: 30%;
  }

  .lg\:w-\[35\%\] {
    width: 35%;
  }

  .lg\:w-\[350px\] {
    width: 350px;
  }

  .lg\:w-\[37\%\] {
    width: 37%;
  }

  .lg\:w-\[38\%\] {
    width: 38%;
  }

  .lg\:w-\[41\%\] {
    width: 41%;
  }

  .lg\:w-\[45\%\] {
    width: 45%;
  }

  .lg\:w-\[46px\] {
    width: 46px;
  }

  .lg\:w-\[55\%\] {
    width: 55%;
  }

  .lg\:w-\[59\%\] {
    width: 59%;
  }

  .lg\:w-\[60px\] {
    width: 60px;
  }

  .lg\:w-\[62\%\] {
    width: 62%;
  }

  .lg\:w-\[63\%\] {
    width: 63%;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:max-w-\[150px\] {
    max-width: 150px;
  }

  .lg\:max-w-\[263px\] {
    max-width: 263px;
  }

  .lg\:max-w-\[350px\] {
    max-width: 350px;
  }

  .lg\:max-w-\[380px\] {
    max-width: 380px;
  }

  .lg\:max-w-\[450px\] {
    max-width: 450px;
  }

  .lg\:max-w-\[540px\] {
    max-width: 540px;
  }

  .lg\:max-w-\[70\%\] {
    max-width: 70%;
  }

  .lg\:max-w-\[75\%\] {
    max-width: 75%;
  }

  .lg\:max-w-\[780px\] {
    max-width: 780px;
  }

  .lg\:max-w-\[80\%\] {
    max-width: 80%;
  }

  .lg\:max-w-\[80px\] {
    max-width: 80px;
  }

  .lg\:max-w-\[90\%\] {
    max-width: 90%;
  }

  .lg\:max-w-full {
    max-width: 100%;
  }

  .lg\:grow-0 {
    flex-grow: 0;
  }

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

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

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

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }

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

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

  .lg\:gap-0 {
    gap: 0px;
  }

  .lg\:gap-10 {
    gap: 2.5rem;
  }

  .lg\:gap-20 {
    gap: 5rem;
  }

  .lg\:gap-3 {
    gap: 0.75rem;
  }

  .lg\:gap-4 {
    gap: 1rem;
  }

  .lg\:gap-5 {
    gap: 1.25rem;
  }

  .lg\:gap-6 {
    gap: 1.5rem;
  }

  .lg\:gap-7 {
    gap: 1.75rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:gap-9 {
    gap: 2.25rem;
  }

  .lg\:gap-\[83px\] {
    gap: 83px;
  }

  .lg\:gap-x-10 {
    column-gap: 2.5rem;
  }

  .lg\:gap-y-14 {
    row-gap: 3.5rem;
  }

  .lg\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
  }

  .lg\:overflow-auto {
    overflow: auto;
  }

  .lg\:rounded-1xl {
    border-radius: 12px;
  }

  .lg\:rounded-r-4xl {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }

  .lg\:border-0 {
    border-width: 0px;
  }

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

  .lg\:object-contain {
    object-fit: contain;
  }

  .lg\:p-0 {
    padding: 0px;
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-3 {
    padding: 0.75rem;
  }

  .lg\:p-3\.5 {
    padding: 0.875rem;
  }

  .lg\:p-4 {
    padding: 1rem;
  }

  .lg\:p-6 {
    padding: 1.5rem;
  }

  .lg\:p-8 {
    padding: 2rem;
  }

  .lg\:\!px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .lg\:\!px-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
  }

  .lg\:\!py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

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

  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

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

  .lg\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .lg\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .lg\:pb-14 {
    padding-bottom: 3.5rem;
  }

  .lg\:pl-10 {
    padding-left: 2.5rem;
  }

  .lg\:pl-14 {
    padding-left: 3.5rem;
  }

  .lg\:pl-8 {
    padding-left: 2rem;
  }

  .lg\:pl-\[170px\] {
    padding-left: 170px;
  }

  .lg\:pl-\[50px\] {
    padding-left: 50px;
  }

  .lg\:pr-0 {
    padding-right: 0px;
  }

  .lg\:pr-10 {
    padding-right: 2.5rem;
  }

  .lg\:pr-4 {
    padding-right: 1rem;
  }

  .lg\:pr-8 {
    padding-right: 2rem;
  }

  .lg\:pt-16 {
    padding-top: 4rem;
  }

  .lg\:pt-7 {
    padding-top: 1.75rem;
  }

  .lg\:pt-\[14px\] {
    padding-top: 14px;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-right {
    text-align: right;
  }

  .lg\:text-1xl {
    font-size: 24px;
  }

  .lg\:text-2xl {
    font-size: 26px;
  }

  .lg\:text-3xl {
    font-size: 30px;
  }

  .lg\:text-5xl {
    font-size: 55px;
  }

  .lg\:text-\[22px\] {
    font-size: 22px;
  }

  .lg\:text-\[27px\] {
    font-size: 27px;
  }

  .lg\:text-lg {
    font-size: 18px;
  }

  .lg\:text-md {
    font-size: 16px;
  }

  .lg\:text-xl {
    font-size: 20px;
  }

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

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

  .lg\:before\:hidden::before {
    content: var(--tw-content);
    display: none;
  }

  .lg\:before\:pt-\[109\%\]::before {
    content: var(--tw-content);
    padding-top: 109%;
  }

  .lg\:before\:pt-\[51\%\]::before {
    content: var(--tw-content);
    padding-top: 51%;
  }

  .lg\:before\:pt-\[60\%\]::before {
    content: var(--tw-content);
    padding-top: 60%;
  }

  .lg\:before\:content-\[\'\'\]::before {
    --tw-content: '';
    content: var(--tw-content);
  }

  .lg\:hover\:\!text-white\/60:hover {
    color: rgb(255 255 255 / 0.6) !important;
  }

  .group:hover .lg\:group-hover\:shadow-\[2px_4px_6px_rgba\(56\2c 49\2c 40\2c 0\.5\)\] {
    --tw-shadow: 2px 4px 6px rgba(56,49,40,0.5);
    --tw-shadow-colored: 2px 4px 6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 1171px) {
  .xl\:static {
    position: static;
  }

  .xl\:sticky {
    position: sticky;
  }

  .xl\:right-9 {
    right: 2.25rem;
  }

  .xl\:top-9 {
    top: 2.25rem;
  }

  .xl\:-mx-\[32px\] {
    margin-left: -32px;
    margin-right: -32px;
  }

  .xl\:-mb-16 {
    margin-bottom: -4rem;
  }

  .xl\:-mb-8 {
    margin-bottom: -2rem;
  }

  .xl\:-ml-10 {
    margin-left: -2.5rem;
  }

  .xl\:-mt-10 {
    margin-top: -2.5rem;
  }

  .xl\:-mt-\[50px\] {
    margin-top: -50px;
  }

  .xl\:mb-0 {
    margin-bottom: 0px;
  }

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

  .xl\:mb-11 {
    margin-bottom: 2.75rem;
  }

  .xl\:mb-12 {
    margin-bottom: 3rem;
  }

  .xl\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .xl\:mb-16 {
    margin-bottom: 4rem;
  }

  .xl\:mb-20 {
    margin-bottom: 5rem;
  }

  .xl\:mb-4 {
    margin-bottom: 1rem;
  }

  .xl\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .xl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .xl\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .xl\:mb-8 {
    margin-bottom: 2rem;
  }

  .xl\:mb-9 {
    margin-bottom: 2.25rem;
  }

  .xl\:mb-\[18px\] {
    margin-bottom: 18px;
  }

  .xl\:mb-\[25px\] {
    margin-bottom: 25px;
  }

  .xl\:mb-\[45px\] {
    margin-bottom: 45px;
  }

  .xl\:mb-\[50px\] {
    margin-bottom: 50px;
  }

  .xl\:mb-\[58px\] {
    margin-bottom: 58px;
  }

  .xl\:mt-0 {
    margin-top: 0px;
  }

  .xl\:mt-10 {
    margin-top: 2.5rem;
  }

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

  .xl\:mt-16 {
    margin-top: 4rem;
  }

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

  .xl\:mt-9 {
    margin-top: 2.25rem;
  }

  .xl\:block {
    display: block;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:h-11 {
    height: 2.75rem;
  }

  .xl\:h-20 {
    height: 5rem;
  }

  .xl\:h-9 {
    height: 2.25rem;
  }

  .xl\:h-\[1000px\] {
    height: 1000px;
  }

  .xl\:h-\[100px\] {
    height: 100px;
  }

  .xl\:h-\[140px\] {
    height: 140px;
  }

  .xl\:h-\[160px\] {
    height: 160px;
  }

  .xl\:h-\[32px\] {
    height: 32px;
  }

  .xl\:h-\[500px\] {
    height: 500px;
  }

  .xl\:h-\[60px\] {
    height: 60px;
  }

  .xl\:max-h-\[50px\] {
    max-height: 50px;
  }

  .xl\:max-h-\[60px\] {
    max-height: 60px;
  }

  .xl\:min-h-\[600px\] {
    min-height: 600px;
  }

  .xl\:w-1\/3 {
    width: 33.333333%;
  }

  .xl\:w-11 {
    width: 2.75rem;
  }

  .xl\:w-2\/3 {
    width: 66.666667%;
  }

  .xl\:w-20 {
    width: 5rem;
  }

  .xl\:w-72 {
    width: 18rem;
  }

  .xl\:w-9 {
    width: 2.25rem;
  }

  .xl\:w-\[1000px\] {
    width: 1000px;
  }

  .xl\:w-\[100px\] {
    width: 100px;
  }

  .xl\:w-\[28\%\] {
    width: 28%;
  }

  .xl\:w-\[280px\] {
    width: 280px;
  }

  .xl\:w-\[28px\] {
    width: 28px;
  }

  .xl\:w-\[32px\] {
    width: 32px;
  }

  .xl\:w-\[41\%\] {
    width: 41%;
  }

  .xl\:w-\[47\%\] {
    width: 47%;
  }

  .xl\:w-\[500px\] {
    width: 500px;
  }

  .xl\:w-\[50px\] {
    width: 50px;
  }

  .xl\:w-\[70px\] {
    width: 70px;
  }

  .xl\:w-\[78\%\] {
    width: 78%;
  }

  .xl\:w-auto {
    width: auto;
  }

  .xl\:max-w-\[100px\] {
    max-width: 100px;
  }

  .xl\:max-w-\[1140px\] {
    max-width: 1140px;
  }

  .xl\:max-w-\[130px\] {
    max-width: 130px;
  }

  .xl\:max-w-\[160px\] {
    max-width: 160px;
  }

  .xl\:max-w-\[376px\] {
    max-width: 376px;
  }

  .xl\:max-w-\[380px\] {
    max-width: 380px;
  }

  .xl\:max-w-\[390px\] {
    max-width: 390px;
  }

  .xl\:max-w-\[400px\] {
    max-width: 400px;
  }

  .xl\:max-w-\[450px\] {
    max-width: 450px;
  }

  .xl\:max-w-\[585px\] {
    max-width: 585px;
  }

  .xl\:max-w-\[800px\] {
    max-width: 800px;
  }

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

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

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

  .xl\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .xl\:gap-10 {
    gap: 2.5rem;
  }

  .xl\:gap-4 {
    gap: 1rem;
  }

  .xl\:gap-5 {
    gap: 1.25rem;
  }

  .xl\:gap-6 {
    gap: 1.5rem;
  }

  .xl\:gap-8 {
    gap: 2rem;
  }

  .xl\:gap-\[25px\] {
    gap: 25px;
  }

  .xl\:gap-\[42px\] {
    gap: 42px;
  }

  .xl\:gap-\[87px\] {
    gap: 87px;
  }

  .xl\:bg-transparent {
    background-color: transparent;
  }

  .xl\:p-12 {
    padding: 3rem;
  }

  .xl\:p-4 {
    padding: 1rem;
  }

  .xl\:p-6 {
    padding: 1.5rem;
  }

  .xl\:p-8 {
    padding: 2rem;
  }

  .xl\:p-\[10px\] {
    padding: 10px;
  }

  .xl\:p-\[32px\] {
    padding: 32px;
  }

  .xl\:p-\[65px\] {
    padding: 65px;
  }

  .xl\:\!px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .xl\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .xl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xl\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .xl\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .xl\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

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

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

  .xl\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .xl\:py-\[22px\] {
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .xl\:pb-0 {
    padding-bottom: 0px;
  }

  .xl\:pb-20 {
    padding-bottom: 5rem;
  }

  .xl\:pl-10 {
    padding-left: 2.5rem;
  }

  .xl\:pl-16 {
    padding-left: 4rem;
  }

  .xl\:pr-12 {
    padding-right: 3rem;
  }

  .xl\:pr-16 {
    padding-right: 4rem;
  }

  .xl\:pr-5 {
    padding-right: 1.25rem;
  }

  .xl\:pr-8 {
    padding-right: 2rem;
  }

  .xl\:pt-0 {
    padding-top: 0px;
  }

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

  .xl\:pt-32 {
    padding-top: 8rem;
  }

  .xl\:pt-\[10px\] {
    padding-top: 10px;
  }

  .xl\:pt-\[113px\] {
    padding-top: 113px;
  }

  .xl\:text-1xl {
    font-size: 24px;
  }

  .xl\:text-2xl {
    font-size: 26px;
  }

  .xl\:text-3xl {
    font-size: 30px;
  }

  .xl\:text-4xl {
    font-size: 45px;
  }

  .xl\:text-\[120px\] {
    font-size: 120px;
  }

  .xl\:text-\[18px\] {
    font-size: 18px;
  }

  .xl\:text-\[20px\] {
    font-size: 20px;
  }

  .xl\:text-\[22px\] {
    font-size: 22px;
  }

  .xl\:text-\[28px\] {
    font-size: 28px;
  }

  .xl\:text-lg {
    font-size: 18px;
  }

  .xl\:text-xl {
    font-size: 20px;
  }

  .xl\:leading-\[30px\] {
    line-height: 30px;
  }

  .before\:xl\:h-12::before {
    content: var(--tw-content);
    height: 3rem;
  }

  .before\:xl\:h-14::before {
    content: var(--tw-content);
    height: 3.5rem;
  }

  .before\:xl\:h-16::before {
    content: var(--tw-content);
    height: 4rem;
  }

  .before\:xl\:w-12::before {
    content: var(--tw-content);
    width: 3rem;
  }

  .before\:xl\:w-14::before {
    content: var(--tw-content);
    width: 3.5rem;
  }

  .before\:xl\:w-16::before {
    content: var(--tw-content);
    width: 4rem;
  }

  .before\:xl\:text-\[24px\]::before {
    content: var(--tw-content);
    font-size: 24px;
  }
}

@media (min-width: 1360px) {
  .\31xl\:top-20 {
    top: 5rem;
  }

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

  .\31xl\:-mb-12 {
    margin-bottom: -3rem;
  }

  .\31xl\:-mb-20 {
    margin-bottom: -5rem;
  }

  .\31xl\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .\31xl\:-ml-16 {
    margin-left: -4rem;
  }

  .\31xl\:-mt-16 {
    margin-top: -4rem;
  }

  .\31xl\:-mt-40 {
    margin-top: -10rem;
  }

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

  .\31xl\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .\31xl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .\31xl\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .\31xl\:mb-8 {
    margin-bottom: 2rem;
  }

  .\31xl\:mr-3 {
    margin-right: 0.75rem;
  }

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

  .\31xl\:mt-14 {
    margin-top: 3.5rem;
  }

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

  .\31xl\:block {
    display: block;
  }

  .\31xl\:hidden {
    display: none;
  }

  .\31xl\:h-\[1000px\] {
    height: 1000px;
  }

  .\31xl\:h-\[160px\] {
    height: 160px;
  }

  .\31xl\:h-\[50px\] {
    height: 50px;
  }

  .\31xl\:h-\[60px\] {
    height: 60px;
  }

  .\31xl\:h-\[70px\] {
    height: 70px;
  }

  .\31xl\:h-\[72px\] {
    height: 72px;
  }

  .\31xl\:h-\[80px\] {
    height: 80px;
  }

  .\31xl\:h-\[90px\] {
    height: 90px;
  }

  .\31xl\:min-h-\[115px\] {
    min-height: 115px;
  }

  .\31xl\:min-h-\[135px\] {
    min-height: 135px;
  }

  .\31xl\:w-12 {
    width: 3rem;
  }

  .\31xl\:w-16 {
    width: 4rem;
  }

  .\31xl\:w-2\/5 {
    width: 40%;
  }

  .\31xl\:w-3\.5 {
    width: 0.875rem;
  }

  .\31xl\:w-3\/5 {
    width: 60%;
  }

  .\31xl\:w-\[1000px\] {
    width: 1000px;
  }

  .\31xl\:w-\[250px\] {
    width: 250px;
  }

  .\31xl\:w-\[280px\] {
    width: 280px;
  }

  .\31xl\:w-\[32\%\] {
    width: 32%;
  }

  .\31xl\:w-\[45\%\] {
    width: 45%;
  }

  .\31xl\:w-\[50px\] {
    width: 50px;
  }

  .\31xl\:w-\[60px\] {
    width: 60px;
  }

  .\31xl\:w-\[70px\] {
    width: 70px;
  }

  .\31xl\:w-\[72px\] {
    width: 72px;
  }

  .\31xl\:w-\[73\%\] {
    width: 73%;
  }

  .\31xl\:w-\[80px\] {
    width: 80px;
  }

  .\31xl\:w-\[90px\] {
    width: 90px;
  }

  .\31xl\:max-w-\[1000px\] {
    max-width: 1000px;
  }

  .\31xl\:max-w-\[107px\] {
    max-width: 107px;
  }

  .\31xl\:max-w-\[200px\] {
    max-width: 200px;
  }

  .\31xl\:max-w-\[440px\] {
    max-width: 440px;
  }

  .\31xl\:max-w-none {
    max-width: none;
  }

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

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

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

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

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

  .\31xl\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .\31xl\:justify-between {
    justify-content: space-between;
  }

  .\31xl\:gap-1\.5 {
    gap: 0.375rem;
  }

  .\31xl\:gap-10 {
    gap: 2.5rem;
  }

  .\31xl\:gap-11 {
    gap: 2.75rem;
  }

  .\31xl\:gap-14 {
    gap: 3.5rem;
  }

  .\31xl\:gap-16 {
    gap: 4rem;
  }

  .\31xl\:gap-3 {
    gap: 0.75rem;
  }

  .\31xl\:gap-4 {
    gap: 1rem;
  }

  .\31xl\:gap-5 {
    gap: 1.25rem;
  }

  .\31xl\:gap-6 {
    gap: 1.5rem;
  }

  .\31xl\:gap-7 {
    gap: 1.75rem;
  }

  .\31xl\:gap-8 {
    gap: 2rem;
  }

  .\31xl\:gap-\[18px\] {
    gap: 18px;
  }

  .\31xl\:gap-\[30px\] {
    gap: 30px;
  }

  .\31xl\:gap-x-14 {
    column-gap: 3.5rem;
  }

  .\31xl\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
  }

  .\31xl\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
  }

  .\31xl\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
  }

  .\31xl\:p-10 {
    padding: 2.5rem;
  }

  .\31xl\:p-12 {
    padding: 3rem;
  }

  .\31xl\:p-14 {
    padding: 3.5rem;
  }

  .\31xl\:p-16 {
    padding: 4rem;
  }

  .\31xl\:p-3 {
    padding: 0.75rem;
  }

  .\31xl\:p-6 {
    padding: 1.5rem;
  }

  .\31xl\:p-9 {
    padding: 2.25rem;
  }

  .\31xl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .\31xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

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

  .\31xl\:px-\[38px\] {
    padding-left: 38px;
    padding-right: 38px;
  }

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

  .\31xl\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .\31xl\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .\31xl\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .\31xl\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .\31xl\:pb-16 {
    padding-bottom: 4rem;
  }

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

  .\31xl\:pl-10 {
    padding-left: 2.5rem;
  }

  .\31xl\:pl-\[190px\] {
    padding-left: 190px;
  }

  .\31xl\:pl-\[70px\] {
    padding-left: 70px;
  }

  .\31xl\:pr-12 {
    padding-right: 3rem;
  }

  .\31xl\:pr-16 {
    padding-right: 4rem;
  }

  .\31xl\:pr-20 {
    padding-right: 5rem;
  }

  .\31xl\:pr-24 {
    padding-right: 6rem;
  }

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

  .\31xl\:text-left {
    text-align: left;
  }

  .\31xl\:text-2xl {
    font-size: 26px;
  }

  .\31xl\:text-3xl {
    font-size: 30px;
  }

  .\31xl\:text-4xl {
    font-size: 45px;
  }

  .\31xl\:text-6xl {
    font-size: 65px;
  }

  .\31xl\:text-\[160px\] {
    font-size: 160px;
  }

  .\31xl\:text-\[18px\] {
    font-size: 18px;
  }

  .\31xl\:text-\[200px\] {
    font-size: 200px;
  }

  .\31xl\:text-\[22px\] {
    font-size: 22px;
  }

  .\31xl\:text-\[25px\] {
    font-size: 25px;
  }

  .\31xl\:text-\[32px\] {
    font-size: 32px;
  }

  .\31xl\:text-\[38px\] {
    font-size: 38px;
  }

  .\31xl\:text-lg {
    font-size: 18px;
  }

  .\31xl\:text-xl {
    font-size: 20px;
  }

  .\31xl\:leading-4xl {
    line-height: 45px;
  }

  .before\:1xl\:h-\[76px\]::before {
    content: var(--tw-content);
    height: 76px;
  }

  .before\:1xl\:w-\[76px\]::before {
    content: var(--tw-content);
    width: 76px;
  }

  .before\:1xl\:text-\[28px\]::before {
    content: var(--tw-content);
    font-size: 28px;
  }
}

@media (min-width: 1660px) {
  @media (min-width: 640px) {
    .\32xl\:sm\:\!w-10 {
      width: 2.5rem !important;
    }

    .\32xl\:sm\:h-10 {
      height: 2.5rem;
    }
  }

  .\32xl\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .\32xl\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .\32xl\:-ml-20 {
    margin-left: -5rem;
  }

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

  .\32xl\:mb-11 {
    margin-bottom: 2.75rem;
  }

  .\32xl\:mb-12 {
    margin-bottom: 3rem;
  }

  .\32xl\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .\32xl\:mb-20 {
    margin-bottom: 5rem;
  }

  .\32xl\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .\32xl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .\32xl\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .\32xl\:mb-8 {
    margin-bottom: 2rem;
  }

  .\32xl\:mb-9 {
    margin-bottom: 2.25rem;
  }

  .\32xl\:mb-\[30px\] {
    margin-bottom: 30px;
  }

  .\32xl\:mb-\[60px\] {
    margin-bottom: 60px;
  }

  .\32xl\:mt-10 {
    margin-top: 2.5rem;
  }

  .\32xl\:mt-11 {
    margin-top: 2.75rem;
  }

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

  .\32xl\:mt-14 {
    margin-top: 3.5rem;
  }

  .\32xl\:mt-20 {
    margin-top: 5rem;
  }

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

  .\32xl\:h-10 {
    height: 2.5rem;
  }

  .\32xl\:h-\[100px\] {
    height: 100px;
  }

  .\32xl\:h-\[110px\] {
    height: 110px;
  }

  .\32xl\:h-\[160px\] {
    height: 160px;
  }

  .\32xl\:h-\[180px\] {
    height: 180px;
  }

  .\32xl\:h-\[210px\] {
    height: 210px;
  }

  .\32xl\:h-\[52px\] {
    height: 52px;
  }

  .\32xl\:h-\[606px\] {
    height: 606px;
  }

  .\32xl\:h-\[60px\] {
    height: 60px;
  }

  .\32xl\:h-\[70px\] {
    height: 70px;
  }

  .\32xl\:h-\[80px\] {
    height: 80px;
  }

  .\32xl\:h-\[90px\] {
    height: 90px;
  }

  .\32xl\:max-h-full {
    max-height: 100%;
  }

  .\32xl\:min-h-\[770px\] {
    min-height: 770px;
  }

  .\32xl\:\!w-10 {
    width: 2.5rem !important;
  }

  .\32xl\:w-11 {
    width: 2.75rem;
  }

  .\32xl\:w-14 {
    width: 3.5rem;
  }

  .\32xl\:w-16 {
    width: 4rem;
  }

  .\32xl\:w-24 {
    width: 6rem;
  }

  .\32xl\:w-5\/12 {
    width: 41.666667%;
  }

  .\32xl\:w-7\/12 {
    width: 58.333333%;
  }

  .\32xl\:w-80 {
    width: 20rem;
  }

  .\32xl\:w-\[100px\] {
    width: 100px;
  }

  .\32xl\:w-\[110px\] {
    width: 110px;
  }

  .\32xl\:w-\[330px\] {
    width: 330px;
  }

  .\32xl\:w-\[52px\] {
    width: 52px;
  }

  .\32xl\:w-\[606px\] {
    width: 606px;
  }

  .\32xl\:w-\[60px\] {
    width: 60px;
  }

  .\32xl\:w-\[70px\] {
    width: 70px;
  }

  .\32xl\:w-\[80px\] {
    width: 80px;
  }

  .\32xl\:w-\[90px\] {
    width: 90px;
  }

  .\32xl\:w-auto {
    width: auto;
  }

  .\32xl\:max-w-\[1760px\] {
    max-width: 1760px;
  }

  .\32xl\:max-w-\[280px\] {
    max-width: 280px;
  }

  .\32xl\:max-w-\[460px\] {
    max-width: 460px;
  }

  .\32xl\:max-w-\[527px\] {
    max-width: 527px;
  }

  .\32xl\:max-w-\[950px\] {
    max-width: 950px;
  }

  .\32xl\:max-w-full {
    max-width: 100%;
  }

  .\32xl\:max-w-none {
    max-width: none;
  }

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

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

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

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

  .\32xl\:gap-10 {
    gap: 2.5rem;
  }

  .\32xl\:gap-11 {
    gap: 2.75rem;
  }

  .\32xl\:gap-12 {
    gap: 3rem;
  }

  .\32xl\:gap-14 {
    gap: 3.5rem;
  }

  .\32xl\:gap-16 {
    gap: 4rem;
  }

  .\32xl\:gap-20 {
    gap: 5rem;
  }

  .\32xl\:gap-28 {
    gap: 7rem;
  }

  .\32xl\:gap-4 {
    gap: 1rem;
  }

  .\32xl\:gap-5 {
    gap: 1.25rem;
  }

  .\32xl\:gap-6 {
    gap: 1.5rem;
  }

  .\32xl\:gap-7 {
    gap: 1.75rem;
  }

  .\32xl\:gap-8 {
    gap: 2rem;
  }

  .\32xl\:gap-\[18px\] {
    gap: 18px;
  }

  .\32xl\:gap-\[55px\] {
    gap: 55px;
  }

  .\32xl\:gap-x-20 {
    column-gap: 5rem;
  }

  .\32xl\:gap-x-8 {
    column-gap: 2rem;
  }

  .\32xl\:gap-x-\[100px\] {
    column-gap: 100px;
  }

  .\32xl\:gap-y-\[52px\] {
    row-gap: 52px;
  }

  .\32xl\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
  }

  .\32xl\:p-10 {
    padding: 2.5rem;
  }

  .\32xl\:p-12 {
    padding: 3rem;
  }

  .\32xl\:p-14 {
    padding: 3.5rem;
  }

  .\32xl\:p-16 {
    padding: 4rem;
  }

  .\32xl\:p-20 {
    padding: 5rem;
  }

  .\32xl\:p-6 {
    padding: 1.5rem;
  }

  .\32xl\:p-8 {
    padding: 2rem;
  }

  .\32xl\:p-9 {
    padding: 2.25rem;
  }

  .\32xl\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .\32xl\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .\32xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .\32xl\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .\32xl\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .\32xl\:px-\[35px\] {
    padding-left: 35px;
    padding-right: 35px;
  }

  .\32xl\:px-\[38px\] {
    padding-left: 38px;
    padding-right: 38px;
  }

  .\32xl\:px-\[70px\] {
    padding-left: 70px;
    padding-right: 70px;
  }

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

  .\32xl\:py-11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .\32xl\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .\32xl\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .\32xl\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

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

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

  .\32xl\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .\32xl\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .\32xl\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .\32xl\:py-\[100px\] {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .\32xl\:py-\[15px\] {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .\32xl\:py-\[30px\] {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .\32xl\:py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .\32xl\:pb-16 {
    padding-bottom: 4rem;
  }

  .\32xl\:pb-20 {
    padding-bottom: 5rem;
  }

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

  .\32xl\:pb-28 {
    padding-bottom: 7rem;
  }

  .\32xl\:pl-12 {
    padding-left: 3rem;
  }

  .\32xl\:pl-14 {
    padding-left: 3.5rem;
  }

  .\32xl\:pl-20 {
    padding-left: 5rem;
  }

  .\32xl\:pl-28 {
    padding-left: 7rem;
  }

  .\32xl\:pl-\[230px\] {
    padding-left: 230px;
  }

  .\32xl\:pl-\[30px\] {
    padding-left: 30px;
  }

  .\32xl\:pr-20 {
    padding-right: 5rem;
  }

  .\32xl\:pr-24 {
    padding-right: 6rem;
  }

  .\32xl\:pr-32 {
    padding-right: 8rem;
  }

  .\32xl\:pr-\[45px\] {
    padding-right: 45px;
  }

  .\32xl\:pt-0 {
    padding-top: 0px;
  }

  .\32xl\:pt-16 {
    padding-top: 4rem;
  }

  .\32xl\:pt-20 {
    padding-top: 5rem;
  }

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

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

  .\32xl\:text-1xl {
    font-size: 24px;
  }

  .\32xl\:text-32 {
    font-size: 32px;
  }

  .\32xl\:text-3xl {
    font-size: 30px;
  }

  .\32xl\:text-4xl {
    font-size: 45px;
  }

  .\32xl\:text-5xl {
    font-size: 55px;
  }

  .\32xl\:text-6xl {
    font-size: 65px;
  }

  .\32xl\:text-7xl {
    font-size: 80px;
  }

  .\32xl\:text-\[17px\] {
    font-size: 17px;
  }

  .\32xl\:text-\[180px\] {
    font-size: 180px;
  }

  .\32xl\:text-\[20px\] {
    font-size: 20px;
  }

  .\32xl\:text-\[22px\] {
    font-size: 22px;
  }

  .\32xl\:text-\[25px\] {
    font-size: 25px;
  }

  .\32xl\:text-\[280px\] {
    font-size: 280px;
  }

  .\32xl\:text-\[32px\] {
    font-size: 32px;
  }

  .\32xl\:text-\[35px\] {
    font-size: 35px;
  }

  .\32xl\:text-\[44px\] {
    font-size: 44px;
  }

  .\32xl\:text-lg {
    font-size: 18px;
  }

  .\32xl\:text-xl {
    font-size: 20px;
  }

  .\32xl\:leading-32 {
    line-height: 32px;
  }

  .\32xl\:leading-5xl {
    line-height: 65px;
  }

  .\32xl\:leading-6xl {
    line-height: 75px;
  }

  .\32xl\:leading-8 {
    line-height: 2rem;
  }

  .\32xl\:leading-\[28px\] {
    line-height: 28px;
  }

  .\32xl\:leading-\[30px\] {
    line-height: 30px;
  }

  .before\:2xl\:text-\[30px\]::before {
    content: var(--tw-content);
    font-size: 30px;
  }
}