@import url('https://fonts.googleapis.com/css2?family=Paytone+One&family=Racing+Sans+One&family=Noto+Sans:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Raleway:wght@300;400;500;600;700;800&family=Petemoss:wght@300;400&display=swap');
/* @import 'swiper/swiper-bundle.min.css'; */

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

html {
    scroll-behavior: smooth;
}

.default-style {
    font-family: 'Paytone One', sans-serif;
    background-image: url(/assets/grid-82d962042201aaa072281e78354823bf468c3a980a74827a31c8339c52239a9a.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #11141A;
}

.contact-us-style {
    background-color: #11141A; 
    font-family: 'Paytone One', sans-serif;
}

br {
    margin: 0;
}

h1 {
    margin: 0;
}

.banner-img {
    background-image: url(/assets/banner-2030c5eea73cf5426e3518a611dd648bb3962f4d411f81408395651f7f32b15b.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

p {
    font-family: 'Outfit', sans-serif;
    color: #F9F4DB;
}

h3, li {
    color: #F9F4DB;
}

.bold-outline {
    color: #F9F4DB;
    text-shadow:
        -1.5px -1.5px 0 #171A21,
        1.5px -1.5px 0 #171A21,
        -1.5px 1.5px 0 #171A21,
        1.5px 1.5px 0 #171A21;
}

.flash {
    transition: opacity 0.6s ease-out; 
}

.text-secondary-dark {
    color: #FFC90C;
}

.text-primary {
    color: #1DA85E;
}

.text-secondary {
    color: #F8FFE5;
}

.mobile-bg-img {
    background-image: url(/assets/mobile-grid-345817d27db660bbb75bd1fd1d324569b7276d96fc0350617d9cb1487fec2e6a.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.text-stroke {
    color: #F9F4DB;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000000;
  }

/* .email-lead-bg {
    background-image: url(/assets/lead-form-grid-8dc2ed4960b29512f1d4d2f106737a5fe8be7351fcf78a70341d1642f46a4eaf.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    height: 100%;
} */


/* Custom Scrollbar Styles */
.custom-scrollbar {
    /* For WebKit browsers like Chrome, Safari, newer versions of Opera */
    scrollbar-width: thin; /* 'auto' or 'thin' */
    scrollbar-color: #808080 #f6f6f6; /* thumb and track color */
}

/* For Internet Explorer, Edge, and WebKit browsers */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px; /* width of the entire scrollbar */
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f6f6f6; /* color of the tracking area */
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #808080; /* color of the scroll thumb */
    border-radius: 4px; /* roundness of the scroll thumb */
    border: 2px solid #f6f6f6; /* creates padding around scroll thumb */
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #808080; /* color of the scroll thumb on hover */
}

/* For Firefox */
.custom-scrollbar {
    scrollbar-color: #808080 #f6f6f6; /* thumb and track color */
    scrollbar-width: thin; /* 'auto' or 'thin' */
}

.form-label label span,
.form-label > label {
    font-weight: 300 !important; /* Forces the font-weight to apply */
}
