@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/neue-haas-grotesk-display-pro');
@import url('https://fonts.cdnfonts.com/css/gilroy-bold');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


:root {
    --themeprimaryclr: #f10000;
    --themesecondaryclr: #007a3b;
    --themethirdclr: #1bb174;
    --themeforhtclr: #fff2f2;
    --customhover: #fff2f2;
    --plainclr: #fff;
    --darkclr: #000;
    --lightbg: #F8F8F8;
    --themehoverclr: #aa0000;
    --themehovertwo: #c45c6d;
    --bs-table-color: #cdcdcd;
    --bodyclr: #212529;
    --borderclr: #f1f1f1;
    --border-bottom-clr: #b1b1b1;
    --headingclr: #332c5c;
    --primary-color: #0031E5;
    --secondary-color: #F7F7F7;
    --dark: #000000;
    --white: #fff;

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

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

    /* new addon */
    --gallery-overlay: #05090ac2;
    --closeclr: #ff0000;
    --overlight: #343E45;
    --footer-bgclr: #7f7f7f;
    --lihover-clr: #474747;
    --mainclr: #212529bf;
    --themeprimaryclr: var(--primary-color);
    --headingclr: var(--primary-color);
    --font-roboto: 'Roboto', sans-serif;
}

/* @font-face {
    font-family: var(--primaryfont);
    font-style: normal;
    font-weight: 600;
    src: local('Gilroy-Bold'), url('https://fonts.cdnfonts.com/s/16219/Gilroy-Bold.woff') format('woff');
} */

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

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

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

.font-neue {
    font-family: 'Neue Haas Grotesk Display Pro', sans-serif !important;
}

.btn-theme-one-new {
    background-color: var(--primary-color);
    min-height: 36px;
    font-size: 1rem;
    border: 2px solid transparent;
    width: auto;
    color: var(--white);
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3slinear;
    line-height: 100%;
    padding: 16px 32px;
    font-weight: 600;
}

.btn-theme-one-new:hover {
    background-color: transparent;
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.btn-theme-outline-one {
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3slinear;
    line-height: 100%;
    padding: 16px 32px;
    font-weight: 600;
}

.btn-theme-outline-one:hover {
    background-color: var(--primary-color);
    border-color: transparent;
    color: var(--white);
}