html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* reset css end */

/* root css start */
:root{
    --blue: #0056B9;
    --red: #FE0000;
    --green: #00AE3A;
    --light-blue: #00729B;
    --black: #000000;
    --purple: #BF00FF;
    --dark-purple: #7C00A5;
    --blue-700: #DBF4FC;
    --blue-500: #F4F9FF;
    --blue-400: #009BD3;
    --dark-gray: #646464;
    --light-gray: #949494;
    --gray-400: #dedede;

    --font-80: 80px;
    --font-50: 50px;
    --font-30: 30px;
    --font-26: 26px;
    --font-24: 24px;
    --font-22: 22px;
    --font-20: 20px;
    --font-18: 18px;
    --font-16: 16px;
    --font-14: 14px;

    --inter: 'Inter';
    --inter-bold: 'Inter-Bold';
    --inter-black: 'Inter-Black';
    --inter-semibold: 'Inter-SemiBold';
    --notosans: 'NotoSans-Regular';
    --notosans-bold: 'NotoSans-Bold';
}
/* root css end */

/* font-face start */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.woff') format('woff'),
        url('../fonts/Inter-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter-Bold';
    src: url('../fonts/Inter-Bold.woff') format('woff'),
        url('../fonts/Inter-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter-Black';
    src: url('../fonts/Inter-Black.woff') format('woff'),
        url('../fonts/Inter-Black.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter-SemiBold';
    src: url('../fonts/Inter-SemiBold.woff') format('woff'),
        url('../fonts/Inter-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'NotoSans-Regular';
    src: url('../fonts/NotoSans-Regular.woff') format('woff'),
        url('../fonts/NotoSans-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'NotoSans-Bold';
    src: url('../fonts/NotoSans-Bold.woff') format('woff'),
        url('../fonts/NotoSans-Bold.woff2') format('woff2');
}
/* font-face end */

/* fonts start */
.font-inter{
    font-family: 'Inter',sans-serif;
}
.font-interbold{
    font-family: 'Inter-Bold',sans-serif;
}
.font-interblack{
    font-family: 'Inter-Black',sans-serif;
}
.font-intersemibold{
    font-family: 'Inter-SemiBold',sans-serif;
}
.font-notosans{
    font-family: 'NotoSans-Regular',sans-serif;
}
.font-notosansbold{
    font-family: 'NotoSans-Bold',sans-serif;
}
/* fonts end */

/* body start */
body{
    font-family: 'NotoSans-Regular',sans-serif;
}
/* body end */

/* typography start */
p{
    &:not(:last-child)  {
        margin-bottom: 30px;
    }
}
em{
  	font-style: italic;
}
h1{
    font-size: var(--font-50);
    font-family: var(--inter-bold);
    line-height: 65px;
}
h2{
    font-size: var(--font-30);
    font-family: var(--inter-semibold);
    line-height: 45px;
}
h3{
    font-size: var(--font-24);
    font-family: var(--inter-bold);
    line-height: 30px;
}
h4{
    font-size: var(--font-18);
    font-family: var(--notosans-bold);
}

.font-80{
    font-size: var(--font-80);
}
.font-50{
    font-size: var(--font-50);
}
.font-30{
    font-size: var(--font-30);
}
.font-26{
    font-size: var(--font-26);
}
.font-24{
    font-size: var(--font-24);
}
.font-22{
    font-size: var(--font-22);
}
.font-20{
    font-size: var(--font-20);
}
.font-18{
    font-size: var(--font-18);
    line-height: 30px;
}
.font-16{
    font-size: var(--font-16);
    line-height: 25px;
}
.font-14{
    font-size: var(--font-14);
}

.lineheight_30{
    line-height: 30px;
}
/* typography end */

/* colors start */
.text-primary{
    color: var(--dark-gray) !important;
}
.text-secondary{
    color: var(--blue) !important;
}
.text-red{
    color: var(--red);
}
.text-green{
    color: var(--green);
}
.text-lightblue{
    color: var(--light-blue);
}
.text-purple{
    color: var(--purple);
}
.text-darkpurple{
    color: var(--dark-purple);
}
.text-lightgray{
    color: var(--light-gray);
}
.bg-blue-700{
    background-color: var(--blue-700);
}
.bg-light-blue-500{
    background-color: var(--blue-500);
}
.bg-gray-400{
    background: var(--gray-400);
}
.bg-gray-400-opacity{
    background: rgba(222, 222, 222, 0.5);
}
.blue-400{
    color: var(--blue-400);
}
/* colors end */

/* button start */
.button-primary{
    padding: 10px 28px;
    background: transparent;
    border: 1px solid var(--blue);
    color: var(--blue);
    font-family: var(--inter-semibold);
    transition: all 0.5s;
}
.button-primary:hover{
    background: var(--blue);
    color: #ffffff !important;
}
.button-secondary{
    padding: 10px 32px;
    background: #ffffff;
    border: 1px solid var(--blue);
    color: var(--blue);
    font-family: var(--inter-semibold);
    transition: all 0.5s;
}
.button-secondary:hover{
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 1);
}
/* button end */

/* spacing css start */
.py-60{
    padding-top: 60px;
    padding-bottom: 60px;
}
/* spacing css end */

/* link start */
a:hover{
    color: var(--blue) !important;
    text-decoration: none !important;
}
.login-icon-svg:hover path,a:hover .login-icon-svg path{
    fill: var(--blue);
}
/* link end */

/* border start */
.border-gray{
    border-color: var(--gray-400);
}
/* border end */

/* header css start */
.site-header::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, rgba(0, 86, 185, 0.7) 14.17%, rgba(254, 0, 0, 0.7) 36.88%, rgba(255, 204, 0, 0.7) 57.71%, rgba(16, 179, 70, 0.7) 70.21%, rgba(0, 114, 155, 0.7) 85.52%);
    left: 0;
    bottom: 0;
}

.site-header .navbar ul li a{
    transition: ease-in-out 0.3s;
    line-height: 21px;
}

.site-header .navbar ul li a:hover{
    background: var(--gray-400);
    border-radius: 4px;
}

.site-header .navbar .navbar-toggler:focus{
    box-shadow: none;
}
/* header css end */

/* common-spacing class start*/
.section-spacing{
    padding: 100px 0;
}
/* common-spacing class end*/


/* thanks-for-visiting end */