:root {
    --light: #f8f9fa;
    --dark: #343a40;
    --font1: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font2: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --scrollbar: #c1c1c1;
    --scrollbar-thumb: #000000;
    --mb-20: 20px;
    --pd-0: 0px;
    --pd-5: 5px;
    --pd-10: 10px;
    --pd-20: 20px;
    --pd-30: 30px;
    --pd-40: 40px;
    --pd-50: 50px;
    --pt-5: 5px;
    --pt-10: 10px;
    --pt-20: 20px;
    --pt-30: 30px;
    --pt-40: 40px;
    --pt-50: 50px;
    --pb-5: 5px;
    --pt-10: 10px;
    --pb-10: 10px;
    --pb-20: 20px;
    --pb-30: 30px;
    --pb-40: 40px;
    --pb-50: 50px;
    --bg-1: #ebdbc2;
    --bg-2: #ff7c0c;
    --bg-3: #343a40;
    --bg-4: #e5d6bf;
    --bg-5: #ccc;
    --bg-6: #ecf9ff;
    --bg-7: #ffb40c;
    --color-1: #60770d;
    --color-2: #ffd700;
    --color-5: #60770d;
    --color-3: #94bdcf;
    --color-4: #ff7c0c;
    --fsize-1: 1.4rem;
    --fsize-2: 1.1rem;
    --fsize-3: 1rem;
}


/* scrollbar */

 ::-webkit-scrollbar-track {
    border: none;
    background-color: var(--scrollbar);
}

 ::-webkit-scrollbar {
    width: 10px;
    background-color: var(--scrollbar);
}

 ::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
}

html {
    scrollbar-color: #000 #c1c1c1;
    scrollbar-width: thin
}

.p_relative {
    position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    margin-bottom: 0px;
}


/*
body{ 
font-family: 'Teko';  
 }
body{
      font-family: 'Spartan';
      font-size: 2rem;
      font-weight: 500;
  }
  */


/*font family */

.font1 {
    font-family: var(--font1);
}

.font2 {
    font-family: var(--font2);
}


/* font size */

.fsize_1 {
    font-size: var(--fsize-1);
}

.fsize_2 {
    font-size: var(--fsize-2);
}

.fsize_3 {
    font-size: var(--fsize-3);
}


/*font color*/

.color_light {
    color: var(--light);
}

.color_dark {
    color: var(--dark);
}

.color_1 {
    color: var(--color-1);
}

.color_2 {
    color: var(--color-2);
}

.color_3 {
    color: var(--color-3);
}

.color_4 {
    color: var(--color-4);
}

.color_5 {
    color: var(--color-5);
}


/* margin variable call*/

.mb_20 {
    margin-bottom: var(--mb-20);
}


/* padding  variable call*/

.pd_0 {
    padding: var(--pd-0);
}

.pd_5 {
    padding: var(--pd-5);
}

.pd_10 {
    padding: var(--pd-10);
}

.pd_20 {
    padding: var(--pd-20);
}

.pd_30 {
    padding: var(--pd-30);
}

.pd_40 {
    padding: var(--pd-40);
}

.pd_50 {
    padding: var(--pd-50);
}


/* padding top variable call*/

.pt_5 {
    padding-top: var(--pt-5);
}

.pt_10 {
    padding-top: var(--pt-10);
}

.pt_20 {
    padding-top: var(--pt-20);
}

.pt_30 {
    padding-top: var(--pt-30);
}

.pt_40 {
    padding-top: var(--pt-40);
}

.pt_50 {
    padding-top: var(--pt-50);
}


/* padding bottom variable call */

.pb_5 {
    padding-bottom: var(--pb-5);
}

.pb_10 {
    padding-bottom: var(--pb-10);
}

.pb_20 {
    padding-bottom: var(--pb-20);
}

.pb_30 {
    padding-bottom: var(--pb-30);
}

.pb_40 {
    padding-bottom: var(--pb-40);
}

.pb_50 {
    padding-bottom: var(--pb-50);
}


/*background variable call*/

.bg_1 {
    background: var(--bg-1);
}

.bg_2 {
    background: var(--bg-2);
}

.bg_3 {
    background: var(--bg-3);
}

.bg_4 {
    background: var(--bg-4);
}

.bg_7 {
    background: var(--bg-7);
}

.bg_gray {
    background: var(--bg-5);
}

.bdr_top {
    border-top: 4px solid #343a40;
}

.bg_light_blue {
    background: var(--bg-6);
}

.bdr_bottom {
    border-bottom: 1px solid #343a40;
}


/*
body {
    font-family: "Lato", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Segoe UI",Arial,sans-serif;
    font-weight: 400;
    margin: 10px 0;
}
h1,h2,h3,h4,h5,h6{font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Fira Sans,Helvetica Neue,Arial,sans-serif;}
body{font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Fira Sans,Helvetica Neue,Arial,sans-serif;}

*/


/* start Page Base */

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ol ul {
    margin-bottom: 0;
}

ul ol,
ul ul {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    color: #29334c;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    text-decoration: underline;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}


/* end  Page Base */


/* latin-ext */

@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/teco.woff2) format('woff2');
}


/* latin */

@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/teko/v10/LYjCdG7kmE0gdQhfsCRgqA.woff2) format('woff2');
}


/* devanagari */

@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/teco.woff2) format('woff2');
}


/* latin-ext */

@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/teco.woff2) format('woff2');
}


/* latin */

@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/teco.woff2) format('woff2');
}

@font-face {
    font-family: 'Spartan';
    src: url('../fonts/Spartan-VariableFont_wght.ttf');
}

@font-face {
    font-family: 'Spartan';
    src: url('../fonts/Spartan-Regular.ttf');
}