h1, h2, h3, h4, h5, h6 {
    font-family: "Source Sans 3", sans-serif;}
    body{
    font-family: "Work Sans", sans-serif;
    background-color: #f8f9fa;
}
    .nav-item-spacing {
        margin-right: 150px;
      }
      .photo-item-spacing {
        margin-left: 110px;
      }
      .form-container {
        max-width: 1000px;
        margin: 50px auto;
        padding: 30px;
        background-color: #ffffff;
        border-radius: 5px;
       
      }
      .form-title {
        text-align: center;
        margin-bottom: 30px;
        font-size: 4rem; 
        font-weight: bold;
        color: #424242; /* Increase font size here */
      
      }
      .form-control {
        font-size: 1.25rem;
        padding: 1rem;
        height: auto;
      }
      .input-group-text {
        font-size: 1.25rem;
        padding: 0.75rem 1rem;
      }
      .btn {
        font-size: 1.25rem;
        padding: 0.75rem;
      }
      .navbar-nav .nav-link {
        font-size: 1.25rem;
      }
      .callback-time {
        display: flex;
        gap: 10px;
      }
      .callback-time input,
      .callback-time select {
        flex: 1;
      }
      .flag-select {
        width: 250px;
        padding: 5px;
    }
    .flag-select option {
        background-repeat: no-repeat;
        background-size: 20px 15px;
        padding-left: 25px;
        margin: 5px;
    }
    .flag-IN {
        background-image: url('flags/flag.jfif');
    }
    .flag-US {
        background-image: url('flags/us.png');
    }
    .flag-GB {
        background-image: url('flags/gb.png');
    }
    .flag-AU {
        background-image: url('flags/au.png');
    }
    .flag-CA {
        background-image: url('flags/ca.png');
    }
    .flag-CN {
        background-image: url('flags/cn.png');
    }
    .flag-FR {
        background-image: url('flags/fr.png');
    }
    .flag-DE {
        background-image: url('flags/de.png');
    }
    .flag-IT {
        background-image: url('flags/it.png');
    }
    .flag-JP {
        background-image: url('flags/jp.png');
    }
    .flag-KR {
        background-image: url('flags/kr.png');
    }
    .flag-BR {
        background-image: url('flags/br.png');
    }
    .flag-RU {
        background-image: url('flags/ru.png');
    }
    .flag-ZA {
        background-image: url('flags/za.png');
    }
    .flag-MX {
        background-image: url('flags/mx.png');
    }
    .flag-ES {
        background-image: url('flags/es.png');
    }
    .flag-SE {
        background-image: url('flags/se.png');
    }
    .flag-CH {
        background-image: url('flags/ch.png');
    }
    .flag-TR {
        background-image: url('flags/tr.png');
    }
    .flag-NL {
        background-image: url('flags/nl.png');
    }
    .flag-AE {
        background-image: url('flags/ae.png');
    }
    .flag-SG {
        background-image: url('flags/sg.png');
    }
    .flag-NZ {
        background-image: url('flags/nz.png');
    }
    .flag-ID {
        background-image: url('flags/id.png');
    }
    .flag-TH {
        background-image: url('flags/th.png');
    }
    .footer {
      background-color: #f1f1f1;
      padding: 20px 0;
  }
  
  .footer {
    background-color: #f1f1f1;
    padding: 20px 0;
}

.footer .container {
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.footer .row {
    width: 100%;
    margin: 0;
}

.footer h4 {
    margin-bottom: 10px;
    color: #333;
}

.footer p {
    margin: 5px 0;
    color: #666;
}

.footer a {
  color: #666; /* Match the color of the surrounding text */
  text-decoration: none; /* Remove underline */
}

.footer a:hover {
  color: #333; /* Optional: Change color on hover */
  text-decoration: none; /* Ensure underline is removed on hover */
}

.footer-bottom-wrapper {
  display: flex;
  justify-content: center;
  background-color: #e9ecef;
}

.footer-bottom {
  text-align: center;
  padding: 10px;
  color: #666;
  padding: 15px;
}

.footer-bottom p{
    text-align: center;margin: 0;
}

.form-group{
    margin-bottom: 10px;
}


  /* .container-fluid {
    padding: 0 15px;
  } */



  #demoForm input, #demoForm select {
    height: 40px;
    border: 1px solid black;
    border-radius: 2px;
}

#demoForm label{
    color: #000;font-weight: 600;font-size: 15px;margin-bottom: 15px;
}
#country {
text-align: left;
}
#btn{
    margin-top: 20px;
}
.center-div {
    text-align: center;
}
.center-div img {
    height: 80px;
}
.custom-placeholder::placeholder {
    font-size: 15px; /* Change this to your desired font size */
    color: #6c757d; /* Optional: Change this to your desired color */
}