:root {
	--container: 100%;
	--gap: 24px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	color: #011F3A;
font-family: "Roboto";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

.container {
	width: min(100% - 2rem, var(--container));
	margin-inline: auto;
}

.all-header{
	display:flex;
	justify-content: space-evenly;
	height:60px;
	background: #FFF;
box-shadow: 0 14px 44px 0 rgba(0, 0, 0, 0.25);
}

.nav {
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.nav li a:hover{
	color:#FA8A0A;
	text-decoration:underline;
}

.nav li a{
	color: #011F3A;
text-align: center;
font-family: "Roboto";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */
letter-spacing: 1.96px;
text-transform: uppercase;
text-decoration:none;
}

.menu-header {
  width: 100%;
  margin: 0 150PX;
}


main{
	background: rgba(20, 16, 64, 0.22);
	height: 100vh;
}




.right-main{
	padding:100px 0;
}
.all-main {
	padding:50px 0;
  display: flex;
  justify-content: center;
  gap:30px;
}

.title-main{
	color: #011F3A;
max-width:430px;
margin-bottom:38px;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding-top:100px;
padding-top:100px;
}


.text-main{
	max-width:270px;
	margin-bottom:23px;
	
}


.btn-home:hover{
	background:#FFF;
	color:#FA8A0A;
	border: 2px solid #FA8A0A;
	
}
.btn-home {
  border-radius: 44px;
  border: 2px solid #FFF;
  background: #FA8A0A;
  padding: 22px 28px;
  color: #FFF;
text-align: center;
cursor:pointer;
font-size: 14px;
font-style: normal;

line-height: 18px; /* 128.571% */
letter-spacing: 1.96px;
text-transform: uppercase;
}