html{
  scroll-behavior: smooth;
}
@font-face {
 font-family: "Bebas Neue";
 font-style: normal;
 font-weight: 400;
 font-display: swap; /* добавлен атрибут font-display */

 src: url("../fonts/bebas/bebasneueregular.woff2") format("woff2"),  
      url("../fonts/bebas/bebasneueregular.woff") format("woff"),
      url("../fonts/bebas/bebasneueregular.ttf"); /* добавлен формат ttf */
}

@font-face {
 font-family: "Bebas Neue Bold";
  font-display: swap;
src: local("Bebas Neue"),
    url("../fonts/bebas/bebasneuebold.woff2") format("woff2"),
      url("../fonts/bebas/bebasneuebold.woff") format("woff"),
 url("../fonts/bebas/bebasneuebold.ttf");
  
}
@font-face {
 font-family: "Evolventa";
  font-display: swap;
 src: local("Evolventa"),
   
    url("../fonts/evol/Evolventa-Regular.woff") format("woff"), 
   url("../fonts/evol/Evolventa-Regular.ttf");
}


@font-face {
 font-family: "Evolventa bold";
  font-display: swap;
 src: local("Evolventa bold"),
   url("../fonts/evol/3891-font.ttf");
}




.yakor-cont{
	position: absolute;
	top: 572px;
	right: 307px;
	z-index: 700;
	width: 140px;
	height: 140px;
	border-radius: 10px;
	background-color: #FFF;
}


.slider-wrapper{
  margin-left: 221px;
  margin-right: 94px;

}


.swiper-wrapper {
width: 100%;
height: 100%;
display: flex;
align-items: center;
z-index: 1;
position: relative;


}


.swiper-container {
background: linear-gradient(270deg, rgba(247,249,255,1) 0%, rgba(242,246,255,1) 100%);

width: 100%;
position: relative;

height: 672px;
max-height: 672px;
border-radius: 10px;
}

@media screen and (max-width: 1200px)
{
	.swiper-container{
		max-height: 540px;
	}
}

@media screen and (max-width: 800px)
{
	.swiper-container{
		max-height: 353px;
	}
	
	
}
.slider-image-wrapper {
height: 200px;
width: 100%;
overflow: hidden;
}
.slider-item {
width: 100%;
height: 100%;
border-radius: 10px;
overflow: hidden;
display: flex;
flex-direction: column;
flex-shrink: 0;
opacity: 0;
background: linear-gradient(270deg, rgba(247,249,255,1) 0%, rgba(242,246,255,1) 100%);
cursor: grab;

}
.slider-item-content {
padding: 32px;
display: flex;
flex-direction: column;
justify-content: center;
transition: .4s;
}
.slider-item-content > * {
opacity: 0;
transform: translateY(20px);

}
.swiper-slide-active .slider-item-content > * {
transform: translateY(0px);
opacity: 1;
}
.slider-image {
   position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
transition: .2s;
}
.swiper-pagination {

position: absolute;
right: 5%;
bottom: 8px;
transform: translatex(-50%);
z-index: 1;
width: auto!important;
}
.swiper-pagination-bullet {
border-radius: 0;
width: 8px;
height: 8px;
border-radius: 50%;
line-height: 30px;
font-size: 12px;
opacity: 1;
background: #FFF;
display: inline-block;
margin-right: 8px;
cursor: pointer;
transition: all 0.2s;
}
.swiper-pagination-bullet-active {
background: #FFB200;
width: 20px;
border-radius: 10px;
}
.slider-buttons {
position: absolute;
display: flex;
top: 100%;
justify-content: flex-end;
width: 100%;
padding-top: 8px;
}
.swiper-button-next,
.swiper-button-prev {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
color: #fff;
position: relative;
margin-left: 4px;
}
.swiper-button-next:before,
.swiper-button-prev:before {
content: '';
position: absolute;
background-color: #fff;
height: 1px;
width: 0;
left: 0;
bottom: -1px;
transition: .2s;

}
.swiper-button-next:hover:before,
.swiper-button-prev:hover:before {
width: 100%;
}
.socials {
position: fixed;
top: 12px;
right: 16px;
display: flex;
align-items: center;
}
.socials .social-link {
display: inline-block;
margin-left: 8px;
color: #fff;
}
@media screen and (max-width: 520px) {
.swiper-button-next:hover:before,
.swiper-button-prev:hover:before {
display: none;
}
}

*{
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   text-decoration: none !important;
   color: #333333;
}

header {
   margin: 0px 94px 0px 221px ;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.logo_img{
   width: 100%;
   min-width: 137px;
}

.navbar{
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 580px;

}

.tel{
   color: #043566;
}

.nav-link{
   font-family: 'Bebas Neue';
   font-size: 18px;
   font-weight: 400;
   line-height: 20px;
   letter-spacing: 0.02em;
   text-align: left;
   color: #043566;

}

.nav-link:after {
    
    border-bottom: 2px solid #043566;
    content: "";
    display: block;
    margin: 0.25em auto 0;
    transition: width 250ms ease-in-out 0s;
    width: 0;
}
.nav-link:hover:after {
    transition: width 100ms ease-in-out 0s;
    width: 100%;
}

.nav-link_active{
	font-family: 'Bebas Neue Bold';
	font-weight: 700;
}

.telephones{
   min-width: 139px;
   font-family: Bebas Neue;
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: 0.03em;
   text-align: left;
   color: #043566;

}
.insta{
width: 52px;
}


@media screen and (max-width: 1440px) {
   .navbar{
       margin: 0px 20px 0px 10px;
   }

   .telephones{
       margin-right: 20px;
   }

   .insta{
       margin-right: 20px;
   }
   header{
       margin: 0px 80px 0px 150px;
   }
}




@media screen and (max-width:1200px){
   .navbar{
       display: none !important;
   }
   .insta{
       display: none !important;
   }

  header{
   justify-content: center;
  }
}

@media screen and (max-width:540px){
   header{
       margin: 0px 30px;
       justify-content: space-between;
   }

   .telephones{
       margin: 0;
       min-width: 70px;
       margin: 0px 43px 0px 31px;
       font-family: Bebas Neue;
       font-size: 10px;
       font-weight: 400;
       line-height: 12px;
       letter-spacing: 0.03em;
       text-align: left;
       

   }
}



.wrapper-content{
   margin: 0px 94px 0px 221px ;

}

.wrapper-content-bg{
   width: 100%;
   height: 672px;
   background-image: url("../img/start_bg_1.svg");
   background-position: center;
   background-size: cover;
   position: relative;
   transition: 1s;
   border-radius: 10px;
}


.rect-wrapper{
   position: absolute;
   top: 262px;
   left: 0;
   width: 550px;
   height: 334px;
   background-color: #FFF;
   border-radius: 0px 10px 10px 0px;

   display: flex;
   align-items: center;
}

.rect-wrapper-sm{
  position: absolute;
  top: 442px;
  left: 0;
   width: 76px;
   height: 189px;
   background-color: #043566;
   border-radius: 0px 10px 10px 0px ;
}

.cont-wrapper-info{



}

.cont-wrapper-info-2{
 margin-left: 147px;
}

.title-cont-wrapper-info{
   font-family: Bebas Neue;
   font-size: 64px;
   font-weight: 700;
   line-height: 68px;
   letter-spacing: 0.02em;
   text-align: left;
   transition: 1s;
   -webkit-transition: opacity 0.2s linear;
   transition: opacity 0.3s linear;
   color: #043566;
}

.text-cont-wrapper-info{
   margin-top: 22px;
 margin-right: 50px;
   font-family: Bebas Neue;
   font-size: 24px;
   font-weight: 400;
   line-height: 29px;
   letter-spacing: 0.02em;
   text-align: left;
   color: #464B51;

}


.rect-wrapper-md{
   width: 138px;
   height: 138px;
   background-color: #FFF;

   position: absolute;
   top: 458px;
   right: 213px;
   border-radius: 10px;
}


.rect-wrapper-md2{
   width: 138px;
   height: 138px;
   background-color: #FFF;

   position: absolute;
   
   border-radius: 10px;
}

.title-rect-wrapper-md{
   
   margin: 0px 10px;
   margin-top: 50%;
   font-family: Bebas Neue;
   font-size: 24px;
   font-weight: 400;
   line-height: 25px;
   letter-spacing: 0em;
   text-align: left;
   color: #043566;

}

.Arrow{
   width: 90%;
   margin: 0px 10px;
}


.btn-more{
   margin-top: 29px;
   width: 187px;
   height: 40px;
   border-radius: 10px;
   border: 0px;
   background: #043566;
   color: #ffffff;
   font-family: Bebas Neue;
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: 0.02em;
   text-align: center;
	cursor: pointer;
	transition: .4s;
}


.btn-more:hover{
	transition: .4s;
	background-color: #ffffff;
	color: #043566;
	
}



button{
   border: 0px;
 cursor: pointer;
}

.btn-back{
   position: absolute;
   bottom: 7px;
   right: 28px;
   width: 11px;
   height: 11px;
   background-color: #FFF;
   border-radius: 50%;
}

.btn-next{
   position: absolute;
   bottom: 7px;
   right: 10px;
   width: 11px;
   height: 11px;
   background-color: #043566;
   border-radius: 50%;
}

@media screen and (max-width: 1440px){
   
   .wrapper-content{
       margin: 0px 80px 0px 150px;
   }

   .rect-wrapper{

   }

   .rect-wrapper-md{
       right: 190px;
   }
	
	.yakor-cont{
		right: 190px;
	}
}

@media screen and (max-width:1200px){
   .wrapper-content{
       margin: 0px;
   }
   .wrapper-content-bg{
       height: 500px;
   }
   .rect-wrapper{
       top: 190px;
       left:0px;
       width: 400px;
       height: 200px;
   }

   .rect-wrapper-md{
       top: 290px;
       width: 100px;
       height: 100px;
       right: 20px;

   }
	
	.yakor-cont{
		 top: 290px;
       width: 100px;
       height: 100px;
       right: 20px;
	}

   .title-rect-wrapper-md{
       margin-top: 78px;
       font-size: 14px;
       line-height: 10.6px;
	   margin-left: 4px;
	   margin-right: 4px;
   }



   .rect-wrapper-sm{
  	top: 333px;
	   z-index: 970;
       width: 30px;
       height: 140px;
   }

   .cont-wrapper-info, .cont-wrapper-info-2{
       margin-left: 40px;
   }

   .title-cont-wrapper-info{
       font-size: 24px;
       line-height: 25px;
       margin-top: 17px;
   }

   .text-cont-wrapper-info{
       font-size: 10px;
       line-height: 12.2px;
       margin-top: 7px;
   }

   .btn-more{
       width: 74.8px;
       height: 16px;
       border-radius: 4px;
       font-family: Bebas Neue;
       font-size: 8px;
       font-weight: 400;
       line-height: 10px;
       letter-spacing: 0.02em;
       margin-top: 9px;
	   display: none;
   }
}

@media screen and (max-width: 800px)
{
	.title-rect-wrapper-md{
		margin-top: 30px;
	}
}


@media screen and (max-width: 1200px)
{
	.slider-image{
		max-height: 540px;
	}
	
	.yakor-cont{
		top: 423px;
	}
	
	.Arrow{
		margin: 0px 4px;
	}
}

@media screen and (max-width: 800px)
{
	.rect-wrapper{
		width: 320px;
		height: 180px;
		top: 130px;
	}
	.rect-wrapper-sm{
		top: 272px;
		width: 21px;
		height: 130px;
	}
	.yakor-cont{
		width: 70px;
		height: 70px;
		top: 341px;
	}
	
	.Arrow{
		margin: 0px 4px;
	}
}



@media screen and (max-width: 767px)
{
	.yakor-cont
	{
		top: 296px;
	}
	
	.rect-wrapper-sm{

		top: 302px;
	}
}


@media screen and (max-width: 767px)
{
	.rect-wrapper-sm {
    top: 204px;
    width: 21px;
    height: 130px;
}
}


@media screen and (max-width:540px){
   .wrapper-content-bg{
       height: 353px;
   }

   .rect-wrapper{
       top: 176px;
       left: 0px;
       width: 225px;
       height: 139px;
   }

   .rect-wrapper-md{
       top: 256px;
       width: 59px;
       height: 59px;
       right: 35px;

   }
	
	.yakor-cont{
		top: 300px;
       width: 59px;
       height: 59px;
       right: 35px;
		z-index: 700;
	}

   .title-rect-wrapper-md{
       margin: 0px 5px;
       margin-top: 20px;
       font-size: 10px;
       line-height: 10.6px;
   }

   .Arrow{
       width: 80%;
       margin: 0px 5px;
   }

   .rect-wrapper-sm{
	   top: 255px;
       width: 10px;
       height: 74px;
       border-radius: 0px 4px 4px 0px ;
	   
   }

   .cont-wrapper-info, .cont-wrapper-info-2{
       margin-left: 16px;
   }
}




.wrapper-main-content{
   margin: 0px 215px;
   margin-top: 110px;
}

.title-wrapper{
   font-family: Bebas Neue;
   font-size: 64px;
   font-weight: 700;
   line-height: 68px;
   letter-spacing: 0.02em;
   text-align: left;
   color: #043566;

}


.row-cont-sm-numb{
   margin-top: 66px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 57px;
}

.col-cont-sm{
   position: relative;
   height: fit-content;
}

.col-cont-sm-numb{
   width: 351px;
   height: 191px;
   border-radius: 10px;
   box-shadow: 0px 3px 12px 0px #324D682B;
   text-align: center;
   position: relative;
   z-index: 10;
   background-color: #FFF;
}

.title-cont-sm-numb{
   font-family: Bebas Neue;
   font-size: 70px;
   font-weight: 700;
   line-height: 85px;
   letter-spacing: 0.02em;
   padding-top: 23px;
   color: #043566;
}

.text-cont-sm-numb{
   font-family: Bebas Neue;
   font-size: 24px;
   font-weight: 400;
   line-height: 26px;
   letter-spacing: 0.02em;
   color: #464B51;

   margin: 0px 100px;
   margin-top: 9px;

}

.img-under-1{
   position: absolute;
   z-index: 0;
   top: 40px;
   left: -89px;
}

.img-under-2{
   position: absolute;
   z-index: 0;
   top: -66px;
   right: -38px;
}

.img-under-3{
   position: absolute;
   z-index: 0; 
   right: -98px;
   bottom: -94px;
}

@media screen and (min-width:1440px) {
   .wrapper-main-content{
       margin:0px 100px;
       margin-top: 80px;
   }
   .title-wrapper{
       text-align: center;
       font-size: 48px;
   }
}

@media screen and (max-width:1200px) {
   .wrapper-main-content{
       margin:0px 50px;
       margin-top: 50px;
   }
   .title-wrapper{
       text-align: center;
       font-size: 38px;
   }
   .img-under-2{
       top: 70px;
       left: 50px;
   }
}

@media screen and (max-width:540px) {
   .wrapper-main-content{
       margin:0px 10px;
       margin-top: 36px;
   }
   .title-wrapper{
       text-align: center;
       font-size: 30px;
	   line-height: 30px;
   }

   .row-cont-sm-numb{
       margin-top: 20px;
   }

   .col-cont-sm-numb{
       width: 205px;
       height: 111px;
   }

   .title-cont-sm-numb{
       font-size: 40px;
       margin-top: 11px;
       line-height: 40px;
   }

   .text-cont-sm-numb{
       font-size: 14px;
       margin: 0px 60px;
       line-height: 15.26px;
   }

   .img-under-1{
       top: 35px;
       left: -52px;
       width: 94px;
       height: 106px;
   }

   .img-under-2{
       left: 30px;
       width: 140px;
       height: 94px;
   }

   .img-under-3{
       right: -30px;
       top: 60px;
       width: 127px;
       height: 88px;
   }
}


.section-content{
   margin-top: 110px;
   width: 100%;
   background-image: url('../img/Union.png');
   background-size: cover;
}

@media screen and (max-width: 1600px){
   .section-content{
       height: 1087px;
       background-size: contain;
   background-repeat: repeat-y;
   }
   
}

.title-section-content{
   font-family: Bebas Neue;
   font-size: 64px;
   font-weight: 700;
   line-height: 68px;
   letter-spacing: 0.02em;
   text-align: center;
   color: #043566;
}

.row-our-usl{
   margin-top: 47px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 70px;
 
}

.col-our-usl{
   width: 550px;
   height: 417px;
   border-radius: 10px;
   background-color: #FFF;
   box-shadow: 0px 3px 12px 0px #324D682B;
   padding: 40px;
}

.title-col-our-usl{
   font-family: Bebas Neue;
   font-size: 48px;
   font-weight: 700;
   line-height: 51px;
   letter-spacing: 0.02em;
   text-align: left;
   margin-right: 158px;
   margin-top: 5px;
   color: #043566;
}

.text-col-our-usl{
   margin-top: 8px;
   font-family: Evolventa;
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: 0.02em;
   text-align: left;
   color: #464B51;
   
}

.text-col-our-usl-other{
   margin-top: 55px;
}

@media screen and (max-width: 1440px) {
   .section-content{
       height: max-content;
   }
}

@media screen and (max-width: 540px) {

   .section-content{
       height: max-content;
       padding-bottom: 20px;
   }
   .col-our-usl{
       width: 290px;
       height: 220px;
       padding: 22px;

   }

   .title-col-our-usl{
       margin-top: 10px;
       font-family: Bebas Neue;
       font-size: 25px;
       font-weight: 700;
       line-height: 26px;
       letter-spacing: 0.02em;
       text-align: left;
       margin-right: 100px;
   }

   .text-col-our-usl{
       font-family: Evolventa;
       font-size: 11px;
       font-weight: 400;
       line-height: 13px;
       letter-spacing: 0.02em;
       text-align: left;
       margin-top: 4.2px;

   }

   .text-col-our-usl-other{
       margin-top: 20px;
   }

   .title-section-content{
       font-family: Bebas Neue;
       font-size: 30px;
       font-weight: 700;
       line-height: 32px;
       letter-spacing: 0.02em;
       margin-top: ;
   }
}





.wrapper-main-content-lager{
   margin-left: 215px;
   display: flex;

}

.col-lager-content{
   
}

.title-col-lager{
   font-family: Bebas Neue;
   font-size: 74px;
   font-weight: 700;
   line-height: 78px;
   letter-spacing: 0.02em;
   text-align: left;
   color: #043566;

}


.text-col-lager-sm{
   font-family: Evolventa;
font-size: 24px;
font-weight: 400;
line-height: 29px;
letter-spacing: 0.02em;
text-align: left;
color: #464B51;

}

.text-col-lager-lg{
   font-family: Evolventa;
font-size: 24px;
font-weight: 400;
line-height: 29px;
letter-spacing: 0.02em;
text-align: left;
color: #464B51;
margin-top: 28px;

}


.img-col-lager-content{
   width: 100%;
   width: 834px;
   min-width: 324px;
}


@media screen and (max-width: 1400px) {
   .wrapper-main-content-lager{
       margin-top: 50px;
       margin-left: 115px;
       display: flex;
       
   }
   .title-col-lager{
       font-size: 55px;
   }

   .img-col-lager-content{
       width: 700px;
   }
}


@media screen and (min-width: 1600px) {
   .wrapper-main-content-lager{
       margin-top: 100px;
       display: flex;
       align-items: center;
       
   }
}

@media screen and (max-width: 1200px) {
   .wrapper-main-content-lager{
       margin-top: 50px;
       margin-left: 0px;
       display: flex;
       justify-content: center;
       flex-wrap: wrap;
       
   }
   .title-col-lager{
       font-size: 55px;
       text-align: center;
   }
   .text-col-lager-sm{

       text-align: center;
   }
   .text-col-lager-lg{

       text-align: center;
   }

   .img-col-lager-content{
       width: 700px;
       text-align: center;
   }
}

@media screen and (max-width: 758px) {
   .wrapper-main-content-lager{
       margin-top: 50px;
       margin-left: 0px;
       display: flex;
       justify-content: center;
       flex-wrap: wrap;
       
   }
   .title-col-lager{
       font-size: 30px;
       line-height: 32px;
       text-align: center;
   }
   .text-col-lager-sm{
       margin-top: 9px;
       font-size: 10px;
       line-height: 12.2px;
       text-align: center;
       margin-right: 83px;
       margin-left: 83px;
   }
   .text-col-lager-lg{
       font-size: 10px;
       margin-top: 9px;
       line-height: 12.2px;
       text-align: center;
       margin-right: 43px;
       margin-left: 43px;
   }

   .img-col-lager-content{
       max-width: 324px;
       width: 100%;
       text-align: center;
       transform: scale(-1, 1);
       margin-top: 9px;
   }
}


.container-yandex-map{
   position:relative;overflow:hidden;z-index: 0; margin-top: 162px;
}



@media screen and (max-width: 758px) {
   .container-yandex-map{
       margin-top: 48px;
   }
}

@media screen and (max-width: 1200px) {
   .container-yandex-map{
       margin-top: 76px;
   }
}

.wrapper-main-content-our-work{
   margin-top: 112px;
}

.arrow-sm{
   width: 100%;
   display: flex;
   justify-content: center;
   margin-top: 80px;
}

.img-arrow-sm{
   width: 70%;
   max-width: 958px;
}

@media screen and (max-width: 768px){
   .wrapper-main-content-our-work{
       margin-top: 42px;
   }
   .arrow-sm{
       margin-top: 15px;
   }
}


.title-why-we{
   font-family: Bebas Neue;
font-size: 64px;
font-weight: 700;
line-height: 68px;
letter-spacing: 0.02em;
text-align: center;

margin-top: 241px;
}

.cont-why-we{
   display: flex;
   justify-content: center;

   flex-wrap: wrap;
}

.row-cont-why-we{
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: 114px;
   margin-top: 64px;

}

.row-cont-why-we:nth-child(2)
{
   margin-top: 112px;
}

.col-cont-why-we{
   width: 528px;
   height: 137px;
   display: flex;
   gap: 21px;
}

.title-col-why-we{
   font-family: Bebas Neue;
font-size: 48px;
font-weight: 700;
line-height: 59px;
letter-spacing: 0.02em;
text-align: left;
color: #043566;

}

.text-col-why-we{
   font-family: Evolventa;
font-size: 20px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.02em;
text-align: left;
color: #464B51;
}


@media screen and (max-width: 1200px){
   .title-why-we{
       margin-left: 0px;
       text-align: center;
   }

   .row-cont-why-we{
       margin-top: 18px;
       margin-bottom: 28px;
       gap: 18px;
   }
   .row-cont-why-we:nth-child(2){
       margin-top: 0px;
       margin-bottom: 0px;
   }

   .col-cont-why-we{
       width: 254px;
       height: fit-content;
   }

   .title-why-we{
       margin-top: 52px;

font-size: 30px;
   }
   .col-cont-why-we img{
       width: 64px;
       height: 72px;
   }

   .title-col-why-we{
       font-size: 25px;
       line-height: 30.5px;
   }
   .text-col-why-we{
       font-size: 10px;
       line-height: 12.2px;
   }
}


.title-form{
   font-family: Bebas Neue;
font-size: 48px;
font-weight: 700;
line-height: 62px;
letter-spacing: 0em;
text-align: left;

}

.container-contacts-sm{
   position: absolute;
   z-index: 2;
}



.cont-telephones{
   display: flex; 
   align-items: start; 
   margin-top: 18px; 
}

.title-telephone{
   margin-left: 10px;
   font-family: Bebas Neue;
font-size: 24px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #043566;
}

.telephones{
   margin: 0;
}

.telephone{

   margin-left: 10px;
   margin-top: 4px;
   text-decoration: none;
   font-family: Evolventa;
font-size: 20px;
font-weight: 400;
line-height: 27px;
letter-spacing: 0em;
text-align: left;
   color: #333333;
}


.container-contacts-sm{
   width: 455px;
   height: 492px;
   background-color: #FFF;
   border-radius: 10px;
   left: 917px;
   top: 33px;

   
   padding: 55px;
}


@media screen and (max-width: 1440px){
 
}


@media screen and (max-width: 1200px){
   .container-contacts-sm{
       display: none;
   }
}



.contacts{
   width: 100%;
   height: 672px;
   background-image: url(../src/image\ 2.png);
   display: flex;
   align-items: center;
 margin-top: 101px;
}

.feedback-form{
   width: 790px;
   height: 547px;
   background-color: #FFF;
   border-radius: 0px 10px 10px 0px;
   display: flex;
   align-items: center;
   z-index: 2;
}

.rect-form{
   width: 88px;
   height: 347px;
   background-color: #043566;
   border-radius: 0px 10px 10px 0px;
}

.form-feedback{
   width: 70%;
   margin-left: 127px;
}

.title-form{
   font-family: Bebas Neue;
font-size: 55px;
font-weight: 700;
line-height: 55px;
letter-spacing: 0em;
text-align: left;
color: #043566;
}

.text-form{
   font-family: Evolventa;
font-size: 20px;
font-weight: 400;
line-height: 27px;
letter-spacing: 0em;
text-align: left;
color: #504A4A;


}

.input-form{
   box-shadow: 0px 5px 15px 0px #00000014;
   width: 412px;
   height: 60px;
   border-radius: 10px;
   background-color: #FFF;
   border: 0px;
   margin-top: 20px;
   padding-left: 20px;
}

.btn-send{
   width: 412px;
height: 60px;
border-radius: 10px;
margin-top: 20px;
text-transform: uppercase;
font-family: Evolventa;
font-size: 18px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
background-color: #043566;
text-align: center;
color: #FFF;
border: 0px;transition: .4s;
	cursor: pointer;
}

.btn-send:hover{
	transition: .4s;
	background-color: #ffffff;
	color: #043566;
}


.contacts-info{
   width: 455px;
   height: 492px;
   background-color: #FFF;
   border-radius: 10px;
   padding: 55px;
   margin-left: 136px;
}

.cont-telephones{
   display: flex; 
   align-items: start; 
   margin-top: 18px; 
}

.title-telephone{
   margin-left: 10px;
   font-family: Bebas Neue;
font-size: 24px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #043566;
}

.title-telephone-ct{
   font-family: Bebas Neue;
font-size: 48px;
font-weight: 700;
line-height: 48px;
letter-spacing: 0em;
text-align: left;

color: #043566;
}

.telephones{
   margin: 0;
}
.telephones-ct{
   margin-left: 15px;
}

.telephone{

   margin-left: 10px;
   margin-top: 4px;
   text-decoration: none;
   font-family: Evolventa;
font-size: 20px;
font-weight: 400;
line-height: 27px;
letter-spacing: 0em;
text-align: left;
   color: #333333;
}
.telephone-ct{
font-family: Evolventa;
font-size: 20px;
font-weight: 400;
line-height: 27px;
letter-spacing: 0em;
text-align: left;
}


.contacts{
   position: relative;
}


.contacts-bg{
   width: 1200px;
   position: absolute;
   z-index: 0;
   right: 0;
}




footer{
   height: 367px;
   background-color: #043566;
   padding: 0px 100px;
   
}



h2{
   font-family: Bebas Neue;
font-size: 24px;
font-weight: 400;
line-height: 29px;
letter-spacing: 0.02em;
text-align: left;
text-transform: uppercase;


}

.footer-link{
   text-decoration: none;
   color: #FFF;
}

.footer-title{
   font-family: Bebas Neue;
font-size: 48px;
font-weight: 700;
line-height: 51px;
letter-spacing: 0.02em;
text-align: left;
color: #FFF;

}

.footer-text{
   font-family: Evolventa;
font-size: 24px;
font-weight: 400;
line-height: 29px;
letter-spacing: 0.02em;
text-align: center;
color: #FFF;
}

.white{
   color: white;
}

.row-footer{
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.col-first{
   width: 300px;
}
.col-second{
   width:386px;
}
.col-third{
   width: 331px;
}





.accordion-item{
   width: 100%;
   min-width: 970px;
   border: 1px solid #043566;
   border-radius: 10px;
padding: 10px 20px;
   margin-top: 34px;
}




.accordion{
   width: fit-content;
   margin: 0 auto;
}

.accordion-item-header {
   cursor: pointer;
   font-family: Bebas Neue;
font-size: 24px;
font-weight: 400;
line-height: 34px;
letter-spacing: 0em;
text-align: left;
color: #043566;

   }
   .accordion-item-body {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.2s ease-out;
   }
   .accordion-item-body-content {

   font-family: Evolventa;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color: #464B51;

   }

   
   .accordion-item-header:hover {

   }
   .accordion-item-header:after {

   float: right;
   margin-right:31px;
   margin-top: 26px;
   }
   .active:after {

   }
   .active {
   }
   .active .accordion-item-body {
   max-height: 200px;
   }


   .title-our-work{
       font-family: Bebas Neue;
font-size: 64px;
font-weight: 700;
line-height: 64px;
letter-spacing: 0.02em;
text-align: center;
color: #043566;

   }


   .line_content-acc{
       width: 649px;
       margin-top: 10px; margin-bottom: 16px;
   }



   @media screen and (max-width: 1200px) {

       .accordion{
           width: auto;
       }

       .accordion-item{
           min-width: 290px;
           width: 50%;
           margin: 12px auto;
           padding: 6px;
       }


       .accordion-item-body-content {

           font-family: Evolventa;
           font-size: 5px;
           font-weight: 400;
           line-height: 7px;
           letter-spacing: 0em;
           text-align: left;
           margin-top: 7px;
       
           }
       
           .accordion-item-header {
               font-family: Bebas Neue;
font-size: 10px;
font-weight: 400;
line-height: 14px;
letter-spacing: 0em;
text-align: left;

           
               }


               .accordion-item-body-content > ul > li {

                   font-family: Evolventa;
font-size: 5px;
font-weight: 400;
line-height: 7px;
letter-spacing: 0em;
text-align: left;

               
               
                   }


                   .line_content-acc{
                       width: 195.59px ;
                       margin: 7px 0px;
                   }


                   .accordion-item-header:after{
                       display: none !important;
                   }

                   .title-our-work{
                       font-family: Bebas Neue;
font-size: 30px;
font-weight: 700;
line-height: 31px;
letter-spacing: 0.02em;
text-align: center;

                   }


   }



   @media screen and (max-width: 768px) {
       .contacts{
           height: fit-content;
       }
       .contacts-bg{
           display: none !important;
       }
       .feedback-form{
           width: 100%;
           height: fit-content;
       }
       .rect-form{
           display: none;
       }
       .contacts{
           margin-top: 50px;
       }
       .form-feedback{
           width: 280px;
           margin: 0 auto;
           text-align: center;
       }

       .input-form{
           width: 238px;
           height: 34px;
           font-family: Evolventa;
font-size: 10px;
font-weight: 400;
line-height: 13px;
letter-spacing: 0em;


       }

       .btn-send{
           width: 238px;
           height: 34px;
           font-family: Evolventa;
font-size: 10px;
font-weight: 700;
line-height: 13px;
letter-spacing: 0em;


       }

       .title-form{
           font-family: Bebas Neue;
font-size: 20px;
font-weight: 700;
line-height: 30px;
letter-spacing: 0em;
text-align: center;
           
       }

       .text-form{
           font-family: Evolventa;
font-size: 10px;
font-weight: 400;
line-height: 13px;
letter-spacing: 0em;
text-align: center;

       }

       footer{
           height: 104px;
           margin-top: 60px;
       }

       .footer-title{
           font-family: Bebas Neue;
font-size: 20px;
font-weight: 700;
line-height: 21px;
letter-spacing: 0.02em;
text-align: center;

       }

       .footer-text{
           font-family: Evolventa;
font-size: 10px;
font-weight: 400;
line-height: 12px;
letter-spacing: 0.02em;
text-align: center;

       }

       
   }


   @media screen and (max-width: 1200px) {
       footer{
           flex-wrap: wrap;
       }

       .row-footer{

           justify-content: center;
       }

       .col-first, .col-third{
           display: none;;
       }
   }


   .title-wrapper-1{
       text-align: left;
       margin-left: 215px;

       font-family: Bebas Neue;
font-size: 64px;
font-weight: 700;
line-height: 68px;
letter-spacing: 0.02em;
text-align: left;
color: #043566;

   }

   .cont-wrapper-fulfil{
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       gap: 106px;
       padding: 0px 255px;
       margin-top: 33px;
   max-width: 1600px;
   margin: 0 auto;
   }


   .col-item-fulfil{
       width: 268px ;
       text-align: center;
   }

   .title-col-item{
       font-family: Bebas Neue;
font-size: 40px;
font-weight: 700;
line-height: 40px;
letter-spacing: 0.02em;
text-align: center;
margin-top: 17px;
color: #043566;

   }

   .text-col-item{
       font-family: Evolventa;
font-size: 15px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: center;


color: #464B51;
   }


   .wrapper-main-content-1{

       margin-top: 110px;
       background-image: url(../img/bg-fl.svg);
   }




   .section-tarifs{
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       margin: 0px 215px;   
   }

   .col-tarifs{
       width: 324px;
   height: fit-content;
       padding: 10px;
       margin-top: 10px;
   }

   .col-tarifs-2{
       width: 324px;
       height: 229px;
       padding: 10px;
       margin-top: 10px;
   }


   .bg-fl{
       background-image: url(../img/mask_big_fl.svg);
   }

   .title-col-tarifs{
       font-family: Bebas Neue;
font-size: 64px;
font-weight: 700;
line-height: 68px;
letter-spacing: 0.02em;
text-align: left;
       color: #043566;
   }

   .text-col-tarifs{
       

font-family: Evolventa;
font-size: 15px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.02em;
text-align: left;
color: #464B51;



   }

   .text-col-tarifs-sm{
       font-family: Bebas Neue;
font-size: 20px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.02em;
text-align: left;
   color: rgba(4, 53, 102, 1);

   }
   strong {
       font-family: 'Evolventa bold';
font-size: 13px;

line-height: 18px;
letter-spacing: 0.02em;
text-align: left;

	   color: #464B51;


   } 
@media screen and (max-width: 540px)
{
	strong{
 font-family: 'Evolventa bold';
font-size: 6px;

line-height: 8px;
letter-spacing: 0.02em;
	}

}

   .title-col-tarifs-st{
       font-family: Bebas Neue;
font-size: 55px;
font-weight: 700;
line-height: 58px;
letter-spacing: 0.02em;
text-align: left;
color: #043566;

   }


   .sub-title-col-tarifs-st{
       font-family: Bebas Neue;
font-size: 20px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.02em;
text-align: left;

color: #464B51;
   }

   .sub-title-spis{
       font-family: Evolventa;
font-size: 13px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.02em;
text-align: left;
color: #464B51;

   }


   .col-tarifs > ul{
       list-style: none !important;
       font-family: Evolventa;
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.02em;
text-align: left;
color: #464B51;

   }

   .col-tarifs-2 > ul{
       list-style: none !important;
       font-family: Evolventa;
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.02em;
text-align: left;
color: #464B51;

   }




   .row-main-map{
       display: flex;
       align-items: center;
   justify-content: center;
       padding: 98px 215px;
   }

   .title-main-map{
       font-family: Bebas Neue;
font-size: 64px;
font-weight: 700;
line-height: 68px;
letter-spacing: 0.02em;
text-align: left;
color: #043566;

   }

   .title-adress-map{
       font-family: Bebas Neue;
font-size: 48px;
font-weight: 700;
line-height: 48px;
letter-spacing: 0em;
text-align: left;
margin-top: 46px;
color: #043566  ;

   }

   .text-adress-map{
       font-family: Evolventa;
font-size: 20px;
font-weight: 400;
line-height: 27px;
letter-spacing: 0em;
text-align: left;
color: #464B51;
   }


   .contacts-fulfil{
       background-image: url(../img/bg-zakaz.svg);
       width: 100%;
       height: 672px;

       display: flex;
       align-items: center;

     margin-top: 101px;
   }


@media screen and (min-width: 1600px){
 .contacts-fulfil{
   justify-content: center;
 }
 .feedback-form{
   border-radius: 10px;
 }
 
 .cont-wrapper-fulfil{
   margin-top: 40px;
 }
 
 .section-tarifs{
   max-width: 1170px;
   margin: 40px auto;
 }
 
 .row-our-usl{
   max-width: 1600px;
   margin: 0 auto;
 }
 
 .wrapper-main-content-lager{
   max-width: 1385px;
   margin: 80px auto;
 }
 
 .contacts{

   margin: 0 auto;
   margin-top: 84px;
 }
 .row-footer{
   max-width: 1400px;
   margin: 0 auto;
 }
 
 .container-about-us-lg{
   max-width: 1164px;
   margin: 0 auto;
 }
 
 .our-mission{
   max-width: 1600px;
   margin: 84px auto;
 }
 
 
}



   @media screen and (max-width: 768px) {
       .col-item-fulfil{
           width: 137px;
           text-align: left;
       }

       .cont-wrapper-fulfil{
           padding: 0  ;
          
       }

       .title-col-item{
           font-family: Bebas Neue;
font-size: 20px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0.02em;
text-align: left;
margin-top: 10px;

       }

       .text-col-item{
           font-family: Evolventa;
font-size: 8px;
font-weight: 400;
line-height: 11px;
letter-spacing: 0em;
text-align: left;
color: #464B51;
       }


       .col-item-img{
           width: 60px;
       }

       .title-wrapper-1{
           font-family: Bebas Neue;
font-size: 30px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0.02em;
text-align: left;
           margin: 0px 37px;
           color: #043566;
       }

       .wrapper-main-content-1{
           margin-top: 39px;
       }
   }

.section-tarifs-mb{
   display: none;

}

   @media screen and (max-width: 1400px)
   {
       .col-tarifs:nth-child(1), .col-tarifs:nth-child(4){
           display: none;
       }

       .section-tarifs-mb{
           display: block;
           margin: 0px 100px;
           margin-top: 43px;
       }
   }

   @media screen and (max-width: 767px){

       .cont-wrapper-fulfil{
           gap: 50px;
       }
       .col-tarifs{
           width: 126px;
       }

       

       .section-tarifs{
           margin: 0px 37px;
           gap: 13px;
       }

       .section-tarifs-mb{
           margin: 0px 30px;
           margin-top: 17px;
       }

       .bg-fl{
           background-image: url(../img/bg-fl-sm.svg);
           height: fit-content;
       }

       .title-col-tarifs{
           font-family: Bebas Neue;
font-size: 30px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0.02em;
text-align: left;

       }

       .text-col-tarifs{
           font-family: Evolventa;
           font-size: 10px;
           font-weight: 700;
           line-height: 12px;
           letter-spacing: 0.02em;
           text-align: left;
           
           font-family: Evolventa;
           font-size: 10px;
           font-weight: 400;
           line-height: 12px;
           letter-spacing: 0.02em;
           text-align: left;
           
       }

       .img-arrow-2{
           width: 173px;

       }

       .text-col-tarifs-sm{
           font-family: Bebas Neue;
font-size: 10px;
font-weight: 400;
line-height: 12px;
letter-spacing: 0.02em;

color: rgba(4, 53, 102, 1);


       }

     
       
       .title-col-tarifs-st{
           font-family: Bebas Neue;
font-size: 23px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.02em;
text-align: left;

       }

       .sub-title-col-tarifs-st{
           font-family: Bebas Neue;
font-size: 9px;
font-weight: 400;
line-height: 11px;
letter-spacing: 0.02em;
text-align: left;
color: #043566;

       }

       .sub-title-spis{
           font-family: Evolventa;
font-size: 6px;
font-weight: 700;
line-height: 8px;
letter-spacing: 0.02em;
text-align: left;

       }

       .col-tarifs > ul{
           
           font-family: Evolventa;
           font-size: 5px;
           font-weight: 400;
           line-height: 7px;
           letter-spacing: 0.02em;
           text-align: left;
           
       }

   }





   .title-section-tarifs-mb{
       font-family: Bebas Neue;
font-size: 30px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0.02em;
text-align: left;

   }

   .text-section-tarifs-mb{
       font-family: Evolventa;
font-size: 10px;
font-weight: 700;
line-height: 12px;
letter-spacing: 0.02em;
text-align: left;

font-family: Evolventa;
font-size: 10px;
font-weight: 400;
line-height: 12px;
letter-spacing: 0.02em;
text-align: left;
color: #464B51;

   }








.cont-telephones-2{
   display: flex; 
   align-items: start; 
   margin-top: 18px; 
}

.title-telephone-2{
   margin-left: 10px;
   font-family: Bebas Neue;
font-size: 24px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #043566;
}

.telephones-2{
   margin: 0;
}

.telephone-2{

   margin-left: 10px;
   margin-top: 4px;
   text-decoration: none;
   font-family: Evolventa;
font-size: 20px;
font-weight: 400;
line-height: 27px;
letter-spacing: 0em;
text-align: left;
   color: #333333;
}


.container-contacts-sm-2{
   width: 455px;
   height: 492px;
   background-color: #FFF;
   border-radius: 10px;
   display: none;
   padding: 55px;
}

.title-form-2{
   font-family: Bebas Neue;
font-size: 48px;
font-weight: 700;
line-height: 62px;
letter-spacing: 0em;
text-align: left;
color: #043566;
}



.map-yandex{
   width: 768px;
   height: 478px;
   border: 0px;
}
   @media screen and (max-width: 1200px)
   {
       .container-contacts-sm-2{
           
           display: block;
           box-shadow: 0px 2.891010046005249px 14.45505142211914px 0px #00000014;
           margin: 0 auto;

       }
       .col-main-map{
           display: none;
       }

       .main-map{
           margin-top: 100px;
           padding: 0px;

       }
       .row-main-map{
           padding: 0;
justify-content: center;
width: 100%;
       }

       .col-container-map {
           width: 100%;
           margin-top: 38px;
           border: 0px;
       }

       .map-yandex{
           width: 100%;
       }
   }

   @media screen and (max-width:767px)
   {
       .container-contacts-sm-2{
           width: 290px;
height: 259px;
border-radius: 5px;
padding: 20px;

       }

       .title-form-2{
           font-family: Bebas Neue;
font-size: 25px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0em;
text-align: left;


       }

       .title-telephone-2{
           font-family: Bebas Neue;
font-size: 13px;
font-weight: 700;
line-height: 13px;
letter-spacing: 0em;
text-align: left;

       }

       .telephone-2{
           font-family: Evolventa;
font-size: 11px;
font-weight: 400;
line-height: 15px;
letter-spacing: 0em;
text-align: left;

       }

       .cont-telephones-2{
           margin-top: 6px;
       }

       .cont-telephones-2 > img{
           width: 10px;

       }

       .main-map{
           margin-top: 36px;
       }

       .logo_img{
           width: 137px;
       }
   }


   .rect-wrapper-md2:nth-child(2){
       top: 457px;
       right: 374px;
   }
   .rect-wrapper-md2:nth-child(3){
       top: 457px;

       right: 215px;
   }
   .rect-wrapper-md2:nth-child(4){
       top: 457px;
       right: 56px;
   }
   
   
   .title-md-wr-2{
       margin-top: 95px;
   }

   @media screen and (max-width: 1400px) {
       .rect-wrapper-md2:nth-child(2), .rect-wrapper-md2:nth-child(3){
           display: none;
       }

       .rect-wrapper-md2:nth-child(4){
           top: 290px;
           width: 100px;
           height: 100px;
           right: 20px;
   
       }

     
   }

@media screen and (max-width: 800px)
{
	.rect-wrapper-md2:nth-child(4){
           top: 290px;
           width: 70px;
           height: 70px;
           right: 20px;
   
       }
}

   @media screen and (max-width:578px){
       .rect-wrapper-md2:nth-child(4){
           top: 255px;
           width: 59px;
           height: 59px;
           right: 35px;
   
       }
   }


   
   .col-main-map{
       width: 357px;
       height: 478px;
       margin-right: 36px;
   }

   .col-container-map{
      
       
   }


   .contacts-info-3{
       width: 455px;
       height: 492px;
       background-color: #FFF;
       border-radius: 10px;
       padding: 55px;
       margin-left: 136px;
   }

   @media screen and (max-width: 1200px){
       .contacts-info-3{
           display: none;
       }

       .contacts-fulfil{
           background-image: none;
           height: fit-content;
           margin-top: 37px ;
       }
   }



   .section-tarifs-2{
       display: flex;
       align-items: center;
       justify-content: center;

       padding: 0px 161px 0px 251px;
       gap: 80px;
       margin-top: 60px;
   }

   .container-section-tarifs-sm{
       width: 351px;
       height: 349px;
   }


   .title-container-section-tarifs-sm{
       font-family: Bebas Neue;
font-size: 64px;
font-weight: 700;
line-height: 68px;
letter-spacing: 0.02em;
text-align: left;

color: #043566;

   }

   .text-container-section-tarifs-lg{
       font-family: Evolventa;
font-size: 15px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.02em;
text-align: left;
color: #464B51;

   }


   .container-section-tarifs-lg{
       display: flex;
       flex-wrap: wrap;
       gap: 55px;
       width: 100%;
   max-width: 802px;
   }




   @media screen and (max-width: 1200px){
       .section-tarifs-2{
           flex-wrap: wrap;
       }

       .container-section-tarifs-sm{
           width: 720px;
           height: fit-content;
       }
       
   }
   @media screen and (max-width: 1200px){
       .section-tarifs-2{
           flex-wrap: wrap;
       }

       .container-section-tarifs-sm{
           width: 720px;
           height: fit-content;
       }
       
       .container-section-tarifs-lg{

       justify-content: center;
       }
   }


   .title-col-tarifs-st-2{
       font-family: Bebas Neue;
font-size: 55px;
font-weight: 700;
line-height: 58px;
letter-spacing: 0.02em;
text-align: left;
color: #043566;


   }

   .text-col-tarifs-st{
       font-family: Evolventa;
font-size: 12px;
font-weight: 400;
line-height: 14px;
letter-spacing: 0.02em;
text-align: left;
color: #464B51;
       

   }

   @media screen and (max-width: 576px){
       .section-tarifs-2{
           flex-wrap: wrap;
           padding: 36px;
           margin-top: 0px;
       }

       .container-section-tarifs-sm{
           width: 720px;
           height: fit-content;
       }
       .container-section-tarifs-sm > img{
           width: 173px;
       }
       

       .title-container-section-tarifs-sm{
           margin-top: 0px;
           font-family: Bebas Neue;
font-size: 30px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0.02em;
text-align: left;
color: #043566;

       }
       .text-container-section-tarifs-lg{
           font-family: Evolventa;
font-size: 10px;
font-weight: 400;
line-height: 12px;
letter-spacing: 0.02em;
text-align: left;

           margin-top: 8px;
       }

       .col-tarifs-2{
           width: 290px;
           padding-left: 14px;
           padding-top: 20px;
           height: 200px;
           background-image: url(../img/bg-df-md.svg);
       }

       .title-col-tarifs-st-2{
           font-family: Bebas Neue;
   font-size: 30px;
   font-weight: 700;
   line-height: 32px;
   letter-spacing: 0.02em;
   text-align: left;
   
       }
   
       .text-col-tarifs-st{
           font-family: Evolventa;
   font-size: 10px;
   font-weight: 400;
   line-height: 12px;
   letter-spacing: 0.02em;
   text-align: left;
   color: #464B51;
   
       }
   }

   .cont-contacts-map:nth-child(2){
       width: 100%;

   }


.about_us{
   padding-top: 59px ;
   padding-left: 212px;
   padding-right: 224px;
   margin-top: 39px;
   background-image: url(../img/bg_about_us.svg);
}
   .container-about-us-sm{

       max-width: 568px;
       height: 323px;

       font-family: Evolventa;
font-size: 20px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.02em;
text-align: left;
       color: #464B51;
   }

   .container-about-us-lg{
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       gap: 28px;
   }

   .title-about-us{
       font-family: Bebas Neue;
font-size: 64px;
font-weight: 700;
line-height: 68px;
letter-spacing: 0.02em;
text-align: left;
color: #043566;


   }

   .our-mission{
       display: flex;
       align-items: center;
       padding: 0px 215px;
       margin-top: 103px;
   }

   .text-mis{
       color: #464B51;
   }


   .container-our-mission{
       width: 580px;
       font-family: Evolventa;
font-size: 20px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.02em;
text-align: left;
color: #464B51;

   }

   .img-our-mission{
       width: 100%;

   }

   .title-our-mission{
       

font-family: Bebas Neue;
font-size: 64px;
font-weight: 700;
line-height: 78px;
letter-spacing: 0.02em;
text-align: left;
color: #043566;

   }

   .container-usl-sm{
       width: 276px;
height: 230px;
border-radius: 5px;
box-shadow: 0px 1.75128173828125px 7.005126953125px 0px #324D682B;

       padding: 24px;
   }

   .container-usl{
       display: flex;
       flex-wrap: wrap;
       gap: 48px;
       width: fit-content;
       max-width: 606px;
       margin-left: 36px;
       height: fit-content;
   }

   .title-container-usl-sm{
       font-family: Bebas Neue;
font-size: 26px;
font-weight: 700;
line-height: 28px;
letter-spacing: 0.02em;
text-align: left;
color: #043566;
       
   }

   .text-container-usl-sm{
       font-family: Evolventa;
font-size: 11px;
font-weight: 400;
line-height: 13px;
letter-spacing: 0.02em;
       color: #464B51;
       margin-top: 10px;
       
   }


   @media screen and  (max-width: 1000px)
   {
       .about_us{
           padding: 100px;
       }

       .container-about-us-sm{
           width: 100%;
           max-width: 900px;
       }

       .container-about-us-lg img{
           width: 300px;
       }
   }


   @media screen and (max-width: 787px) {

       .title-about-us{
           font-family: Bebas Neue;
font-size: 30px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0.02em;
text-align: left;
margin-left: 50px;
       }
       .about_us{
           padding: 35px;
       }

       .container-about-us-sm{
           width: 290px;
           font-family: Evolventa;
font-size: 10px;
font-weight: 400;
line-height: 12px;
letter-spacing: 0.02em;
text-align: left;
height: fit-content;
       }

       .container-about-us-lg img{
           width: 290px;
       }

       
   }


   @media screen and (max-width: 390px) {
       .title-about-us{
           font-family: Bebas Neue;
font-size: 30px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0.02em;
text-align: left;
margin-left: 10px;
       }
   }




   @media screen and (max-width: 1440px) {
       .container-our-mission{
           width: 400px;
       }
   }

   @media screen and (max-width: 1200px) {
           .our-mission{
               flex-wrap: wrap;
               justify-content: center;
           }
           .container-our-mission{
               width: 100%;
           }

           .container-usl{
               width: 100%;
               max-width: 1000px;
               margin: 0;
               justify-content: center;
           }
           .container-usl-sm{
               width: 290px;
           }
       }

       @media screen and (max-width:900px) {
           .our-mission{
               padding: 0px 100px;
           }

           .title-our-mission{
               font-family: Bebas Neue;
font-size: 30px;
font-weight: 700;
line-height: 37px;
letter-spacing: 0.02em;
text-align: center;


           }


           .container-our-mission{
              position: relative;

font-family: Evolventa;
font-size: 10px;
font-weight: 400;
line-height: 12px;
letter-spacing: 0.02em;
text-align: center;
width: 284px;
height: 200px;

color: #464B51;

           }

           .img-our-mission{
               width: 200px;
               position: absolute;
               top: 0;
               left: 40px;
               z-index: 0;
           }

           .text-mis{
               position: absolute;
               z-index: 1;
           }
       }

       @media screen and (max-width:567px) {
           .our-mission{
               padding: 0px 30px;
               margin-top: 32px;
           }
       }
   


       .container-contacts-sm-1{
           width: 455px;
   height: 492px;
   background-color: #FFF;
   border-radius: 10px;

       }


       .row-contacts-map{
           display: flex;
           justify-content: space-between;
           align-items: center;
       }

       .contacts-map{
           padding-left: 221px;
           padding-right: 215px;
       }
   
       .yandex-map{
           width: 100%;
           height: 578px;

           border: 0px;
       }

       @media screen and (max-width: 1440px){
           .contacts-map{
               padding: 0px 80px 0px 150px;
           }

           .yandex-map{  
               width: 100%;
               height:  578px;  

           }
       }

       @media screen and (max-width: 1200px){
           

           .yandex-map{  
               min-height: 225px;

               margin-top: 38px;  

           }
       }

       @media screen and (max-width: 1200px){ 
           .contacts-map{
               padding: 0px 80px 0px 150px;
           }

           .row-contacts-map{
               justify-content: center;
               flex-wrap: wrap;
           }
           
           
       }

       @media screen and (max-width: 768px){
           .contacts-map{
               padding: 0;
           }

           .cont-contacts-map{
               width: 100%;

               background-color: #043566;
           }
           .container-contacts-sm-1{
               text-align: center;
               width: 182px;
               border-radius: 0px;
               background-color: #043566;

           }

           .title-telephone-ct{
               color: #FFF;
               font-family: Bebas Neue;
font-size: 14px;
font-weight: 700;
line-height: 14px;
letter-spacing: 0em;
text-align: center;

           }

           .telephone-ct{
               font-family: Evolventa;
font-size: 10px;
font-weight: 400;
line-height: 13px;
letter-spacing: 0em;
text-align: center;
color: #FFF;
           }

           .row-contacts-map{
               display: none !important;
           }



           
       }

       .row-contacts-map-mb{
           width: 100%;
           background-color: #043566;
       }

.col-contacts-map-mb{
   text-align: center;
   height: fit-content;
}

.col-contacts-map-mb:nth-child(1)
{
   padding: 34px 105px;
   padding-bottom: 0px;
}

       .title-form-mb{
           font-family: Bebas Neue;
font-size: 32px;
font-weight: 700;
line-height: 42px;
letter-spacing: 0em;
text-align: center;
color: #FFF;
       }

       .title-contacts-mb{
           font-family: Bebas Neue;
font-size: 14px;
font-weight: 700;
line-height: 14px;
letter-spacing: 0em;
text-align: center;
color: #FFF;


       }

       .img-contacts-mb img{
           margin-top: 15px;
       }

       .text-contacts-sm{
           font-family: Evolventa;
font-size: 10px;
font-weight: 400;
line-height: 13px;
letter-spacing: 0em;
text-align: center;
color: #FFF;
       }

       @media screen and (min-width: 768px) {
           .row-contacts-map-mb{
               display: none;
           }
           
       }


.why-we-tt{
   margin-top: 95px;
 }

@media screen and (max-width:1400px)
{
 .why-we-tt{
   margin-top: 38px;
 }
}
@media screen and (max-width:567px)
{
 .why-we-tt{
   margin-top: 38px;
 }
}


.bg-for-form{
   position: fixed;
   left: -1600px;
   transition: 0.6s;
 }
 .bg-for-form.active{
   background-color:rgba(7, 27, 47, 0.5);
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 999;
   transition: 0.6s;
 }
      .container-form { 
      position: relative; 
     left: -1600px;
      top: 0;
      transition: 0.6s;
      
 }
 
 .container-form.active{
     top: 50%; 
 left: 50%;
 transform: translate(-50%, -50%);
   z-index: 1100; 
   width: 959px; 
   height: 633px; 
   border-radius: 10px; 
   background-color: #fff; padding: 50px;
   transition: 0.6s;
 }

       .container-form-call{

           display: flex;
           flex-wrap: wrap;
           justify-content: center;
           gap: 20px;
       }

       .inputs-form-call{
           width: 400px;
       }
       select{
           width:  370px;
           height: 59.3px;
           border-radius: 10px;
           border: 0px;
     margin-top: 10px;
           box-shadow: 0px 2.8884828090667725px 8.665448188781738px 0px #00000014;
           padding: 0px 20px;
       }
       .input-form-popup{
           width: 370px;
           height: 59.3px;
           border-radius: 10px;
           padding: 0px;
           border: 0px;
           box-shadow: 0px 2.8884828090667725px 8.665448188781738px 0px #00000014;
           margin: 5px 0px;
           padding: 0px 20px;
       }
       textarea{
           width: 400px;
     height: 100%;
           border: 0px;
           box-shadow: 0px 2.8884828090667725px 8.665448188781738px 0px #00000014;

       }
       
       .form-call{
           text-align: center;
       }

       .btn-send-2{
           width: 407.21px;
           height: 59.3px;
           border-radius: 9.88px;
background-color:  #043566;
color: #FFF;
font-family: Evolventa;
font-size: 18px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0em;

margin-top: 63px;
		   transition: .4s;
		   cursor: pointer;


       }

.btn-send-2:hover{
	transition: .4s;
	background-color: #ffffff;
	color: #043566;
}

       .title-container-form{
           font-family: Bebas Neue;
font-size: 54px;
font-weight: 700;
letter-spacing: 0em;
text-align: center;
margin: 0px;
color: #043566;

       }

       .sub-title-container-form{font-family: Evolventa;
font-size: 20px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
text-align: center;
       }

 .btn-remove{
   width: 40px;
   height: 40px;
   position: absolute;
   top: 40px;
   right: 40px;
   font-size: 18px;
   background-color: transparent;
   color: rgba(4, 53, 102, 1);

   
 }
 
 @media screen and (max-width: 900px)
 {
   .container-form.active{
     padding: 33px;
   width: 346px; 
	   height: fit-content;
   max-height: 600px; 
	   
   
 }
   
   .input-form-popup{
     width: 238px;
     height: 34px;
   }
   
   select{
     width: 238px;
     height: 34px;
   }
   
   textarea{
     width: 238px;
     height: 87px;
   }
   
   .title-container-form{
     font-family: Bebas Neue;
font-size: 30px;
font-weight: 700;
line-height: 30px;
letter-spacing: 0em;
text-align: left;

   }
   
   .sub-title-container-form{
     width: 246px;

     font-family: Evolventa;
font-size: 10px;
font-weight: 400;
line-height: 13px;
letter-spacing: 0em;
text-align: center;


   }
   
   .btn-send-2{
     width: 238.01px;
height: 34.66px;
font-family: Evolventa;
font-size: 10px;
font-weight: 700;
line-height: 13px;
letter-spacing: 0em;
     margin-top: 10px;


   }
   
   .btn-remove{
     top: 0px;
     right: 0px;
	   
   }
   
   
 }

.blue-strong{
	color: #043566;
	font-family: 'Evolventa bold';
font-size: 15px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.02em;
text-align: left;
	text-transform: uppercase;

}

@media screen and (min-width: 1600px)
{
	.row-our-usl{
		margin-top: 10px;
	}
	
	.wrapper-main-content-lager{
		max-width:1157px;
	}
	
	.img-col-lager-content{
		width: 596px;
	}
	.wrapper-main-content-1{
		padding-bottom: 20px;
	}
	.arrow-tariffs{
		margin: 10px 0px;
	}
	
	.bg-fl-2{
		height: 300px;
	}
	
	.swiper-container{
		height: 800px;
		max-height: 800px;

	}
}


.cont-copy{
	width: 100%;
	background-color: #043566;
}
.copyright{
	font-family: Evolventa;
font-size: 16px;
font-weight: 400;
line-height: 29px;
letter-spacing: 0.02em;
text-align: center;
	color: #FFF;

}

.link-copy{
	color: cornflowerblue;
}

@media screen and (max-width: 516px)
{
	.copyright{
		font-family: Evolventa;
font-size: 8px;
font-weight: 400;
line-height: 12px;
letter-spacing: 0.02em;
text-align: center;

	}
	
	.btn-smm{
		display: none;
	}
	
	.text-col-lager-sm{
		margin-left: 43px;
		margin-right: 43px;
	}
}

.link-contacts-tel{
	font-family: Evolventa;
font-size: 10px;
font-weight: 400;
line-height: 13px;
letter-spacing: 0em;
text-align: left;
color: #FFF;
}

.text-personal{
	margin-top: 10px;
	font-family: Evolventa;
	line-height: 4;
}

@media screen and (max-width: 1200px)
{
	.logo_img_2{
		width: 100%;
		max-width: 200px;
	}
	.text-personal{
	margin-top: 10px;
	font-family: Evolventa;
		font-size: 10px;
	line-height: 3;
}
}



























/* Стили для страницы маркировки */
.wrapper-main-content-1 {
    margin-top: 80px;
    padding: 40px 0;
}

.title-wrapper-1 {
    text-align: center;
    margin: 0 auto 50px;
    font-family: 'Bebas Neue';
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #043566;
    max-width: 830px;
}

/* Адаптивность для заголовков */
@media screen and (max-width: 768px) {
    .title-wrapper-1 {
        font-size: 30px;
        margin: 0 20px 30px;
    }
}

/* Стили для аккордеона преимуществ */
.accordion-item {
    border: 1px solid #043566;
    border-radius: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}

.accordion-item-header {
    padding: 20px;
    background: #f8f9fa;
    cursor: pointer;
    font-family: 'Bebas Neue';
    font-size: 24px;
    color: #043566;
    transition: background-color 0.3s ease;
}

.accordion-item-header:hover {
    background: #e9ecef;
}

.accordion-item-header.active {
    background: #043566;
    color: white;
}

.accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.accordion-item-body-content {
    padding: 20px;
    font-family: 'Evolventa';
    font-size: 16px;
    line-height: 1.5;
    color: #464B51;
}

/* Иконки для маркировки */
.col-item-img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin-bottom: 15px;
}


@media (max-width: 768px) {
     .menu-container {
        height: 260px !important;
     }
     .accordion-item-header {
        line-height: 30px;
     }
}