:root {
  --slide-content-width: 35%;
  --background-color: #FFFFFF;
  --color-citrus: #8CB133;
  --color-citrus-primary:#9fc355;
  --color-citrus-secondary:#88b427;
  --color-citrus-light: #F0F6E4;
  --color-black: #000000;
  --color-black-shaded-primary:#242424;
  --color-black-shaded:#282828;
  --color-black-fadded: #1d1d1d;
  --color-black-secondary: #111111;
  --color-black-primary: #4E4E4E;
  --color-black-grey: #7d7d7d;
  --color-light-grey-secondary:#6d6d6d;
  --color-black-grey-primary: #757575;
  --color-grey-secondary-dark:#555;
  --color-sky: #3CB8FF;
  --color-sky-dark: #00A2FF;
  --color-sky-secondary:#5CB7E3;
  --color-sky-light: #E8F4F9;
  --color-charcoal-black: #3B3B3B;
  --color-ruby: #F50076;
  --color-ruby-light: #FFECF4;
  --color-dark-grey: #B8B8B8;
  --color-white: #FFFFFF;
  --color-light-grey: #E8E8E8;
  --color-silver: #F4F4F4;
  --color-dark-grey-secondary: #b3b3b3;
  --color-white-secondary: #F2F2F2;
  --border-gold: #EBDBBC;
  --border-grey:#dbdbdb;
  --color-grey-secondary:#F0F6E4;

  /* fonts */
  --body-font-family: 'Work Sans', sans-serif;
  --body-font-family-primary: 'Poppins';
  --heading-font-family: var(--body-font-family);
  --heading-font-family-primary: var(--body-font-family-primary);
  --body-font-size-s: 14px;
  --body-font-size-default: 16px;
  --body-font-size-xs: 12px;

  /* mobile  */
  --heading-1: 32px;
  --customize-heading: 32px;
  --heading-2: 20px;
  --heading-3: 14px;
  --heading-4: 12px;
  --heading-5: 10px;
  --heading-6: 8px;
  --title: 20px;
  --body-1: 18px;
  --body-2: 14px;
  --paragraph-1: 12px;
  --paragraph-2: 11px;
  --paragraph-3: 10px;

  @media(min-width:768px) and (max-width:1199px) {
    --heading-1: 36px;
    --heading-2: 24px;
    --heading-3: 16px;
    --heading-4: 14px;
    --heading-5: 12px;
    --heading-6: 10px;
  }

  @media(min-width:1200px) and (max-width:1439px) {
    --heading-1: 42px;
    --heading-2: 24px;
    --heading-3: 20px;
    --heading-4: 16px;
    --heading-5: 14px;
    --heading-6: 12px;
  }

  @media(min-width:1440px) {
    --heading-1: 54px;
    --heading-2: 36px;
    --heading-3: 24px;
    --heading-4: 20px;
    --heading-5: 16px;
    --heading-6: 14px;
  }

  @media (min-width: 600px) and (max-width: 900px) {
    --customize-heading: 36px;
  }

  /* media query  */
  --breakpoint-mobile: 768px;
  --breakpoint-tablet: 900px;
  --breakpoint-desktop: 1200px;

  /* nav height */

  --nav-height: 70px;
  --nav-height-subheader:40px;
  --combined-height:110px;

  /* links  */
  --link-color: #58B7E5;
  --link-color-secondary: #3CB8FF;
  --link-hover-color: #3c;
  --light-color: #eee;
  --dark-color: #ccc;
  --text-color: #000000;
  --pure-white:#ffffff;

  /* width carousel  */

  --swiper-image-ratio: 33.3%;
  /* ratio 16:9 = 56.25% */

  --swiper-width-next: 53.57%;
  --swiper-width-other: 35.04%;
  --swiper-inactive-scale: 0.85;
  /* makes the other slide smaller */

  /* responsive settings */
  --swiper-mobile-width: 90%;
  --swiper-full-width:100%;
  --swiper-mobile-inactive-scale: 0.95;
}

/* Medium screens (tablets) */
@media (min-width: 768px) and (max-width: 1199px) {
  :root {
    --heading-1: 36px;
    --heading-2: 24px;
    --heading-3: 16px;
    --heading-4: 14px;
    --heading-5: 12px;
    --heading-6: 10px;
  }
}

/* Large screens (desktops) */
@media (min-width: 1200px) and (max-width: 1439px) {
  :root {
    --heading-1: 42px;
    --heading-2: 28px;
    --heading-3: 20px;
    --heading-4: 16px;
    --heading-5: 14px;
    --heading-6: 12px;
  }
}

/* Extra-large screens */
@media (min-width: 1440px) {
  :root {
    --heading-1: 54px;
    --heading-2: 36px;
    --heading-3: 24px;
    --heading-4: 20px;
    --heading-5: 16px;
    --heading-6: 14px;
  }
}

/* Apply variables to headings */
h1 {
  font-size: var(--heading-1);
}

h2 {
  font-size: var(--heading-2);
}

h3 {
  font-size: var(--heading-3);
}

h4 {
  font-size: var(--heading-4);
}

h5 {
  font-size: var(--heading-5);
}

h6 {
  font-size: var(--heading-6);
  font-weight: unset;
}


@font-face {
  font-family: roboto-fallback;
  size-adjust: 100.06%;
  ascent-override: 95%;
  src: local('Arial');
}

body {
  font-size: var(--body-font-size-default);
  margin: 0;
  font-family: var(--body-font-family);
  /*line-height: 1.6;*/
  background-color: var(--color-white);
  display: none;
}


body.appear {
  display: block;
}

header {
  height: var(--nav-height);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: unset;
}

code,
pre {
  font-family: var(--fixed-font-family);
  font-size: var(--body-font-size-s);
}

code {
  padding: .125em;
}

pre {
  overflow: scroll;
}

main pre {
  background-color: var(--light-color);
  padding: 1em;
  border-radius: .25em;
  overflow-x: auto;
  white-space: pre;
}

/* links */
a:any-link {
  color: var(--link-color-secondary);
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: var(--link-color-secondary);
}

/* buttons */
a.button:any-link,
button {
  font-family: var(--body-font-family);
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 12px 32px;
  border: none;
}

a.button:hover,
a.button:focus,
button:hover,
button:focus {
  /* background-color: #3CB8FF; */
  cursor: pointer;
}

button:disabled,
button:disabled:hover {
  background-color: var(--light-color);
  cursor: unset;
}

a.button.secondary,
button.secondary {
  background-color: unset;
  border: 2px solid currentcolor;
  color: var(--text-color)
}

main img {
  max-width: 100%;
}

.icon {
  display: inline-block;
  height: 24px;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon img {
  height: 100%;
  width: 100%;
  height: 18px;
  width: 18px;
}

main .section {
  transition: padding-left 0.3s ease, padding-right 0.3s ease, max-width 0.3s ease, margin 0.3s ease;
}

@media(width <=1100px) {
  main .section {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  main .section {
    max-width: unset;
    margin: auto;
  }
}

@media(width >=1101px) and (width <=1599px) {
  main .section {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  main .section {
    max-width: unset;
    margin: auto;
  }
}


@media(width >=1600px) {
  main .section {
    padding-left: 9vw;
    padding-right: 9vw;
  }

  main .section {
    max-width: unset;
    margin: auto;
  }
}

/* section metadata */
main .section.light {
  background-color: var(--light-color);
}

main .section.highlight {
  background-color:#fff;
}

main .section .default-content-wrapper h1,
h2 {
  text-align: center;
  margin: 0;
  font-weight: 500;
  /* color: var(--color-charcoal-black); */
}

/* padding variation  */
main .section.padding-none {
  padding: 0px;
}

/* no padding top and bottom  */
main .section.padding-left-right-only {
  padding: 20px 26px 4px 26px;
}


@media(max-width:767px) {
  main .section.padding-v1 {
    background-color: #F4F4F4;
  }

  strong {
    font-weight: 600;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  main .section.padding-v1 {
    margin-bottom: 15px;
  }
}

main {
  padding: 0;
  overflow: hidden;
}

/* @media(min-width:1200px) {
  main {
    margin-top: 40px;
  }
} */

@media(min-width:1200px) {
  .appear main {
    margin-top: 40px;
  }
  .documentation.light.appear main{
    margin-top:40px;
  }
  .appear.appear-become main{
  margin-top:0;
  }
}

.section.different-types-v1 {
  padding-bottom: 10px;
}

@media(min-width:1200px) {
  .section.different-types-v1 {
    padding-bottom: 30px !important;
    box-shadow: 0px 4px 10px 0px #0000000D;
  }
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
div {
  /*user-select: none;*/
  cursor: default;
}

@media (width >=1200px) {
  /* .section>div {
    max-width: 100%;
    margin: auto;
  } */

  .section.no-padding {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .section.global-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.global-top-padding {
    padding-top: 40px;

  }

  .section.global-bottom-padding {
    padding-bottom: 40px;

  }

  .section.global-block-padding {
    padding-bottom: 36px;
  }

  .section>div {
    max-width: unset;
    margin: auto;
  }

  .section.global-padding .default-content-wrapper:not(:last-child) {
    padding-top: 20px;
  }

  .section.global-title-component-padding {
    padding-top: 30px;
    padding-bottom: 10px;
  }

  .section.global-title-top-padding {
    padding-top: 30px;
    padding-bottom: unset;
  }

  .section.global-title-bottom-padding {
    padding-bottom: 15px;
    padding-top: unset;
  }

  .section.global-tab-bottom-padding {
    padding-bottom: 10px;
  }

  strong {
    font-weight: 600;
  }

}

@media (min-width: 768px) and (max-width: 1199px) {
  .secondary-footer-bottom-padding {
    margin-bottom: 110px !important;
  }

  .section>div {
    max-width: 100%;
    margin: auto;
  }

  .section.global-no-padding-tab {
    padding-top: 0px;

    padding-bottom: 0px;
  }

  .section.global-padding-tab .default-content-wrapper:not(:last-child) {
    padding-top: 20px;
  }

  .section.global-title-padding-tab {
    padding: 0;
  }

  .section.global-padding-tab {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section.global-top-padding-tab {
    padding-top: 30px;

  }

  .section.global-bottom-padding-tab {
    padding-bottom: 30px;

  }

  .section.global-block-padding-tab {
    padding-bottom: 36px;
  }

  .section.global-title-component-padding-tab {
    padding-top: 30px;
    padding-bottom: 10px;
  }

  .section.global-title-top-padding-tab {
    padding-top: 20px;
    padding-bottom: unset;
  }

  .section.global-title-bottom-padding-tab {
    padding-bottom: 3px;
    padding-top: unset;
  }

  .section.global-tab-bottom-padding-tab {
    padding-bottom: 8px;
  }

  strong {
    font-weight: 600;
  }
}

@media(max-width:767px) {
  .section.mobile-last-padding {
    margin-bottom: 25px !important;
  }

  .section.different-types-v1 {
    border-radius: 20px 20px 0px 0px;
    position: relative;
    bottom: 30px;
    background-color: #fff;
    padding-bottom: 0;
  }

  .section.mobile-curve {
    border-radius: 20px 20px 0px 0px;
    position: relative;
    bottom: 20px;
    background-color: #fff;
    padding-bottom: 0;
  }

  .section.different-types-v1.different-types-v2{
    position: unset!important;
  }

  main .section {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .section.global-no-padding-mobile {
    padding-top: initial;
    padding-bottom: initial;
  }

  .section.global-bottom-padding-mobile {
    padding-top: initial;
  }

  .section.global-top-padding-mobile {
    padding-bottom: initial;
  }

  .section.term-condition-padding {
    padding-bottom: 2px;
  }

  .section.global-title-top-padding-mobile {
    padding-top: 20px;
    padding-bottom: unset;
  }
    .section.global-title-component-padding-mobile {
      padding-top: 20px;
      padding-bottom: 10px;
    }
}

.section.font-style h1 {
  font-size: 54px;
  line-height: 48.6px;
  margin: unset;
  font-weight: unset;
}

.section.font-style h2 {
  font-size: 36px;
  line-height: 42.23px;
  margin: unset;
  font-weight: unset;
  text-align: unset;
}

.section.font-style h3 {
  font-size: 24px;
  line-height: 28px;
  margin: unset;
  font-weight: unset;
}

.section.font-style h4 {
  font-size: 20px;
  line-height: 24px;
  margin: unset;
  font-weight: unset;
}

.section.font-style h5 {
  font-size: 16px;
  line-height: 18px;
  margin: unset;
  font-weight: unset;
}

.section.font-style h6 {
  font-size: 14px;
  line-height: 16px;
  margin: unset;
  font-weight: unset;
}

@media(max-width:399px) {
  .section.font-style h1 {
    font-size: 24px;
    line-height: 22.8px;
  }

  .section.font-style h2 {
    font-size: 18px;
    line-height: 21.46px;
  }

  .section.font-style h3 {
    font-size: 12px;
    line-height: 14px;
  }

  .section.font-style h4 {
    font-size: 10px;
    line-height: 12px;
  }

  .section.font-style h5 {
    font-size: 8px;
    line-height: 10px;
  }

  .section.font-style h6 {
    font-size: 6px;
    line-height: 10px;
  }
}


@media(min-width:400px) and (max-width:767px) {
  .section.font-style h1 {
    font-size: 32px;
    line-height: 28.8px;
  }

  .section.font-style h2 {
    font-size: 20px;
    line-height: 23.46px;
  }

  .section.font-style h3 {
    font-size: 14px;
    line-height: 18px;
  }

  .section.font-style h4 {
    font-size: 12px;
    line-height: 16px;
  }

  .section.font-style h5 {
    font-size: 10px;
    line-height: 16px;
  }

  .section.font-style h6 {
    font-size: 8px;
    line-height: 12px;
  }
}

@media(min-width:768px) and (max-width:1199px) {
  .section.font-style h1 {
    font-size: 36px;
    line-height: 32.4px;
  }

  .section.font-style h2 {
    font-size: 24px;
    line-height: 24px;
  }

  .section.font-style h3 {
    font-size: 16px;
    line-height: 18px;
  }

  .section.font-style h4 {
    font-size: 14px;
    line-height: 16px;
  }

  .section.font-style h5 {
    font-size: 12px;
    line-height: 14px;
  }

  .section.font-style h6 {
    font-size: 10px;
    line-height: 12px;
  }
}

@media(min-width:1200px) and (max-width:1439px) {
  .section.font-style h1 {
    font-size: 42px;
    line-height: 36.4px;
  }

  .section.font-style h2 {
    font-size: 28px;
    line-height: 28px;
  }

  .section.font-style h3 {
    font-size: 20px;
    line-height: 22px;
  }

  .section.font-style h4 {
    font-size: 16px;
    line-height: 16px;
  }

  .section.font-style h5 {
    font-size: 14px;
    line-height: 16px;
  }

  .section.font-style h6 {
    font-size: 12px;
    line-height: 14px;
  }
}

ul li ol li::before {
  content: none !important;
}

ol li::before {
  content: none !important;
}
.swiper-button-next svg, .swiper-button-prev svg{
display:none!important;
}