html, body{margin: 0; padding: 0; box-sizing: border-box; font-family: 'Arial', sans-serif;}
figure{margin: 0;}

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

.logo{width: 90%; max-width: 500px; margin: 50px auto; display: block; }

.container--wide{width: 90%; max-width: 1200px; margin: 0 auto;}
.container--regular{width: 90%; max-width: 960px; margin: 0 auto;}


.main_block .container{display: flex; justify-content: space-between; gap: 20px;}

.main_block__list{display: flex; justify-content: space-between; gap: 20px;}

.gradient{background: -moz-linear-gradient(0deg, rgba(41,51,123,1) 0%, rgba(30,113,185,1) 100%); background: -webkit-linear-gradient(0deg, rgba(41,51,123,1) 0%, rgba(30,113,185,1) 100%); background: linear-gradient(0deg, rgba(41,51,123,1) 0%, rgba(30,113,185,1) 100%); padding: 20px 40px; width: calc(50% - 10px); flex-shrink: 0; box-sizing: border-box;

}

.main_block__list ul{list-style: none; padding: 0; margin: 0; list-style-type: none; margin-left: 0;}

.main_block__list li{font-size: 28px; letter-spacing: 1.2px; color: #fff; font-weight: 500; text-transform: uppercase;}

.main_block__list li:not(:last-child){margin-bottom: 25px;}


.main_block__list figure{width: calc(50% - 10px);height: 100%; flex-shrink: 0; position: relative;}

.main_block__list figure img{width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0;}

.main_block__list{width: 50%;}

.main_block__image{width: 50%;}

.contact_block{margin: 40px 0;}

.contact_block__info a{display: block; color: #000; font-weight: 700; text-decoration: none;}

.phone{background: -webkit-linear-gradient(left top, rgba(41,51,123,1) , rgba(30,113,185,1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 60px;}
.email{font-size: 23px; color: #000; font-weight: 700;}

.contact_block .container{display: flex; justify-content: space-between; gap: 60px; align-items: center;}

.contact_block__new h1{font-size: 32px; letter-spacing: 1px; color: #000; font-weight: 700; margin: 0;}

.social_block{margin-bottom: 30px;}

.social_block .container{display: flex; justify-content: center; gap: 30px; align-items: center;}

.social_block svg{display: block;}

@media only screen and (max-width: 1200px) {
	.gradient{padding: 20px;}

	.main_block__list{width: 60%;}

	.main_block__image{width: 40%;}

	.main_block__list li{font-size: 22px; letter-spacing: 1.2px;}

	.main_block__list li:not(:last-child){margin-bottom: 15px;}
}

@media only screen and (max-width: 1100px) {
	.main_block .container{flex-direction: column; align-items: center; gap: 30px;}

	.main_block__list{width: 100%; max-width: 600px;}

	.main_block__image{width: 100%; max-width: 600px;}
	
	.main_block__list figure img {position: relative;}
	
}

@media only screen and (max-width: 1000px) {
	.contact_block .container{flex-wrap: wrap; gap: 30px;}

	.contact_block__info{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; -webkit-order: 2; order: 2;}

	.contact_block__new{width: 100%; text-align: center; -webkit-order: 1; order: 1;}
}

@media only screen and (max-width: 600px) {
	.phone{font-size: 40px;}
	.email{font-size: 18px;}

	.contact_block__new h1{font-size: 28px;}
}

@media only screen and (max-width: 500px) {
	.main_block__list{flex-direction: column;}
	.gradient{width: 100%;}
	.main_block__list figure{width: 100%;}
}