/*================================  ================================*/
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body{
	background: #282B38;
	font-size: 20px;
	color: #FFFFFF;
	font-family: "proximaNova_regular";
}
.button_style{
	font-family: "ProximaNova_Semibold";
	font-weight: 600;
	font-size: 0.8em;
	padding: 20px;
	border-radius: 50px;
	background: #E58D35;
	border: none;
	cursor: pointer;
	color: #FFFFFF;
	display: flex;
	flex-flow: wrap;
	align-items: center;
}
.button_style svg{
	margin-left: 40px;
}

.section__style{
	margin: 0 50px;
	padding: 90px 0px;
}
.section__style_border{
	background: #363A4D;
	border-radius: 20px;
}
.section__content, .header__menu_content, .header_content{
	max-width: 1200px;
	margin: 0 auto;
}
 /*================================ Шапка сайта  ================================*/
.header{
	width: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../image/fons_header.png") center/cover;
	background-repeat: no-repeat;
	object-fit: cover;
	background-size:100% auto;
	overflow: hidden;
}
.header_content{
	height: 100%;
	margin: 200px auto;
	overflow: auto;
	padding-right: 35%;
}
.header__menu_content, .social_icons-content, .social_icons-content-phone{
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
.social_icons-content-phone{
	gap: 5px;
	color: #FFFFFF;
	text-decoration: none;
}
.header__menu_content-logo{
	margin-top: 25px;
	width: 250px;
}
.social_icons{
	width: 30px;
}
.social_icons-phone{
	width: 20px;
}
.header_content-text{
	margin: 15px 0 50px 0;
}


 /*================================  ================================*/
.section__title{
	position: relative;
	font-family: "proximaNova_regular";
	font-size: 1.2em;
	margin-bottom: 90px;
	color: #FFFFFF;
	text-align: center;
	
}
.section__title::after {
  content: '';
  position: absolute;
  left: 50%;
  top:	64px;
  width: 85px; /* ширина границы — 60 % от родителя */
  transform: translate(-50%);
  border-bottom: 2px solid #E58D35;
 }

 /*================================ Отменить заявку ================================*/
.section__RequestHandler{
	display: flex;
	flex-flow: wrap;
	position: relative;
	padding: 0 0 90px;
	max-width: 1220px;
	margin: 0 auto;
}
.RequestHandler_image{
	width: 24%;
	transform: translate(-88px, 125px);
}
.section__title_RequestHandler{
	width: 50%;
	text-align: left;
}
 .RequestHandler{
	width: 65%;
	padding: 50px;
	align-self: end;
}
.RequestHandler_input{
	width: 100%;
	border-radius: 15px;
	font-size: 1em;
	padding: 20px 19px;
	margin-bottom: 20px;
}
.RequestHandler_textarea{
	min-height: 125px;
}
.RequestHandler_title h2{
	font-size: 1.6em;
}
.RequestHandler_title p{
	font-size: 0.9em;
	margin: 5px 0 30px 0; 
}
/*============================== ==============================*/
.section__content_item{
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.item{
	width: calc(100% / 4.5);
	text-align: center;
	margin-bottom: 50px;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.item_svg{
	border: 1px solid #6C7188;
	border-radius: 100%;
	padding: 10px;
	width: 105px;
	height: 105px;
	margin-bottom: 20px;
}
.item_svg_content{
	background: #89C249;
	border-radius: 100%;
	width: 100%;
	height: 100%;
	display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
}
.item_svg svg{
	fill: #FFFFFF;
	width: 70%;
}
.item_title{
	padding: 0 30px;
}
.item_title h3{
	font-size: 0.9em;
	font-weight: 400;
}
.item_pagination-content{
	margin: 50px auto;
	display: none;
	flex-flow:wrap;
	justify-content: center;
	gap: 20px;
}
.item_pagination-style{
	width: 10px;
    height: 10px;
	padding: 2px;
    border: 1px solid #FFFFFF;
    border-radius: 100%;
}
.item_pagination-active{
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	display: none;
}
/*============================== ==============================*/
.section__style_slider{
	max-width: 1400px;
	padding: 90px 50px;
	margin: 0 auto;
}
.price, .button_next {
	font-size: 2.7em;
    border-radius: 100%;
    width: 75px;
    height: 75px;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-self: center;
    justify-self: center;
    align-content: center;
    color: #FFFFFF;
    background: #282B38;
    border: 5px solid #363A4D;
    cursor: pointer;														
}
.slider__content, .slider__content_card{
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.slider__content{
	justify-content: center;
}
.slider__content{
	position: relative;
	width: 100%;
	
}

.slider__content_card{
	width: 80%;
}

.card{
	max-width: 320px;
	width: 100%;
	border-radius: 20px;
	background: #363A4D;
	margin-bottom: 30px;
}
.card__image_style{
	width: 100%;
	height: 230px;
	object-fit: cover;
    object-position: center;
	border-radius: 20px 20px 0  0;
}
.card__content_name h3{
	font-size: 1.05em;
}

.card__content_info-span{
	width: 100%;
	display: flex;
	flex-flow: row;
	justify-content: space-between;
}

.card__content{
	padding: 20px;
}
.card__content_name, .card__content_info_price{
	display: flex;
	flex-flow: wrap;
	justify-content: space-around;
}
.card__content_name{
	flex-flow: column;
	align-items: center;
}
.card__content_info{
	margin: 15px 0;
}
.card__content_button{
	display: flex;
	flex-flow: row;
	justify-content: center;
}
.card__content_info_price_span_color{
	color: #BFBFBF;
}
.card__content_info_price_span{
	font-size: 2em;
}
.button_style_card{
	font-size: 0.7em;
	padding:  14px 0;
	margin-top: 20px;
	min-width: 135px;
	justify-content: center;
}
.button_style_card_background{
	background: none;
	border: 1px solid #E58D35;
}
.slider_pagination-content{
	margin: 50px auto;
	display: none;
	flex-flow:wrap;
	justify-content: center;
	gap: 20px;
}
.slider_pagination-style{
	width: 10px;
    height: 10px;
	
	padding: 2px;
    border: 1px solid #FFFFFF;
    border-radius: 100%;
}
.slider_pagination-active{
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	display: none;
}
/*============================== ==============================*/
.section__content_info_image{
	width: 36%;
	margin: 0 0 40px 40px;
	float: right;
	border-radius: 20px;
}
.section__content_info p{
	margin-bottom: 20px;
	font-family: "ProximaNova_Light";
	font-size: 0.95em;
	font-weight: 400;
}
/*============================== ==============================*/
.faq{
	padding: 20px;
	border-radius: 10px;
	width: 100%;
	margin-bottom: 20px;
	cursor: pointer;
}
.faq_inctive{
	border: 2px solid #3A444E;
}
.faq_active{
	background-color: #FFFFFF;
	color: #282B38;
}

.faq_active_title{
	font-family: "proximaNova_bold";
	font-weight: 700;
	font-size: 0.9em;
}
.faq_active_text{
	font-family: "ProximaNova_Light";
	font-size: 0.85em;
	font-weight: 400;
	margin-top: 20px;
	display: none;
}
.faq_active .faq_active_text{
	display: block;
}
/*============================== ==============================*/
.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 10px;
  padding: 10px;
}

.gallery img {
  width: 100%;
  height: 250px; /* фиксированная высота */
  object-fit: cover; /* обрезает изображение, сохраняя пропорции */
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.3s;
}

.gallery img:hover {
  transform: scale(1.05);
}
.pegination__content{
	margin-top: 30px;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	gap: 5px;
}
.pegination__content_link-style{
	border: 1px solid black;
    aspect-ratio: 1 / 1;
    width: 30px;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
    border-radius: 5px;
	cursor: pointer;
}

.footer__content{
	border-top: 2px solid #E58D35;
}