html,
body,
#allrecords,
.t-records{
    margin:0;
    padding:0;
    min-height:100%;
    background-color:#F4EEE1 !important;
}

html{
    scrollbar-width:thin;
    scrollbar-color:#00A9AC #F4EEE1;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar{
    width:10px;
    height:10px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track{
    background:#F4EEE1;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb{
    min-height:80px;

    background:linear-gradient(
        180deg,
        #20BEC0 0%,
        #00A9AC 48%,
        #027E80 100%
    );

    border:2px solid #F4EEE1;
    border-radius:999px;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(
        180deg,
        #35C9CB 0%,
        #08B5B8 48%,
        #028B8D 100%
    );
}

html::-webkit-scrollbar-thumb:active,
body::-webkit-scrollbar-thumb:active{
    background:#027E80;
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner{
    background:#F4EEE1;
}



:root{

  --container-padding:15px;
  --grid-gap:16px;
  
  --font-heading:'Azoft Sans', Arial, sans-serif;
  --font-body:'WixMadeforDisplay', Arial, sans-serif;

  --color-bg-water:rgb(210,252,252);
  --color-bg-sand:rgb(255,250,235);

  --color-primary:rgb(0,169,172);
  --color-primary-dark:rgb(2,126,128);

  --color-text-dark:rgb(1,43,77);

  --color-white:#FEFEFE;
  --color-black:#111111;

  --text-primary:var(--color-text-dark);
  --text-secondary:rgba(1,43,77,.72);
  --text-muted:rgba(1,43,77,.56);

  --text-inverse:var(--color-white);
  --text-inverse-soft:rgba(254,254,254,.82);

  --btn-primary-bg:var(--color-primary);
  --btn-primary-bg-hover:var(--color-primary-dark);
  --btn-primary-text:var(--color-white);
  --btn-primary-shadow:0 14px 32px rgba(2,126,128,.22);

  --btn-glass-bg:rgba(255,255,255,.16);
  --btn-glass-border:rgba(255,255,255,.22);
  --btn-glass-text:rgba(254,254,254,.95);
  --btn-glass-hover:rgba(255,255,255,.22);

  --btn-light-bg:#FFFFFF;
  --btn-light-border:rgba(1,43,77,.10);
  --btn-light-text:var(--color-text-dark);
  --btn-light-hover:rgb(250,252,252);

  --btn-outline-bg:transparent;
  --btn-outline-border:rgba(2,126,128,.50);
  --btn-outline-text:var(--color-primary-dark);
  --btn-outline-hover-bg:rgba(0,169,172,.08);

  --badge-bg:rgba(255,255,255,.16);
  --badge-border:rgba(255,255,255,.20);
  --badge-text:rgba(254,254,254,.82);
  --badge-accent:var(--color-primary);

  --card-bg:#FFFFFF;
  --card-bg-soft:var(--color-bg-sand);
  --card-border:rgba(1,43,77,.08);
  --card-shadow:0 14px 40px rgba(1,43,77,.06);
  
  --header-text:rgba(254,254,254,.92);
  --header-text-hover:var(--color-bg-water);
  --header-light-bg:rgba(255,250,235,.92);
  --header-light-text:var(--color-text-dark);
  --header-light-hover:var(--color-primary-dark);


  --radius-sm:16px;
  --radius-md:24px;
  --radius-lg:32px;
  --radius-xl:40px;
  --radius-pill:999px;


  --shadow-soft:0 14px 40px rgba(1,43,77,.06);
  --shadow-medium:0 20px 50px rgba(1,43,77,.10);
  --shadow-primary:0 20px 44px rgba(2,126,128,.36);

  /* Transitions */
  --transition-fast:.2s ease;
  --transition-base:.25s ease;
  --transition-slow:.35s ease;
}



@media (min-width:480px){
  :root{
    --container-padding:30px;
    --grid-gap:20px;
  }
}

@media (min-width:640px){
  :root{
    --container-padding:30px;
    --grid-gap:24px;
  }
}

@media (min-width:960px){
  :root{
    --container-padding:30px;
    --grid-gap:24px;
  }
}

@media (min-width:1200px){
  :root{
    --container-padding:60px;
    --grid-gap:30px;
  }
}

@media (min-width:1920px){
  :root{
    --container-padding:90px;
    --grid-gap:36px;
  }
}

@media (min-width:2560px){
  :root{
    --container-padding:90px;
    --grid-gap:40px;
  }
}


.at-section-grid{
  width:100%;
  padding-left:var(--container-padding);
  padding-right:var(--container-padding);
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--grid-gap);
  box-sizing:border-box;
}

.at-section-grid *,
.at-section-grid *::before,
.at-section-grid *::after{
  box-sizing:border-box;
}


.ty-eyebrow{
  font-family:var(--font-body);
  font-size:14px;
  line-height:1;
  font-weight:400;
}

.ty-hero-title{
  font-family:var(--font-heading);
  font-size:82px;
  line-height:.95;
  font-weight:700;
  letter-spacing:-.04em;
}

.ty-section-title{
  font-family:var(--font-heading);
  font-size:44px;
  line-height:1.08;
  font-weight:700;
  letter-spacing:-.035em;
}

.ty-lead{
  font-family:var(--font-body);
  font-size:20px;
  line-height:1.38;
  font-weight:400;
}

.ty-body{
  font-family:var(--font-body);
  font-size:18px;
  line-height:1.6;
  font-weight:400;
}

.ty-card-text{
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.35;
  font-weight:400;
}

.ty-stat{
  font-family:var(--font-heading);
  font-size:56px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.05em;
}

.ty-button{
  font-family:var(--font-body);
  font-size:17px;
  line-height:1;
  font-weight:400;
}


@media (max-width:479px){
  .ty-eyebrow{font-size:13px;}
  .ty-hero-title{font-size:42px;}
  .ty-section-title{font-size:30px;}
  .ty-lead{font-size:18px;}
  .ty-body{font-size:15px;}
  .ty-card-text{font-size:18px;}
  .ty-stat{font-size:42px;}
  .ty-button{font-size:16px;}
}

@media (min-width:480px) and (max-width:639px){
  .ty-eyebrow{font-size:14px;}
  .ty-hero-title{font-size:52px;}
  .ty-section-title{font-size:32px;}
  .ty-lead{font-size:18px;}
  .ty-body{font-size:16px;}
  .ty-card-text{font-size:18px;}
  .ty-stat{font-size:42px;}
  .ty-button{font-size:17px;}
}

@media (min-width:640px) and (max-width:959px){
  .ty-eyebrow{font-size:14px;}
  .ty-hero-title{font-size:60px;}
  .ty-section-title{font-size:40px;}
  .ty-lead{font-size:20px;}
  .ty-body{font-size:16px;}
  .ty-card-text{font-size:20px;}
  .ty-stat{font-size:50px;}
  .ty-button{font-size:17px;}
}

@media (min-width:960px) and (max-width:1199px){
  .ty-eyebrow{font-size:14px;}
  .ty-hero-title{font-size:68px;}
  .ty-section-title{font-size:42px;}
  .ty-lead{font-size:20px;}
  .ty-body{font-size:17px;}
  .ty-card-text{font-size:20px;}
  .ty-stat{font-size:50px;}
  .ty-button{font-size:17px;}
}

@media (min-width:1200px) and (max-width:1439px){
  .ty-eyebrow{font-size:14px;}
  .ty-hero-title{font-size:82px;}
  .ty-section-title{font-size:42px;}
  .ty-lead{font-size:20px;}
  .ty-body{font-size:18px;}
  .ty-card-text{font-size:20px;}
  .ty-stat{font-size:56px;}
  .ty-button{font-size:17px;}
}

@media (min-width:1440px) and (max-width:1919px){
  .ty-eyebrow{font-size:14px;}
  .ty-hero-title{font-size:82px;}
  .ty-section-title{font-size:44px;}
  .ty-lead{font-size:22px;}
  .ty-body{font-size:18px;}
  .ty-card-text{font-size:22px;}
  .ty-stat{font-size:56px;}
  .ty-button{font-size:17px;}
}

@media (min-width:1920px) and (max-width:2559px){
  .ty-eyebrow{font-size:20px;}
  .ty-hero-title{font-size:110px;}
  .ty-section-title{font-size:62px;}
  .ty-lead{font-size:28px;}
  .ty-body{font-size:20px;}
  .ty-card-text{font-size:28px;}
  .ty-stat{font-size:82px;}
  .ty-button{font-size:23px;}
}

@media (min-width:2560px){
  .ty-eyebrow{font-size:24px;}
  .ty-hero-title{font-size:140px;}
  .ty-section-title{font-size:84px;}
  .ty-lead{font-size:40px;}
  .ty-body{font-size:24px;}
  .ty-card-text{font-size:40px;}
  .ty-stat{font-size:104px;}
  .ty-button{font-size:29px;}
}