@import url('https://fonts.googleapis.com/css2?family=Antic+Didone&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --primary-color: black;
    --secondary-color: #E2A60D;
    --color-1: white;
    --color-2: #11B4BF;


    --font-45: 45px;
    --font-36: 36px;
    --font-32: 32px;
    --font-30: 30px;
    --font-28: 28px;
    --font-24: 24px;
    --font-20: 20px;
    --font-18: 18px;
    --font-16: 16px;
    --font-14: 14px;

    --white: #fff;
    --black: #000;
    --dark-blue: #141e30;
    --black: #000;
    --dark-blue: #141e30;

    --heading-color: #1c344f;
    --sub-heading-color: #929090;
    --description-color: var(--black);


    --heading-50px: 50px;
    --heading-45px: 45px;
    --heading-36px: 36px;
    --heading-32px: 32px;
    --heading-28px: 28px;
    --heading-40px: 40px;

    --font-weight-600: 600;
    --font-weight-500: 500;
    --font-weight-400: 400;

    --box-shadow-dark: 0 4px 8px 0 rgba(191, 191, 191, 0.2), 0 6px 20px 0 rgba(51, 51, 51, 0.19);
    --box-shadow-light: 0 4px 8px 0 rgba(138, 138, 138, 0.2), 0 6px 20px 0 rgba(204, 204, 204, 0.19);
    --box-shadow-dim: 0 4px 8px 0 rgba(109, 109, 109, 0.2), 0 6px 20px 0 rgba(127, 127, 127, 0.19);
    --box-shadow-fixedbtn: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);


    --border-width-10: 10px;

    --radius-5: 5px;
    --radius-10: 10px;
    --radius-20: 20px;


    --border-light: 1px solid var(--white);
    --border-dark: 1px solid var(--dark-blue);
    --border-dark: 1px solid var(--dark-blue);

}