Белый пустой место похоже на рамку, как убрать?

Думаю на фото видно этот пустой рамка(отметил красной стрелочкой), помогите убрать

Так а в коде что?

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>NurAgency</title>
	<link rel="stylesheet" href="css/style.css">
	<link rel="preconnect" href="https://fonts.gstatic.com">
	<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;900&display=swap" rel="stylesheet">
	<link rel="icon" href="img/21.png" type="image/x-icon">
</head>
<body>
	<header id="header" class="header">
		<div class="container">
			<div class="header__inner">
				<div class="nav">
					<img src="img/logo.png" alt="NurAgency">
				</div>
				<nav class="menu">
					<a class="nav__link" href="#">Главная</a>
					<a class="nav__link" href="#">Туры</a>
					<a class="nav__link" href="#">Отели</a>
					<a class="nav__link" href="#">Галерея</a>
					<a class="nav__link" href="#">О нас</a>
					<a class="nav__link" href="#">Отзывы</a>
				</nav>
			</div>
			<div class="offer">
				<h1 class="zg">Планируйте и подготовьтесь к путешествию, не выходя из дома</h1>
				<p class="zg2">Онлайн тур-агенство для вас все сделают, вам осталось только собрать вещи в чемодан</p>
				<a class="zg3" href="#">К путешествию!</a>
			</div>
		</div>
	</header>
	<section id="about" class="about">
		<div class="container">
		
		</div>
	</section>
	<footer id="footer" class="footer">
		<div class="container">

		</div>
	</footer>
</body>
</html>
.body{
	margin:0;
	padding:0;
	font-family: 'Montserrat', sans-serif;
	color:black;
	font-size:14px
}
.container{
	width: 1170px;
	margin:0 auto;
}
.header{
	width:100%;
	background:#2AA5EB url('../img/intro-bg.jpg')
	no-repeat center/cover;		
	
}
.menu a{
	opacity: 0.75;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 15px;
	font-weight: 100;
	font-family: 'Montserrat', sans-serif;
	transition: opacity .1s linear;
	letter-spacing: .1em;
}
.menu a:hover{
opacity: 1;
text-decoration: underline;
}
.nav__link{
	color:#fff;
	margin-left: 50px;

}
.header__inner{
	align-items: center;
	padding:25px 0;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #fff;
}
.zg{
	margin-top: 75px;
	margin-left:0px;
	margin-right: 370px;
	margin-bottom:40px;
	text-transform: uppercase;
	color:#fff;
	font-family: 'Montserrat' , sans-serif;
	font-size: 33px;
	width: black;
}
.zg2{
	font-family: 'Montserrat',sans-serif;
	font-size:18px;
	color:#fff;
	font-weight: 300
	margin-left:0px;
	margin-right: 770px;
	margin-bottom:40px;
}
.zg3{
	display: block;
	font-size: 20px;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 17px 47px;
	border: 1px solid #fff;
	width: 238px;
	transition: all 0.5s ease;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color:#fff;
}
.zg3:hover{
	background: #fff;
    color: #000;
 }



.offer{
	text-transform: uppercase;
	margin-top: 75px;
}

NA.zip (1.8 КБ)

Можете посмотреть код и рассказать о проблеме, пожалуйста!

.body это когда class="body", для просто элемента <body> надо без точки.