@font-face {
  font-family: Silom;
  src: url('../font/Silom.ttf');
}

@font-face {
  font-family: Arial Rounded MT Bold;
  src: url('../font/ARLRDBD.ttf');
}

body {
  background-color: #434a54 !important;
}

.main_div {
  background-color: white !important;
  border-radius: 25px;
}

.center-screen {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 90vh;
}

.heading_text {
  text-shadow: 5px 5px 0px #4AE69D;
  font-family: Silom;
  letter-spacing: .11em !important;
  font-size: 4rem;
  color: #434a54;
  -webkit-text-stroke: 1px #ffffff;
}

/*form{
    width:20rem;
}*/
.filters h3,
.filters h4 {
  font-family: Arial Rounded MT Bold;
}
.staging-btn{
  background: #434A54 !important;
}
.generate_btn {
  background: #4ce69e !important;
  color: white !important;
  font-family: Silom !important;
  letter-spacing: .11em !important;
  border-radius: 17px !important;
  padding: 0px 22px !important;
  font-size: 32px !important;
  text-shadow: 2px 2px 0px #434A54 !important;
  -webkit-text-stroke: 1px #4ce69e;
}

.upload_btn{
  background:#434A54 !important;
  color: white !important;
  font-family:Silom !important;
  letter-spacing: .11em !important;
  border-radius: 17px !important;
  padding: 0px 44px !important;
  font-size: 32px !important;
  text-shadow: 2px 2px 0px #4ae69d !important;
  -webkit-text-stroke: 1px #434A54;
}
.set_btn {
  background: #434A54 !important;
  color: white !important;
  font-family: Silom !important;
  letter-spacing: .11em !important;
  border-radius: 17px !important;
  padding: 0px 44px !important;
  font-size: 32px !important;
  text-shadow: 2px 2px 0px #4ae69d !important;
  -webkit-text-stroke: 1px #434A54;
}
.download_btn{
  background:#434A54 !important;
  color: white !important;
  font-family:Silom !important;
  letter-spacing: .11em !important;
  border-radius: 17px !important;
  padding: 0px 44px !important;
  font-size: 20px !important;
  text-shadow: 2px 2px 0px #4ae69d !important;
  -webkit-text-stroke: 1px #434A54;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.staging_div {
  position: absolute;
  top: 20%;
  left: 5%;
  width: 90%;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #434a54;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #4ce69e;
}

input:focus+.slider {
  box-shadow: 0 0 1px #4ce69e;
}

input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.uploadBtnDiv {
  position: relative;
  overflow: hidden;
}

.fileUpload {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

.fileName {
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;
  font-size: large !important;
  color: cadetblue;
}

input[type="text"]::placeholder {
  font-family: Silom !important;
  font-size: 18px !important;
  color: #babcc0;
  text-align: center;
}

.div_hidden {
  display: none;
}

.div_visible {
  display: block;
}
.modal-footer {

  justify-content: center !important;
  border-top: none !important;
}
@media screen and (max-width: 376px) {
  .heading_text {
    font-size: 3rem !important;
  }
}

@media screen and (max-width: 768px) {
  .heading_text {
    font-size: 3rem !important;
  }
}