@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

body {
    background: url(../img/main-banner.png) no-repeat;
    min-height: 100vh;
    font-family: "Urbanist", sans-serif;
    transition: all 200ms linear;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}

h1,h2,h3,h4,h5,h6{
font-family: "Urbanist", sans-serif;
font-weight: 900;
}


a,a:active,a:focus,a:hover {
outline: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer !important;
text-decoration: none;
}


a:hover {
text-decoration: none;
}



.website-div {
   float: right;
   margin-top: 20px;
   margin-right: 20px;
}
.website-div a {
    background-color: #051F4E;
    border: 1px solid #025581;
    padding: 7px 8px;
    border-radius: 10px;
    color:#fff;
}
.website-div a i{
 margin-right:3px;
 color:#FF6600;
}
#website-intro-text {
    text-align: center;
    margin-top:20%;
}
#website-intro-text h1{
 color:#fff;
 margin-top:20px;
 text-transform: uppercase;
}
#website-intro-text p{
 color:#fff;
}
div#chat-window {
    background-color: #051F4E;
    border-radius: 20px;
    min-height: 60px;
    border: 1px solid #025581;
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 30px;
    right: 0;
    left: 0;
    width: 66%;
    overflow: hidden;
    margin: auto;
}
/* Make placeholder text white */
.custom-placeholder::placeholder {
  color: white;
  opacity: 1; /* Make sure it's fully visible */
}

/* Optional: for cross-browser support */
.custom-placeholder::-webkit-input-placeholder {
  color: white;
}
.custom-placeholder:-ms-input-placeholder {
  color: white;
}
.custom-placeholder::-moz-placeholder {
  color: white;
}
.custom-placeholder:-moz-placeholder {
  color: white;
}

.chat-boxx input {
    background-color: transparent !important;
    border-color: transparent !important;
}

.chat-boxx {
    position: absolute;
    width: 100%;
    bottom: 10px;
    padding: 0 10px;
}
.form-control:focus{
 box-shadow: none !important;
}
.chat-boxx button{
 background-color: #ff6600;
 border-color:#ff6600;
 border-radius: 10px;
}