@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";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src:
        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);
}

/* Common start here */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    position: relative;
    height: auto !important;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    line-height: 1.5;
    font-size: 1rem;
    overflow-x: hidden;
    font-family: var(--primaryfont);
}

#main-view-scroll {
    overflow-y: auto;
}

html {
    scroll-behavior: smooth;
}

.fw-custom {
    font-weight: 400;
}

.font-roboto {
    font-family: var(--font-roboto) !important;
}

section {
    padding: 2rem 0 2rem 0;
}

.font-14 {
    font-size: 0.90625rem !important;
}

@media (max-width: 767px) {
    section {
        padding: 1.5rem 0 1.5rem 0;
    }
}

footer {
    margin-top: auto;
}

.border-gray-border_100 {
    border: 1px solid var(--borderclr);
    width: 100%;
}

.border-dark-border_100 {
    border: 1px solid var(--darkclr);
    width: 100%;
}

input {
    font-size: 1rem;
}

input:focus {
    box-shadow: none;
    outline: none;
}

input::placeholder {
    font-size: 1rem;
}

textarea {
    font-size: 1rem;
}

textarea:focus {
    box-shadow: none;
    outline: none;
}

textarea::placeholder {
    font-size: 1rem;
}

.headings {
    margin-bottom: 0;
}

a {
    font-size: 1rem;
    text-decoration: none;
}

a:hover {
    color: var(--themeprimaryclr);
}

a:active {
    color: var(--themeprimaryclr);
}

/* ------------------------------------header a , p , span ------------------------------------*/
header a,
header span,
header p,
header select {
    font-size: 0.8125rem !important;
    font-family: var(--font-roboto);
}

header a:hover {
    color: var(--themeprimaryclr);
}

/* ---------------------------------------footer a, p , span--------------------------------------- */
footer a,
footer span,
footer p {
    font-size: 1rem;
}

footer a:hover {
    color: var(--themeprimaryclr);
}

.active {
    color: var(--themeprimaryclr) !important;
}

label {
    font-size: 1rem;
}

p {
    font-size: 1rem;
    text-align: justify;
}

span {
    font-size: 1rem;
}

ul {
    padding-left: 0px;
    margin-bottom: 0px;
}

ul li {
    list-style: none;
}

ol li {
    list-style: none;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-size: 1rem;
}

.fs-same {
    font-size: 1rem !important;
}

.red {
    color: #ff2b2b !important;
}

.green {
    color: #04bd04 !important;
}

.orange {
    color: #d68b00 !important;
}

.yellow {
    color: #f2dc00 !important;
}

.blue {
    color: #00f !important;
}

.sitename {
    color: #1c75a1 !important;
}

.btn-theme-one {
    background-color: var(--themeprimaryclr);
    min-height: 36px;
    font-size: 1rem;
    border-radius: 5px;
    padding: 5px 16px;
    border: 2px solid transparent;
    width: auto;
    color: var(--plainclr) !important;
    font-family: var(--primaryfont);
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s linear;
}

.btn-theme-one:hover {
    background-color: transparent;
    color: var(--themeprimaryclr) !important;
    border: 2px solid var(--themeprimaryclr);
}

.btn-theme-one:active {
    background-color: transparent !important;
    color: var(--themeprimaryclr) !important;
    border: 2px solid var(--themeprimaryclr);
}

@media (max-width: 1200px) {
    .btn-theme-one {
        font-size: 0.875rem;
    }
}

@media (max-width: 767px) {
    .btn-theme-one {
        font-size: 0.875rem !important;
        padding: 2px 12px;
        min-height: 22px;
    }
}

/* fixed btn on the right side ends*/

.btn-theme-two {
    background-color: var(--plainclr) !important;
    min-height: 36px;
    color: var(--themeprimaryclr);
    font-size: 1rem;
    border-radius: 5px;
    padding: 5px 16px;
    border: 2px solid var(--plainclr);
    width: auto;
    font-family: var(--primaryfont);
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s linear;
}

.btn-theme-two:hover {
    background-color: var(--themeprimaryclr) !important;
    color: var(--plainclr) !important;
    border-color: var(--themeprimaryclr) !important;
}

.btn-theme-two:active {
    background-color: var(--themeprimaryclr) !important;
    color: var(--plainclr) !important;
}

@media (max-width: 1200px) {
    .btn-theme-two {
        font-size: 0.875rem;
        padding: 2px 12px;
    }
}

@media (max-width: 767px) {
    .btn-theme-two {
        font-size: 0.875rem !important;
        padding: 2px 12px;
        min-height: 22px;
    }
}

.btn-theme-three {
    background-color: var(--greenclr);
    min-height: 36px;
    font-size: 1rem;
    border-radius: 5px;
    padding: 5px 16px;
    border: 2px solid transparent;
    width: auto;
    color: var(--plainclr) !important;
    font-family: var(--primaryfont);
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s linear;
}

.btn-theme-three:hover {
    background-color: transparent;
    border: 2px solid var(--greenclr);
    color: var(--greenclr) !important;
}

.btn-theme-three:active {
    background-color: var(--greenhover) !important;
    color: var(--plainclr) !important;
}

@media (max-width: 1200px) {
    .btn-theme-three {
        font-size: 0.875rem;
        padding: 2px 12px;
    }
}

@media (max-width: 767px) {
    .btn-theme-three {
        font-size: 0.875rem !important;
        padding: 2px 12px;
        min-height: 22px;
    }
}

.btn-outline-theme {
    border: 1px solid var(--themeprimaryclr);
    color: var(--darkclr) !important;
    background: transparent;
    font-family: var(--primaryfont);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s linear;
    padding: 5px 16px;
}

.btn-outline-theme:hover {
    border: 1px solid var(--themeprimaryclr);
    background: var(--themeprimaryclr);
    color: var(--plainclr) !important;
}

.btn-outline-theme:active {
    border: 1px solid var(--themeprimaryclr) !important;
    background: var(--themeprimaryclr) !important;
    color: var(--plainclr) !important;
}

/* fixed btn on the right side */
.book-appoint-div,
.buy-now-div {
    position: fixed;
    transform: rotate(-90deg);
    font-size: 1rem;
    z-index: 999;
    box-shadow: 0 0 15px #b1b1b1;
}

.book-appoint-div,
.buy-now-div {
    border-radius: 10px 10px 0 0 !important;
}

.buy-now-div {
    right: calc(0% - 70px);
    top: 30%;
}

.btn-book-appoint,
.buy-now-div .buy-btn {
    border-radius: 10px 10px 0 0 !important;
    font-size: 1rem;
}

.buy-now-div .buy-btn {
    height: 40px;
    display: block;
}

@media only screen and (max-width: 480px) {

    .btn-book-appoint,
    .buy-now-div .buy-btn {
        font-size: 0.875rem;
    }
}

@media only screen and (max-width: 767px) {
    .buy-now-div {
        display: none;
    }
}

.main-heading {
    font-size: 1.7rem;
    color: var(--headingclr);
}

.sub-heading {
    font-size: 1.44rem !important;
    color: var(--headingclr);
}

.sub-heading-two {
    font-size: 1.2rem;
    color: var(--headingclr);
}

.main-heading,
.sub-heading :hover {
    color: var(--themeprimaryclr);
}

.hover-underline:hover {
    text-decoration: underline !important;
    color: #00f !important;
}

.hover-change:hover {
    background-color: var(--themeprimaryclr);
}

.checkbox {
    width: 1em;
    height: 1em;
    margin-top: 0.3em;
    background-color: var(--themeprimaryclr);
    border: 1px solid var(--themeprimaryclr);
    appearance: none;
    print-color-adjust: exact;
}

.checkbox:checked {
    background-color: var(--themeprimaryclr);
    border-color: var(--themeprimaryclr);
}

.checkbox:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--plainclr), 0.25);
}

.radio-button {
    border-radius: 50%;
}

.radio-button:checked {
    background-color: var(--themeprimaryclr);
    border-color: var(--themeprimaryclr);
}

.radio-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--plainclr), 0.25);
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--themesecondaryclr);
}

th {
    font-weight: bold;
    text-align: start;
    background-color: var(--bs-table-bg);
    border-bottom: 2px solid var(--plainclr);
}

tr {
    border-top: 1px solid var(--darkclr);
}

td {
    padding: 0.75rem;
    border-top: 1px solid var(--plainclr);
}

span.title {
    text-wrap: nowrap;
    font-size: 2.75rem;
    font-weight: 500;
    color: var(--headingclr);
}

.sec-des {
    font-size: 1.22rem !important;
}

@media (max-width: 1200px) {
    span {
        font-size: 1rem;
    }

    p {
        font-size: 1rem;
    }

    a {
        font-size: 1rem;
    }

    label {
        font-size: 1rem;
    }

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.75rem;
    }

    h3 {
        font-size: 1.5rem;
    }

    h4 {
        font-size: 1.25rem;
    }

    h5 {
        font-size: 1.125rem;
    }

    h6 {
        font-size: 1rem;
    }

    .main-heading {
        font-size: 1.5rem;
    }

    .sub-heading {
        font-size: 1.1rem !important;
    }

    .fs-same {
        font-size: 1rem !important;
    }

    span.title {
        font-size: 2.75rem;
    }

    .sec-des {
        font-size: 1rem !important;
    }
}

@media (max-width: 1200px) {
    label {
        font-size: 1rem;
    }
}

@media (max-width: 767px) {

    .fs-same,
    .sec-des,
    a,
    p,
    span {
        font-size: 1rem !important;
    }

    span.title {
        font-size: 1.75rem !important;
    }

    label {
        font-size: 1rem;
    }

    .fs-sm-same {
        font-size: 1rem !important;
    }
}

.openingsoon {
    color: #ffa500 !important;
    padding: 0 !important;
    display: flex;
    justify-content: end;
    align-items: anchor-center;
    gap: 0.5rem;
}

.openingsoon i {
    font-size: 1rem !important;
}

.mobile-btn .openingsoon {
    background: #ffa500 !important;
}