@font-face {
  font-family: 'SegoeUI-Regular';
  src: url('../fonts/SegoeUI-Regular.woff2') format('woff2'),
      url('../fonts/SegoeUI-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SegoeUI-Semibold';
  src: url('../fonts/SegoeUI-Semibold.woff2') format('woff2'),
      url('../fonts/SegoeUI-Semibold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SegoeUI-Bold';
  src: url('../fonts/SegoeUI-Bold.woff2') format('woff2'),
      url('../fonts/SegoeUI-Bold.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #000000;
  --primary: #575757;
  --secondary: #8E8E8E;

}


html {
  scroll-behavior: unset;
}

body,
html {
  width: 100%;
  height: 100%;
  color: #333;

  font-size: 13px;
  line-height: 1.4rem;

  font-family: 'SegoeUI-Regular';
  font-weight: normal;
  font-style: normal;

}

main {
  overflow: hidden;
  font-size: 1.375rem;
  line-height: 2.0625rem;
}

strong{
  font-family: 'SegoeUI-Semibold';
}


hr {
  border-top: 1px solid #e9e9e9;
  opacity: 1;
}


a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #000;
}

a:hover {
  color: #000;
}


strong {
  font-weight: 500;
  font-style: normal;
}



h1,
h2,
h3 {
  font-weight: normal;
  font-style: normal;
  color: #000;
}

h1{
  font-size: 1.625rem;
  line-height: 2rem;
}

h2 {
  font-size: 1.875rem;
  line-height: 2.5rem;
  font-family: 'SegoeUI-Bold';

}

h3 {
  font-size: 1.125rem;
  line-height: 1.375rem;
}


h4 {
  font-size: 1.7rem;
  line-height: 2.2rem;
}

h5 {
  font-size: 1.5625rem;
  line-height: 1.875rem;
}


h6 {
  font-size: 1.25rem;
}



p {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

p.large


h2 i {
  color: var(--primary);
}


.tick-listing{
  list-style: none;
  padding: 0px;
}


.tick-listing li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px ;
}
.tick-listing li > img {
  position: absolute;
  left: 0;
  top: 5px;
}

.tick-listing h3 {
  font-family: 'SegoeUI-Semibold';
  margin-bottom: 5px;
}

.tick-listing p {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

label{
  font-size: 1.125rem;
  font-family: 'SegoeUI-Semibold';
}


.form-control, .form-select {
  border-radius: 7px;
  font-size: 1.2rem;
  padding: 10px 15px 12px 15px;
  border: 1px solid #ccc;
  color: #999;
}

.form-control::placeholder{
  color: #999;
}

select option{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 1.2rem;
}

.form-control.email {
  text-align: center;
  width: 400px;
}

.form-control:focus,
.form-select:focus{
  box-shadow: none;
  border: 1px solid var(--primary);
}

.form-check-input:focus{
  box-shadow: none;
}

.form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}

.form-check-label {
  font-size: 1.25rem;
  line-height: 1.8rem;
}


.btn-primary {
  background: #DC3545;
  font-size: 1.375rem;
  line-height: 1.375rem;
  padding: 15px 35px;
  color: #fff;
  border-radius: 7px;
  border: 2px solid #DC3545;
  text-decoration: none;
  font-family: 'SegoeUI-Semibold';
  width: 100%;
}

.btn-primary:hover {
  color: #DC3545;
  background: #fff;
  border: 2px solid #DC3545;

}

.btn-secondary {
  background: #FD7E14;
  border-color: #FD7E14;
  position: absolute;
  right: 0;
  font-size: 1.4375rem;
  padding: 6px 22px;
  border-radius: 8px 0 0 8px;
}

.btn.btn-dark {
  font-size: 1.3rem;
  line-height: 1.3rem;
  padding: 16px 40px;
  font-family: 'SegoeUI-Bold';
}


.box-shadow{
  -webkit-box-shadow: 0px 0px 18px -5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 18px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 18px -5px rgba(0, 0, 0, 0.2);
}

.box-radius{
  border-radius: 15px;
}

.login-left {
  -webkit-box-shadow: 15px 0px 24px -25px rgba(0,0,0,0.50);
  -moz-box-shadow: 15px 0px 24px -25px rgba(0,0,0,0.50);
  box-shadow: 15px 0px 24px -25px rgba(0,0,0,0.50);


}




.login-left p {
  color: #C95C1E;
}

.login-left h2 {
  font-family: 'SegoeUI-Semibold';
  line-height: 2rem;
}

.login-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-direction: column;
  gap: 15px;
}

.login-right{

}

/*
.login-right {
  background: url("../images/login-bg2.png") top center no-repeat;
  background-size: cover;
  position: relative;
}

 .login-right::before {
  content: "";
  width: 50px;
  height: 100%;
  display: block;
  position: absolute;
  left: -50px;
  top: 0;
  -webkit-box-shadow: 15px 0px 24px -25px rgba(0,0,0,0.50);
  -moz-box-shadow: 15px 0px 24px -25px rgba(0,0,0,0.50);
  box-shadow: 15px 0px 24px -25px rgba(0,0,0,0.50);

} */

.login-box {
  display: flex;
  flex-direction: column;
  gap: 19px;
  width: 360px;
  padding: 20px;
  background: #F5F7FF;
  border: 1px solid #e3e7f8;

}

.login-box hr {
  margin: 0;
  border-color: #ddd;
}

.login-box a {
  font-size: 1.1rem;
  color: #2586c2;
  text-decoration: none;
}

.login-box .btn-primary {
  width: auto;
  font-size: 1.1rem;
  padding: 6px 16px 8px 16px;
}

.login-box .form-control{
  padding: 7px 15px 10px 15px;
}

.login-box .input-group-text{
  border-color: #ccc;
}

.text-white a {
  color: #fff;
}

#closeSuccessMessage{
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: .9rem;
}


.verification-table {
  font-size: 1.1rem;
}

.select2-selection.select2-selection--multiple {
    min-height: 45px !important;
    border-radius: 7px;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    margin-top: 7px;
    font-size: 1.1rem;
}

.iti {
    width: 100%;
}

@media (min-width: 1400px) {
  .container-xl {
    max-width: 1420px;
  }
}



@media only screen and (max-width:1400px) {


}


@media only screen and (max-width:1300px) {



}

@media only screen and (max-width:991px) {

  h1 {
    font-size: 2rem;
    line-height: 2.8rem;
  }

  .pic-radius {
    border-radius: 8px;
  }

}



@media only screen and (max-width:767px) {



  .form-control.email {
    width: 100%;
  }



}


@media only screen and (max-width:576px) {


  .btn-secondary{
    position: relative;
    border-radius: 8px;
    margin: 8px 0 15px;
  }

}

@media only screen and (max-width:420px) {



}


.login-box form {
  gap: 15px;
  display: flex;
  flex-direction: column;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.question {
  display: flex;
  gap: 20px;
  line-height: 1.5rem;
}