.logo-wrap .logo{
    width: 200px ;
}

.flurr-fit-select{
    height: 48px;
}

.personal-info{
    /* border: 1px solid #0002; */
    padding: 20px 25px;
    margin: 0px 0 20px 0;
    background: rgba(0, 0, 0, 0.8);
    /* box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); */
    /* box-shadow: 0px 0px 15px 0px #fff6; */
    /* background: url(../images-reg/bg/for-heading.jpg)center no-repeat;
    background-size: cover; */
}

 *, .input-label{
    text-transform: capitalize !important;
  }

  .ufg-job-application-wrapper .job-application-form .form-group.check-gender-english{
    padding-top: 25px;
  }

  .check-field p{
    font-size: 16px;
  }

  .label-text{
    padding-bottom: 25px;
  }

  .form-select {
    --bs-form-select-bg-img: url(../images-reg/down-arrow.png);
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 1.5;
    color: #666 !important;
    background-color: transparent !important;
    border: 1px solid #444 !important;
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    /* border: transparent !important; */
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ufg-job-application-wrapper .job-application-form .form-group .form-control:focus {
  border: 1px solid #00c998;
}



.form-select:focus{
  box-shadow: none !important;
}

.form-group ul li{
  color: #fff;
}

.form-froup input{
  border: 1px solid #fff !important;
}

input::placeholder {
  color: #666 !important;
  opacity: 1; /* Firefox */
}

textarea::placeholder {
  color: #666 !important;
  opacity: 1; /* Firefox */
  padding: 5px 9px !important;
}

.coll-brand{
  display: flex;
  /* padding: 0 20px; */
}

.coll-brand .form-control{
   margin: 0 10px;
}

.coll-brand .form-group{
  /* margin: 0 10px; */
  padding:0  10px;
}

/* select option:checked
 {
  background-color: lime;
  margin: 0 0px !important;
} */




.col-sm{
  margin: 45px 0 !important;
}




@media screen and (max-width:1920px) and (min-width: 1024px) {
  .ufg-job-application-wrapper .job-application-form .form-group .form-control {
  
    padding: 0 5px !important;
    
}

.check-gender-english{
  margin-top: 11px;
}
}

@media screen and (max-width:800px) and (min-width: 320px) {
  .ufg-job-application-wrapper .job-application-form .form-group .form-control {
   
    padding: 0 6px !important;
    
}



.mt-4 {
  margin-top: 0 !important;
}

.coll-brand .form-control{
  margin: 0 0 0  0px !important;
}

.coll-brand .form-group {
  /* margin: 0 10px; */
  padding: 0 2px;
}

.ufg-job-application-wrapper .job-application-form .form-groups {
  margin-bottom: 0px !important;
}

.logo-wrap img{
  text-align: center;
}

.personal-info {
    padding: 20px 15px;
}

}

/* select{
  color: #666 !important;
}

select option{
  background-color: #252329 !important;
  color: #fff;
  margin:  25px  !important;
}


select {
  color: white !important; // color of the selected option

  option {
    color: black !
    ; // color of all the other options
  }
} */

select {
  color: #000 !important; /* Default color */
}
select option:checked {
  background-color: #00c998 !important; /* Change to desired color */
  color: #000; /* Change text color for better contrast */
}

select:focus-visible{
  border: 1ps solid #00c998 !important;
}

.pakages h6{
  color: #fff;
  padding-bottom: 5px;
}

.pakages ul li{
  color: #fff;
  list-style: none !important;
  line-height: 30px;
}

.btnns{
  margin-top: 0 !important; 
}

/* .form-groups .input-label{
  margin-bottom: 0px !important;
} */


.specific-custom-radio{
  width: max-content !important;
  padding-right: 10px;
}



.specific-city-input{
  margin-top: 0 !important;
}

.ufg-job-application-wrapper .job-application-form  .specific-city-input{
  padding-top: 0 !important;
}



.ufg-job-application-wrapper .job-application-form .form-group .formcontrol-percent{
  height: 25px !important;
  margin-left: 20px;
}

.term-conditions{
  width:100%;
  min-height: 100vh;
  background-color: #222;
}

.term-conditions{
  color: #fff;
  /* text-align: center; */
  /* display: flex; */
  
}

.term-condition{
  padding: 25px;
}

.term-conditions h3{
  text-align: center;
  padding: 25px 0;
 position: relative;
 color: #00c998;
}

.term-conditions img{position: relative;
  margin-top: 20px;
}

.term-condition-heading{
  width: 100%;
  height: 200px;
  background: url(../images-reg/bg/header-bg.jpg)center no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
}

.term-condition-heading::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.80;
  background-color: #000;
}

.term-condition{
  background-color: rgba(0, 0, 0, 0.8);;
  margin: 25px 0;
}

.form-groupsss .form-group-margin-bottom{
  margin-bottom: 0px !important;
}

.pakage-color{
  color: #fff;
}


.dynamicFields {
    display: flex;
}

.radio-label{
    color: #fff !important;
}


.thankyou{
  width: 100%;
  height: 100vh;
  background-color: #222020;
  display: flex;
  justify-content: center;
  align-items: center;
  /* align-content: center; */
  
}

.thankyou-inner{
  width: 100%;
  height: 350px;
  background-color: #000;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px;
  color: #fff;
  border-radius: 10px;
  box-shadow: rgba(240, 240, 241, 0.096) 0px 8px 24px;
}

.thankyou-inner p{
  color: #fff;
}

.thankyou-inner img{
  width: 200px;
  display: flex;
  align-self: center;
  margin-bottom: 10px;
}

.thankyou-inner h4{
  font-size: 20px;
  line-height: 35px;
  padding: 10px 0;
}

.thankyou-inner h3{
  color: #00c998;
  font-size: 30px;
}


.thankyou-btn{
  background-color: #00c998;
  padding: 5px 25px;
  margin: 10px 0;
  border-radius: 5px;
  font-size: 16px;
}


.fa-circle-check,.fa-circle-xmark{
  color: #00c998;
  font-size: 30px;
}


.desktop-banner img{
  width: 100%;
}

.mobile-banner {
  display: none;
}

@media screen and (max-width:900px) and (min-width: 320px) {
  .mobile-banner {
    display: block;
  }

  .desktop-banner{
 display: none;
}




}