/* Edvision-ITScom design tokeni.
   Generisano iz izmjerenih vrijednosti originala - ne mijenjati rucno.
   Breakpointi 991/767/479 su isti kao u Elementor kitu. */

body {
  --its-base: var(--e-global-color-edvits_base, #eaeaf3);
  --its-color-black: black;
  --its-color-black-gradient: #1c1b22;
  --its-card-bg: var(--e-global-color-edvits_cardbg, #ffffff17);
  --its-secondary: var(--e-global-color-secondary, #433b7b);
  --its-purple-mid: var(--e-global-color-edvits_dark99, #5a4b99);
  --its-color-dark-background: #1b1a21;
  --its-color-gap: 64px;
  --its-gradient: #433b7b;
  --its-color-gradient-transparent: #433b7b00;
  --its-color-hero-line: #d1d1e3;
  --its-purple-light: var(--e-global-color-edvits_lightc5, #7d64c5);
  --its-color-light-dark: #3d4048;
  --its-accent: var(--e-global-color-accent, #9ec3f6);
  --its-text: var(--e-global-color-text, #3d4048);
  --its-muted: var(--e-global-color-edvits_neutral2, #57576b);
  --its-primary: var(--e-global-color-primary, #6958cc);
  --its-color-transparent: transparent;
  --its-color-white: white;
  --its-font-inter-font: Inter, sans-serif;
  --its-font-syne: Syne, Arial, sans-serif;
  --its-gap-gap-10: 10px;
  --its-gap-gap-12: 12px;
  --its-gap-gap-17: 0px;
  --its-gap-gap-20: 16px;
  --its-gap-gap-23: 23px;
  --its-gap-gap-28: 28px;
  --its-gap-gap-30: 30px;
  --its-gap-gap-32: 32px;
  --its-gap-gap-33: 33px;
  --its-gap-gap-36: 36px;
  --its-gap-gap-40: 40px;
  --its-gap-gap-5: 5px;
  --its-gap-gap-60: 60px;
  --its-gap-gap-64: 65px;
  --its-gap-gap-70: 30px;
  --its-gap-gap-8: 5px;
  --its-gap-gap14: 14px;
  --its-gap-gap16: 16px;
  --its-gap-gap20: 20px;
  --its-gap-gap7: 7px;
  --its-margin-70-margin: 70px;
  --its-margin-75-top-m: 75px;
  --its-margin-bottom-margin-10: 10px;
  --its-margin-m100: 100px;
  --its-margin-m46: 46px;
  --its-margin-margin-269: 269px;
  --its-margin-margin-60: 60px;
  --its-margin-margin50: 50px;
  --its-padding-111-chnagelog: 111px;
  --its-padding-132-top-padding: 134px;
  --its-padding-140-padding: 140px;
  --its-padding-40-padding: 40px;
  --its-padding-78-padding: 78px;
  --its-padding-block-20: 20px;
  --its-padding-button-padding: 25px;
  --its-padding-button-padding-2: 30px;
  --its-padding-capsule-padding: .625rem;
  --its-padding-capsule-padding-2: 1rem;
  --its-padding-capsule-side-pa: 10px;
  --its-padding-capsule-top: 7px;
  --its-footer-pad: 103px;
  --its-padding-logo-padding: 42px;
  --its-padding-logo-top: 76px;
  --its-padding-nav-padding: 20px;
  --its-padding-nav-padding-2: 37px;
  --its-padding-nav-side-p-30: 30px;
  --its-padding-nav-top-p-20: 16px;
  --its-padding-nav-top-padding: 20px;
  --its-padding-p-195: 195px;
  --its-padding-p-2-875: 2.875rem;
  --its-padding-p-46: 46px;
  --its-padding-p1-063: 1.063rem;
  --its-padding-p1-375: 1.375rem;
  --its-padding-p10: 10px;
  --its-padding-p118: 118px;
  --its-padding-p185: 185px;
  --its-padding-p2: 2rem;
  --its-padding-p2-813: 2.813rem;
  --its-padding-p220: 220px;
  --its-padding-p3-813: 3.813rem;
  --its-padding-p32: 40px;
  --its-padding-p35: 35px;
  --its-padding-p40: 40px;
  --its-padding-p41: 41px;
  --its-padding-p45: 3.75px;
  --its-padding-p5-563: 5.563rem;
  --its-padding-p58: 58px;
  --its-padding-p6-375: 6.375rem;
  --its-padding-p60: 60px;
  --its-padding-p7-5: 7.5rem;
  --its-padding-p84: 55px;
  --its-padding-p94: 94px;
  --its-padding-padding-10: 10px;
  --its-padding-padding-102: 102px;
  --its-section-pad: 120px;
  --its-padding-padding-130: 130px;
  --its-padding-padding-15: .938rem;
  --its-padding-padding-161: 163px;
  --its-padding-padding-18: 18px;
  --its-padding-padding-21: 10px;
  --its-padding-padding-24: 24px;
  --its-padding-padding-30: 30px;
  --its-padding-padding-40: 40px;
  --its-padding-padding-47: 47px;
  --its-padding-padding-80: 80px;
  --its-padding-padding-license: 30px;
  --its-padding-padding-top: 60px;
  --its-padding-padding-w-0-5208: .5208vw;
  --its-padding-padding102: 102px;
  --its-padding-padding107: 107px;
  --its-padding-padding108: 108px;
  --its-padding-padding187: 187px;
  --its-padding-padding48: 48px;
  --its-padding-padding58: 58px;
  --its-padding-pricing-bottom: 120px;
  --its-padding-pricing-inner-pad: 66px;
  --its-padding-pricing-p: 50px;
  --its-padding-pricing-padding: 130px;
  --its-padding-pricing-side: 44px;
  --its-padding-protected: 188px;
  --its-padding-protected-184: 184px;
  --its-padding-purples-shed: 120px;
  --its-redius-20-radius: 20px;
  --its-radius-lg: 140px;
  --its-redius-last-mini-radius: 70px;
  --its-radius-mini: 26px;
  --its-redius-mini-redius: 16px;
  --its-radius: 70px;
  --its-redius-radius-11: 11px;
  --its-redius-radius-26: 20px;
  --its-redius-radius-50: 30px;
  --its-redius-radius-51: 120px;
  --its-redius-radius100: 100%;
  --its-radius-sm: 40px;
  --its-typography-0-32px-s: -.32px;
  --its-typography-0-8px-s: -.8px;
  --its-typography-0-96-spacing: -.96px;
  --its-typography-0-96px-s: -.96px;
  --its-h6-ls: -1.28px;
  --its-typography-1-44px-l-s: -1.44px;
  --its-h5-ls: -1.44px;
  --its-h4-ls: -1.92px;
  --its-typography-100-l-h: 100%;
  --its-typography-14-mini-text: 14px;
  --its-text-14: 16px;
  --its-typography-150-l-h: 150%;
  --its-nav-size: 16px;
  --its-small-size: 16px;
  --its-typography-18-mini-text: 18px;
  --its-text-18: 18px;
  --its-typography-2-16px-counter-l-h: -2.16px;
  --its-h2-ls: -2.32px;
  --its-font-20: 20px;
  --its-p-size: 17px;
  --its-text-20: 20px;
  --its-body-size: 22px;
  --its-footer-size: 22px;
  --its-testimonial-size: 24px;
  --its-ls-384: -3.84px;
  --its-typography-3-84px-s: -3.84px;
  --its-h6-size: 32px;
  --its-typography-32-px-font: 32px;
  --its-h5-size: 36px;
  --its-logo-size: 36px;
  --its-typography-400-weight: 400;
  --its-h4-size: 48px;
  --its-typography-500-weight: 500;
  --its-counter-size: 54px;
  --its-h2-size: 58px;
  --its-typography-600-weight: 600;
  --its-typography-700-weight: 700;
  --its-big-size: 95px;
  --its-typography-body-text-2-lh: 150%;
  --its-typography-body-text-2-s: 20px;
  --its-typography-body-text-2-w: 500;
  --its-capsule-size: 19px;
  --its-h1-size: 96px;
  --its-h1-ls: -3.84px;
  --its-typography-h2-line: -3.84px;
  --its-h3-size: 54px;
  --its-typography-h3-line: -1.92px;
  --its-h3-ls: -1.92px;
  --its-typography-h4-line: 100%;
  --its-typography-h5-line: 3.375rem;
  --its-typography-l-spacing: -.64px;
  --its-typography-p-s-weight: 16;
  --its-typography-para-text-space: -.96px;
  --its-typography-paragraph-small: 0px;
  --its-typography-paragraph-text-1: 24px;
}

@media screen and (max-width: 991px) {
  body {
    --its-margin-70-margin: 60px;
    --its-margin-m46: 36px;
    --its-margin-margin-269: 200px;
    --its-padding-111-chnagelog: 80px;
    --its-padding-132-top-padding: 100px;
    --its-padding-140-padding: 100px;
    --its-padding-78-padding: 70px;
    --its-padding-capsule-padding: 1rem;
    --its-padding-capsule-padding-2: 1.5rem;
    --its-footer-pad: 60px;
    --its-padding-logo-padding: 32px;
    --its-padding-logo-top: 65px;
    --its-padding-p-195: 96px;
    --its-padding-p-2-875: 2rem;
    --its-padding-p118: 90px;
    --its-padding-p185: 130px;
    --its-padding-p32: 32px;
    --its-padding-p35: 1rem;
    --its-padding-p40: 32px;
    --its-padding-p41: 35px;
    --its-padding-p45: 35px;
    --its-padding-p5-563: 3.5rem;
    --its-padding-p58: 35px;
    --its-padding-p6-375: 5rem;
    --its-section-pad: 100px;
    --its-padding-padding-130: 100px;
    --its-padding-padding-161: 100px;
    --its-padding-padding-w-0-5208: 1.2vw;
    --its-padding-padding108: 100px;
    --its-padding-padding48: 26px;
    --its-padding-padding58: 15px;
    --its-padding-pricing-bottom: 100px;
    --its-padding-pricing-inner-pad: 40px;
    --its-padding-pricing-padding: 100px;
    --its-padding-protected: 130px;
    --its-padding-protected-184: 100px;
    --its-redius-last-mini-radius: 40px;
    --its-radius: 40px;
    --its-radius-sm: 30px;
    --its-h5-ls: -1px;
    --its-p-size: 18px;
    --its-footer-size: 20px;
    --its-h6-size: 24px;
    --its-h5-size: 30px;
    --its-h4-size: 36px;
    --its-h2-size: 52px;
    --its-big-size: 60px;
    --its-h1-size: 60px;
    --its-h3-size: 45px;
    --its-typography-h5-line: 1.5rem;
    --its-typography-paragraph-small: 16px;
    --its-typography-paragraph-text-1: 22px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --its-margin-70-margin: 50px;
    --its-margin-m46: 36px;
    --its-margin-margin-269: 180px;
    --its-padding-111-chnagelog: 80px;
    --its-padding-132-top-padding: 90px;
    --its-padding-140-padding: 100px;
    --its-padding-40-padding: 32px;
    --its-padding-78-padding: 60px;
    --its-padding-capsule-padding-2: .7rem;
    --its-footer-pad: 80px;
    --its-padding-logo-padding: 26px;
    --its-padding-logo-top: 40px;
    --its-padding-nav-top-padding: 35px;
    --its-padding-p-195: 64px;
    --its-padding-p-2-875: 2rem;
    --its-padding-p118: 60px;
    --its-padding-p185: 130px;
    --its-padding-p220: 60px;
    --its-padding-p35: 1.5rem;
    --its-padding-p40: 32px;
    --its-padding-p41: 24px;
    --its-padding-p45: 45px;
    --its-padding-p5-563: 3rem;
    --its-padding-p58: 35px;
    --its-padding-p6-375: 4rem;
    --its-padding-p60: 45px;
    --its-padding-p94: 60px;
    --its-section-pad: 100px;
    --its-padding-padding-130: 80px;
    --its-padding-padding-161: 100px;
    --its-padding-padding-40: 30px;
    --its-padding-padding-w-0-5208: 1.5vw;
    --its-padding-padding108: 80px;
    --its-padding-pricing-bottom: 100px;
    --its-padding-pricing-inner-pad: 55px;
    --its-padding-pricing-p: 32px;
    --its-padding-pricing-padding: 80px;
    --its-padding-pricing-side: 32px;
    --its-padding-protected: 100px;
    --its-padding-protected-184: 100px;
    --its-redius-last-mini-radius: 40px;
    --its-radius: 40px;
    --its-radius-sm: 30px;
    --its-h5-ls: -.9px;
    --its-font-20: 18px;
    --its-p-size: 16px;
    --its-text-20: 18px;
    --its-footer-size: 20px;
    --its-testimonial-size: 22px;
    --its-h6-size: 22px;
    --its-h5-size: 26px;
    --its-h4-size: 32px;
    --its-h2-size: 40px;
    --its-big-size: 55px;
    --its-h1-size: 55px;
    --its-h3-size: 38px;
    --its-typography-h5-line: 3rem;
    --its-typography-paragraph-text-1: 20px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --its-margin-70-margin: 24px;
    --its-margin-m100: 60px;
    --its-margin-m46: 24px;
    --its-margin-margin-269: 120px;
    --its-margin-margin-60: 30px;
    --its-padding-111-chnagelog: 80px;
    --its-padding-132-top-padding: 90px;
    --its-padding-140-padding: 80px;
    --its-padding-40-padding: 18px;
    --its-padding-78-padding: 60px;
    --its-padding-block-20: 8px;
    --its-footer-pad: 60px;
    --its-padding-logo-padding: 32px;
    --its-padding-logo-top: 50px;
    --its-padding-p-195: 64px;
    --its-padding-p-2-875: 2rem;
    --its-padding-p118: 60px;
    --its-padding-p185: 100px;
    --its-padding-p2: 1rem;
    --its-padding-p32: 20px;
    --its-padding-p35: 1rem;
    --its-padding-p40: 19.2px;
    --its-padding-p41: 24px;
    --its-padding-p45: 45px;
    --its-padding-p5-563: 2rem;
    --its-padding-p58: 10px;
    --its-padding-p60: 35px;
    --its-padding-p7-5: 5rem;
    --its-padding-p94: 40px;
    --its-section-pad: 80px;
    --its-padding-padding-130: 60px;
    --its-padding-padding-161: 80px;
    --its-padding-padding-18: 10px;
    --its-padding-padding-21: .5px;
    --its-padding-padding-40: 30px;
    --its-padding-padding-license: 20px;
    --its-padding-padding-top: 16px;
    --its-padding-padding-w-0-5208: 3vw;
    --its-padding-padding102: 80px;
    --its-padding-padding107: 40px;
    --its-padding-padding108: 60px;
    --its-padding-padding48: 30px;
    --its-padding-padding58: 30px;
    --its-padding-pricing-bottom: 80px;
    --its-padding-pricing-inner-pad: 30px;
    --its-padding-pricing-p: 32px;
    --its-padding-pricing-padding: 60px;
    --its-padding-pricing-side: 16px;
    --its-padding-protected: 100px;
    --its-padding-protected-184: 100px;
    --its-redius-last-mini-radius: 30px;
    --its-radius: 30px;
    --its-radius-sm: 26px;
    --its-h6-ls: -1px;
    --its-h5-ls: -.8px;
    --its-h4-ls: 1.5px;
    --its-text-14: 14px;
    --its-small-size: 14px;
    --its-font-20: 14px;
    --its-p-size: 14px;
    --its-text-20: 16px;
    --its-footer-size: 18px;
    --its-testimonial-size: 20px;
    --its-ls-384: -2.5px;
    --its-h6-size: 20px;
    --its-h5-size: 22px;
    --its-h4-size: 22px;
    --its-h2-size: 35px;
    --its-big-size: 40px;
    --its-typography-body-text-2-s: 16px;
    --its-capsule-size: 14px;
    --its-h1-size: 36px;
    --its-h3-size: 32px;
    --its-typography-h4-line: 110%;
    --its-typography-h5-line: 3rem;
    --its-typography-paragraph-text-1: 18px;
  }
}