@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

@font-face {
  font-family: "Lato-Regular";
  src: url("../font/Lato/Lato-Regular.ttf");
}

@font-face {
  font-family: "Lato-Black";
  src: url("../font/Lato/Lato-Black.ttf");
}

@font-face {
  font-family: "Lato-Light";
  src: url("../font/Lato/Lato-Light.ttf");
}

@font-face {
  font-family: "Lato-Thin";
  src: url("../font/Lato/Lato-Thin.ttf");
}

@font-face {
  font-family: "Lato-Medium";
  src: url("../font/Lato/Lato-Medium.ttf");
}

@font-face {
  font-family: "Lato-Heavy";
  src: url("../font/Lato/Lato-Heavy.ttf");
}

@font-face {
  font-family: "Lato-Bold";
  src: url("../font/Lato/Lato-Bold.ttf");
}

@font-face {
  font-family: "Lato-Semibold";
  src: url("../font/Lato/Lato-Semibold.ttf");
}

:root {
  --primaryColor: #1d699c;
  --secondaryColor: #43A1E0;
  --bgBackgroundColor: #EDF8FF;
  --contentColor: #b9b6b6;
  --fontBold: 'Lato-Bold';
  --fontSemibold: 'Lato-Semibold';
  --fontMedium: 'Lato-Medium';
  --fontBlack: 'Lato-Black';
  --fontRegular: 'Lato-Regular';
  --fontLight: 'Lato-Light';
  --fontThin: 'Lato-Thin';
  --fontHeavy: 'Lato-Heavy';
}

body {
  font-family: var(--fontRegular);
  /* font-family: 'Lato-Regular', 'Lato-Black', 'Lato-Light', 'Lato-ThinItalic', 'Lato-Thin', 'Lato-Bold', 'Lato-LightItalic', 'Lato-Italic', 'Lato-BoldItalic', 'Lato-Bold'; */
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--fontBold);
}

p {
  font-family: var(--fontMedium);
}

a {
  color: unset;
  text-decoration: none !important;
}


a:hover {
  color: unset;
}
.swamail-next-button {
  background-color: var(--primaryColor) !important;
  color: var(--bgBackgroundColor) !important;
}

.swamail-button {
  border-radius: 20px !important;
  font-family: 'Lato-Bold', 'Lato-Regular';
  padding: 5px 20px 5px 20px !important;
  border: none;
  color: var(--primaryColor);
  background-color: var(--bgBackgroundColor);
}

.sign-in {
  background-color: var(--primaryColor);
}

.login-card{
  border-radius: 8px;
}

.vertical-center {
  min-height: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.logo {
  width: 140px;
  height: auto;
  top: -8px;
  margin-left: 5px;
  position: relative;
}
.form-control:focus {
  box-shadow: none;
}

.form-control:focus + span,
.input-group:focus-within span
 {
  box-shadow: none;
  color: #212529;
  border-color: #86b7fe;
  outline: 0;
}

.custom-padding{
  padding: 0.375rem 0.1rem;
}

@media (max-width: 576px) {
  .logo {
    top: -13px;
  }
}
.r-email-text {
font-family: 'Lato-Regular';
}