body {
  background-image: url('../img/bg2.jpg'); /* Replace 'your-image.jpg' with the path to your image */
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow-x: hidden; /* Hide horizontal overflow */
}


.normal1 {
font-size:17px;
}
.big1 {
font-size:24px;
}
.big2 {
font-size:70px;
}
.h2 {
font-size:15px;
}
.limit100 {
  display: block;
   max-height:100px;
   width: auto;
   height: auto;
}
.orangeoutline {
  outline-color: #FF6B10;
}
.text-orange{ color: rgb(41,132,206); }
.bg-orange {
    background: linear-gradient(to right, rgb(19,123,183), rgb(41,132,206));
}
.bg-nav{ background-color: #f2f2f2; }
.bg-ana{ background-color: #FF6D12; }
.bg-koyu{ background-color: #07796b; }
.navicon {
  display: block;
   max-height:50px;
   width: auto;
   height: auto;
}
.modal-dialog {
    margin: 20vh auto 0px auto
}
.big-btn {
        width: 100%;
        height: 60px;
    }

    .custom-file-upload {
  /* No changes in this section */
  position: relative;
  display: inline-block;
  width: 100%;
  height: 60px;
  padding: 10px 15px;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #f5f5f5;
  font-size: 16px;
  cursor: pointer;
}

.custom-file-label {
  display: flex;
  align-items: center;
  height: 100%; /* Set the height to 100% */
}

.custom-file-label .fas {
  font-size: 24px; /* Increase icon size */
  line-height: 60px; /* Adjust icon line height */
}

.custom-file-label .dash {
  font-size: 18px;
  line-height: 60px; /* Adjust dash line height */
}

.custom-file-label .file-name {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 60px; /* Adjust text line height */
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden; /* Hide the default file input */
  cursor: pointer;
  opacity: 0; /* Additional fallback for older browsers */
}

.progress {
  height: 30px; /* Adjust the height */
}

.progress-bar {
  background-color: #ff6f19; /* Change the color */
}

.toast-header {
    background-color: #ff6f19; /* Blue background for the header */
    color: #fff; /* White text color for the header */
}
.hidden {
    display: none;
}
@media only screen and (max-width: 768px) {
  #firstimg {
    width: 100px;
    height: 100px;
  }
  h1{
    font-size: 20px;
  }
  h2{
    font-size: 17px;
  }
}
.limit100 {
  display: block;
   max-height:50px;
   width: auto;
   height: auto;
}