@font-face {
  font-family: 'Nunito';
  src: url('fonts/Nunito/static/Nunito-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nunito';
  src: url('fonts/Nunito/static/Nunito-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Nunito';
  src: url('fonts/Nunito/static/Nunito-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Nunito';
  src: url('fonts/Nunito/static/Nunito-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter/static/Inter-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

:root {
    --white-color: #FFFFFF;
    --dark-color: #092240;
    --blue-color: #1D81F8;
    --grey-color: #6B737D;
}

body {
    margin: 0;
    box-sizing: inherit;
    font-size: 10px;
    background-color: #eff2f7;
    overflow-x: hidden;
    font-weight: 400;
}

input:focus-visible, select:focus-visible {
	outline: none;
}

.container {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.app {
	margin-top: 38px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.logo img {
	width: 140px;
}

.app_title {
	font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 133%;
}


.app_block {
	display: flex;
	gap: 15px;
	justify-content: space-between;
	flex-direction: column;
}

.form-group {
  display: flex;
  border: 1px solid #ced4da;
border-radius: 13px;
  overflow: hidden;
      width: 100%;
      flex-direction: column;
}

.form-group input,
.form-group select {
  border: none;
  box-shadow: none;
  border-radius: 0;
  width: 100%;
  background: #FFFFFF;
    padding: 12px 16px 12px 16px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--dark-color) !important;
}

.form-group input:first-child {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.form-group select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 8px 10px;
}

.form-group select:first-child {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

.form_btn {
	cursor: pointer;
}

.button_app {
	    background: #FAD657;
    border-radius: 12px;
    border: none;
    padding: 16px 32px;
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #323840;
    cursor: pointer;
    width: 100%;
}

.result {
	background: var(--white-color);
	visibility: hidden;
	border-radius: 13px;
    padding: 20px 20px;
     opacity: 0;
  transition: opacity 1s ease;
  font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
     word-wrap: break-word;
     display: flex;
    flex-direction:column;
    gap: 5px;
}

.result p {
    margin:0px;
}

.result.show {
  visibility: visible;
  opacity: 1;
}

.resultLink_title {
    font-size:14px;
    font-weight:400;
    color:#6b737d;
}

@media screen and (max-width:768px) {
    .app {
       margin-left: 15px;
    margin-right: 15px;
    max-width: 100%;
    margin-top: 25px;
    }
}