:root {

    --font-primary: 'Plus Jakarta Sans', sans-serif;
    --font-secondary: 'Inter', sans-serif;
    --fontawesome: "Font Awesome 6 Pro";


    
    --color-white: #fff;
    --body-bg: var(--color-white);;
    --white-bg: var(--color-white);
    --color-primary: #0774FF;
    --color-secondary: #2D3C58;
    --color-third: #FFC107;
    --btc: #4C5671; 
    --color-secondary-dark: #313149;

    --primary-gradient: linear-gradient(180deg, #308BFF 0%, #1262FF 100%);
    --secondary-gradient: linear-gradient(180deg, #F3F5FF 0%, rgba(231, 235, 255, 0.00) 100%);

    --icon-bg-1: linear-gradient(147deg, #E8ECFF 14.12%, #D1FFEF 80.26%);
    --icon-bg-2: linear-gradient(147deg, #E8ECFF 14.12%, #E3D1FF 80.26%);

    --border-gradient: linear-gradient(180deg, rgba(212, 220, 255, 0.00) 0%, #D4DCFF 51.04%, rgba(212, 220, 255, 0.00) 100%);
    
    --single-sell: linear-gradient(112deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.00) 101.12%);
    --single-sell-primary: linear-gradient(113deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 110.84%);

    --banner-one-bg: linear-gradient(180deg, #2D86FF 0%, #033AA7 100%);
    --pricing-single-bg: linear-gradient(180deg, #2987FF 0%, #0755F0 100%);
    --cta-two-bg:  linear-gradient(92deg, #3990FF 3.85%, #2C73FE 101.14%);
    --banner-most-used-bg: linear-gradient(180deg, #0774FF 0%, #033AA7 100%);
    
    --accordion-active: linear-gradient(180deg, rgba(241, 246, 255, 0.00) 0%, #F1F6FF 100%);

    --accordion-box-shadow: 0px 4px 30px 0px rgba(224, 231, 253, 0.20);

    
    --accordion-section: linear-gradient(180deg, #F6F9FF 0%, rgba(246, 249, 255, 0.00) 100%);
    --footer-style-one: linear-gradient(0deg, #DFEAFF 0%, rgba(246, 249, 255, 0.00) 82.55%);
    --testimonial-single-bg: #FAFBFF;
    --testimonial-two-bg: linear-gradient(180deg, #0653EC 0%, #0774FF 100%);
    --feedback-card: linear-gradient(180deg, #D8EAFF 0%, #F6F6F6 100%);

    --calculation-bg: linear-gradient(180deg, #0755F0 0%, #033AA7 100%);

    --rt-border-color: #E9EDFF;
    --light-border: #D4DCFF;
    --white-border: #fff;


    --box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);


    --plan-bg: #F6F9FF;



    --transition: all .4s ease;

    --swiper-theme-color: #007aff;

    --light: 300;
    --regular: 400;
    --medium: 500;
    --semibold: 600;
    --bold: 700;
    --extrabold: 800;
    --black: 900;


    --size-default: 16px;
    --size-small: 14px;


    --lh-default: 26px;
    --lh-h1: 76px;
    --lh-h2: 58px;
    --lh-h3: 46px;
    --lh-h4: 32px;

    --size-h1: 66px;
    --size-h2: 48px;
    --size-h3: 36px;
    --size-h4: 24px;
    --size-h5: 20px;
    --size-h6: 18px;
    
}