@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
/* @import url('https://fonts.cdnfonts.com/css/gilroy-bold'); */

:root {
  --themeprimaryclr: #ff0000;
  --themesecondaryclr: #007a3b;
  --themethirdclr: #1bb174;
  --themeforhtclr: #fff2f2;
  --customhover: #fff2f2;
  --plainclr: #fff;
  --darkclr: #000;
  --lightbg: #f8f8f8;
  --themehoverclr: #ff0000;
  --themehovertwo: #c45c6d;
  --bs-table-color: #cdcdcd;
  --bodyclr: #212529;
  --borderclr: #f1f1f1;
  --border-bottom-clr: #b1b1b1;
  --headingclr: #332c5c;

  /* share color */
  --greenclr: #43a700;
  --greenbadge: #52c504;
  --greenhover: #008f03;
  --redclr: #ff2b2b;
  --orangeclr: #d68b00;
  --btnclrone: #1f1f1f;

  /* font family */
  --primaryfont: "Gilroy-SemiBold";
  --secondaryfont: "Nunito", serif;
  /* --font-roboto: "Roboto", sans-serif; */
  --font-roboto:"Roboto", "Helvetica", sans-serif;


  /* new addon */
  --gallery-overlay: #05090ac2;
  --closeclr: #ff0000;
  --overlight: #343e45;
  --footer-bgclr: #7f7f7f;
  --lihover-clr: #474747;
  --mainclr: #212529bf;
}

@font-face {
  font-family: "Gilroy-SemiBold";
  src: url("../font/Gilroy-SemiBold.eot");
  src: url("../font/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"),
       url("../font/Gilroy-SemiBold.woff2") format("woff2"),
       url("../font/Gilroy-SemiBold.woff") format("woff"),
       url("../fonts/Gilroy-SemiBold.ttf") format("truetype"),
       url("../font/Gilroy-SemiBold.svg#Gilroy-SemiBold") format("svg");


  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body,
a,
p,
div,
span,
li {
  color: var(--bodyclr);
}

p {
  font-family: var(--secondaryfont);
}