@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


*{
    outline: o;
    border: 0;
}

/* Шапка */

body{
    font-family: "Inter", sans-serif; 
    max-width: 100%;
}

.lock {
  overflow: hidden;
}

.btn {
    transition: opacity 0.3s ;
}
.btn:hover {
    opacity: 0.8;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

p {
    margin: 0;
}



a{
   
    text-decoration: none;
}

ul {
list-style: none;
padding: 0;
margin: 0;

}




.container {
    max-width: 1160px;
    margin: 0 auto;
}

.header {
  max-width: 1160px;
   margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
    color: #000000;
  text-decoration: none;


}

.header_logo { 
  background-color: #fff;
  padding: 5px;
  text-decoration: none;
  width: 55px;

}

/*--------------------/Шапка--------------------*/
/*--------------------Меню--------------------*/
.menu__icon {
  display: none;
}

@media (max-width: 440px) {
  .icons{
    display: none;
  }


.header {
  width: 340px;
   padding-top: 10px;
  padding-bottom: 10px;

}

.header_logo {
  width: 35px;
}

  .menu__icon {
       margin-right: 0;
    display: block;
    width: 30px;
    height: 18px;
    position: relative;
    z-index: 5;
    cursor: pointer;
    
  }

  .header__menu {
margin-right: 0;
  }


  .menu__icon span {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000000;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .menu__icon span:first-child {
    top: 0;
  }
  .menu__icon span:last-child {
    top: auto;
    bottom: 0;
  }
  .menu__icon.active span {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  .menu__icon.active span:first-child {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: calc(50% - 1px);
  }
  .menu__icon.active span:last-child {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    bottom: calc(50% - 1px);
  }
}

@media (max-width: 440px) {
  .menu__body {
    position: absolute;
    top: 0;
    left: -150%;
    height: 100vh;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    transition: all 0.2s;
    display: flex;
    overflow: auto;
  }
}

.menu__body.active {
  left: 0;
}

.menu__list {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

@media (max-width: 440px) {
  .menu__list {
    justify-content: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    height: 100vh;
    width: 100%;
    background-color: #ffffff;
    
  width: 100%;
  }
}

.menu__link {
  color: #000000;
  text-decoration: none;
}

.menu__link:hover {
  text-decoration: underline;
}

@media (max-width: 440px) {
  .menu__link {
    display: block;
    font-size: 20px;
    line-height: 50px;
  }
}

/*  Первый блок */


.Welcome {
padding: 40px 0 172px;
max-width: 1160px;
margin: 0 auto;
border-radius: 10px;
margin-top: 0;
background-image: url("./Images/Rectangle.svg");
background-repeat: no-repeat;



}

.images{
   background-repeat: no-repeat;
   display: none;
   border-radius: 10px;
   background-size: contain;
   height: auto;
   width: auto;
}



.Welcome__title {
margin-left: 50px;
margin-right: 640px;
color: #6A6660;
font-size: 36px;
font-weight: 700;
margin-bottom: 10px;
}

.Welcome__text {
color: #6A6660;
font-size: 20px;
font-weight: 500;
line-height: 130%;
margin-left: 50px;
margin-right: 660px;
margin-top: 10px;

}


a.btn {
font-size: 14px;
color: white;
border-radius: 20px;
background: #424530;
display: flex;
width: 200px;
padding: 10px 20px;
justify-content: center;
align-items: center;
gap: 10px;
margin-left: 50px;
margin-top: 50px;
}





.Welcome1 {
 display: none;
}

.Welcome1 .container {
padding: 40px 0 182px;
max-width: 1160px;
margin: 0 auto;
border-radius: 10px;
margin-top: 0;
}


.Welcome__title1 {
margin-left: 50px;
margin-right: 640px;
color: #6A6660;
font-size: 36px;
font-weight: 700;
margin-bottom: 10px;
}

.Welcome__text1 {
color: #6A6660;
font-size: 20px;
font-weight: 500;
line-height: 130%;
margin-left: 50px;
margin-right: 660px;
margin-top: 10px;
}

.btn1 {
font-size: 14px;
color: white;
border-radius: 20px;
background: #424530;
display: flex;
width: 200px;
padding: 10px 20px;
justify-content: center;
align-items: center;
gap: 10px;
margin-left: 50px;
margin-top: 50px;
}




/* Второй блок */

.iformation {

}

.iformation .container1 {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
 max-width: 1160px;
margin: 0 auto;
padding: 20px;

}

.information_text {
color: #22211F;
font-size: 14px;
font-weight: 500;
border-radius: 20px;
border: 1px solid #6A6660;
display: flex;
justify-content: center;
padding: 10px 20px;

}

/* Третий блок */

.text {

}
.container2 {
border-radius: 10px;
background: #F1F0ED;
display: flex;
justify-content: space-between;
align-items: center;
 max-width: 1160px;
margin: 0 auto;

}
.text_big {
 color: #6A6660;
text-align: center;
font-size: 24px;
font-weight: 500;
padding: 100px 307px;
line-height: 150%


}


/* 4 Не законченый блок */


.recipe {

}



.container3 {
 max-width: 1160px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;

}

.krem {
margin-top: 20px;
}


.box {
border-radius: 10px;
background: #F1F0ED;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1160px;
padding: 30px 30px 30px 30px;
margin-top: 20px;
flex-direction: column;
width: 515px;
align-items: flex-start;
gap: 200px;


}



.about_us {
color: #6A6660;
font-size: 30px;
font-weight: 700;
margin-bottom: 200px;
margin: 0;
}

.all-recipe_list {
    gap: 15px;
    width: 515px;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
   
}

.recipe_list {
color: #22211F;
font-size: 18px;
font-weight: 400;
display: flex;
align-items: center;
padding: 10px 20px;
border-radius: 20px;
border: 1px solid #6A6660;



}

/*! Пятый блок*/

.Exzit_list {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    position: relative;
    max-width: 1160px;
    margin: 0 auto;
    margin-top: 20px;

}



.cart_list {
width: 280px;
display: flex;
flex-direction: column; 
padding: 20px;
justify-content: end;
background-size: cover;
height: 450px;
border-radius: 10px;
}



.cart_list:nth-child(1) {
    background-image: url(/Images/face.png);
}

.cart_list:nth-child(2) {
 background-image: url(/Images/hair.png);
}

.cart_list:nth-child(3) {
background-image: url(/Images/body.png);
}

.cart_list:nth-child(4) {
 background-image: url(/Images/svecha.png);
}



.title_container {
display: flex;
justify-content: space-between;
align-items: center;

}




.Exzit_list_title {
font-size: 18px;
font-weight: 600;
 color: white; 
 
}



/* Шестой блок */


.tir_card {



}

.tir_card .container {
    max-width: 1160px;
 display: flex;
justify-content: space-between;

flex-wrap: wrap;
 
}


.tir_list_title {
padding: 20px 11px 20px 20px;
 border-radius: 10px;
background: #F1F0ED;
margin-top: 20px;
}

.krug {
width: 15px;
height: 15px;
flex-shrink: 0;
stroke-width: 1px;
stroke: #6A6660;
margin-bottom: 170px;


}

.tir_text_in {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.tir_list_on {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.tir_list_an {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.tir_list_en {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.tir_list_yn {
     gap: 20px;
    display: flex;
    flex-direction: column;
}

.tir_text {
color: #6A6660;
font-size: 19px;
font-weight: 600;
width: 190px;

}



.tir_list_desc {
color: #6A6660;
font-size: 12px;
font-weight: 400;
width: 180px;

}

/* седьмой блок */


.Fotos {

}

.Fotos .container {
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
border-radius: 10px;
background: #F1F0ED;
margin-top: 20px;
max-width: 1160px;
flex-direction: column;

}



.name {
color: #6A6660;
padding: 30px;
gap: 20px;
flex-direction: column;
display: flex;
line-height: 36px;

}

.name1 {
font-size: 30px;
font-weight: 700;
}

.foto {
display: flex;
justify-content: space-between;
gap: 10px;
overflow-y: hidden;
overflow-x: auto;
scroll-behavior: smooth;

scroll-snap-type: x mandatory;
}

.foto > * {
scroll-snap-align: start;
}

.foto_list {

}



/* Девятый блок */


/* ДОДЕЛАТЬ */

.work {

}

.work .container{
 display: flex;
 justify-content: space-between;
 border-radius: 10px;
background: #F1F0ED;
margin-top: 20px;
max-width: 1100px;
flex-wrap: wrap;
padding: 30px;
flex-direction: column;
gap: 30px;




}

.title-work {

}

.lvl_work {
color: #6A6660;
font-size: 30px;
font-weight: 700;

}

.mass-work {
 display: flex;
 justify-content: space-between;
align-items: center;
max-width: 1100px;
gap: 10px;
align-self: stretch;
margin: 0 auto;

}

.list-work {
border-radius: 7px;
background: #E3E2DE;
display: flex;
padding: 20px;
gap: 10px;
flex-direction: column;
width: 212px;
height: 273px;
align-items: flex-start;




}

.work_name {
color: #6A6660;
font-size: 18px;
font-weight: 600;
width: 172px;
}

.work_deck {
color: #6A6660;
font-size: 12px;
font-weight: 400;
width: 172px;

}

/* Десятый блок */



.Table {

}

.Table .container{
 display: flex;
 justify-content: space-between;
justify-content: end;
background-size: cover;
margin-top: 20px;
border-radius: 10px;
max-width: 1160px;

}


.Table .container:nth-child(1) {
    background-image: url(./Images/Face_krem.png);
    display: flex;
    
}

.text_table {
display: flex;
justify-content: center;
gap: 34px;
padding: 181px 78px 181px 79px;
align-items: center;

}

.table-deck {
color: #FFF;
text-align: center;
font-size: 20px;
font-weight: 500;


}


/* Одинадцатый блок */



.People {

}

.People .container{
 display: flex;
 justify-content: space-between;
 border-radius: 10px;
background: #F1F0ED;
margin-top: 20px;
flex-direction: column;
gap: 30px;
padding: 30px;
max-width: 1100px;

}

.reviews {
width: 270px;
color: #6A6660;
font-size: 30px;
font-weight: 700;
}

.mass-people {
display: flex;
 justify-content: space-between;
 align-items: center;
 max-width: 1100px;
 margin: 0 auto;
 gap: 10px;
}


.People_list {
display: flex;
width: 360px;
height: 273px;
padding: 20px 18px 20px 20px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
border-radius: 7px;
background: #E3E2DE;

}

.katy-tochki {
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
gap: 10px;
width: 150px;
}

.denys-tochki {
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
gap: 10px;
width: 112px;

}

.masha-tochki {
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
gap: 10px;
width: 115px;
}

.Name-people {
width: auto;
color: #6A6660;
font-size: 18px;
font-weight: 600;
}

.tochka {
display: flex;
justify-content: space-between;
align-items: center;
gap: 5px;
}

.opicanie {

}

.people-desk {
align-self: stretch;
color: #6A6660;
font-size: 12px;
font-weight: 400;
line-height: 130%
}


/* Двенадцатый блок */



.forma {

}

.forma .container {
 display: flex; 
 justify-content: space-between;
 border-radius: 10px;
background: #F1F0ED;
margin-top: 20px;
max-width: 1160px;
}

.forma-chec {
display: flex;
flex-direction: column;
gap: 95px;
padding: 20px;
}

.name-opisanie {
gap: 30px;
}

.name-forma {
width: 361px;
color: #6A6660;
font-size: 30px;
font-weight: 700;
margin: 0;

}

.forma-deck {
align-self: stretch;
color: #6A6660;
font-size: 14px;
font-weight: 400;
line-height: 150%; 

}

.forma_input {
display: flex;
 gap: 10px;
 width: 490px;




}

.input {
display: flex;
height: 40px;
padding: 11px 20px;
align-items: center;
align-self: stretch;
border-radius: 20px;
background: #FFF;
font-size: 14px;
font-weight: 400;
justify-content: space-between;
box-sizing: border-box;
margin-bottom: 10px;
 outline: 0;
 border: 0;

}


.form-btn {
display: flex;
height: 50px;
padding: 10px 20px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 20px;
border: 1px solid #424530;
background: #424530;
color: #FFF;
font-size: 14px;
font-weight: 500;
width: 490px;
transition: opacity 0.3s;
}

.form-btn:hover {
    opacity: 0.8;
}

.img_kosmetica {
width: 575px;
height: 486px;
flex-shrink: 0;
border-radius: 0px 10px 10px 0px;
}


/* Подвал */



.footer {

}

.footer .container {
 display: flex;
 justify-content: space-between;
 border-radius: 10px;
background: #424530;
 flex-direction: column;
 max-width: 1100px;
gap: 25px;
padding: 30px;
margin-top: 20px;

    
 
}



.all {
 display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1100px;
    margin: 0 auto;
      gap: 130px;
}

.footer_contacts {
 flex-direction: column;
 display: flex;
 gap: 12px;
}

.phone {
color: #FFF;
font-size: 14px;
font-weight: 400;
}

.mail {
color: #FFF;
font-size: 14px;
font-weight: 400;
}

.adress {
color: #FFF;
font-size: 14px;
font-weight: 400;
}

.nav {
 flex-direction: column;
 display: flex;
 gap: 10px;
 

}


.footer_nav {
gap: 10px;
flex-direction: column;
 display: flex;
}

.footer_list  {
font-size: 14px;
font-weight: 500;
gap: 10px;
flex-direction: column;
 display: flex;


}

.footer_nav a{
color: #FFF;
gap: 10px;
flex-direction: column;
 display: flex;
}

.soceal-media {
display: flex;
gap: 20px;
 justify-content: space-between;
 

}

.svg {

}

.linia {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1100px;
    margin: 0 auto;
    
   
}

.footer_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 347px;
    font-size: 12px;
    font-weight: 400;
    width: 1100px;
    margin: 0 auto;

   
}

.footer_bottom a {
    color: #FFF;
}



@media (max-width:440px){


img {
  max-width: 340px;
  border-radius: 10px;
}


body{
max-width: 100%;
overflow-x: hidden; 
}



/*  */

.Welcome{
    display: none;
}


.Welcome1 {
display: flex;
}

.Welcome1 .container {
padding: 0;
margin-top: 10px;


}

.images {
display: flex;
 width: 340px;
height: 228px;
background-size: contain;

 


}

.welcome-glav {
box-sizing: border-box;
display: flex;
width: 340px;
height: 286px;
padding: 15px;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
border-radius: 10px;
background: #F1F0ED;
margin-top: 10px;

}

.Welcome__title1 {
 width: 310px;
height: 116px;
margin-left: 0;
margin-right: 0;
margin-bottom: 5px;
color: #6A6660;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 119%;
margin-top: 0;

}

.Welcome__text1 {
width: 310px;
height: 63px;
margin-left: 0;
margin-right: 0;
margin-top: 5px;
color: #6A6660;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 130%;
}

.btn1 {
width: 270px;
margin-left: 0;
margin-right: 0;
margin-top: 20px;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: flex;
padding: 10px 20px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 20px;
background: #424530;

}

/*  */


.iformation {

}

.iformation .container1 {
    padding: 0;
    margin-top: 10px;
text-align: center;
flex-direction: column;
gap: 10px;
width: 340px;

}

.information_text {
color: #22211F;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: flex;
padding: 10px 20px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 20px;
border: 1px solid #6A6660;

}


/*  */




.text {

}

.text .container2 {
 margin-top: 10px;
text-align: center;
justify-content: center;
width: 340px;
height: 269px;



}

.text_big {
padding: 40px 31px 40px 32px;
text-align: center;
width: 277px;
height: 189px;
flex-shrink: 0;
color: #6A6660;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%;
}

/*  */



.recipe {

}

.recipe .container3 {
justify-content: center;



}

.krem {
    margin-top: 10px;
border-radius: 10px;
width: 340px;
height: 340px;
flex-shrink: 0;

}

.box {
width: 310px;
margin-top: 10px;
padding: 15px;
border-radius: 10px;
background: #F1F0ED;
justify-content: center;
display: inline-block;
flex-direction: column;


}

.about_us {
width: 198px;
color: #6A6660;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 119%;


}

.all-recipe_list {
gap: 10px;
margin-top: 20px;
width: 340px;


}
.recipe_list {
width: 270px;
color: #22211F;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%;


display: flex;
padding: 10px 20px;
align-items: center;
gap: 10px;
border-radius: 20px;
border: 1px solid #6A6660;
}




/*  */

.Exzit_list {
    margin-top: 10px;
width: 340px;
flex-wrap: wrap;
display: flex;
gap: 10px;


}

.cart_list {
width: 125px;
height: 215px;

}

.title_container {

}

.Exzit_list_title {
width: 115px;
color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.galka {
width: 4px;
height: 8px;
flex-shrink: 0;
fill: #FFF;
}




/*  */


.tir_card {

}

.tir_card .container {
width: 340px;

}

.tir_list_title {
padding: 20px;
margin-top: 10px;
}

.krug {
width: 10px;
height: 10px;
flex-shrink: 0;
stroke-width: 1px;
stroke: #6A6660;
margin-bottom: 15px;
}


.tir_text {
width: 300px;
height: 10px;
color: #6A6660;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.tir_list_desc {
width: 300px;
height: 48px;
color: #6A6660;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}

/*  */




.Fotos {

}

.Fotos .container {
width: 340px;
flex-shrink: 0;
margin-top: 10px;
display: flex;
justify-content: space-between;
border-radius: 10px;
background: #F1F0ED;
overflow-y: hidden;
overflow-x: auto;


}



.name {
padding: 20px;

}

.name1 {
width: 198px;
color: #6A6660;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 119%;

}

.foto {
display: flex;
justify-content: space-between;
overflow-y: hidden;
overflow-x: auto;
}



.foto_list1 {
width: 145px;
height: 190px;
flex-shrink: 0;
aspect-ratio: 74/97;


}






/*  */




.work {

}

.work  .container {
width: 340px;
padding: 0px;
margin-top: 10px;
gap: 20px;
}

.title-work {
gap: 20px;
}

.lvl_work {
width: 198px;
color: #6A6660;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 119%; 
padding: 20px;
padding-bottom: 0;
}

.mass-work {
width: 300px;
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
align-items: center;
}

.list-work {
height: auto;
width: 260px;
gap: 10px;
}

.work_name {
width: 260px;
color: #6A6660;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.work_deck {
width: 260px; 
color: #6A6660;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}




/*  */



.Table {

}

.Table  .container {
width: 340px;
height: 270px;
object-fit: cover;
background-repeat: no-repeat;
margin: 0 auto;
margin-top: 10px;
}

.text_table {
padding: 16px 58px;
text-align: center;
justify-content: center;
align-items: center;
width: 224px;
height: 238px;
flex-direction: column;
gap: 0;


}

.table-deck {
width: 224px;
color: #FFF;
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 150%;
}

.vektor1 {
width: 10px;
height: 40px;
transform: rotate(-90deg);
flex-shrink: 1;
stroke-width: 3px;
stroke: #FFF;
 justify-content: center;

}

/*  */

.People {

}

.People .container {
width: 340px;
margin-top: 10px;
padding: 0;
gap: 20px;
}

.reviews {
padding: 20px;
padding-bottom: 0;
width: 198px;
color: #6A6660;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 119%;
}

.mass-people {
width: 260px;
margin-bottom: 20px;
height: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
align-items: center;
}

.People_list {
width: 260px;
height: auto;
padding: 20px;
gap: 20px;
}

.katy-tochki {
display: flex;
width: 150px;
height: 22px;
align-items: center;
gap: 10px;
}

.Name-people {
width: auto;
color: #6A6660;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.tochka {
width: 45px;
height: 5px;
fill: #6A6660;
gap: 5px;
}

.opicanie {

}

.people-desk {
width: 260px;

color: #6A6660;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; 
}

.denys-tochki {
display: flex;
width: 112px;
height: 22px;
align-items: center;
gap: 10px;
}

.masha-tochki {
display: flex;
width: 115px;
height: 22px;
align-items: center;
gap: 10px;
}


/*  */


.forma {

}

.forma  .container {
width: 340px;
flex-direction: column;
margin-top: 10px;
}

.forma-chec {
gap: 30px;
}

.name-opisanie {
gap: 10px;

}

.name-forma {
width: 198px;
color: #6A6660;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 10px;

}

.forma-deck {
width: 280px;
color: #6A6660;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}

.forma_input {
display: block;
width: 300px;
}


.input {
color: #6A6660;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;

display: flex;
height: 30px;
padding: 11px 20px;
align-items: center;
gap: 10px;
align-self: stretch;
}

.form-btn {
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: block;
display: flex;
width: 300px;
height: 40px;
padding: 10px 20px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 20px;
border: 1px solid #FFF;

background: #424530;

}

.img_kosmetica {
width: 340px;
height: 287px;

}






/*  */



.footer {

}

.footer .container {
display: flex;
width: 340px;
padding: 30px 0;
flex-direction: column;
align-items: center;
gap: 24px;
margin-top: 10px;
}

.all {
display: flex;
width: 296px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 30px;
}

.footer_contacts {
    flex-direction: column;
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.phone {

}

.mail {

}

.adress {

}

.nav {

}

.footer_nav {

}

.footer_list {

}

.soceal-media {
display: flex;

gap: 20px;
width: 136px;
height: 32px;
}

.svg {
width: 90px;
height: 90px;
}

.linia {
width: 340px;
height: 1px;
gap: 22px;
}

.footer_bottom {
display: flex;
width: 296px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 10px;
}


}