/**
 * @license
 *
 * Font Family: Ranade
 * Designed by: Easha Ranade, Indian Type Foundry
 * URL: https://www.fontshare.com/fonts/ranade
 * © 2021 Indian Type Foundry
 *
 * Font Styles:
 * Ranade Variable(Variable font)
 * Ranade Variable Italic(Variable font)
 * Ranade Thin
 * Ranade Thin Italic
 * Ranade Light
 * Ranade Light Italic
 * Ranade Regular
 * Ranade Italic
 * Ranade Medium
 * Ranade Medium Italic
 * Ranade Bold
 * Ranade Bold Italic
 *
*/

/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 700.0;
*
* available axes:

* 'wght' (range from 100.0 to 700.0)

*/

@font-face {
    font-family: "Ranade-Thin";
    src: url("../fonts/Ranade-Thin.woff2") format("woff2"),
        url("../fonts/Ranade-Thin.woff") format("woff"),
        url("../fonts/Ranade-Thin.ttf") format("truetype");
    font-weight: 100;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Ranade-ThinItalic";
    src: url("../fonts/Ranade-ThinItalic.woff2") format("woff2"),
        url("../fonts/Ranade-ThinItalic.woff") format("woff"),
        url("../fonts/Ranade-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Ranade-Light";
    src: url("../fonts/Ranade-Light.woff2") format("woff2"),
        url("../fonts/Ranade-Light.woff") format("woff"),
        url("../fonts/Ranade-Light.ttf") format("truetype");
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Ranade-LightItalic";
    src: url("../fonts/Ranade-LightItalic.woff2") format("woff2"),
        url("../fonts/Ranade-LightItalic.woff") format("woff"),
        url("../fonts/Ranade-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Ranade-Regular";
    src: url("../fonts/Ranade-Regular.woff2") format("woff2"),
        url("../fonts/Ranade-Regular.woff") format("woff"),
        url("../fonts/Ranade-Regular.ttf") format("truetype");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Ranade-Italic";
    src: url("../fonts/Ranade-Italic.woff2") format("woff2"),
        url("../fonts/Ranade-Italic.woff") format("woff"),
        url("../fonts/Ranade-Italic.ttf") format("truetype");
    font-weight: 400;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Ranade-Medium";
    src: url("../fonts/Ranade-Medium.woff2") format("woff2"),
        url("../fonts/Ranade-Medium.woff") format("woff"),
        url("../fonts/Ranade-Medium.ttf") format("truetype");
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Ranade-MediumItalic";
    src: url("../fonts/Ranade-MediumItalic.woff2") format("woff2"),
        url("../fonts/Ranade-MediumItalic.woff") format("woff"),
        url("../fonts/Ranade-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Ranade-Bold";
    src: url("../fonts/Ranade-Bold.woff2") format("woff2"),
        url("../fonts/Ranade-Bold.woff") format("woff"),
        url("../fonts/Ranade-Bold.ttf") format("truetype");
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Ranade-BoldItalic";
    src: url("../fonts/Ranade-BoldItalic.woff2") format("woff2"),
        url("../fonts/Ranade-BoldItalic.woff") format("woff"),
        url("../fonts/Ranade-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-display: swap;
    font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}

h1,
.h1 {
    font-size: 46px;
}

h2,
.h2 {
    font-size: 36px;
}

h3,
.h3 {
    font-size: 26px;
}

h4,
.h4 {
    font-size: 20px;
}

h5,
.h5 {
    font-size: 16px;
}

h6,
.h6 {
    font-size: 13px;
}

body {
    font-family: "Ranade-Regular";

    * {
        font-family: "Ranade-Regular" !important;
    }
}

p {
    a {
        display: inline-block !important;
    }
}
