new-templane/resources/sass/styles.scss

// Main SASS file
// Import all partial files

@import 'base/reset';
@import 'base/fonts';
@import 'base/mixins';
@import 'base/variables';
@import 'base/typography';

@import 'layout/header';
@import 'layout/footer';
@import 'layout/container';

@import 'components/buttons';
@import 'components/tables';

body{
	background:#fff !important;    
	padding-top:70px;
	color:#000;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
}

//banner
.banner{
	background:#000;
	display:flex;
	align-items: center;
	justify-content: center;
	&__img-wrp{
		max-width:1920px;
		margin:0 auto;
	}
	&__img{
		display:block;
		width:100%;
		height:100%;
		object-fit: cover;
	}
}

.section-wrapper{
	padding:32px 0;
	display:flex;
	flex-direction: column;
	gap:32px;
	width:100%;
	@include mobile{
		gap:24px;
	}
}

.section{
	padding:32px;
  border-radius: 16px;
	border: 1px solid #E4E4E4;
	background: #F6F6F6;
}