@font-face {
    font-family: 'Cinzel';
    src: url('./font/Cinzel-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* control max size of nav */
.navbar-brand img {
    max-height: 20vh;
    margin-left: 50px;
}



body {
    font-family: "Cinzel", serif !important;
}

/* bg linear color */
body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
}

html body {
    /*background: linear-gradient(to right, #6d5b47 0%, #e0d0ba 50%, #6d5b47 100%); */
    background-color: #dce2e2d1;
    /* background-image: url("https://fineline.global/img/bg_1.png"); */
    /* height:100%;
        background-size:cover; */
}

body{
        /* background-image: url("https://fineline.global/img/test_bg.png"); */
        /* background-size:cover; */

}

.left_splash {
    width: 800px;
    height: 1000px;
    margin: 50px auto;
    background-image: url('http://fineline.global/img/left_splash2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: -300px;
    z-index: -1;
}

.mid_splash {
    width: 400px;
    height: 1000px;
    margin: 50px auto;
    background-image: url('http://fineline.global/img/mid_splash.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 68%;
    top: -540px;
    z-index: -1;
}

.right_box {
    width: 400px;
    height: 700px;
    /* margin: 50px auto; */
    background-image: url('http://fineline.global/img/right_box2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 1px;
    top: -100px;
    z-index: -1;
}

/* .left_box_bot {
    background-image: url('http://fineline.global/img/left_bot_box2.png');
    width: 500px;
    height: 500px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: -350%;
    left: 0px;
} */

.navbar-toggler {
    border: 4px solid #000000;
    background-color: #b08d57;
    /* Adds a thick white border */
    border-radius: 15px;
    /* Optional: adds rounded corners for a cleaner look */
}


/* Carousel styles */
.carousel-control-next,
.carousel-control-prev,
.carousel-indicators {
    filter: invert(100%);
}

.cbtn {
    height: 7px !important;
}

.bg-gray {
    background-color: #727272;
}







.business-section {
    background: linear-gradient(135deg, #f5f0e6, #e0d0ba);

    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.business-title {
    border-bottom: 3px solid #DBC300;
    /* Gold Border */
    padding-bottom: 10px;
    font-size: 2rem;
    font-weight: bold;
    color: #4a4a4a;
}

.business-description {
    color: #4a4a4a;
    font-size: 1.2rem;
}

.accent-color {
    color: #b08d57;
    /* Turquoise */
    font-weight: bold;
}

.glow {
    color: #000000;
    text-align: center;
    -webkit-animation: glow 3s ease-in-out infinite alternate;
    -moz-animation: glow 3s ease-in-out infinite alternate;
    animation: glow 3s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 3px #fff, 0 0 20px #fff, 0 0 30px #b08d57, 0 0 40px #b08d57, 0 0 50px #b08d57, 0 0 60px #b08d57, 0 0 70px #b08d57;
        /* Brownish-gold */
    }

    to {
        text-shadow: 0 0 3px #fff, 0 0 30px #ffdd57, 0 0 40px #ffdd57, 0 0 50px #ffdd57, 0 0 60px #ffdd57, 0 0 70px #ffdd57, 0 0 80px #ffdd57;
        /* Bright gold */
    }
}



.navbar-brand {
    display: flex;
}

.brand-title {
    font-size: 3.5vw;
    color: #6d5b47;
    font-weight: bold;

}

.nav_title_div {
    width: 155%;
}

.brand-subtitle {
    font-size: 1.8vw;
    color: #6d5b47;
}

.navbar-nav {
    font-size: 1.3em;
    border-top: 2.5px solid #654321;
    border-bottom: 5.5px solid #654321;
    border-image: linear-gradient(to right, #3d2002, #8b5f1e) 1;
}




.img_splash {
    position: relative;
    z-index: 0;
    height: 1px;
}

.tri_link {
    display: inline-block;
    /* Makes the link behave like a block for padding and borders */
    font-weight: bold;
    /* Bold text */
    text-decoration: none;
    /* Remove default underline */
    color: #000;
    font-size: x-large;
    /* Text color */
    background-color: #f0f0f0;
    /* Light gray background */
    padding: 10px 20px;
    /* Padding for the link */
    border: 5px solid #aaa;
    /* Shadow to simulate 3D depth */
    position: relative;
    bottom: -25px;
    border-image: linear-gradient(to right, #ccb28a, #e4d2b0, #ccb28a) 1;
    /* Gradient border */
}

.layered-text {
    color: #4D2C13;
    /* Main text color */
    text-align: center;
    /* Center align the text */
    text-shadow:
        5px 5px 0 rgba(235, 194, 156, 0.8),
        5px 9px 0 rgba(226, 188, 147, 0.3)
}

.layered-text2 {
    color: #4D2C13;
    /* Main text color */
    text-align: center;
    /* Center align the text */
    text-shadow:
        3px 2px 0 rgba(239, 222, 205, 0.8)
}