/****** Global CSS *******/
* {
  margin: 0;
  padding: 0;
}
html,
body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  font-family: "myriad-pro", sans-serif;
  letter-spacing: 0;
}
p,
a,
label,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
ul {
  padding: 0;
  margin: 0;
}
img {
  image-rendering: crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}
p {
  color: #1d1d1f;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 26px;
}

/****** Custom Global CSS ******/
.wrap {
  margin: 0 auto;
}
.f-family-myriadpro {
  font-family: "myriad-pro", sans-serif !important;
}
.f-family-myriadprocondensed {
  font-family: "myriad-pro-condensed", sans-serif;
}
.f-family-myriadprosemincondensed {
  font-family: "myriad-pro-semi-condensed", sans-serif;
}
.f-family-neuehaasgroteskdisplay {
  font-family: "neue-haas-grotesk-display", sans-serif;
}
.f-family-inter {
  font-family: "Inter", sans-serif;
}
.f-family-opensans {
  font-family: "Open Sans", sans-serif;
}
.f-family-worksans {
  font-family: "Work Sans", sans-serif;
}
.f-family-roboto {
  font-family: "Roboto", sans-serif;
}
.f-family-orange {
  font-family: "Oranges", sans-serif;
}
.f-family-bevietnam {
  font-family: "Be Vietnam", sans-serif;
}
.f-family-gteestiprodisplay {
  font-family: "GT Eesti Pro Display", sans-serif;
}
.f-family-sfprodisplay {
  font-family: "SF Pro Display", sans-serif;
}
.f-family-bevietnam {
  font-family: "Be Vietnam", sans-serif;
}

.f-color-black {
  color: #000000;
}
.f-color-black2 {
  color: #1d1d1f;
}
.f-color-black3 {
  color: #332e2c;
}
.f-color-black4 {
  color: #281c17;
}
.f-color-black5 {
  color: #002c1e;
}
.f-color-gray {
  color: #646464;
}
.f-color-gray2 {
  color: #666666;
}
.f-color-gray3 {
  color: rgba(0, 0, 0, 0.5);
}
.f-color-gray4 {
  color: #636464;
}
.f-color-white {
  color: #fff;
}
.f-color-red {
  color: #d23737;
}
.f-color-lightblue {
  color: #2b6b99;
}
.f-color-lightblue2 {
  color: #2180ee;
}
.f-color-darkblue {
  color: #142c72;
}
.f-color-darkblue2 {
  color: #21304d;
}
.f-color-darkblue3 {
  color: #365084;
}
.f-color-yellow {
  color: #fce98d;
}
.f-color-brown {
  color: #503830;
}

.f-weight-300 {
  font-weight: 300;
}
.f-weight-400 {
  font-weight: 400;
}
.f-weight-500 {
  font-weight: 500;
}
.f-weight-600 {
  font-weight: 600;
}
.f-weight-700 {
  font-weight: 700 !important;
}
.f-weight-800 {
  font-weight: 800;
}
.f-weight-900 {
  font-weight: 900;
}

.f-124-94 {
  font-size: 124px;
}
.f-55-35 {
  font-size: 55px;
}
.f-42-34 {
  font-size: 42px;
}
.f-42-33 {
  font-size: 42px;
}
.f-32-30 {
  font-size: 32px;
}
.f-32-25 {
  font-size: 32px;
}
.f-30-26 {
  font-size: 30px;
}
.f-30-24 {
  font-size: 30px;
}
.f-28-24 {
  font-size: 28px;
}
.f-26-24 {
  font-size: 26px;
}
.f-25-24 {
  font-size: 25px;
}
.f-22-20 {
  font-size: 22px;
}
.f-22-18 {
  font-size: 22px;
}
.f-22-16 {
  font-size: 22px;
}
.f-20-19 {
  font-size: 20px;
}
.f-20-18 {
  font-size: 20px;
}
.f-20-16 {
  font-size: 20px;
}
.f-55 {
  font-size: 55px;
}
.f-40 {
  font-size: 40px;
}
.f-28 {
  font-size: 28px;
}
.f-24 {
  font-size: 24px;
}
.f-22 {
  font-size: 22px;
}
.f-20 {
  font-size: 20px;
}
.f-19 {
  font-size: 19px;
}
.f-18 {
  font-size: 18px;
}
.f-16 {
  font-size: 16px;
}
.f-15 {
  font-size: 15px;
}
.f-14 {
  font-size: 14px;
}
.f-12 {
  font-size: 12px;
}

.l-spacing-1 {
  letter-spacing: -0.714px;
}
.l-spacing-2 {
  letter-spacing: -0.9px;
}
.l-spacing-3 {
  letter-spacing: 0.301px;
}
.l-spacing-4 {
  letter-spacing: -0.16px;
}
.l-spacing-5 {
  letter-spacing: -0.1px;
}
.l-spacing-6 {
  letter-spacing: -0.44px;
}
.l-spacing-7 {
  letter-spacing: -0.09px;
}
.l-spacing-8 {
  letter-spacing: 0.28px;
}
.l-spacing-9 {
  letter-spacing: 0.18px;
}
.l-spacing-10 {
  letter-spacing: 0.84px;
}
.l-spacing-11 {
  letter-spacing: -1.2px;
}
.l-height-normal {
  line-height: normal;
}
.l-height-normal-28 {
  line-height: normal;
}
.l-height-1 {
  line-height: 95.8%;
}
.l-height-2 {
  line-height: 130%;
}
.l-height-50 {
  line-height: 50px;
}
.l-height-44 {
  line-height: 44px;
}
.l-height-40 {
  line-height: 40px;
}
.l-height-36 {
  line-height: 36px;
}
.l-height-29 {
  line-height: 29px;
}
.l-height-26 {
  line-height: 26px;
}
.l-height-25 {
  line-height: 25px;
}
.l-height-24 {
  line-height: 24px;
}
.l-height-23 {
  line-height: 23px;
}
.l-height-21 {
  line-height: 21px;
}
.l-height-119-90 {
  line-height: 119px;
}
.l-height-35-32 {
  line-height: 35px;
}
.l-height-32-24 {
  line-height: 32px;
}
.l-height-28-24 {
  line-height: 28px;
}

.f-style-italic {
  font-style: italic;
}
.t-align-center {
  text-align: center;
}
.t-nowrap {
  white-space: nowrap;
}
.t-transform-uppercase {
  text-transform: uppercase;
}
.t-transform-lowercase {
  text-transform: lowercase;
}
.t-transform-capitalize {
  text-transform: capitalize;
}
.t-decoration-underline {
  text-decoration: underline;
}
.t-decoration-none {
  text-decoration: none;
}
.l-style-none {
  list-style: none;
}

.p-relative {
  position: relative;
}
.p-absolute {
  position: absolute;
}
.o-hidden {
  overflow: hidden;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}

.d-flex {
  display: flex;
}
.d-inline {
  display: inline;
}
.d-block {
  display: block;
}
.d-inline-block {
  display: inline-block;
}
.d-none {
  display: none;
}
.a-items-start {
  align-items: flex-start;
}
.a-items-center {
  align-items: center;
}
.a-items-flex-end {
  align-items: flex-end;
}
.j-content-center {
  justify-content: center;
}
.j-content-start {
  justify-content: flex-start;
}
.j-content-between {
  justify-content: space-between;
}
.f-wrap-wrap {
  flex-wrap: wrap;
}

.gap-181 {
  gap: 181px;
}
.gap-152-36 {
  gap: 152px;
}
.gap-64 {
  gap: 64px;
}
.gap-40 {
  gap: 40px;
}
.gap-40-26 {
  gap: 40px;
}
.gap-32 {
  gap: 32px;
}
.gap-30 {
  gap: 30px;
}
.gap-26 {
  gap: 26px;
}
.gap-18-5 {
  gap: 18.5px;
}
.gap-16 {
  gap: 16px;
}
.gap-12 {
  gap: 12px;
}
.gap-8 {
  gap: 8px;
}
.gap-6 {
  gap: 6px;
}
.gap-4 {
  gap: 4px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.ml-20px {
  margin-left: 20px;
}
.mr-8px {
  margin-right: 8px;
}
.my-50-32 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.my-32-26 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.my-32-16 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.my-16px {
  margin-top: 16px;
  margin-bottom: 16px;
}
.mt-26px {
  margin-top: 26px;
}
.mb-64-32 {
  margin-bottom: 64px;
}
.mb-32-16 {
  margin-bottom: 32px;
}
.mb-64px {
  margin-bottom: 64px;
}
.mb-48px {
  margin-bottom: 48px;
}
.mb-42px {
  margin-bottom: 42px;
}
.mb-32px {
  margin-bottom: 32px;
}
.mb-26px {
  margin-bottom: 26px;
}
.mb-16px {
  margin-bottom: 16px;
}
.mb-10px {
  margin-bottom: 10px;
}
.mb-8px {
  margin-bottom: 8px;
}
.mb-5px {
  margin-bottom: 5px;
}
.mb-16-8 {
  margin-bottom: 16px;
}
.mb-0 {
  margin-bottom: 0px;
}

.px-64px {
  padding-left: 64px;
  padding-right: 64px;
}
.px-17px {
  padding-left: 17px;
  padding-right: 17px;
}
.py-32-26 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.py-32px {
  padding-top: 32px;
  padding-bottom: 32px;
}
.py-24px {
  padding-top: 24px;
  padding-bottom: 24px;
}
.py-22px {
  padding-top: 22px;
  padding-bottom: 22px;
}
.py-20px {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-16px {
  padding-top: 16px;
  padding-bottom: 16px;
}
.py-5px {
  padding-top: 5px;
  padding-bottom: 5px;
}
.pt-32px {
  padding-top: 32px;
}
.pl-43px {
  padding-left: 43px;
}
.pl-16px {
  padding-left: 16px;
}
.pt-16px {
  padding-top: 16px;
}
.pt-32-16 {
  padding-top: 32px;
}
.pb-51px {
  padding-bottom: 51px;
}
.pb-48px {
  padding-bottom: 48px;
}
.pb-40px {
  padding-bottom: 40px;
}
.pb-32px {
  padding-bottom: 32px;
}
.pb-16px {
  padding-bottom: 16px;
}
.p-22px {
  padding: 22px;
}
.p-16px {
  padding: 16px;
}

.m-width-1040 {
  max-width: 1040px;
}
.m-width-1020 {
  max-width: 1020px;
}
.m-width-1018 {
  max-width: 1018px;
}
.m-width-986 {
  max-width: 986px;
}
.m-width-850 {
  max-width: 850px;
}
.m-width-817 {
  max-width: 817px;
}
.m-width-800 {
  max-width: 800px;
}
.m-width-763 {
  max-width: 763px;
}
.m-width-743 {
  max-width: 743px;
}
.m-width-713 {
  max-width: 713px;
}
.m-width-710 {
  max-width: 710px;
}
.m-width-651 {
  max-width: 651px;
}
.m-width-646 {
  max-width: 646px;
}
.m-width-644 {
  max-width: 644px;
}
.m-width-642 {
  max-width: 642px;
}
.m-width-606 {
  max-width: 606px;
}
.m-width-600 {
  max-width: 600px;
}
.m-width-591 {
  max-width: 591px;
}
.m-width-578 {
  max-width: 578px;
}
.m-width-553 {
  max-width: 553px;
}
.m-width-526 {
  max-width: 526px;
}
.m-width-512 {
  max-width: 512px;
}
.m-width-500 {
  max-width: 500px;
}
.m-width-493 {
  max-width: 493px;
}
.m-width-461 {
  max-width: 461px;
}
.m-width-460 {
  max-width: 460px;
}
.m-width-455 {
  max-width: 455px;
}
.m-width-350 {
  max-width: 350px;
}
.m-width-317 {
  max-width: 317px;
}
.m-width-312 {
  max-width: 312px;
}
.m-width-311 {
  max-width: 311px;
}
.m-width-294 {
  max-width: 294px;
}
.m-width-261 {
  max-width: 261px;
}
.m-width-255 {
  max-width: 255px;
}
.m-width-244 {
  max-width: 244px;
}
.m-width-235 {
  max-width: 235px;
}
.m-width-225 {
  max-width: 225px;
}
.m-width-220 {
  max-width: 220px;
}
.m-width-210 {
  max-width: 210px;
}
.m-width-207 {
  max-width: 207px;
}
.m-width-203 {
  max-width: 203px;
}
.m-width-193 {
  max-width: 193px;
}
.m-width-170 {
  max-width: 170px;
}
.m-width-153 {
  max-width: 153px;
}
.m-width-130 {
  max-width: 130px;
}
.m-width-115 {
  max-width: 115px;
}
.m-width-85 {
  max-width: 85px;
}
.m-width-40 {
  max-width: 40px;
}
.w-100 {
  width: 100%;
}
.h-44 {
  height: 44px;
}

.bg-color-1 {
  background: #e7f8ff;
}
.bg-color-yellow {
  background: #ffe9d1;
}
.bg-color-yellow2 {
  background: #fce98d;
}
.bg-color-white {
  background: #fff;
}
.bg-color-blue {
  background-color: #233873;
}
.bg-color-lightblue {
  background-color: #c7ecff;
}
.bg-color-gray {
  background-color: #f4f7f7;
}
.bg-gradient-white {
  background: linear-gradient(0deg, #f8fafa 0%, #f8fafa 100%),
    linear-gradient(0deg, #f7f6f4 0%, #f7f6f4 100%), #f7f8fa;
}
.bg-gradient-white2 {
  background: linear-gradient(0deg, #f8fafa 0%, #f8fafa 100%), #f7f6f4;
}
.bg-gradient-beige {
  background: linear-gradient(0deg, #fff4e7 0%, #fff4e7 100%),
    linear-gradient(0deg, #fff5ec 0%, #fff5ec 100%), #fff8f8;
}
.bg-gradient-blue {
  background: linear-gradient(0deg, #c7ecff 0%, #c7ecff 100%), #f0f9f6;
  background-blend-mode: color, normal;
}
.bg-gradient-blue2 {
  background: linear-gradient(0deg, #21304d 0%, #21304d 100%), lightgray;
}
.bg-gradient-lightblue {
  background: linear-gradient(
      0deg,
      rgba(199, 236, 255, 0.5) 0%,
      rgba(199, 236, 255, 0.5) 100%
    ),
    linear-gradient(0deg, #c7ecff 0%, #c7ecff 100%), #dbf0e9;
  background-blend-mode: multiply, color, normal;
}
.bg-gradient-lightblue2 {
  background: linear-gradient(0deg, #e7f8ff 0%, #e7f8ff 100%),
    linear-gradient(0deg, #f7f6f4 0%, #f7f6f4 100%),
    linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%),
    linear-gradient(180deg, #fff 28.02%, #f2ece8 56.43%, #d8d7e6 100%);
}
.bg-gradient-lightblue3 {
  background: linear-gradient(0deg, #c7ecff 0%, #c7ecff 100%), #dbf0e9;
}
.bg-gradient-lightblue4 {
  background: linear-gradient(
      17deg,
      #76abdc 1.41%,
      rgba(118, 171, 220, 0) 68.01%
    ),
    #d3f0ff;
}
.bg-gradient-lightblue5 {
  background: linear-gradient(0deg, #e7f8ff 0%, #e7f8ff 100%),
    linear-gradient(
      180deg,
      rgba(219, 236, 246, 0.2) 0%,
      rgba(219, 236, 246, 0) 105.75%
    ),
    #f7f8fa;
}
.bg-gradient-lightblue6 {
  background: linear-gradient(0deg, #e7f8ff 0%, #e7f8ff 100%), #f0f5f2;
  background-blend-mode: color, normal;
}
.bg-gradient-gray {
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.2) 100%
    ),
    #f1f3f3;
}
.bg-gradient-pattern1 {
  background-image: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-sec12-bg1.png?v=1700149890"),
    linear-gradient(0deg, #f8fafa 0%, #f8fafa 100%),
    linear-gradient(0deg, #f7f6f4 0%, #f7f6f4 100%);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-color: #f7f8fa;
  background-position: bottom center, 0 0, 0 0;
  background-size: contain, cover, cover;
}
.b-radius-6 {
  border-radius: 6px;
}

.yellowhighlight2 {
  border-radius: 6px;
  background: #ffe9d1;
  display: inline;
  padding: 0 8px 0 10px;
}
.yellowhighlight3 {
  background: #fce98d;
  display: inline;
  padding: 0 5px;
}
.whiteboxtesti {
  border-radius: 6px;
  border: 1px solid rgba(20, 44, 114, 0.6);
  background: linear-gradient(0deg, #fff 0%, #fff 100%), #f0f9f6;
  box-shadow: 0px 3px 15px 0px rgba(20, 44, 114, 0.2);
}
.whitebox {
  border-radius: 6px;
  background: #fff;
  padding: 20px 16px;
}
.whitebox1 {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1),
    9px 6px 24px 0px rgba(0, 0, 0, 0.1), 36px 26px 44px 0px rgba(0, 0, 0, 0.09),
    81px 58px 60px 0px rgba(0, 0, 0, 0.05),
    144px 103px 71px 0px rgba(0, 0, 0, 0.01),
    225px 161px 77px 0px rgba(0, 0, 0, 0);
}
.bluehighlight {
  border-radius: 6px;
  background: #d0eeff;
  padding: 3px 5px;
  display: inline;
  line-height: 30px;
}
.infobox {
  padding: 16px 16px 16px 20px;
  border-radius: 10px;
  border: 2px solid #142c72;
  position: relative;
}
.infobox::before {
  content: "";
  background-image: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-info-icon.png?v=1700150046");
  background-repeat: no-repeat;
  width: 41px;
  height: 41px;
  background-size: cover;
  margin-right: 8px;
  display: block;
  position: absolute;
  left: -20px;
  top: -20px;
}
.infobox.iconbeige::before {
  background-image: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-info-icon-beige.png?v=1700150046");
}
.infobox.iconblue::before {
  background-image: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-info-icon-blue.png?v=1700150046");
}
.img-warning {
  color: #142c72;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
}
.img-warning.withicon::before {
  content: "";
  background: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-x-sign.png?v=1700150047")
    no-repeat;
  width: 30px;
  height: 30px;
  background-size: cover;
  margin-right: 8px;
}
.leftstaricon::before {
  content: "";
  background: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-black-star.png?v=1700150046")
    no-repeat;
  width: 100%;
  height: 18px;
  max-width: 18px;
  background-size: cover;
  margin-right: 8px;
  margin-top: 5px;
}

.yellowrectangle {
  width: 150px;
  height: 8px;
  background-color: #fde054;
  display: block;
  margin-bottom: 10px;
}
.box-border-left {
  border-left: 3px solid #005488;
  padding-left: 8px;
}
.text-sup {
  color: #000;
  font-size: 10px;
  font-weight: 400;
  vertical-align: super;
}
.getyoursbtn {
  max-width: 455px;
  font-family: "Be Vietnam", sans-serif;
  display: block;
  border-radius: 50px;
  background: linear-gradient(0deg, #fce98d -36.23%, #eed10a 188.41%),
    linear-gradient(
      0deg,
      rgba(255, 204, 102, 0.5) 0%,
      rgba(255, 204, 102, 0.5) 100%
    ),
    linear-gradient(
      216deg,
      #ffc17a -3.09%,
      #eddaa2 16.24%,
      #cc886e 46.62%,
      #eddaa2 72.04%,
      #ffc17a 102.97%
    ),
    linear-gradient(0deg, #21304d 0%, #21304d 100%), #237a60;
  box-shadow: 0px 10px 15px 0px rgba(243, 204, 128, 0.2),
    0px 3px 2px 0px #ffef9b inset, 0px 10px 15px 0px rgba(33, 48, 77, 0.2);
}
.getyoursbtn:hover {
  color: #fce98d;
  background: linear-gradient(0deg, #21304d 0%, #21304d 100%),
    linear-gradient(0deg, #dee9ff 0%, #dee9ff 100%),
    linear-gradient(
      216deg,
      #ffc17a -3.09%,
      #eddaa2 16.24%,
      #cc886e 46.62%,
      #eddaa2 72.04%,
      #ffc17a 102.97%
    ),
    linear-gradient(0deg, #21304d 0%, #21304d 100%), #237a60;
  box-shadow: 0px 10px 15px 0px rgba(149, 156, 170, 0.5),
    0px 3px 2px 0px #485c83 inset, 0px 10px 15px 0px rgba(33, 48, 77, 0.2);
}

/****** Hero Section ******/
.herosection .wrap {
  padding: 46px 0 32px;
}
.herosection .yellowhighlight {
  background: linear-gradient(0deg, #fde054 0%, #fde054 100%), #f8d281;
  padding: 5px 10px;
}
.herosection .h1 {
  letter-spacing: -1.1px;
  line-height: 60px;
}
.herosection .dr-gina-profile .img img {
  max-width: 70px;
  margin-right: 8px;
}
.herosection .dr-gina-profile .txt .name {
  line-height: 18px;
  border-bottom: 1px solid #1d1d1f;
  padding-bottom: 8px;
}
.herosection .dr-gina-profile .txt .position {
  letter-spacing: -0.22px;
}
.herosection .dr-gina-testi {
  line-height: 25px;
}
.herosection .list-item1 ul li {
  border-top: 1px solid #2b6b99;
  padding: 6px 0;
}
.herosection .list-item1 ul li img {
  max-width: 40px;
}

.section1 .list-item2 li::before {
  content: "";
  background: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-warning-icon.png?v=1700150047")
    no-repeat;
  width: 27px;
  display: block;
  height: 28px;
  position: absolute;
  left: 0;
  top: 7px;
}
.section6 {
  background: linear-gradient(0deg, #f8fafa 0%, #f8fafa 100%),
    linear-gradient(0deg, #f7f6f4 0%, #f7f6f4 100%), #f5f5f5;
}
.section6 .box-border-left {
  padding-left: 16px;
}
.section6 .sec6jointsimg {
  border-radius: 4px;
  background: #fff;
  box-shadow: 36px 26px 44px 0px rgba(0, 0, 0, 0.09);
}
.section9 .sec9doodleimg1 {
  position: absolute;
  right: calc(100% + 45px);
  top: 83px;
}
.section10 .listitem {
  border-bottom: 1px solid rgba(102, 102, 102, 0.3);
}
.section10 .listitem:nth-last-child(1) {
  border-bottom: 0 none;
}
.section13 .boxheader {
  border-radius: 6px 6px 6px 0px;
}
.section13 .boxbody li::before {
  background: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-check-mark2.png?v=1700150046")
    center left no-repeat;
  width: 100%;
  max-width: 24px;
  height: 24px;
  content: "";
  margin-right: 16px;
  display: block;
}
.section15 .twocols .img img {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1),
    8.0568px 0px 18.12781px 0px rgba(0, 0, 0, 0.1),
    33.23431px 0px 33.23431px 0px rgba(0, 0, 0, 0.09),
    74.52542px 0px 44.31242px 0px rgba(0, 0, 0, 0.05),
    131.93015px 0px 52.36922px 0px rgba(0, 0, 0, 0.01),
    206.45557px 0px 57.40472px 0px rgba(0, 0, 0, 0);
}

.introproduct h5 {
  border-bottom: 1px solid #142c72;
}
.introproduct h2 {
  letter-spacing: -3.72px;
}
.testimonials .testi-body {
  height: calc(100% - 44px - 8px - 32px);
}
.testimonials .initial img {
  max-width: 40px;
}
.lettersection .letterbottom {
  fill: #b5b5b5;
  opacity: 0.8;
  mix-blend-mode: multiply;
  filter: blur(5px);
}

/****** Product Section ******/
#products .col-item {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}
#products .col-item .topribbon {
  display: block;
  max-width: 48%;
  padding: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent;
}
#products .col-item .title {
  padding: 20px 16px 12px;
}
#products .col-item.item-2 .title {
  padding: 33px 32px 26px;
}
#products .col-item.item-1 .body-content .img {
  padding: 16px 0 0px;
  margin-bottom: -20px;
}
#products .col-item.item-3 .body-content .img {
  padding: 16px 0 0;
}
#products .col-item.item-2 .price {
  margin-top: -25px;
}
#products .col-item.item-3 .price {
  margin-top: -43px;
}
#products .col-item.item-1 .body-content .details p {
  opacity: 0.5;
}
#products .col-item .cards img {
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.25));
}
#products .col-item.item-1 .body-content .final-price {
  padding: 32px 0 20px;
}
#products .col-item.item-2 .body-content .final-price {
  padding: 16px 0 20px;
}
#products .col-item.item-3 .body-content .final-price {
  padding: 15px 0 20px;
}
#products .col-item .final-price .regular:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #cf2049;
  transform: rotate(0);
  position: absolute;
  top: 50%;
  left: 0;
}

#faqs .faqitem .faqanswer .content p {
  color: #000;
  font-size: 20px;
  font-style: italic;
}
#faqs .faqitem .faqanswer .content p:nth-last-child(1) {
  margin-bottom: 0;
}
#faqs .faqitem .faqanswer:not(.fullanswer) .content .fulltext {
  display: none;
}
#faqs .faqtb {
  border-radius: 10px;
  border: 0.75px solid #142c72;
  padding: 32px 16px;
}
#faqs .faqtb .tbrow {
  border-bottom: 0.5px solid #142c72;
}
#faqs .faqtb .tbrow:nth-last-child(1) {
  border-bottom: 0 none;
}
#faqs .faqreadmore,
#faqs .faqreadless {
  cursor: pointer;
}

.clinicalstudies > div {
  border-bottom: 0.75px solid rgba(128, 124, 116, 0.4);
}
.clinicalstudies ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
  color: #636464;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
.clinicalstudies ul li .number {
  font-size: 16px;
  margin-right: 4px;
}
.clinicalstudies ul li .text {
  font-size: 14px;
  word-break: break-all;
  letter-spacing: -0.5px;
}

/****** Small Mobile to Desktop View  *******/
@media (min-width: 576px) {
}

/****** Tablet to Desktop View *******/
@media (min-width: 768px) {
  .d-block-tb-dt {
    display: block;
  }
  .d-block-mb {
    display: none;
  }

  .p-32px-tb-dt {
    padding: 32px;
  }
  .py-64px-tb-dt {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .py-32px-tb-dt {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .py-16px-tb-dt {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .pb-51px-tb-dt {
    padding-bottom: 51px;
  }

  .d-flex-tb-dt {
    display: flex;
  }
  .a-items-start-tb-dt {
    align-items: flex-start;
  }
  .d-inline-block-tb-dt {
    display: inline-block;
  }
  .p-relative-tb-dt {
    position: relative;
  }

  .gap-64-tb-dt {
    gap: 64px;
  }
  .gap-26-tb-dt {
    gap: 26px;
  }

  .f-weight-700-tb-dt {
    font-weight: 700;
  }
  .l-height-32-tb-dt {
    line-height: 32px;
  }
  .t-nowrap-tb-dt {
    white-space: nowrap;
  }

  .h2-yellow-bg {
    background: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-h2-yellow-bg.png?v=1700150046")
      no-repeat 0 0;
  }

  .herosection {
    background-image: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-hero-bg.png?v=1700150051"),
      linear-gradient(
        0deg,
        rgba(227, 247, 255, 0.9) 0%,
        rgba(227, 247, 255, 0.9) 100%
      ),
      linear-gradient(113deg, #e8efef 54.48%, #bcd2db 117.47%);
    background-blend-mode: normal, color, normal;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: cover, cover, cover;
    background-position: center 67%, center, center;
  }
  .herosection .dr-gina {
    padding-right: 65px;
  }
  .herosection .list-item1 .item2 {
    margin-right: -36px;
  }

  .m-width-85-tb-dt {
    max-width: 85px;
  }
  .m-width-327-tb-dt {
    max-width: 327px;
  }

  .section2 {
    background: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-sec2-bg1.png?v=1700150046"),
      url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-sec2-bg2.png?v=1700150046"),
      url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-sec2-bg3.png?v=1700150046"),
      url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-sec2-bg.png?v=1700150050");
    background-blend-mode: normal, normal, normal, normal;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 304px, 272px, 272px, 100%;
    background-position: 0 479px, 100% calc(100% - 629px), 100% 0, top center;
  }
  .section3 .cartilagedegeneration {
    padding: 20px 36.76px;
  }
  .section3 .synoctslpaincycleimg {
    margin: -15px -50px -30px 15px;
  }
  .section3 .synoctslsec3doodle1 {
    position: absolute;
    left: calc(100% + 22px);
    top: 43%;
  }
  .section3 .synoctslsec3doodle2 {
    position: absolute;
    top: 35%;
    left: 97%;
  }
  .section4 .cytokineimg {
    position: absolute;
    top: 30%;
    left: calc(100% + 30px);
  }
  .section6 .realproblemdoodle {
    position: absolute;
    top: 20%;
    right: calc(100% + 10px);
  }
  .section9 {
    background: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-sec9-img1-bg.png?v=1700150047")
      center left no-repeat;
  }
  .section11 {
    background-image: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-sec11-bg-img1.png?v=1700150047"),
      url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-sec11-bg-img2.png?v=1700150046");
    background-repeat: no-repeat, no-repeat;
    background-position: top left, calc(50% - 470px) calc(100% - 55px);
  }
  .section11 .h2-yellow-bg {
    background-position: 85% 0;
  }
  .section11 .sec11chartimg img {
    max-width: 60px;
    position: absolute;
    right: calc(100% + 22px);
    top: 40px;
  }
  .section12 .h2-yellow-bg {
    background-position: -20px -15px;
  }
  .section12 .todayonlyimg {
    position: absolute;
    right: calc(100% + 24px);
    top: -15px;
  }
  .section13 .boxheader {
    padding: 26px 30px;
  }
  .section14 {
    background-image: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-sec14-bg2.png?v=1700150049"),
      url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-sec14-synocell.png?v=1700150046"),
      url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-sec14-email.png?v=1700150046"),
      url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-sec14-bg3.png?v=1700150046");
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: 50% 85px, top right, 100% 100%,
      calc(50% - 380px) calc(50% + 350px);
    background-size: auto, auto, auto, auto;
  }
  .section14 .text1 {
    margin-top: -50px;
  }
  .section14 .text2 {
    background-image: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-sec14-bg1.png?v=1700150046");
    background-repeat: no-repeat;
    background-position: 100% 130px;
    background-size: auto;
  }
  .section14 .sec14gearimg {
    position: absolute;
    right: calc(100% + 19px);
    top: 5px;
  }
  .section15 .h2-yellow-bg {
    background-position: -25px -30px;
  }
  .section15 .boxitem {
    padding: 16px 20px;
    border-radius: 100px;
    border: 1px solid #10349d;
    background: linear-gradient(0deg, #fff 0%, #fff 100%),
      linear-gradient(
        139deg,
        #fff979 -22.04%,
        #ffc445 19.7%,
        #ffd050 20.9%,
        #ffd757 22.09%,
        #ffd959 25.67%,
        #f8d050 34.01%,
        #e7b737 47.13%,
        #f5bd40 63.83%,
        #eaa61d 69.8%,
        #d29617 73.37%,
        #e5ae2e 78.15%,
        #f4be3f 84.11%,
        #fcc849 90.07%,
        #ffcc4d 97.23%
      ),
      #0034cc;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  }
  .section17 {
    background-image: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-sec17-bg1.png?v=1700150048"),
      url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-sec17-bg2.png?v=1700150047");
    background-repeat: no-repeat, no-repeat;
    background-position: 0% 260px, 100% 38%;
    background-size: auto, auto;
  }

  .introproduct {
    background-image: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-prod-intro-bg.png?v=1700150050");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
  }
  .introproduct .wrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .lettersection {
    background-image: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-letter-bg1.png?v=1700150046"),
      url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-letter-bg2.png?v=1700150046"),
      url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-letter-bg3.png?v=1700150046"),
      url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-letter-bg4.png?v=1700150046"),
      url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-letter-bg5.png?v=1700150046");
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: calc(50% - 445px) calc(50% - 220px),
      calc(50% - 390px) calc(50% + 150px), calc(50% - 550px) calc(100% - 450px),
      calc(50% + 590px) calc(50% - 310px), calc(50% + 520px) calc(100% - 250px);
  }

  #products {
    background-image: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-cta-vector-bg.png?v=1700150049"),
      url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-cta-bg.png?v=1700150046");
    background-position: top center, center;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, cover;
  }
  #products .col-item {
    width: 33.33%;
    max-width: 318px;
  }
  #products .col-item.item-2 {
    max-width: 350px;
  }

  #faqs .faqitem {
    padding: 32px 40px;
  }
  #faqs .faqitem .title {
    max-width: 84px;
    width: 100%;
  }
  #faqs .faqtb .tbrow .tbcol.left {
    max-width: 146px;
    width: 100%;
  }
  #faqs .faqtb .tbrow .tbcol.right {
    max-width: calc(100% - 146px);
    width: 100%;
  }

  .clinicalstudies .colwrap .col {
    width: 50%;
  }
}

/****** Custom Desktop View Based on Shopify *******/
@media (min-width: 951px) {
}

/****** Desktop View Only *******/
@media (min-width: 992px) {
}

/****** Tablet View Only *******/
@media (max-width: 991px) and (min-width: 768px) {
}

/****** Large Desktop View Only *******/
@media (min-width: 1440px) {
  .m-width-1440 {
    max-width: 1440px;
  }
}

/****** Desktop to Mobile View *******/
@media (max-width: 1199px) {
}

/****** Tablet to Mobile View *******/
@media (max-width: 991px) {
}

/****** Custom Mobile View Based on Shopify Menu *******/
@media (max-width: 950px) {
}

/****** Mobile View Only *******/
@media (max-width: 767px) {
  .m-width-343-mb {
    max-width: 343px;
  }
  .m-width-300-mb {
    max-width: 300px !important;
  }
  .m-width-240-mb {
    max-width: 240px !important;
  }
  .m-width-238-mb {
    max-width: 238px !important;
  }
  .m-width-60-mb {
    max-width: 60px !important;
  }
  .m-width-40-mb {
    max-width: 40px !important;
  }

  p {
    font-size: 18px;
    line-height: 22px;
  }
  .d-block-tb-dt {
    display: none;
  }
  .d-block-mb {
    display: block;
  }
  .d-flex-mb {
    display: flex;
  }

  .f-wrap-wrap-mb {
    flex-wrap: wrap;
  }
  .f-direction-column-reverse-mb {
    flex-direction: column-reverse;
  }

  .f-124-94 {
    font-size: 94px;
  }
  .f-55-35 {
    font-size: 35px;
  }
  .f-42-34 {
    font-size: 34px;
  }
  .f-42-33 {
    font-size: 33px;
  }
  .f-32-30 {
    font-size: 30px;
  }
  .f-32-25 {
    font-size: 25px;
  }
  .f-30-26 {
    font-size: 26px;
  }
  .f-30-24 {
    font-size: 24px;
  }
  .f-28-24 {
    font-size: 24px;
  }
  .f-26-24 {
    font-size: 24px;
  }
  .f-25-24 {
    font-size: 24px;
  }
  .f-22-20 {
    font-size: 20px;
  }
  .f-22-18 {
    font-size: 18px;
  }
  .f-22-16 {
    font-size: 16px;
  }
  .f-20-19 {
    font-size: 19px;
  }
  .f-20-18 {
    font-size: 18px;
  }
  .f-20-16 {
    font-size: 16px;
  }

  .f-weight-600-mb {
    font-weight: 600;
  }

  .mx-auto-mb {
    margin-left: auto;
    margin-right: auto;
  }
  .mx-16px-mb {
    margin-left: 16px;
    margin-right: 16px;
  }
  .mx-5px-mb {
    margin-left: 5px;
    margin-right: 5px;
  }
  .my-50-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .my-32-26 {
    margin-top: 26px;
    margin-bottom: 26px;
  }
  .my-32-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .mr-8px {
    margin-right: 8px;
  }
  .mb-64-32 {
    margin-bottom: 32px;
  }
  .mb-32-16 {
    margin-bottom: 16px;
  }
  .mb-16-8 {
    margin-bottom: 8px;
  }
  .mb-48px-mb {
    margin-bottom: 48px;
  }
  .mb-32px-mb {
    margin-bottom: 32px;
  }
  .mb-26px-mb {
    margin-bottom: 26px;
  }
  .mb-16px-mb {
    margin-bottom: 16px;
  }
  .mb-12px-mb {
    margin-bottom: 12px;
  }
  .mb-8px-mb {
    margin-bottom: 8px;
  }
  .p-22px-mb {
    padding: 22px;
  }
  .p-16px-mb {
    padding: 16px;
  }
  .pr-40px-mb {
    padding-right: 40px;
  }
  .px-10px-mb {
    padding-left: 10px;
    padding-right: 10px;
  }
  .px-16px-mb {
    padding-left: 16px;
    padding-right: 16px;
  }
  .py-32-26 {
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .py-32px-mb {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .pt-32-16 {
    padding-top: 16px;
  }
  .pt-32px-mb {
    padding-top: 32px;
  }
  .pt-16px-mb {
    padding-top: 16px;
  }

  .l-spacing-7-mb {
    letter-spacing: -0.09px;
  }
  .l-height-normal-28 {
    line-height: 28px;
  }
  .l-height-119-90 {
    line-height: 90px;
  }
  .l-height-38-mb {
    line-height: 38px;
  }
  .l-height-35-32 {
    line-height: 32px;
  }
  .l-height-32-24 {
    line-height: 24px;
  }
  .t-nowrap-mb {
    white-space: nowrap;
  }

  .img-fluid {
    max-width: 100%;
  }
  .h2-yellow-bg {
    background: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-h2-yellow-bg-mb.png?v=1700150046")
      no-repeat 0 0;
  }
  .bg-gradient-lightblue-mb {
    background: linear-gradient(
        0deg,
        rgba(199, 236, 255, 0.5) 0%,
        rgba(199, 236, 255, 0.5) 100%
      ),
      linear-gradient(0deg, #c7ecff 0%, #c7ecff 100%), #dbf0e9;
    background-blend-mode: multiply, color, normal;
  }
  .bg-color-white-mb {
    background-color: #fff;
  }
  .bg-color-gray-mb {
    background-color: #f4f7f7;
  }
  .yellowhighlight2 {
    padding: 0 4px;
  }

  .gap-152-36 {
    gap: 36px;
  }
  .gap-40-26 {
    gap: 26px;
  }

  .herosection {
    background-image: linear-gradient(
        0deg,
        rgba(227, 247, 255, 0.9) 0%,
        rgba(227, 247, 255, 0.9) 100%
      ),
      linear-gradient(113deg, #e8efef 54.48%, #bcd2db 117.47%);
    background-blend-mode: color, normal;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    background-position: center, center;
  }
  .herosection .wrap {
    padding: 32px 0 16px;
  }
  .herosection .h1 {
    letter-spacing: -0.7px;
    line-height: 38px;
  }
  .herosection .yellowhighlight {
    padding: 5px 2px;
  }
  .herosection .yellowhighlight h5 {
    letter-spacing: -0.16px;
  }

  .section2 {
    background: linear-gradient(0deg, #e0f2f9 0%, #e0f2f9 100%),
      linear-gradient(203deg, #d4e4dc -10.36%, #e9f0ec 43%, #fbfbfb 72.69%);
    background-blend-mode: color, normal;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    background-position: center, center;
  }
  .section3 .synoctslpaincycleimg {
    margin: -15px -45px -10px -10px;
  }
  .section5 .h2-yellow-bg {
    background-position: 0 -45px;
  }
  .section11 .sec11chartimg img {
    max-width: 39px;
    height: 36px;
    margin-right: 8px;
  }
  .section11 .sec11chartimg p {
    padding: 7px 6px;
  }
  .section11 .h2-yellow-bg {
    background-image: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-h2-yellow-bg.png?v=1700150046");
  }
  .section12 .h2-yellow-bg {
    background-image: none;
  }
  .section13 .boxbody li::before {
    margin-right: 8px;
  }
  .section14 {
    background-image: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-sec14-glow.png");
    background-repeat: no-repeat;
    background-position: 50% 250px;
    background-size: auto;
  }
  .section14 .text2 .sec1490day {
    padding-left: 12px;
  }
  .section15 .boxitem .text {
    border-radius: 6px;
    border: 1px solid #365084;
    background: #fff;
    padding: 8px 16px;
  }

  .introproduct {
    background-image: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-prod-intro-bg-mb.png?v=1700150049");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
  }
  .introproduct .wrap {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .introproduct h2 {
    letter-spacing: -2.82px;
  }
  .introproduct .getyoursbtn {
    padding: 22px;
    text-decoration: none;
    text-align: center;
  }
  .introproduct .right {
    background-image: url("https://cdn.shopify.com/s/files/1/0615/0265/2571/files/synoctsl-introprod-woman-mb.png?v=1700150047");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
  }
  .lettersection .letterbody {
    filter: drop-shadow(
      3.7579617500305176px 3.7579617500305176px 9.394904136657715px
        rgba(0, 0, 0, 0.25)
    );
  }

  #products {
    padding: 16px 12.5px;
  }
  #products .col-item {
    width: 100%;
  }
  #products .col-item.item-1 {
    order: 2;
  }
  #products .col-item.item-1,
  #products .col-item.item-3 {
    margin: 0 16px;
  }

  #faqs .faqitem {
    padding: 16px;
  }
  #faqs .faqitem .faqanswer .content p {
    font-size: 18px;
  }
}

[hidden] {
  display: none !important;
}

.copyright p a:not(:first-child):before {
  content: "|";
  padding-right: 4px;
  padding-left: 0;
}

/****** Small Mobile View Only  *******/
@media (max-width: 575px) {
}