body {
  margin: 0;
  padding: 0;
}


/* Блоки заказ, о компании, доставка*/
.text-conteiner-style {
  padding-left: 1em;
  padding-top: 2em;
  padding-bottom: 2em;
}
.text-conteiner-style1 {
  padding-left: 1em;
  padding-top: 2em;
  padding-bottom: 7em;
}


ul:not(.spis) {
  list-style-type: none;
}

.ots {
  padding-left: 2em;
}

.markers li {
  list-style-image: url(../imager/knopka\ sfera.gif);
  margin: 2px 0;
}

span {
  font-style: italic;
}

.vnimanie {
  display: inline;
  font-weight: bold
}

.cvet>a>svg {
  padding-left: 1em;
}

.button {
  background-color: #F7D417;
  border: 0;
  width: 120px;
  height: 50px;
  border-top-right-radius: 90px;
  border-bottom-left-radius: 80px;
}

.button-new {
  background-color: #F7D417;
  border: 0;
  width: 100px;
  height: 30px;
  border-radius: 90px;

}

.zdes::after {
  content: ' \21E8';
}


a>button {
  cursor: pointer;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: black;
}

.hover-a {
  padding-left: 1em;
  padding-top: 1em;
}


.hover-a2 a:hover {
  text-shadow: 2px 2px 10px #d61919;


}

.hover-a-img {
  content: url('../imager/letter1.png');
}

.hover-a .hover-a-img:has(~ a:hover) {
  content: url("../imager/letter2.png");
}

.hover-a-img2 {
  content: url('../imager/tel1.png');
}

.hover-a .hover-a-img2:has(~ a:hover) {
  content: url("../imager/tel2.png");
}

div.cvet {
  padding-left: 1em;
}

.hover-a-img3 {
  content: url('../imager/home1.png');
  padding-left: 1em;
}

.hover-a-img3:hover {
  content: url('../imager/home2.png');
}

.hover-a-img4 {
  content: url('../imager/letter1.png');
}

.hover-a-img4:hover {
  content: url("../imager/letter2.png");
}

.home {
  display: flex;
  flex-direction: row;
  align-items: flex-end
}

ol{
  padding-left: 2em;
  font-family: serif;
  font-size: 16px;
  line-height: 22px;
}

ol li::marker {
  color: red;
}

.smile::after {
  content: '\263A';
}

.grid-gerb {
  display: grid;
  grid-template-columns: 1fr 1fr;

}

.grid-gerb3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;

}

.grid-gerb2 {
  display: grid;
  grid-template-columns: 1fr 1fr;

}

.zagolovok {
  background-color: rgb(238, 237, 232);
  color: #2b06b0;
  font-size: 20px;
  margin-right: 1em;
  text-align: center;
}

.grid-znak {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;


}

.grid-znak>div>a>img {
  width: 160px;
}

.grid-zag {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center
}
.grid-znak-s {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;


}
.grid-znak-s>div>a>img {
  width: 160px;
}



.lenta2 {
  display: flex;
  align-items: center;
  width: 100%;

}
.lenta h2{
 justify-content: center;
}

.braun{
  color: #d4b816;
}
.lenta-up{
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 0.5em;
  background-color: #a2a3ab55;
  margin: 1em;
  
}
.min{
  display: flex;
 justify-content: space-around;
 align-items: center;
 margin-right: 1em;
 margin-bottom: 2em;
}
.lenta-vid{
   display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 2em;
  margin-bottom: 2em;
}
.mini{
  display: flex;
  flex-direction: column;
  align-items: center;

}
.mini>div{
  padding-bottom: 1em;
}

.strong{
  align-items: center;
  padding-left: 2.5em;
}
.treb{
  display: flex;
  flex-direction: row;
  align-items: center;
 gap: 10px;
}
.maket-tr{
    content: url('../imager/butten-tr.png');
}
.maket-tr:hover {
  content: url('../imager/butten-tr2.png');
}
.maket-np{
  width: 120px;
  height: 40px;
}
.maket-np{
    content: url('../imager/butten-np.png');
}
.maket-np:hover {
  content: url('../imager/butten-np2.png');
}
.maket-dr{
    width: 120px;
  height: 40px;
}
.maket-dr{
    content: url('../imager/butten-dr.png');
}
.maket-dr:hover {
  content: url('../imager/butten-dr2.png');
}
.maket-pl{
    width: 120px;
  height: 40px;
}
.maket-pl{
    content: url('../imager/butten-pl.png');
}
.maket-pl:hover {
  content: url('../imager/butten-pl2.png');
}
.maket-kt{
    content: url('../imager/butten-kt.png');
}
.maket-kt:hover {
  content: url('../imager/butten-kt2.png');
}
.maket-vg{
    content: url('../imager/butten-vg.png');
}
.maket-vg:hover {
  content: url('../imager/butten-vg2.png');
}

.maket-raz{
    width: 120px;
  height: 40px;
}
.maket-raz{
    content: url('../imager/butten-razmer.png');
}
.maket-raz:hover {
  content: url('../imager/butten-razmer2.png');
}


.card>img {
  width: 60%;
}

h2 {
  text-align: center;
}

ul {
  list-style-type: none;
  
}