/* Resetting styles starts */
*{
  box-sizing: border-box;
}
body{
    font-family: 'Zoho Puvi', -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;
}
html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, address,
code, em, img, ins, kbd, q, s,
small, strong, sub, sup, b, u, i,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td,
canvas, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
}

ol, ul {
  list-style: none;
}

a {
  text-decoration: none;
}

a:focus {
  outline: 0;
}

img {
  max-width: 100%;
  height: auto;
}

button{
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
/* Resetting styles ends */


@font-face {
    font-family: 'Zoho Puvi';
    src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Thin.eot') format('embedded-opentype'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Thin.woff2') format('woff2'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zoho Puvi';
    src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Thin.eot') format('embedded-opentype'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Thin.woff2') format('woff2'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Thin.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Zoho Puvi';
    src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extralight.eot') format('embedded-opentype'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extralight.woff2') format('woff2'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extralight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zoho Puvi';
    src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.eot') format('embedded-opentype'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.woff2') format('woff2'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zoho Puvi';
    src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.eot') format('embedded-opentype'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.woff2') format('woff2'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Zoho Puvi';
    src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.eot') format('embedded-opentype'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zoho Puvi';
    src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular_Italic.eot') format('embedded-opentype'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular_Italic.woff2') format('woff2'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular_Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Zoho Puvi';
    src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.eot') format('embedded-opentype'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.woff2') format('woff2'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zoho Puvi';
    src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.eot') format('embedded-opentype'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.woff2') format('woff2'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zoho Puvi';
    src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold_Italic.eot') format('embedded-opentype'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold_Italic.woff2') format('woff2'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold_Italic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Zoho Puvi';
    src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.eot') format('embedded-opentype'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.woff2') format('woff2'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zoho Puvi';
    src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold_Italic.eot') format('embedded-opentype'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold_Italic.woff2') format('woff2'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold_Italic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Zoho Puvi';
    src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrabold.eot') format('embedded-opentype'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrabold.woff2') format('woff2'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrabold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zoho Puvi';
    src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrablack.eot') format('embedded-opentype'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrablack.woff2') format('woff2'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrablack.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Zoho Puvi';
    src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Black.eot') format('embedded-opentype'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Black.woff2') format('woff2'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zoho Puvi';
    src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Black.eot') format('embedded-opentype'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Black.woff2') format('woff2'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Black.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Zoho Puvi';
    src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrablack.eot') format('embedded-opentype'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrablack.woff2') format('woff2'),
         url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrablack.otf') format('opentype');
    font-weight: 950;
    font-style: normal;
    font-display: swap;
}

:root{
    --zf-page-max-width: 1280px;
    --zf-page-horizontal-padding: 40px;

    /* Title */
    --zf-fs-h-xl: 88px;
    --zf-lh-h-xl: 96px;
    --zf-fs-h-l: 72px;
    --zf-lh-h-l: 80px;

    --zf-fs-h1: 60px;
    --zf-lh-h1: 68px;

    --zf-fs-h2: 52px;
    --zf-lh-h2: 60px;

    --zf-fs-h3: 40px;
    --zf-lh-h3: 48px;

    --zf-fs-h4: 36px;
    --zf-lh-h4: 44px;

    --zf-fs-h5: 28px;
    --zf-lh-h5: 36px;

    --zf-fs-h6: 24px;
    --zf-lh-h6: 32px;

    /* Description */
    --zf-fs-p-xl: 20px;
    --zf-lh-p-xl: 32px;

    --zf-fs-p-l: 18px;
    --zf-lh-p-l: 30px;

    --zf-fs-p-m: 16px;
    --zf-lh-p-m: 28px;

    /* Label */
    --zf-fs-label-l: 14px;
    --zf-lh-label-l: 26px;

    --zf-fs-label-m: 12px;
    --zf-lh-label-m: 24px;

    /* Border radius */
    --zf-br-s: 4px;
    --zf-br-m: 8px;
    --zf-br-l: 16px;
    --zf-br-xl: 20px;
    --zf-br-maximum: 9999px;
    --zf-br-full: 50%;
    
    
    /* Space between sections */
    --zf-section-spacing: 80px;
}

/* Zoho header signup CTA styling */
.zgh-accounts .zgh-login{
    font-size: 14px !important;
    font-weight: 600 !important;
}
.zgh-accounts .zgh-signup {
    border-radius: 6px !important;
    padding: 10px 12px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

@media screen and (max-width: 768px) {
    :root{
        /* Title */
        --zf-fs-h-xl: 40px;
        --zf-lh-h-xl: 48px;

        --zf-fs-h-l: 40px;
        --zf-lh-h-l: 48px;

        --zf-fs-h1: 36px;
        --zf-lh-h1: 44px;

        --zf-fs-h2: 32px;
        --zf-lh-h2: 40px;

        --zf-fs-h3: 28px;
        --zf-lh-h3: 36px;

        --zf-fs-h4: 24px;
        --zf-lh-h4: 32px;

        --zf-fs-h5: 20px;
        --zf-lh-h5: 28px;

        --zf-fs-h6: 18px;
        --zf-lh-h6: 26px;
        
        /* Description */
        --zf-fs-p-xl: 18px;
        --zf-lh-p-xl: 26px;
        
        --zf-fs-p-l: 16px;
        --zf-lh-p-l: 24px;

        /* Label */
        --zf-fs-label-l: 12px;
        --zf-lh-label-l: 24px;

        /* Space between sections */
        --zf-section-spacing: 60px;
    }
}
@media screen and (max-width: 500px) {
    :root{
        --zf-page-horizontal-padding: 20px;
    }
}