@import url(bootstrap.min.css);
@import url(header.css);
@import url(footer.css);
@import url(home.css);
@import url(inner-pages.css);
@import url(owl.carousel.min.css);
@import url(owl.theme.default.min.css);

@font-face {
    font-family: "Roboto", sans-serif;
    src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: "Roboto", sans-serif;
    src: url('../fonts/Inter/Inter-Regular.ttf') format('truetype');
}


:root {
    --roboto: "Roboto", sans-serif;
    --primary-color: #f03547;
    --white-color: #ffffff;
}

body {
    scroll-behavior: smooth;
    overflow-x: hidden !important;
}
* {
    font-family: var(--roboto);
}
.text-primary {
    color: var(--primary-color) !important;
}
.bg-primary {
    background-color: var(--primary-color) !important;
}
.btn-primary, .btn-primary:hover {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    font-weight: 600;
    font-size: 18px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 24px;
    border-radius: 6px;
}
button:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.btn:focus {
    box-shadow: unset;
}
input:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}


.img-black-layer::after {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #0000007f;
    z-index: 1;
    border-radius: 10px;
}