/* body {
    background-image: url('../images/banner-bg.png'); 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    height: 100vh; 
} */

body {
    background-color: rgb(245, 245, 245);
    color: #212529;
}
    /* background-image: url('../images/banner-bg2.png');  */
.navbar-custom {

    background-size: cover; /* Cover the entire area */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    padding: 10px 0; /* Optional: Add padding for better spacing */
}
 /* background: linear-gradient(to right, #ff416c, #ff4b2b); */
.gradient-btn {
    background-color: #34495E; 
    /* background: linear-gradient(to right, #ff416c, #ff4b2b); */
    /* background: #90090e; */
    border: none; /* Remove default border */
    color: white; /* Text color */
    padding: 10px 20px; /* Padding for size */
    border-radius: 5px; /* Rounded corners */
    font-size: 16px; /* Font size */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background 0.3s ease; /* Smooth transition */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Shadow effect */
}

.gradient-btn:hover {
    opacity: 0.9; /* Slightly darken on hover */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4); /* Darker shadow on hover */
}

.footer {
    background-color: #212529; /* Footer background color */
    color: lightgray; /* Text color */
    padding: 20px 0; /* Add some padding for spacing */
}

.footer a {
    color: #8391a2; /* Link color */
    text-decoration: none; /* Remove underline */
}

.footer a:hover {
    text-decoration: underline; /* Underline on hover for links */
}

.bt-dark {
    background-color: #34495E; 
    color: #FFFFFF;
}

.bt-dark:hover {
    opacity: 0.9; /* Slightly darken on hover */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4); /* Darker shadow on hover */
}


.tiktok-sans {
  font-family: "TikTok Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100;
}


.roboto-condensed {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}