/* Start customizing your app */

/* Edit to change font color */
.custom.text-color{
  color: #3f3e3e !important;
}

/* Edit to change font color of buttons */
.custom.btn-text-color{
  color: #ffffff !important;
}

/* Edit to change accent color of buttons */
.custom.accent-bg-color {
  background: #5d93cc !important
}

/* Edit to change accent color of tick mark */
.custom.accent-tick-color.tick {
  stroke: #5f84aa !important;
}

/* Edit to change app background */
.custom.bg-image {
  background: url('../../app/resources/background.jpg') !important;
}


/* Edit to change color of footer */
.custom.footer-bg-color {
  background: #1a1c34 !important
}

/* Edit to change footer logo */
.custom.footer-logo {
  content: url('../../app/resources/brand_logo.png') !important;
}

/* Edit to change logo background */
.custom.logo-bg-color {
  background: transparent !important;
}

/* Edit to change link text color */
.custom.link-text-color {
  color: #03996c !important;
}

/* Edit to change group button text color */
.custom.group-btn-text-color {
  color: #000000 !important;
  fill: #000000 !important;
}

/* Edit to change group button color */
.custom.group-btn-color {
  background-color: #C1C1C1 !important;
}

/* Edit to change OTP timer color */
.custom.otp-timer-color {
  color: #5f84aa !important;
}
.custom_confirm {
  color: #5f84aa !important;
}

.frame1 {
  position: fixed;                
  top: 0;                       
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;  
  align-items: center;
  padding: 10px !important;
  box-sizing: border-box;
  z-index: 1000;       
  background-color: #FFF;            
}

/* Shared logo styles */
.logo_Bottom {
  height: 40px;                   /* Adjust as needed */
  width: auto;
  object-fit: contain;
}

/* Logo images (you can still override their content dynamically) */
.custom.logo-image1 {
  content: url('../../app/resources/tavsmouare.png') !important;
}

.custom.logo-image2 {
  content: url('../../app/resources/Logo.png') !important;
}

/* Responsive scaling */
@media (max-width: 768px) {
  .logo_Bottom {
    height: 30px;                /* Slightly smaller on mobile */
  }

  .frame1 {
    padding: 0.5em 1em;
  }
}